-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
371 lines (333 loc) · 11.9 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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
<html>
<head>
<style>
#navigation1 {
position: absolute;
left: 0;
list-style: square inside url("./assets/bullet.gif");
margin: 230px 0px 0px 0px;
}
#navigation2 {
position: absolute;
right: 0;
list-style: square inside url("./assets/bullet.gif");
margin: 230px 15px 0px 0px;
}
#content01 {
position: center;
margin: 4px 230px 0px 450px;
color: black;
}
#content02 {
position: center;
margin: 68px 230px 0px 230px;
color: black;
}
#content01 img {
float: left;
margin: 0px 0px 0px -230px;
}
#content02 img {
float: right;
margin: 0px 0px 0px 0px;
}
#content03 img {
float: left;
margin: 0px 0px 0px -230px;
}
#content03 {
position: center;
margin: 100px 230px 0px 450px;
color: black;
}
#content04 {
float: left;
margin: 50px 0px 0px 230px;
}
a:link,
a:visited {
color: blue;
text-decoration: underline;
display: inline-block;
}
a:hover,
a:active {
color: brown;
}
</style>
<link rel="stylesheet" href="./src/style.css" />
<title>SARTE</title>
</head>
<body
background="./assets/backgrounds/background.jfif"
style="
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-size: 100% 100%;
max-width: 100%;
"
>
<center>
<p
style="
border: 3px solid black;
border-left-style: none;
border-right-style: none;
font-size: 50pt;
"
>
<font
style="
text-shadow: 0 -1px 4px #fff, 0 -2px 10px #ff0, 0 -10px 20px #ff8000,
0 -18px 40px #f00;
color: #ffffff;
"
>
SARTE
</font>
<marquee
direction="up"
height="30"
scrollamount="2"
style="font-size: 20; color: #c10000"
>
Brings You
Closer            
Brings You Closer
             Brings
You Closer
             Brings
You Closer
             Brings
You Closer
             Brings
