OneCompiler

online shop

1667

Example heading with h2 size

Example heading with h3 size

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tantawi Fashion Shop</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header> <div class="container"> <h1>Tantawi Fashion Shop</h1> <nav> <ul> <li><a href="#shoes">Shoes</a></li> <li><a href="#clothes">Clothes</a></li> <li><a href="#devices">Internet Devices</a></li> </ul> </nav> </div> </header> 
<section id="shoes">
    <div class="container">
        <h2>Shoes</h2>
        <div class="product-list">
            <div class="product-item">
                <img src="https://assets.onecompiler.app/42xgqp5j3/3x2zp2yd7/running%20shouse.jpg" alt="Running Shoes">
                <h3>Running Shoes</h3>
                <p>High performance running shoes for athletes.</p>
                <button onclick="redirectToWhatsApp('Running Shoes')">Buy Now</button>
            </div>
            <div class="product-item">
                <img src="https://assets.onecompiler.app/42xgqp5j3/3x2zp2yd7/cashual%20shue.webp" alt="Casual Sneakers">
                <h3>Casual Sneakers</h3>
                <p>Comfortable and stylish sneakers for everyday use.</p>
                <button onclick="redirectToWhatsApp('Casual Sneakers')">Buy Now</button>
            </div>
            <!-- Add more shoe products here -->
        </div>
    </div>
</section>

<section id="clothes">
    <div class="container">
        <h2>Clothes</h2>
        <div class="product-list">
            <div class="product-item">
                <img src="https://assets.onecompiler.app/42xgqp5j3/3x2zp2yd7/t%20shirt.jpg" alt="T-Shirts">
                <h3>T-Shirts</h3>
                <p>100% cotton t-shirts available in various colors.</p>
                <button onclick="redirectToWhatsApp('T-Shirts')">Buy Now</button>
            </div>
            <div class="product-item">
                <img src="https://assets.onecompiler.app/42xgqp5j3/3x2zp2yd7/jacket.jpg" alt="Jackets">
                <h3>Jackets</h3>
                <p>Stylish jackets for all seasons.</p>
                <button onclick="redirectToWhatsApp('Jackets')">Buy Now</button>
            </div>
            <!-- Add more clothes products here -->
        </div>
    </div>
</section>

<section id="devices">
    <div class="container">
        <h2>Internet Devices</h2>
        <div class="product-list">
            <div class="product-item">
                <img src="https://assets.onecompiler.app/42xgqp5j3/3x2zp2yd7/wireless%20rauter.webp" alt="Wireless Router">
                <h3>Wireless Router</h3>
                <p>High-speed wireless routers for seamless connectivity.</p>
                <button onclick="redirectToWhatsApp('Wireless Router')">Buy Now</button>
            </div>
            <div class="product-item">
                <img src="https://assets.onecompiler.app/42xgqp5j3/3x2zp2yd7/modem.jpg" alt="Modem">
                <h3>Modem</h3>
                <p>Reliable modems for high-speed internet access.</p>
                <button onclick="redirectToWhatsApp('Modem')">Buy Now</button>
            </div>
            <!-- Add more device products here -->
        </div>
    </div>
</section>

<footer>
    <div class="container">
        <p>&copy; 2024 Tantawi Fashion Shop. All rights reserved.</p>
    </div>
</footer>

<script src="script.js"></script>
</body> </html>