Flipkart_clone/men.html at main · DS123-ally/Flipkart_clone · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Men's Fashion - Flipkart Clone</title>
    <link rel="stylesheet" href="style.css" />
</head>

<body>

    <header class="navbar">
        <div class="logo">
            <img src="flipkart.png" alt="Flipkart " class="flipkart-logo " />Flipkart
        </div>
        <div class="search-bar ">
            <input type="text " placeholder="Search for products, brands and more " />
            <button>Search</button>
        </div>
        <nav class="nav-links">
            <a href="index.html">Home</a>
            <a href="#">Cart</a>
        </nav>
    </header>

    <main class="main-content">
        <h2 class="section-title">Men's Fashion</h2>
        <section class="product-grid">
            <div class="product-card">
                <img src="Vebnor Shirt.png" alt="Men Shirt" />
                <h3>Vebnor Checked Casual Shirt</h3>
                <p>₹499 <span class="old-price">₹1,099</span></p>
                <button>Add to Cart</button>
            </div>
            <div class="product-card">
                <img src="Jeans.png" alt="Men Jeans" />
                <h3>Metronaut Slim Fit Jeans</h3>
                <p>₹799 <span class="old-price">₹1,999</span></p>
                <button>Add to Cart</button>
            </div>
            <div class="product-card">
                <img src="Allen T-Shirt.png" alt="T-Shirt" />
                <h3>Allen Solly Printed T-Shirt</h3>
                <p>₹549 <span class="old-price">₹999</span></p>
                <button>Add to Cart</button>
            </div>
            <div class="product-card">
                <img src="Puma Sports Shoes.png" alt="Puma Shoes" />
                <h3>Puma Thundersmash Shoes</h3>
                <p>₹2,999 <span class="old-price">₹4,499</span></p>
                <button>Add to Cart</button>
            </div>
            <div class="product-card">
                <img src="Leather Belt.png" alt="Belt Combo" />
                <h3>Leather Belt Combo (Brown/Black)</h3>
                <p>₹299 <span class="old-price">₹799</span></p>
                <button>Add to Cart</button>
            </div>
        </section>

        <section class="advertisement-banner">
            <img src="banner5.png" alt="" />
        </section>

    </main>

    <footer class="footer">
        © 2025 Flipkart Clone | Men's Fashion Design By Dinesh
    </footer>

</body>

</html>