-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (148 loc) · 6.69 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewpoint" content="width=device-width, intial scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Urban Street Clothing</title>
</head>
<body>
<!---Header Section--->
<div class="container">
<div class="navbar">
<div class="logo">
<img src="logo.jpg" width="200px">
</div>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#category">Categories</a></li>
<li><a href="#offer">Best Deals</a></li>
<li><a href="#discount">Exclusive Offer</a></li>
<li><a href="#account">Sign In</a></li>
</ul>
</nav>
</div>
</div>
<!---First Page--->
<div class="row" id="home">
<div class="col2">
<h1>Stylish <span class="highlight">Clothes,</span><br><br><span class="tab">Stylish <span class="highlight">Life</span></h1>
<p><span class="tab">URBAN STREET CLOTHING, </span>a <span class="highlight">Digital Fashion Store</span> that deals with Quality, mixes Technology and Creativity to take Fashion beyond one's physical experience.<br><br><span class="tab"></span> It is a great spot to find classic, timeless pieces for men.With their high-quality pieces and reasonable prices, you’ll be sure to find something that speaks to you.</p>
<a href="#" class="btn">Explore Now →</a>
</div>
<div class="col2">
<img src="Front.jpg">
</div>
</div>
<!---Products Section--->
<div class="categories" id="category">
<h1 class="underline">Categories</h1>
<div class="products">
<div class="col-3">
<h2>Street Wear</h2>
<img src="streetwear.jpg">
<h3>Designed for Fit. Loved for Casual</h3>
<h4>Buy StreetWears for ₹499/-</h4>
</div>
<div class="col-3">
<h2>Sneakers</h2>
<img src="sneakers.avif">
<h3>Finest Sneakers for Finest Foot</h3>
<h4>Buy Sneakers for ₹899/-</h4>
</div>
<div class="col-3">
<h2>Accessories</h2>
<img src="accessories.webp">
<h3>Stylish accessories, for stylish men</h3>
<h4>Buy Accessories for ₹199/-</h4>
</div>
</div>
</div>
<!---Best Deals Section--->
<div class="deals" id="offer">
<h1 class="underline">Best Deals</h1>
<div class="best">
<div class="col-4">
<img src="overshirt.webp">
<h3>California Brown Oversize Shoulder Shirt</h3>
<h4> ★★★★☆</h4>
<h4>₹699/-</h4>
</div>
<div class="col-4">
<img src="jogger.webp">
<h4>MANIAC Black Joggers with Insert Pockets</h4>
<h4> ★★★★★</h4>
<h4>₹899/-</h4>
</div>
<div class="col-4">
<img src="redtapeshoe.avif">
<h3>Red Tape Men's Solid White Teal Sneakers </h3>
<h4>★★★★☆</h4>
<h4>₹999/-</h4>
</div>
<div class="col-4">
<img src="bandring.jpg">
<h3>BELLINA Black Accessories for Men</h3>
<h4>★★★☆☆</h4>
<h4>₹249/-</h4>
</div>
</div>
</div>
<!---Exclusive Offer Section--->
<div class="exclusive" id="discount">
<h1 class="underline">Exclusive Offer</h1>
<div class="box">
<img src="shopping.webp">
<div class="rightbox">
<h3>Exclusively on<span class="highlight"> Urban Street Clothing,</span></h3>
<h2>Blacksmith Men Black & Silver-Toned Accessory Gift Set</h2>
<h2 class="details">This Blacksmith product is <span class="highlight">Today's Exclusive Deal.</span></h2><br><h3 class="details">This accessory gift set consists of a tie, a pocket square, a pair of socks, a pair of cufflinks, a tie clip, a lapel pin, a belt, and a wallet.</h3>
<a href="#" class="btn2">Buy Now →</a>
</div>
</div>
</div>
<!---Contact Section--->
<div class="contact" id="account">
<div class="contactbox">
<div class="contactleft">
<h2>Download our app</h2>
<h3>Download our App for Android and ios mobile phone</h3>
<div class="buttons">
<div class="leftbutton">
<img src="app.png">
</div>
<div class="rightbutton">
<img src="app3.jpg">
</div>
</div>
<div class="icons">
<img src="icons8-gmail-32.png">
<p>[email protected]</p>
</div>
<div class="icons">
<img src="icons8-phone-32.png">
<p>18000001212</p>
</div>
</div>
<div class="contactmid">
<img src="logo.jpg">
</div>
<div class="contactright">
<p>My Account</p>
<form action="" method="post" enctype="text/plain">
<input type="email" name="email" placeholder="Your Email" required>
<input type="text" name="password" placeholder="Your Password" required>
</form>
<a href="#" class="btn1">Sign In</a>
</div>
</div>
</div>
<!---Footer Section--->
<div class="footer">
<div class="copyright">
<p>Copyright © Urban Street Clothing</p>
</div>
</div>
</body>