[EDIT] FILE: index.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>KABERA GLOBAL | Marketplace</title><style> :root { --accent: #ff3366; --bg: #121212; --card: #1f1f1f; } * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; } body { background: var(--bg); color: #fff; } nav { display: flex; justify-content: space-between; align-items: center; padding: 20px 5%; background: #000; border-bottom: 2px solid var(--accent); } nav .brand { font-size: 24px; font-weight: 900; letter-spacing: 1px; } nav .brand span { color: var(--accent); } nav input { padding: 10px 20px; border-radius: 20px; border: none; outline: none; background: #333; color: #fff; width: 300px; } nav a { color: #fff; text-decoration: none; margin-left: 20px; font-weight: bold; } header { padding: 60px 5%; background: linear-gradient(90deg, #1f1f1f, #000); display: flex; align-items: center; justify-content: space-between; } .header-text h1 { font-size: 3.5rem; text-transform: uppercase; margin-bottom: 15px; } .btn { display: inline-block; padding: 12px 25px; background: var(--accent); color: #fff; text-decoration: none; font-weight: bold; border-radius: 4px; text-transform: uppercase; } section { padding: 60px 5%; } h2 { font-size: 2rem; margin-bottom: 30px; border-left: 4px solid var(--accent); padding-left: 15px; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; } .product { background: var(--card); padding: 15px; border-radius: 8px; position: relative; } .product .badge { position: absolute; top: 10px; right: 10px; background: var(--accent); padding: 5px 10px; font-size: 12px; font-weight: bold; border-radius: 4px; } .product img { width: 100%; height: 220px; object-fit: cover; border-radius: 4px; margin-bottom: 15px; } .product h3 { font-size: 1.1rem; margin-bottom: 10px; } .product .price { font-size: 1.3rem; font-weight: bold; color: var(--accent); margin-bottom: 15px; } .product .buy-btn { display: block; width: 100%; padding: 10px; text-align: center; border: 1px solid var(--accent); color: var(--accent); text-decoration: none; font-weight: bold; border-radius: 4px; transition: 0.3s; } .product .buy-btn:hover { background: var(--accent); color: #fff; } footer { padding: 40px 5%; background: #000; text-align: center; color: #777; font-size: 14px; } </style></head><body> <nav><div class="brand">KABERA GLOBAL<span>.</span></div><input type="text" placeholder="Search products..."><div class="links"><a href="#about">About</a><a href="#products">Store</a><a href="#contact">Contact</a></div></nav> <header><div class="header-text"><h1>Neon<br>Market</h1><p style="color:#aaa; font-size:1.2rem; margin-bottom:25px;">Next-Gen Digital Infrastructure</p><a href="#products" class="btn">Shop Now</a></div></header> <section id="about"><h2>About the Market</h2><p style="color:#ccc; line-height:1.6; max-width:800px;">The ultimate dark-mode e-commerce hub. We curate high-tech gear, exclusive streetwear, and digital assets for the modern urban dweller.</p></section> <section id="products"><h2>Trending Products</h2><div class="grid"> <div class="product"><div class="badge">SALE</div><img src="https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=600"><h3>Wireless Audio Tech</h3><div class="price">$199.00</div><a href="#" class="buy-btn">Add to Cart</a></div> <div class="product"><img src="https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=600"><h3>Smart Watch Pro</h3><div class="price">$299.00</div><a href="#" class="buy-btn">Add to Cart</a></div> <div class="product"><div class="badge">NEW</div><img src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=600"><h3>Neon Kicks</h3><div class="price">$150.00</div><a href="#" class="buy-btn">Add to Cart</a></div> <div class="product"><img src="https://images.unsplash.com/photo-1585386959984-a4155224a1ad?w=600"><h3>Mechanical Keyboard</h3><div class="price">$120.00</div><a href="#" class="buy-btn">Add to Cart</a></div> </div></section> <section id="contact" style="background:#1a1a1a;"><h2>Customer Support</h2><p style="margin-bottom:20px;">Need help with your order? Drop us a line.</p><a href="mailto:support@kaberaglobal.com" class="btn">Contact Support</a></section> <footer>© 2026 KABERA GLOBAL. E-Commerce Marketplace.</footer></body></html>
SAVE
CANCEL