Web-Development/Product.html at main · prashantpiyush1111/Web-Development · 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
<!DOCTYPE html>
<html>
<head>
    <title>AirFlex Shoes</title>
    <link rel="stylesheet" href="Product.css">
</head>
<body>

<header>
    <h1 class="logo">AirFlex</h1>
    <nav>
        <a href="#">Home</a>
        <a href="#">Shop</a>
        <a href="#">About</a>
        <a href="#">Contact</a>
    </nav>
</header>

<section class="hero">
    <div class="hero-text">
        <h2>Run Faster. Feel Lighter.</h2>
        <p>Experience next-level comfort with AirFlex premium running shoes.</p>
        <div class="buttons">

    <a href="https://www.amazon.in/" target="_blank">
        <button class="buy">Buy Now</button>
    </a>

    <a href="https://www.aboutamazon.com/about-us" target="_blank">
        <button class="learn">Learn More</button>
    </a>

</div>

    </div>

    <div class="hero-img">
        <img src="https://m.media-amazon.com/images/I/611d5UiokvL._SY695_.jpg" alt="Shoe">
    </div>
</section>

<section class="features">
    <div class="feature-card">
        <h3>Ultra Light</h3>
        <p>Designed with lightweight breathable material.</p>
    </div>

    <div class="feature-card">
        <h3>Durable</h3>
        <p>High quality sole for long-lasting performance.</p>
    </div>

    <div class="feature-card">
        <h3>Stylish</h3>
        <p>Modern design that matches every outfit.</p>
    </div>
</section>

<footer>
    <p>Just a sample </p>
</footer>

</body>
</html>