Untitled

avatar
unknown
plain_text
2 months ago
3.1 kB
4
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sambalpuri Elegance - Handloom Clothing</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
        header { background: #8B0000; color: white; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; }
        .logo { font-size: 24px; font-weight: bold; }
        nav a { color: white; text-decoration: none; margin: 0 10px; }
        .hero { background: url('hero-image.jpg') no-repeat center center/cover; height: 400px; display: flex; align-items: center; justify-content: center; text-align: center; color: white; font-size: 28px; font-weight: bold; }
        .collections, .best-sellers, .trust-section, .reviews, .about { padding: 40px 20px; text-align: center; }
        .collections img, .best-sellers img { width: 200px; height: auto; margin: 10px; }
        .cta-button { background: #8B0000; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; display: inline-block; margin-top: 10px; }
        footer { background: #222; color: white; text-align: center; padding: 20px; }
    </style>
</head>
<body>
    <header>
        <div class="logo">Sambalpuri Elegance</div>
        <nav>
            <a href="#">Home</a>
            <a href="#">Shop</a>
            <a href="#">Best Sellers</a>
            <a href="#">About Us</a>
            <a href="#">Contact</a>
        </nav>
    </header>
    
    <div class="hero">Experience the Beauty of Authentic Sambalpuri Handloom</div>
    
    <section class="collections">
        <h2>Shop by Category</h2>
        <div>
            <img src="saree.jpg" alt="Sarees">
            <img src="kurta.jpg" alt="Men's Kurtas">
            <img src="dupatta.jpg" alt="Dupattas">
        </div>
        <a href="#" class="cta-button">Shop Now</a>
    </section>
    
    <section class="best-sellers">
        <h2>Best Sellers</h2>
        <div>
            <img src="bestseller1.jpg" alt="Bestseller 1">
            <img src="bestseller2.jpg" alt="Bestseller 2">
        </div>
        <a href="#" class="cta-button">View Collection</a>
    </section>
    
    <section class="trust-section">
        <h2>Why Choose Us?</h2>
        <p>✔ 100% Authentic Handloom<br>✔ Crafted by Skilled Weavers<br>✔ Cash on Delivery Available</p>
    </section>
    
    <section class="reviews">
        <h2>Customer Reviews</h2>
        <p>⭐⭐⭐⭐⭐ "Loved the saree! Fabric is amazing." – Priya M.</p>
        <p>⭐⭐⭐⭐⭐ "Fast shipping and great service." – Arjun R.</p>
    </section>
    
    <section class="about">
        <h2>About Us</h2>
        <p>We bring you the finest handcrafted Sambalpuri textiles, supporting traditional weavers of Odisha.</p>
        <a href="#" class="cta-button">Learn More</a>
    </section>
    
    <footer>
        <p>&copy; 2025 Sambalpuri Elegance | All Rights Reserved</p>
    </footer>
</body>
</html>
Editor is loading...
Leave a Comment