Untitled

avatar
unknown
plain_text
9 months ago
3.9 kB
8
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Creative eCommerce - Trendy Fashion</title>
    <link rel="stylesheet" href="styles.css">
    <script defer src="script.js"></script>
</head>
<body>
    <header>
        <div class="logo">🔥 Creative eCommerce</div>
        <nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#shop">Shop</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Contact</a></li>
                <li><a href="#cart" class="cart-icon">🛒 Cart</a></li>
            </ul>
        </nav>
    </header>
    
    <section id="home" class="hero">
        <h1>Wear Your Attitude 😎</h1>
        <p>Unleash your inner trendsetter with the coolest fits.</p>
        <button onclick="scrollToSection('shop')">🔥 Shop Now</button>
    </section>
    
    <section id="shop" class="product-section">
        <h2>New Drip Just Dropped 💧</h2>
        <div class="product-container">
            <div class="product">
                <img src="product1.jpg" alt="Oversized T-Shirt">
                <h3>Oversized T-Shirt</h3>
                <p>$19.99</p>
                <button onclick="addToCart('Oversized T-Shirt')">Add to Cart</button>
            </div>
            <div class="product">
                <img src="product2.jpg" alt="Graphic Hoodie">
                <h3>Graphic Hoodie</h3>
                <p>$39.99</p>
                <button onclick="addToCart('Graphic Hoodie')">Add to Cart</button>
            </div>
            <div class="product">
                <img src="product3.jpg" alt="Denim Jacket">
                <h3>Denim Jacket</h3>
                <p>$49.99</p>
                <button onclick="addToCart('Denim Jacket')">Add to Cart</button>
            </div>
        </div>
    </section>
    
    <section id="reviews" class="reviews-section">
        <h2>Rate Your Experience ⭐</h2>
        <div class="review-container">
            <input type="text" id="review-text" placeholder="Tell us your thoughts...">
            <select id="star-rating">
                <option value="1">⭐</option>
                <option value="2">⭐⭐</option>
                <option value="3">⭐⭐⭐</option>
                <option value="4">⭐⭐⭐⭐</option>
                <option value="5">⭐⭐⭐⭐⭐</option>
            </select>
            <button onclick="submitReview()">Submit Review</button>
        </div>
        <div id="review-list"></div>
    </section>
    
    <section id="related-products" class="related-section">
        <h2>You Might Also Like 👀</h2>
        <div class="related-container" id="suggested-products"></div>
    </section>
    
    <section id="about" class="about-section">
        <h2>Who We Are 🏆</h2>
        <p>We bring the dopest, trendiest fashion to Gen Z with attitude and style.</p>
        <p><strong>Created by: Aastha Gupta</strong></p>
    </section>
    
    <section id="message" class="message-section">
        <h2>A Message from Aastha 💖</h2>
        <p>Hey there, fashion enthusiasts! I created this platform with the vision of making trendy and bold fashion accessible to everyone. Your support and feedback mean everything! Keep shopping, keep slaying. ✨</p>
    </section>
    
    <section id="contact" class="contact-section">
        <h2>Slide into Our DMs 📩</h2>
        <p>For queries, complaints, or suggestions, reach out to us at:</p>
        <p><strong>📧 Email:</strong> support@creativeecom.in</p>
        <p><strong>📞 Phone:</strong> +91 98765 43210</p>
    </section>
    
    <footer>
        <p>&copy; 2025 Creative eCommerce. All rights reserved. ✨</p>
    </footer>
</body>
</html>
Editor is loading...
Leave a Comment