Untitled
unknown
plain_text
5 months ago
2.1 kB
1
Indexable
office-furniture/
├── index.html
├── about.html
├── contact.html
├── styles.css
├── script.js
└── images/
└── (your images here)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Office Furniture Store</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="logo">
<h1>Office Furniture Store</h1>
</div>
<nav>
<ul>
<li><a href="#chairs">Chairs</a></li>
<li><a href="#tables">Tables</a></li>
<li><a href="#workstations">Workstations</a></li>
<li><a href="#meeting-tables">Meeting Tables</a></li>
</ul>
</nav>
<div class="sidebar">
<a href="about.html">About Us</a>
<a href="contact.html">Contact Us</a>
<div class="language-selector">
<label for="language">Language:</label>
<select id="language">
<option value="en">English</option>
<option value="es">Español</option>
<option value="fr">Français</option>
</select>
</div>
</div>
</header>
<main>
<section id="chairs">
<h2>Chairs</h2>
<!-- Content for chairs -->
</section>
<section id="tables">
<h2>Tables</h2>
<!-- Content for tables -->
</section>
<section id="workstations">
<h2>Workstations</h2>
<!-- Content for workstations -->
</section>
<section id="meeting-tables">
<h2>Meeting Tables</h2>
<!-- Content for meeting tables -->
</section>
</main>
<footer>
<p>© 2024 Office Furniture Store</p>
</footer>
<script src="script.js"></script>
</body>
</html>
Leave a Comment