Fresh/index.html at main · saiful-global/Fresh · 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Class 07 H.W.</title>
    <link href="https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--====== Navbar Start Here ========-->
<nav>
  <div class="container">
        <div class="nav-main">
            <div class="logo">
                <a href="#">
                    <img src="images/logo.png" alt="logo">
                </a>
            </div>
            <div class="menu">
                <ul>
                    <li><a href="">Men</a></li>
                    <li><a href="">Women</a></li>
                    <li><a href="">Kids</a></li>
                    <li><a href="">Collection</a></li>
                    <li><a href="">Trends</a></li>
                </ul>
            </div>
            <div class="buttons">
                <a href="">Log in</a>
                <a href="">Sign up</a>
            </div>
        </div>
  </div>
</nav>
<!--====== Navbar Ends Here ========-->

<!--====== banner Start Here ========-->
<section id="banner">
    <div class="container">
        <div class="banner-main">
            <div class="banner_left">
                <h1>Find The Best Fashion Style For You</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Arcu, odio pellentesque mattis pulvinar felis. At arcu ornare rhoncus, elementum non viverra. </p>
                <a href="">SHOP NOW</a>
            </div>
            <div class="banner_right">
                <img src="images/banner.png" alt="banner">
            </div>
        </div>
    </div>
</section>

<!--====== banner Ends Here ========-->

<!--====== Section 2  start Here ========-->
<section >
    <div class="container">
        <div class="main-2">
            <h1>New Collection</h1>
        </div>
        <div class="Gallery">
            <img src="images/Sweats.png" alt="">
            <img src="images/Sweats.png" alt="">
            <img src="images/dsfsd.png" alt="">
        </div>
        <div class="banner-2">
            <div class="banner2_left">
                <img src="images/unsplash__3Q3tsJ01nc.png" alt="banner">
            </div>
            <div class="banner2_right">
                <h1>Best Fashion
                 Since 2010</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Arcu, odio pellentesque mattis pulvinar felis. At arcu ornare rhoncus, elementum non viverra. </p>
            </div>
        </div>
    </div>
</section>

<!--====== section-03 Ends Here ========-->
<section id="section-03">
    <div class="container">
        <div class="banner3-main">
            <div class="banner3_left">
                <h1>Best Seller Product</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac neque, velit tortor quam at donec etiam bibendum sagittis. Libero tempor, lacus amet, scelerisque neque mauris odio risus nec. Nisl, parturient at morbi morbi sit arcu. At integer maecenas tortor non lectus. </p>
                <a href="">Learn MORE</a>
            </div>
            <div class="huda">
            <img src="images/Sweater shirt product.png" alt="">
            <img src="images/sdsd.png" alt="">
         </div>
        </div>
    </div>
</section>
<!--====== Navbar Ends Here ========-->
<!--====== Navbar Ends Here ========-->

</body>
</html>