HOUSE OF SAANJH

bySuraj Paswan

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>House of Saanjh | Luxury Ethnic Wear</title> <style> /* Color Palette inspired by your brand */ :root { --primary-gold: #c5a059; --dark-bg: #1a1a1a; --text-light: #f9f9f9; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Georgia', serif; } body { background-color: var(--dark-bg); color: var(--text-light); line-height: 1.6; } /* Header & Navigation */ header { text-align: center; padding: 2rem; background-color: #000; border-bottom: 2px solid var(--primary-gold); } .logo-img { max-width: 250px; height: auto; } nav { margin-top: 1rem; } nav a { color: var(--primary-gold); text-decoration: none; margin: 0 15px; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 2px; } nav a:hover { color: #fff; } /* Hero Banner Section */ .hero { position: relative; text-align: center; padding: 4rem 2rem; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('1000023962.jpg') no-repeat center center/cover; min-height: 80vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } .hero h1 { font-size: 4rem; color: var(--primary-gold); margin-bottom: 1rem; text-shadow: 2px 2px 4px #000; } .hero p { font-size: 1.5rem; margin-bottom: 2rem; } .btn { background-color: var(--primary-gold); color: #000; padding: 15px 30px; text-decoration: none; font-weight: bold; font-size: 1.2rem; border-radius: 5px; transition: 0.3s; } .btn:hover { background-color: #fff; } /* Collections Section */ .collections { padding: 5rem 10%; text-align: center; background-color: #222; } .collections h2 { color: var(--primary-gold); font-size: 2.5rem; margin-bottom: 3rem; } .grid { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; } .card { background-color: #000; border: 1px solid var(--primary-gold); padding: 15px; width: 45%; min-width: 300px; } .card img { width: 100%; height: auto; border-bottom: 1px solid var(--primary-gold); margin-bottom: 15px; } /* Footer & Contact */ footer { background-color: #000; text-align: center; padding: 3rem; border-top: 2px solid var(--primary-gold); } .contact-info h3 { color: var(--primary-gold); margin-bottom: 1rem; } .contact-info p { margin-bottom: 0.5rem; } .footer-banner { max-width: 600px; width: 100%; margin: 20px auto; } </style> </head> <body> <header> <!-- Logo --> <img src="1000023963.jpg" alt="House of Saanjh Logo" class="logo-img"> <nav> <a href="#home">Home</a> <a href="#collections">Collections</a> <a href="#sale">Offers</a> <a href="#contact">Contact</a> </nav> </header> <section id="home" class="hero"> <h1>GRAND FESTIVAL SALE</h1> <p>Celebrate in Style. Up to 50% Off Everything!</p> <a href="#collections" class="btn">Shop The Sale</a> </section> <section id="collections" class="collections"> <h2>Handcrafted Heritage</h2> <div class="grid"> <!-- Festive Collection Poster --> <div class="card"> <img src="1000023961.jpg" alt="Festive Collection Live"> <h3 style="color: #c5a059;">Festive Collection Now Live</h3> <p>Embrace the essence of tradition and style.</p> </div> <!-- Grand Sale Poster --> <div class="card"> <img src="1000023962.jpg" alt="Luxury Ethnic Wear"> <h3 style="color: #c5a059;">Shop Lehengas, Sarees & Kurtas</h3> <p>Visit our stores & online for limited period offers.</p> </div> </div> </section> <footer id="contact"> <div class="contact-info"> <h3>Visit House of Saanjh</h3> <p>For Orders Contact: <strong>(7000066666)</strong></p> <p>Website: www.houseofsaanjh.com</p> <p>Instagram: @houseofsaanjh | Facebook: @HouseOfSaanjh</p> </div> <!-- Footer Banner Image --> <img src="1000023049.jpg" alt="Follow for more content" class="footer-banner"> <p style="margin-top: 2rem; font-size: 0.9rem;">&copy; 2026 House of Saanjh. All rights reserved.</p> </footer> </body> </html> Create a website

LandingLoginCartInventoryUsersProducts
Landing

Comments (0)

No comments yet. Be the first!

Landing design preview
Login: Sign In
AdminDashboard: View Analytics
AdminDashboard: View Sales Reports
Products: Manage Listings
Products: Add Product
Products: Edit MRP
Inventory: Manage Stock
Users: Manage Accounts
Users: Edit Permissions