Meta Description" name="description" />
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NovaCart - Shopping Store</title>
<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#f5f7fa;color:#222}
header{background:#111;color:#fff;padding:18px 30px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0}
.logo{font-size:28px;font-weight:bold;color:#00d4ff}
nav a{color:#fff;text-decoration:none;margin-left:20px}
.hero{padding:70px 30px;text-align:center;background:linear-gradient(135deg,#00d4ff,#0066ff);color:#fff}
.hero h1{font-size:48px;margin-bottom:10px}
.hero p{font-size:18px;margin-bottom:20px}
.btn{background:#fff;color:#0066ff;padding:12px 24px;border:none;border-radius:30px;font-weight:bold;cursor:pointer}
.products{padding:40px 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}
.card{background:#fff;border-radius:18px;padding:18px;box-shadow:0 8px 20px rgba(0,0,0,.08);text-align:center}
.card img{width:100%;height:180px;object-fit:cover;border-radius:12px}
.card h3{margin:12px 0}
.price{color:#0066ff;font-size:20px;font-weight:bold;margin-bottom:10px}
footer{background:#111;color:#fff;text-align:center;padding:20px;margin-top:30px}
</style>
</head>
<body>
<header>
<div class="logo">NovaCart</div>
<nav>
<a href="#">Home</a>
<a href="#products">Products</a>
<a href="#">Cart</a>
<a href="#">Contact</a>
</nav>
</header>
<section class="hero">
<h1>Shop Smart, Live Better</h1>
<p>Trending products with amazing deals.</p>
<button class="btn">Shop Now</button>
</section>
<section class="products" id="products">
<div class="card"><img src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=600"/><h3>Running Shoes</h3><div class="price">₹2,499</div><button class="btn">Buy Now</button></div>
<div class="card"><img src="https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?w=600"/><h3>Smartphone</h3><div class="price">₹14,999</div><button class="btn">Buy Now</button></div>
<div class="card"><img src="https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=600"/><h3>Luxury Watch</h3><div class="price">₹3,999</div><button class="btn">Buy Now</button></div>
<div class="card"><img src="https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=600"/><h3>Headphones</h3><div class="price">₹1,899</div><button class="btn">Buy Now</button></div>
</section>
<footer>
© 2026 NovaCart. All rights reserved.
</footer>
</body>
</html>5
2
152KB
151KB
99.0ms
216.0ms
237.0ms