Scribd
Upload
2 views3 pages

Laddoo Gopal Dress Collection Online

The document is an HTML webpage for 'Damodar Poshak Bhandar', a store selling dresses for Laddoo Gopal. It features a welcome message, contact information, and a collection of three products with images, titles, prices, and purchase options. The page is styled with CSS for a visually appealing layout.

Uploaded by

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

Laddoo Gopal Dress Collection Online

The document is an HTML webpage for 'Damodar Poshak Bhandar', a store selling dresses for Laddoo Gopal. It features a welcome message, contact information, and a collection of three products with images, titles, prices, and purchase options. The page is styled with CSS for a visually appealing layout.

Uploaded by

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

<!

DOCTYPE html>
<html>
<head>
<title>Damodar Poshak Bhandar</title>
<style>
body {
font-family: Calibri, sans-serif;
background-color: #FFFF00;
text-align: center;
margin: 0;
padding: 0;
}

h1 {
color: darkred;
font-family: 'Times New Roman', serif;
font-size: 36px;
font-weight: bold;
margin-top: 20px;
}

p {
color: darkblue;
font-size: 20px;
font-weight: bold;
}

.contact {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}

.products {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
padding: 20px;
}

.product-card {
background: white;
border-radius: 10px;
padding: 15px;
width: 250px;
text-align: center;
box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
}

.product-card img {
width: 200px;
height: auto;
border-radius: 8px;
}

.product-title {
font-size: 18px;
font-weight: bold;
color: darkred;
margin-top: 10px;
}

.price {
font-size: 16px;
color: green;
font-weight: bold;
margin: 5px 0;
}

.btn {
display: inline-block;
padding: 8px 12px;
margin: 5px;
font-size: 14px;
font-weight: bold;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
}

.buy-now {
background-color: red;
}

.add-cart {
background-color: blue;
}

.btn:hover {
opacity: 0.85;
}
</style>
</head>
<body>
<h1>Welcome To Damodar Poshak Bhandar</h1>
<p>Here you can buy beautiful dresses for Laddoo Gopal.</p>

<div class="contact">
Phone: +91 8130907520 <br>
Browse our latest collection below.
</div>

<div class="products">
<!-- Product 1 -->
<div class="product-card">
<img src="[Link]
[Link]" alt="Decorated item">
<div class="product-title">Red & Gold Dress</div>
<div class="price">₹150</div>
<a href="[Link]
%20Red%20%26%20Gold%20Dress" class="btn buy-now">Buy Now</a>
<button class="btn add-cart">Add to Cart</button>
</div>

<!-- Product 2 -->


<div class="product-card">
<img src="[Link]
alt="Decorated item">
<div class="product-title">Blue Embroidered Dress</div>
<div class="price">₹180</div>
<a href="[Link]
%20Blue%20Embroidered%20Dress" class="btn buy-now">Buy Now</a>
<button class="btn add-cart">Add to Cart</button>
</div>

<!-- Product 3 -->


<div class="product-card">
<img src="[Link]
alt="Decorated item">
<div class="product-title">Green Silk Dress</div>
<div class="price">₹200</div>
<a href="[Link]
%20Green%20Silk%20Dress" class="btn buy-now">Buy Now</a>
<button class="btn add-cart">Add to Cart</button>
</div>
</div>
</body>
</html>

You might also like