You Closer        Brings You Closer
</marquee>
</p>
</center>
<header>
<nav>
<h1>Clothes</h1>
<ul class="nav-ul">
<li><a href="./src/Home.html"> Home </a></li>
<li><a href="./src/About Us.html"> About Us </a></li>
<li><a href="#"> No Link </a></li>
<li><a href="#"> No Link </a></li>
<li><a href="#"> No Link </a></li>
</ul>
</nav>
</header>
<section class="sec-intro" role="section">
<h1>Defines You!</h1>
</section>
<div id="navigation1">
<ul>
<font
style="
text-decoration: underline;
font-size: 25px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.1),
0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2),
0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2),
0 20px 20px rgba(0, 0, 0, 0.15), 2px 2px 2px rgba(206, 89, 55, 0);
color: #fffaf9;
"
>
PRODUCTS
</font>
<br /><br /><br />
<li>Men Trousers</li>
<br />
<li>Men T-Shirts</li>
<br />
<li>
<a style="font-weight: bold" href="./src/Shop.html"> Explore All </a>
</li>
<br />
<li>Women Trousers</li>
<br />
<li>Women Tops</li>
<br />
</ul>
</div>
<div id="navigation2">
<ul>
<font
style="
text-decoration: underline;
font-size: 25px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.1),
0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2),
0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2),
0 20px 20px rgba(0, 0, 0, 0.15), 2px 2px 2px rgba(206, 89, 55, 0);
color: #fffaf9;
"
>
SERVICES
</font>
<br /><br /><br />
<li>C-19 Relief Fund</li>
<br />
<li>Home Delivery</li>
<br />
<li>Try For Free</li>
<br />
<li>Customised Clothes</li>
<br />
<li>Sell To Us</li>
</ul>
</div>
<font
style="
margin: 0px 0px 0px 230px;
font-size: 2em;
text-shadow: 0 1px 0px #378ab4, 1px 0 0px #5dabcd, 1px 2px 1px #378ab4,
2px 1px 1px #5dabcd, 2px 3px 2px #378ab4, 3px 2px 2px #5dabcd,
3px 4px 2px #378ab4, 4px 3px 3px #5dabcd,
2px 2px 2px rgba(206, 89, 55, 0);
color: #8b2e29;
"
>
Shades
</font>
<div id="content01">
<img border="3" height="150" width="200" src="./assets/clothes02.jpg" />
In most cultures, clothing was introduced as a method of protecting the
human body against extreme weather conditions -strong winds, intense heat,
cold and precipitation. In particular, the weaves of clothes prevent the
circulation of air around the skin and thus, avoid the exit of the air
reheated by the skin, which makes people feel uncomfortable and cold.
Additionally, the clear weaves of clothing avoid the ultraviolet radiation
of the sun and the burns in the skin, protecting it, therefore, from the
heat. Finally, more impermeable weaves protect the human body from coming
into contact with the water of rain or snow. Since water is an excellent
thermal storage cell, when the cold rain drops of snow flakes fall and
touch the human skin, they immediately send through the nerve cells a
message to the human brain that the exposed area is becoming colder than
the rest of the body and causing people to feel discomfort.
</div>
<font
style="
margin: 20px 230px 0px 0px;
float: right;
font-size: 2em;
text-shadow: 0 1px 0px #378ab4, 1px 0 0px #5dabcd, 1px 2px 1px #378ab4,
2px 1px 1px #5dabcd, 2px 3px 2px #378ab4, 3px 2px 2px #5dabcd,
3px 4px 2px #378ab4, 4px 3px 3px #5dabcd,
2px 2px 2px rgba(206, 89, 55, 0);
color: #8b2e29;
"
>
Varieties
</font>
<div id="content02">
<img border="3" height="100" width="200" src="./assets/clothes03.jpeg" />
But people wear clothing for functional as well as social reasons. Apart
from the practical functions of placing a piece of garment above the skin,
wearing clothes also carries specific cultural and social meanings. In
numerous cultures, for instance, it is bad sight to show to others parts
of the human body anatomy and particularly the genitals. Thus, clothes
serve as a method to hide from the rest of the world the particular areas
of a person's body. Religion, customs and of course, particular
historically important circumstances have shaped the way different people
in various times feel about clothing and exposure. Moreover, clothing has
been regarded as one of the best ways to distinguish social classes,
sexes, occupation, marital status and ethnic or religious affiliation. But
in order to interpret correctly the messages a particular set of clothes
may transmit to others, one has to be familiar with the translation of the
specific code. Wearing white during a western funeral for example is
highly inap propriate, while eastern societies endorse such a color
selection for mourning people.
</div>
<div id="content04">
<font
style="
font-size: 2em;
text-shadow: 0 1px 0px #378ab4, 1px 0 0px #5dabcd, 1px 2px 1px #378ab4,
2px 1px 1px #5dabcd, 2px 3px 2px #378ab4, 3px 2px 2px #5dabcd,
3px 4px 2px #378ab4, 4px 3px 3px #5dabcd,
2px 2px 2px rgba(206, 89, 55, 0);
color: #8b2e29;
"
>
More From Us
</font>
</div>
<div id="content03">
<img border="3" height="100" width="200" src="./assets/clothes01.jpg" />
Today, there are many materials with which clothes are made. A person can
choose from purchasing clothes made from natural origin materials, like
silk, wool, and leather, but may also select one for the man-made fibers
extensively used in clothes manufacturing, like nylon, polyester, Lycra
and Gore-Tex. With the recent technological developments, there is great
speculation for the direction future clothes will take; in fact the
clothing electronics industry has just started.
</div>
<br /><br /><br />
<hr />
<marquee behavior="alternate">
<font
style="
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1),
1px 1px 1px rgba(0, 0, 0, 0.5);
color: #000000;
font-size: 1em;
text-decoration: underline;
"
>
OUR PARTNERS
</font>
   
<img height="20" width="20" src="./assets/logos/google logo.png" />
<img height="20" width="20" src="./assets/logos/apple logo.png" />
<img height="20" width="20" src="./assets/logos/spotify logo.png" />
<img height="20" width="20" src="./assets/logos/youtube logo.png" />
<img height="20" width="20" src="./assets/logos/facebook logo.png" />
                                     
<img height="20" width="20" src="./assets/logos/whatsapp logo.png" />
<font
style="
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1),
1px 1px 1px rgba(0, 0, 0, 0.5);
color: #ffffff;
font-size: 1em;
"
>
+1 246-8765
</font>
                                     
<img height="20" width="20" src="./assets/logos/gmail logo.png" />
<a href="mailto:[email protected]">
<font
style="
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1),
1px 1px 1px rgba(0, 0, 0, 0.5);
color: #ffffff;
font-size: 1em;
"
>
</font>
</a>
                                     
<font
style="
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1),
1px 1px 1px rgba(0, 0, 0, 0.5);
color: #ffffff;
font-size: 1em;
text-decoration: underline;
"
>
Available At
</font>
   
<img height="30" width="30" src="./assets/logos/amazon logo.png" />
   
<img height="30" width="30" src="./assets/logos/flipkart logo.png" />
   
<img height="30" width="30" src="./assets/logos/Myntra logo.png" />
</marquee>
</body>
</html>