Untitled
unknown
plain_text
2 months ago
2.1 kB
1
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>White Clothes Collection</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Shirts</a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Pants</a></li>
<li><a href="#">Accessories</a></li>
</ul>
</nav>
</header>
<main>
<h1>White Clothes Collection</h1>
<div class="product-list">
<!-- White Shirts -->
<section class="product-category">
<h2>White Shirts</h2>
<div class="product">
<img src="shirt1.jpg" alt="White Shirt 1">
<p>Classic White Shirt</p>
<p>Price: $29.99</p>
</div>
<div class="product">
<img src="shirt2.jpg" alt="White Shirt 2">
<p>Button-Down White Shirt</p>
<p>Price: $39.99</p>
</div>
</section>
<!-- White Jackets -->
<section class="product-category">
<h2>White Jackets</h2>
<div class="product">
<img src="jacket1.jpg" alt="White Jacket 1">
<p>White Leather Jacket</p>
<p>Price: $119.99</p>
</div>
<div class="product">
<img src="jacket2.jpg" alt="White Jacket 2">
<p>White Blazer</p>
<p>Price: $79.99</p>
</div>
</section>
<!-- White Pants -->
<section class="product-category">
<h2>White Pants</h2>
<div class="product">
<img src="pants1.jpg" alt="White Pants 1">
<p>White Slim Fit Pants</p>
<p>Price: $49.99</p>
</div>
<div class="product">
<img src="pants2.jpg" alt="White Pants 2">
<p>White Casual Trousers</p>
<p>Price: $59.99</p>
</div>
</section>
</div>
</main>
<footer>
<p>© 2025 White Clothes Collection. All rights reserved.</p>
</footer>
<script src="script.js"></script>
</body>
</html>
Editor is loading...
Leave a Comment