Mahadev bazar - #2547
Conversation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mahadev Bazar</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>🕉️ Mahadev Bazar</h1>
<p>Everything You Need, All in One Place</p>
</header>
<nav>
<a href="#">Home</a>
<a href="#">Cakes</a>
<a href="#">Bakery</a>
<a href="#">Products</a>
<a href="#">Contact</a>
</nav>
<section class="hero">
<h2>Fresh Cakes & Bakery Delivered</h2>
<p>Order delicious cakes for every occasion.</p>
<button>Shop Now</button>
</section>
<section class="products">
<div class="card">
<img src="https://picsum.photos/300/200?random=1" alt="Cake">
<h3>Chocolate Cake</h3>
<p>₹999</p>
<button>Add to Cart</button>
</div>
<div class="card">
<img src="https://picsum.photos/300/200?random=2" alt="Cake">
<h3>Black Forest Cake</h3>
<p>₹799</p>
<button>Add to Cart</button>
</div>
<div class="card">
<img src="https://picsum.photos/300/200?random=3" alt="Bakery">
<h3>Fresh Bread</h3>
<p>₹60</p>
<button>Add to Cart</button>
</div>
</section>
<footer>
<p>© 2026 Mahadev Bazar | Fast Delivery</p>
</footer>
</body>
</html>*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,sans-serif;
}
body{
background:#f5f5f5;
}
header{
background:Acode-Foundation#111;
color:#fff;
text-align:center;
padding:20px;
}
header h1{
color:gold;
margin-bottom:10px;
}
nav{
background:Acode-Foundation#222;
display:flex;
justify-content:center;
flex-wrap:wrap;
}
nav a{
color:#fff;
text-decoration:none;
padding:15px 20px;
}
nav a:hover{
background:gold;
color:Acode-Foundation#111;
}
.hero{
text-align:center;
padding:60px 20px;
background:linear-gradient(135deg,Acode-Foundation#111,Acode-Foundation#444);
color:white;
}
.hero button{
margin-top:20px;
padding:12px 24px;
background:gold;
border:none;
border-radius:5px;
cursor:pointer;
font-weight:bold;
}
.products{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
padding:30px;
}
.card{
background:white;
border-radius:10px;
overflow:hidden;
box-shadow:0 4px 10px rgba(0,0,0,.15);
text-align:center;
}
.card img{
width:100%;
height:200px;
object-fit:cover;
}
.card h3{
margin:15px 0 10px;
}
.card p{
font-size:18px;
color:#e91e63;
}
.card button{
margin:15px;
padding:10px 20px;
background:Acode-Foundation#111;
color:white;
border:none;
border-radius:5px;
cursor:pointer;
}
.card button:hover{
background:gold;
color:Acode-Foundation#111;
}
footer{
background:Acode-Foundation#111;
color:white;
text-align:center;
padding:20px;
}let cart = 0;
const buttons = document.querySelectorAll(".card button");
buttons.forEach(button => {
button.addEventListener("click", () => {
cart++;
alert("✅ Product added to cart!\nItems in Cart: " + cart);
});
});
Greptile SummaryThis PR renames the repository-level Confidence Score: 3/5This PR should not merge until the project documentation is restored under a recognized README filename. The renamed file remains project documentation rather than an executable HTML entry point, so the change removes the repository's automatically rendered README and breaks the existing homepage fragment target. Files Needing Attention: index.html Important Files Changed
|
|
Make a perfect |
|
All dhangadi deliver |
|
Time to report you @jfvwhsjbdvd-max |
🕉️ Mahadev Bazar
Everything You Need, All in One Place
Home Cakes Bakery Products ContactFresh Cakes & Bakery Delivered
Order delicious cakes for every occasion.
Shop NowChocolate Cake
₹999
Add to CartBlack Forest Cake
₹799
Add to CartFresh Bread
₹60
Add to Cart© 2026 Mahadev Bazar | Fast Delivery
*{ margin:0; padding:0; box-sizing:border-box; font-family:Arial,sans-serif; }body{
background:#f5f5f5;
}
header{
background:#111;
color:#fff;
text-align:center;
padding:20px;
}
header h1{
color:gold;
margin-bottom:10px;
}
nav{
background:#222;
display:flex;
justify-content:center;
flex-wrap:wrap;
}
nav a{
color:#fff;
text-decoration:none;
padding:15px 20px;
}
nav a:hover{
background:gold;
color:#111;
}
.hero{
text-align:center;
padding:60px 20px;
background:linear-gradient(135deg,#111,#444);
color:white;
}
.hero button{
margin-top:20px;
padding:12px 24px;
background:gold;
border:none;
border-radius:5px;
cursor:pointer;
font-weight:bold;
}
.products{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
padding:30px;
}
.card{
background:white;
border-radius:10px;
overflow:hidden;
box-shadow:0 4px 10px rgba(0,0,0,.15);
text-align:center;
}
.card img{
width:100%;
height:200px;
object-fit:cover;
}
.card h3{
margin:15px 0 10px;
}
.card p{
font-size:18px;
color:#e91e63;
}
.card button{
margin:15px;
padding:10px 20px;
background:#111;
color:white;
border:none;
border-radius:5px;
cursor:pointer;
}
.card button:hover{
background:gold;
color:#111;
}
footer{
background:#111;
color:white;
text-align:center;
padding:20px;
}let cart = 0;
const buttons = document.querySelectorAll(".card button");
buttons.forEach(button => {
button.addEventListener("click", () => {
cart++;
alert("✅ Product added to cart!\nItems in Cart: " + cart);
});
});