Scribd
Upload
2 views4 pages

Coding Rest

WardrobeHaven is an online clothing store offering a curated collection of men's, women's, and kids' apparel at affordable prices. The website features sections for different clothing categories, product listings with images and prices, and a user-friendly navigation system. Customers can easily add items to their cart and enjoy a seamless shopping experience with secure payments and fast delivery.

Uploaded by

devindihasara2003
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views4 pages

Coding Rest

WardrobeHaven is an online clothing store offering a curated collection of men's, women's, and kids' apparel at affordable prices. The website features sections for different clothing categories, product listings with images and prices, and a user-friendly navigation system. Customers can easily add items to their cart and enjoy a seamless shopping experience with secure payments and fast delivery.

Uploaded by

devindihasara2003
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>
<html>
<head>
<title>My first Webpage</title>
<title>Wardrobe Haven</title>

<!--woman's page-->

<title>Women's Clothing - WardrobeHaven</title>


<style>
body { font-family: Arial, sans-serif; text-align: center; }
img { width: 250px; height: auto; border-radius: 10px; }
section { margin: 20px; padding: 10px; border-bottom: 1px solid #ddd; }
nav a { padding: 10px; text-decoration: none; background-color: #333; color: white; border-radius: 5px; }

<!--logo-->
.store-logo {
width: 100%;
max-width: 3600px;
height: auto;
display: block;
margin: 0 auto;
}

<!--button-->

body { font-family: Arial, sans-serif; text-align: center; }


img { width: 250px; height: auto; border-radius: 10px; }
section { margin: 20px; padding: 10px; border-bottom: 1px solid #ddd; }

/* Add button styles */


button {
background-color: #ff6600;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
font-size: 16px;
border-radius: 5px;
}

button:hover {
background-color: #e65c00;
}

<!--woman-->

body { font-family: Arial, sans-serif; text-align: center; }


img { width: 250px; height: auto; border-radius: 10px; }
.product { margin: 20px; padding: 10px; border: 1px solid #ddd; display: inline-block; width: 250px; }
button {
background-color: #ff6600;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
font-size: 16px;
border-radius: 5px;
}
button:hover { background-color: #e65c00; }

</style>
</head>
<body>
<h1>WardrobeHaven</h1>
<!-- collage Section -->
<div class="collage">
<img src="im1.jpg" class="slide">
<img src="im2.jpg" class="slide">
<img src="im3.jpg" class="slide">
<img src="im4.jpg" class="slide">
<img src="im5.jpg" class="slide">
</div>

</body>

<h2>Online Clothing Store</h2>


<p>Welcome to WardrobeHaven, where fashion meets quality and affordability. Our carefully curated collection of
men's, women's, and kids' apparel ensures that you find the perfect outfit for any occasion. From stylish new arrivals
to exclusive promotions, we bring you the latest trends at unbeatable prices. With easy navigation, secure payments,
and fast delivery, shopping with us is convenient and hassle-free. Experience a seamless and enjoyable shopping
journey today!</p>

<nav>
<a href="men.html">
<button>Men's Clothing</button>
</a>
<a href="women.html">
<button>Women's Clothing</button>
</a>
<a href="kid.html">
<button>Kid's Clothing</button>
</a>

</nav>

<section id="men">
<h2>Men's Clothing</h2>
<img src="LINEN-SHIRTS.jpg" alt="Men's Clothing">
<p>Discover stylish men's wear, from casual shirts to formal suits.</p>
</section>

<section id="women">
<h2>Women's Clothing</h2>
<img src="dwld.jpg" alt="Women's Clothing">
<p>Explore elegant dresses, trendy tops, and fashionable accessories.</p>
</section>

<section id="kids">
<h2>Kids' Clothing</h2>
<img src="k.jpg" alt="Kids' Clothing">
<p>Comfortable and stylish outfits for kids of all ages.</p>
</section>

<!--woman page-->

<h1>Women's Clothing</h1>
<p>Explore elegant dresses, trendy tops, and fashionable accessories.</p>

<div class="product">
<img src="dress.jpg" alt="Elegant Dress">
<h3>Elegant Dress</h3>
<p>Price: $45 | Availability: In Stock</p>
<button onclick="addToCart('Elegant Dress', 45)">Add to Cart</button>
</div>

<div class="product">
<img src="jeans.jpg" alt="Denim Jeans">
<h3>Denim Jeans</h3>
<p>Price: $40 | Availability: In Stock</p>
<button onclick="addToCart('Denim Jeans', 40)">Add to Cart</button>
</div>

<div class="product">
<img src="top.jpg" alt="Stylish Top">
<h3>Stylish Top</h3>
<p>Price: $35 | Availability: In Stock</p>
<button onclick="addToCart('Stylish Top', 35)">Add to Cart</button>
</div>

<br>
<a href="index.html">Back to Home</a>

<script>
function addToCart(item, price) {
alert(item + " added to cart! Price: $" + price);
}
</script>

</body>
</html>

<footer>
<p>Contact Us: <a href="mailto:[email protected]">[email protected]</a></p>
<p>&copy; 2025 WardrobeHaven. All rights reserved.</p>
</footer>

</body>
</html>

You might also like