<!DOCTYPE html>
<html>
<head>
<title>THE ARCHIVE - 1997 MODE</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="top-nav">
<a href="#">F.A.Q.</a> | <a href="#">WRITING</a> | <a href="#">GALLERY</a> | <a href="#">FORUM</a> | <a href="#">RESOURCES</a>
</div>
<div class="main-wrapper">
<div class="left-col">
<div class="category">
<span class="category-title">writing 📚</span>
<p>Read various <a href="#">Essays</a>, <a href="#">Short Stories</a>, and <a href="#">World Building</a> notes.</p>
</div>
<div class="category">
<span class="category-title">gallery 🎨</span>
<p>View my <a href="#">Watercolors</a> and digital <a href="#">Sketches</a>.</p>
</div>
<div class="category">
<span class="category-title">resources 📖</span>
<p>Check out my <a href="#">Book Reviews</a> and <a href="#">Writing Tips</a>.</p>
</div>
</div>
<div class="center-col">
<img src="https://via.placeholder.com/150" style="border-radius: 50%; border: 3px solid #ccc;" alt="Profile">
<h2 style="font-style: italic; color: #b71c1c;">Welcome Home!</h2>
<p>This site is a dynamic playground for fantasy lore and 19th-century literature.</p>
<img src="https://web.archive.org/web/20091027083236im_/http://geocities.com/Paris/6031/under_construction.gif">
</div>
<div class="right-sidebar">
<div class="sidebar-heading">NEWS & UPDATES</div>
<p style="font-size: 12px;">New Chapter posted in the Writing section!</p>
<div class="newsletter">
<p style="font-size: 11px;">Join the Mailing List!</p>
<input type="text" placeholder="email address" style="width: 80%;">
<button style="margin-top: 5px;">SEND ME INFO</button>
</div>
<p style="margin-top: 50px;">Visitors:</p>
<div class="counter">001042</div>
</div>
</div>
<center>
<p style="font-size: 12px; margin-top: 20px;">Built with passion. Bookmark now!</p>
</center>
</body>
</html>