-
Notifications
You must be signed in to change notification settings - Fork 5
/
product1.html
451 lines (420 loc) · 22.9 KB
/
product1.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
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
<!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">
<title>C4RA</title>
<link rel="stylesheet" href="./product.css">
<link rel="stylesheet" href="./sidebar.css">
<link rel="stylesheet" href="./feedback.css">
<link rel="stylesheet" href="./hamberger.css">
<link rel="stylesheet" href="./navbar.css">
</head>
<body>
<section>
<!-- Navbar -->
<div class="topNav">
<div id="Image">
<a href="./index.html">
<img src="./c.jpg" alt="" href="./Homepage.html">
</a>
</div>
<div id="slash"></div>
<div id="StoreLocator">
<img src="https://cdn1.vectorstock.com/i/thumb-large/66/20/map-pointer-location-icon-pink-pin-on-white-vector-21806620.jpg" alt="">
<p>Store Locator</p>
</div>
<div id="star">
<i class="fas fa-star fa-xs" id="str1"></i>
<i class="fas fa-star fa-xs" id="str2"></i>
<i class="fas fa-star fa-xs" id="str3"></i>
</div>
<div id="coupon">
<p>Get 10% OFF on your first purchase.<br>Use Code: BEAUTY10</p>
</div>
<div id="star">
<i class="fas fa-star fa-xs" id="str1"></i>
<i class="fas fa-star fa-xs" id="str2"></i>
<i class="fas fa-star fa-xs" id="str3"></i>
</div>
<div id="GetApp">
<img src="https://th.bing.com/th/id/OIP.M4D-XaQiJ-Z5rygt_UfNKQAAAA?pid=ImgDet&rs=1" alt="">
<p>Get App</p>
</div>
<div id="trackOrder">
<img src="https://th.bing.com/th/id/OIP.yyw1fHGdYgOzd8yt4qP16gAAAA?pid=ImgDet&w=280&h=280&rs=1" alt="">
<p>Track Order</p>
</div>
<div id="loyality">
<img src="https://th.bing.com/th/id/OIP.02mw2NwyDPdKutRVQhplDAHaHa?pid=ImgDet&w=187&h=187&c=7&dpr=2" alt="">
<p>Loyality</p>
</div>
<button style = "visibility: hidden" class="show-modal" >Cart</button>
<span class="overlay"></span>
<div id="stickyNav" class="modal-box">
<img src="./added to bag.png" alt="">
<h2>Success</h2>
<h3>Successfully added to bag !</h3>
<div class="buttons">
<button class="close-btn">Ok, done !</button>
</div>
</div>
</div>
<div id="webName">
<div id="search">
<a href="#">
<i class="fas fa-search fa-xs" id="searchbar"></i>
</a>
<input oninput="search()" id="Search" style="font-size:16px" placeholder="Search C4RA">
</div>
<div id="BrandName">
<h4>C 4 R A</h4>
</div>
<div id="icons">
<a href="admin.html">
<i class="fas fa-user fa-xs" id="searchbar"></i>
</a>
<a href="./cart.html">
<img src="https://www.colourbox.com/preview/5559833-icon-shopping-cart-pink.jpg" alt="cart">
</a>
</div>
<div id="showUsername" >
<p id="PUname" >
LogIn
</p>
</div>
</div>
<div class="top-nav">
<div></div>
<input id="menu-toggle" type="checkbox" />
<label class='menu-button-container' for="menu-toggle">
<div class='menu-button'></div>
</label>
<ul class="menu">
<li><a href="./product1.html">SALE</a></li>
<li><a href="./product2.html">MAKEUP</a></li>
<li><a href="./product1.html">SKINCARE</a></li>
<li><a href="./product2.html">FRAGRANCE</a></li>
<li><a href="./product1.html">BRUSHES</a></li>
<li><a href="./product2.html">BRANDS</a></li>
</ul>
</div>
<!-- End of Navbar -->
<!-- <a href="./product2.html">Products</a> -->
<div id="products-container">
<div class="filter">
<label for="SortedByPrice" class="Sorting" data-icon="u">Sorted By</label><br>
<select id="sorted" onChange="handleSort()">
<option value="LTH">Low</option>
<option value="HTL">High</option>
</select><br>
<label for="filterByCategory" class="filtering" data-icon="u">Filter By</label><br>
<select id="filtered" onChange="filterByCategory()" >
<option value="ALL">ALL</option>
<option value="Perfume"> <h2>Perfume</h2></option>
<option value="Mists and Deodrants"> <h2>Mists and Deodrants</h2> </option>
</select><br>
<!-- drop down menu -->
<div class="dropdown">
<button onclick="dropdownGender()" id="dropbtn">Gender </button>
<div id="Gender" class="dropdown-content">
<a href="#about">MEN</a>
<a href="#base">WOMEN</a>
<a href="#blog">UNISEX</a>
</div>
</div><br>
<div class="dropdown">
<button onclick="dropdownBrand()" id="dropbtn">Brand</button>
<div id="Brand" class="dropdown-content">
<a href="#about">Sephora Collection(12)</a>
<a href="#base">CLINIQUE(8)</a>
<a href="#blog"> SHISEIDO(7)</a>
<a href="#contact"> Estee Lauder(6)</a>
<a href="#custom"> Kama Ayurveda(6)</a>
<a href="#support">Wishful(5)</a>
<a href="#tools">Mario Badescu(3)</a>
</div>
</div>
</div>
<div class="container">
</div>
</div>
<!-- footer part -->
<!-- <button id="btn1"><a href="#Image" id="back">^ BACK TO TOP</a></button> -->
<div class="Subscribe">
<h3>GET THE LATEST NEWS & OFFERS IN BEAUTY & FASHION</h3>
<div id="mail">
<input type="text" placeholder="Enter your email address" id="inputbox">
<button>SUBSCRIBE</button>
</div>
</div>
<div class="footerdocs">
<section class="footerdocs-section">
<h1 class="footerdoc-sectiontitle">C4RA online India is a trailblazer in the Indian beauty scene</h1>
<div class="footerdoc-sectionContent">
A leader in luxury beauty and skincare, our purpose at Sephora online India is to create an inviting online beauty shopping experience and inspire fearlessness in our community.
Since the Sephora India launch in 2013, we have been an industry-leading champion of diversity, and empowerment, guided by our longstanding company values.
<br>
<br>
<h2>
Discover who we are and what we entail only on NNNOW.com
</h2>
\nOwned by LVMH Moet Hennessy Louis Vuitton, the world's leading luxury goods group,
Sephora was founded in France by Dominique Mandonnaud in 1970 and is defined by its unique, open-sell environment with an ever-increasing assortment of best-selling lipsticks, eyeliners, foundations, eye palettes and more from carefully curated brands such as Make Up For Ever, Estee Lauder, Benefit Cosmetics, Huda Beauty and many more.
<br>
<br>
<h2>Shop Our unrivalled range of Sephora products for a more beautiful you</h2>
\nOur array on Sephora NNNOW features trusted classics from Pixi, Elizabeth Arden, Anastasia Beverly Hills, Clinique, Tom Ford, and Sephora’s own, SEPHORA COLLECTION. Today, Sephora India online is a powerful beauty presence in the digital space, thanks to its unparalleled assortment of prestige
products in every category, unbiased service from beauty experts, interactive shopping environment, and innovation.
<br>
<br>
Through some of our bestsellers such as Sephora lipsticks, Sephora foundations, and other Sephora products, we explore the universe of beauty and wellness with an unbiased approach to experiential retail. We also host expert tutorial videos from our top brands to help you nail the perfect smokey eye or winged eyeliner. Our team of experts in-store also works hard to assure you have a seamless shopping experience with us and helps you define your skin undertones while purchasing the right sephora foundation for you. Sephora continues to give back to communities and advance inclusion in the beauty industry by providing an unrivaled r
ange of shades for Sephora foundations at unbeatable prices.
<br>
<br>
Sephora in India also encompasses a formidable range of skincare, bath and body products, haircare, fragrances and perfumes from international brands. Many of our brands such as
Botanist and Forest Essentials boast of incorporating only natural ingredients in their products, whereas award-winning such as Natasha Denona, Nudestix, Kora Organics, Aveda, Olaplex, and more
promise only SLS/Paraben-free formulas in their range of products. Be sure to also check out our range of cruelty-free brands that include best-selling brands such as Caudalie,
Smashbox, Dear Dahlia, Juice Beauty and much more.Sephora online hosts the entire range of makeup and skin products available in Sephora stores in India. Buy Sephora online on
NNNOW and be the first to be alerted when we have a major Sephora India sale event coming up!
<br>
<br>
Start your Sephora India online shopping on NNNOW.com
<br>
<br>
Women can now shop their favorite luxury beauty brands on the Sephora site or via the NNNOW mobile app. Be spoilt for choice with a wide variety of makeup, skincare, haircare,
bath and body and fragrances that you can shop from the comfort of your home.Discover online shopping that offers advantages
such as Gift With Purchase, freebie sachets, and discount offers on beauty! Buy Sephora online at amazing deals and prices at the click of a button.
</div>
</section>
</div>
<div class="footerNavContainer">
<a target="_blank" href="" id="footerNavlinks">WHO WE ARE</a>
<a target="_blank" href="" id="footerNavlinks"> FREQUENTLY ASKED QUESTION</a>
<a target="_blank" href="" id="footerNavlinks"> CONTACT US</a>
</div>
<div class="socialmediacontainer">
<a href="https://www.facebook.com/heynnnow" id="socialmedialinks">
<i class="fa fa-facebook"></i>
</a>
<a href="https://twitter.com/heynnnow" id="socialmedialinks">
<i class="fa fa-twitter"></i>
</a>
<a href="https://www.instagram.com/heynnnow/" id="socialmedialinks">
<i class="fa fa-instagram"></i>
</a>
<a href="https://www.youtube.com/channel/UCQ2fMb06LyWA0S5upVp2UJg" id="socialmedialinks">
<i class="fa fa-youtube"></i>
</a>
<a href="https://github.com/varun2696/faithful-night-9583" id="socialmedialinks">
<i class="fa fa-github"></i>
</a>
</div>
<div class="fineprintContainer">
<span id="fineprintlinks">
© 2022 C4RA
</span>
<a href="" id="fineprintlinks">Privacy Policy</a>
<a href="" id="fineprintlinks">Terms & Conditions</a>
</div>
<div class="footerlinkContainer">
<div id="footerlinks">
<div id="footerlinkstitle">BRANDS</div>
<div class="footerlinkscontent">
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Sephora Collection" href="">Sephora Collection</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Benefit Cosmetics" href="">Benefit Cosmetics</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Make Up For Ever" href="">Make Up For Ever</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Cover FX" href="">Cover FX</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Stila" href="">Stila</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Natio" href="">Natio</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Burt's Bees" href="">Burt's Bees</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Foreo" href="">Foreo</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Smashbox" href="">Smashbox</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Glamglow" href="">Glamglow</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Clinique" href="">Clinique</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Estee Lauder" href="">Estee Lauder</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Elizabeth Arden" href="">Elizabeth Arden</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Givenchy" href="">Givenchy</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Bobbi Brown" href="">Bobbi Brown</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Shiseido" href="">Shiseido</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="OPI" href="">OPI</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Forest Essentials" href="">Forest Essentials</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Percy & Reed" href="">Percy & Reed</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Boscia" href="">Boscia</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Oscar Blandi" href="">Oscar Blandi</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Burberry" href="">Burberry</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="CK Fragrances" href="">CK Fragrances</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Kenzo" href="">Kenzo</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Tom Ford" href="">Tom Ford</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Bvlgari" href="">Bvlgari</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Carolina Herrera" href="">Carolina Herrera</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Davidoff" href="">Davidoff</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Giorgio Armani" href="">Giorgio Armani</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Montblanc" href="">Montblanc</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Paco Rabanne" href="">Paco Rabanne</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Yves Saint Laurent" href="">Yves Saint Laurent</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Azzaro" href="">Azzaro</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Nina Ricci" href="">Nina Ricci</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Roberto Cavalli" href="">Roberto Cavalli</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Zirh" href="">Zirh</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Omorfee" href="">Omorfee</a>
</span>
</div>
</div>
<div id="footerlinks">
<div id="footerlinkstitle">MAKEUP</div>
<div class="footerlinkscontent">
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Face" href="">Face</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Cheek" href="">Cheek</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Eye" href="">Eye</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Lip" href="">Lip</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Nail" href="">Nail</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Makeup Palettes" href="">Makeup Palettes</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Accessories" href="">Accessories</a>
</span>
</div>
</div>
</div>
<div id="footerlinks">
<div id="footerlinkstitle">SKIN CARE</div>
<div class="footerlinkscontent">
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Moisturizers" href="">Moisturizers</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Cleansers" href="">Cleansers</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Treatments" href="">Treatments</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Masks" href="">Masks</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Eye Care" href="">Eye Care</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Sun Care" href="">Sun Care</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Lip Treatments" href="">Lip Treatments</a>
</span>
</div>
</div>
<div id="footerlinks">
<div id="footerlinkstitle">OTHER CATEGORIES</div>
<div class="footerlinkscontent">
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Fragrances" href="">Fragrances</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Tools & Brushes" href="">Tools & Brushes</a>
</span>
</div>
</div>
<div id="footerlinks">
<div id="footerlinkstitle">MY C4RA</div>
<div class="footerlinkscontent">
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="My orders" href="">My orders</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Store locator" href="">Store locator</a> |
</span>
<span class="footerlinkscontent">
<a class="footerlinkscontent-link" target="_blank" alt="Sephora Facebook" href="">Sephora Facebook</a>
</span>
</div>
</div>
</div>
</section>
</body>
</html>
<script src="./product1.js"></script>