dripcult/index.html at main · winverma/dripcult · 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="index.css" />
    <link rel="shortcut icon" href="image/favi.png" type="image/x-icon">
    <title>Drip Culture Blog</title>
  </head>
  <body>
        <!--Navbar start here -->
    <nav class="Navbar">
      <div class="logo">
        <img src="image/logo.png" alt="logo" />
      </div>
      <div id="menubar" class="navlinks hide">
        <a onclick="showornot()" href="#About">About</a>
        <a onclick="showornot()" href="#Trends">Trends</a>
        <a onclick="showornot()" href="#Collections">Collections</a>
        <a onclick="showornot()" href="#Contact">Contact</a>
      </div>
      <div class="menu">
        <img onclick="showornot()" src="image/Menu.png" alt="menu">
      </div>
    </nav>
    <!-- About start here -->
    <section id="About">
      <div class="about">
        <div class="profile">
          <img src="image/profile.png" alt="profile" />
        </div>
        <div class="details">
          <h1><b>Drip Culture</b></h1>
          <h2>(Your Go-To for Streetwear and Sneaker Drops)</h2>
          <br />
          <br />
          <p>
            Drip Culture is your exclusive hub for the latest in streetwear,
            sneakers, and hype fashion. We cover new drops, rare finds, and
            the most iconic styles in the game. Whether you're looking for
            exclusive kicks or the hottest collabs, we got you covered.
            <br /><br />
            Stay ahead of the trend with our curated content and detailed
            insights into the fashion industry. <br /><br />
            <b>"Stay Fresh, Stay Dripped."</b>
          </p>
        </div>
      </div>
    </section>
    <!-- Trends section here -->
    <section id="Trends">
      <br />
      <br />
      <hr />
      <h2 class="Subtitles">Latest Trends</h2>
      <div class="shopdetails">

        <div class="shopimg">
          <div class="shopcard">
            <img src="image/shelf-image.png" alt="trend" />
            <p>Latest sneaker shelf setups</p>
          </div>
          <div class="shopcard">
            <img src="image/reck-image.png" alt="trend" />
            <p>Exclusive streetwear racks</p>
          </div>
        </div>

      </div>
      <div class="shopinfo">
          <p><b>Featured Brands: </b> Off-White, Supreme, Nike, Adidas <br />
          <b>Hottest Sneakers: </b> Air Jordans, Yeezys, Dunks <br />
          <b>Must-Have Pieces: </b> Techwear, Oversized Tees, Cargo Pants <br />
          <b>Upcoming Drops: </b> Exclusive collabs and limited editions.
        </p>
      </div>
    </section>
    <!-- Collections start here -->
    <section id="Collections">
      <br />
      <br />
      <br />
      <hr />
      <h2 class="Subtitles">Collections</h2>
      <div class="products">
        <div class="card">
          <img src="image/image1.png" alt="style" />
          <p>
            <b>Urban Wear</b> <br />
            The best urban fits from oversized hoodies to premium cargos.
            Style that speaks.
          </p>
        </div>
        <div class="card">
          <img src="image/image2.png" alt="sneakers" />
          <p>
            <b>Sneaker Heat</b> <br />
            Must-have kicks from retro Jordans to futuristic silhouettes.
          </p>
        </div>
        <div class="card">
          <img src="image/image3.png" alt="collabs" />
          <p>
            <b>Limited Edition Collabs</b> <br />
            The rarest drops and high-end collabs in streetwear culture.
          </p>
        </div>
      </div>
    </section>
    <!-- Contact start here -->
    <section id="Contact">
      <hr />
      <br />
      <h2 class="Subtitles">Connect With Us</h2>
      <div class="contact">
        <div class="contactcard">
          <a href="https://wa.me/+12342688831"
            ><img src="image/whatsapp-icon.png" alt="whatsapp" />
          </a>
          <p>Whatsapp</p>
        </div>
        <div class="contactcard">
          <a
            href="https://instagram.com/since_win_sins"
            ><img src="image/insta-icon.png" alt="instagram" />
          </a>
          <p>Instagram</p>
        </div>
        <div class="contactcard">
          <a href="https://maps.google.com"
            ><img src="image/gm-icon.png" alt="location" />
          </a>
          <p>Google Maps</p>
        </div>
        <div class="contactcard">
          <a href="tel:+12342688831"
            ><img src="image/call-icon.png" alt="call" />
          </a>
          <p>Call</p>
        </div>
      </div>
    </section>
    <hr />
    <h1 class="Ending">Drip Culture</h1>
    <p class="End">Drip Culture Blog - Win Verma © All Rights Reserved</p>
    <br />
    <br />
    <script src="script.js"></script>
  </body>
</html>