-
Notifications
You must be signed in to change notification settings - Fork 0
/
face.html
392 lines (345 loc) · 22.2 KB
/
face.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
<!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>Document</title>
<script src="https://kit.fontawesome.com/a9dbdcc6e4.js" crossorigin="anonymous"></script>
<!-- <script
src="https://kit.fontawesome.com/24c494a6b6.js" crossorigin="anonymous"></script> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Noto+Sans&family=Poppins:wght@500;700;900&family=Roboto:wght@500&display=swap" rel="stylesheet">
<!-- s;ide show bootstrap link -->
<link rel= "stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<!-- ************* -->
<link rel="stylesheet" href="header.css">
<link rel="stylesheet" href="face.css">
<style>
.active1{
color: #00afef;
}
</style>
</head>
<body>
<div id="red">
<a href="#">Asia's 1st brand with MADE SAFE Certified Products</a>
<a href="#">Free Shipping Above 399 | COD Available | Extra 5% OFF on Prepaid Orders | Shpo Now</a>
<a href="#"><i class="fa-regular fa-user"></i></a>
</div>
<div id="midheader"><!-- middle header start -->
<div id="imSearch">
<img src="https://mamaearthp.imgix.net/wysiwyg/mamaearth-logo.png?auto=format&fit=scale">
<div id="searchSection">
<input type="text" id="searchBox" placeholder=" Search for products...">
<button id="search"><i class="fa-solid fa-magnifying-glass"></i> Search</button>
</div>
</div>
<!-- profile start -->
<div id="profileSection">
<div class="cartLogin"><a href="addTCart.html"><div><i class="fa-solid fa-cart-shopping"></i><p id="count"></p>
Cart
</div></div>
</a>
<a href="login.html"> <div>
<i class="fa-regular fa-user"></i>
Login
</div>
</a>
</div><!-- profile end -->
</div> <!-- middle header end -->
<div id="navbarStart"><!-- navbar start -->
<div>
<div id="home">HOME</div>
<div id="baby">BABY</div>
<div id="beauty">BEAUTY</div>
<div id="hair">HAIR</div>
<div id="face"class="active">FACE</div>
<div id="body">BODY</div>
<div id="giftPacks">GIFT PACKS</div>
<div id="allProducts">ALL PRODUCTS</div>
<div id="blog">BLOG</div>
<div id="plantGoodness">PLANT GOODNESS</div>
<div id="storeLocator">STORE LOCATOR</div>
</div>
</div> <!-- navbar end -->
<!-- slideshow start----------- -->
<div class="container-fluid slido">
<div id="left">
<button onclick="topFunction()" id="myBtn" title="Go to top"><b>Top</b></button>
<!-- <div style="height: 20%; width: 100%;" > -->
<div id="demo" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
<li data-target="#demo" data-slide-to="3"></li>
<li data-target="#demo" data-slide-to="4"></li>
</ul>
<!-- The images for slideshow -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://images.ctfassets.net/66mrrren2unf/5kaAcTPfa6WK3WrRtpZoQc/d7fbc3cdede555135dab5c1c0187bdaf/Desktop.jpg?q=40" alt="Los Angeles" >
</div>
<div class="carousel-item">
<img src="https://images.ctfassets.net/66mrrren2unf/6nc4ahNcZm8FqgU4vU3vKl/cdfcd3ba0f2db050759fc68ee82a4313/Desktop_Bye-Bye-Face-Creams-with-CTA.jpg?q=40" alt="Chicago" >
</div>
<div class="carousel-item">
<img src="https://images.ctfassets.net/66mrrren2unf/47dAZlL0hYhngGsYIaTuYs/c872e33a379b82cd7be65cfd72cfbc93/Desktop.jpg?q=40" alt="New York" >
</div>
<div class="carousel-item">
<img src="https://mamaearthp.imgix.net/wysiwyg/Desktop_Without_CTA_oD3S443.jpg?auto=format" alt="New York" >
</div>
<div class="carousel-item">
<img src="https://images.ctfassets.net/66mrrren2unf/5kaAcTPfa6WK3WrRtpZoQc/d7fbc3cdede555135dab5c1c0187bdaf/Desktop.jpg?q=40" alt="New York" >
</div>
</div>
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
</div>
</div><!--end of center-->
<!-- body content -->
<div class="h_bodycare">
<div class="active"><a href="home.html" style="text-decoration:none">HOME</a></div>
<span style="margin-left:10px;"><i class="fa-solid fa-angle-right"></i></span>
<P id="bpara">Body care products</P>
</div>
<div>
<h2>Our products</h2>
</div>
<!-- <div><span><i class="fa-solid fa-arrow-up-arrow-down"></i></span>SORT BY</div> -->
</div>
<div class="prod">
<button class="p1">ALL</button>
<button class="p1">FACE WASHN</button>
<button class="p1">FACE MASK</button>
<button class="p1">FACE SCRUB</button>
<button class="p1">FACE CREAM</button>
<button class="p1">FACE SERUM</button>
</div>
<div id="container"></div>
<div class="faqs">FAQ'S</div>
<!-- ----------------------------------------------------------------------------------footer -->
<div class="shiping">
<div class="shipleft">
<img src="https://mamaearthp.imgix.net/wysiwyg/mobile-truck.png?auto=format" srcset="https://mamaearthp.imgix.net/wysiwyg/mobile-truck.png?auto=format 44w,
https://mamaearthp.imgix.net/wysiwyg/delivery2x.png?auto=format 155w" sizes="(max-width: 767px) 22px, 3rem" loading="lazy" >
<h4 style="font-size: 16px;">Free Shipping</h4>
<p style="font-size: 14px;">On Order Above Rs. 399</p>
</div>
<div class="shipmid">
<img src="https://mamaearthp.imgix.net/wysiwyg/mobile-wallet.png?auto=format" srcset="https://mamaearthp.imgix.net/wysiwyg/mobile-wallet.png?auto=format 34w,
https://mamaearthp.imgix.net/wysiwyg/Group_81512x.png?auto=format 127w" sizes="(max-width: 767px) 17px, 2.75rem" loading="lazy">
<h4 style="font-size: 16px;">COD Available</h4>
<p style="font-size: 14px; line-height: 8px;">@ Rs. 40 On Per Order</p>
</div>
<div class="shipright">
<h3 style="font-size: 22px;">Have Queries or Concerns? Contact Us</h3>
<button>CONTACT US</button>
</div>
</div>
<div class="payment">
<div class="lpay">
<h4>PAYMENT</h4>
<p><img style="height:50px;width:50px" src="https://mamaearthp.imgix.net/wysiwyg/noun_trusted_27146262x_6Ekja92.png">100% Payment Protection, Easy Return Policy</p>
<div>
<img src="https://mamaearthp.imgix.net/wysiwyg/visa2x.png">
<img src="https://mamaearthp.imgix.net/wysiwyg/master_card2x.png">
<img src="https://mamaearthp.imgix.net/wysiwyg/american_express2x.png">
<img src="https://mamaearthp.imgix.net/wysiwyg/rupay2x.png">
<img src="https://mamaearthp.imgix.net/wysiwyg/net_banking2x.png">
</div>
</div>
<div class="rpay">
<div style="display:flex">
<img style="height:100px;width: 100px;margin-top:20px;"src="https://mamaearthp.imgix.net/wysiwyg/dermatology-tested-100x1002x.png">
<p style="margin-top:120px;margin-right:100px;">Dermatologically Tested</p>
</div>
<div>
<img style="height:100px;width: 100px;margin-top:20px;"src="https://mamaearthp.imgix.net/wysiwyg/fda-100x100.jpg">
<p>FDA Approved</p>
</div>
<div>
<img style="height:100px;width: 100px;margin-top:20px;" src="https://mamaearthp.imgix.net/wysiwyg/msafe-100x100.jpg">
<p>Made Safe Certified</p>
</div>
</div>
</div>
<div>
<footer class="bg-light text-center text-lg-start footer-box-low" style="border: 1px solid #ddd;">
<!-- Grid container -->
<div class="container p-4">
<!--Grid row-->
<div class="row">
<!--Grid column-->
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">
<h5 class="text-uppercase" style="text-align: left;">USEFUL LINKS</h5>
<ul class="list-unstyled mb-0" style="text-align: left;">
<li>
<a href="#!" class="text-dark">Privacy Policy</a>
</li>
<li>
<a href="#!" class="text-dark">Returns</a>
</li>
<li>
<a href="#!" class="text-dark">Terms & Conditions</a>
</li>
<li>
<a href="#!" class="text-dark">Terms & Conditions- Cashback</a>
</li>
<li>
<a href="#!" class="text-dark">Faqs</a>
</li>
<li>
<a href="#!" class="text-dark">We're Safe</a>
</li>
<li>
<a href="#!" class="text-dark">Track Orders</a>
</li>
<li>
<a href="#!" class="text-dark">Contact US</a>
</li>
<li>
<a href="#!" class="text-dark">Sitemap</a>
</li>
</ul>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">
<h5 class="text-uppercase mb-0" style="text-align: left;">CATEGORIES</h5>
<ul class="list-unstyled" style="text-align: left;">
<li>
<a href="#!" class="text-dark">Baby</a>
</li>
<li>
<a href="#!" class="text-dark">Beauty</a>
</li>
</ul>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">
<h5 class="text-uppercase" style="text-align: left;">OUR STORES</h5>
<ul class="list-unstyled mb-0" style="text-align: left;">
<li>
<a href="#!" class="text-dark">New Delhi</a>
</li>
<li>
<a href="#!" class="text-dark">Mumbai</a>
</li>
<li>
<a href="#!" class="text-dark">Pune</a>
</li>
<li>
<a href="#!" class="text-dark">Chennai</a>
</li>
<li>
<a href="#!" class="text-dark">Kolkata</a>
</li>
<li>
<a href="#!" class="text-dark">Nagpur</a>
</li>
</ul>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">
<h5 class="text-uppercase mb-0" style="text-align: left;">MY ACCOUNT</h5>
<ul class="list-unstyled" style="text-align: left;">
<li>
<a href="#!" class="text-dark" style="color: #ccc;">Account</a>
</li>
<li>
<a href="#!" class="text-dark">Orders</a>
</li>
<li>
<a href="#!" class="text-dark">Addressess</a>
</li>
</ul>
</div>
<img class="col-rig" src="https://mamaearthp.imgix.net/wysiwyg/Best-Brand500x5002x.png" alt="">
<!--Grid column-->
</div>
<!--Grid row-->
</div>
<div class="footer-bottom" style="border: 1px solid #ddd;background-color:none;">
<div class="container">
<div class="row">
<div class="text-center p-3" >
<h3 style="font-size: 20px;margin-left:400px">SHOW US SOME <i class="fas fa-heart" style="color: red;"></i> LOVE ON SOCIAL MEDIA</h3>
</div>
<div class="col footer-social" style="font-size: 22px;display: flex;justify-content: center;">
<a href="#"><i class="fab fa-facebook-f" style="color: #989898;width:4%;margin-left:40px;"></i></a>
<a href="#"><i class="fab fa-twitter" style="color: #989898;width:4%;margin-left:40px;"></i></a>
<a href="#"><i class="fas fa-envelope" style="color: #989898;width:4%;margin-left:40px;"></i></a>
<a href="#"><i class="fab fa-instagram" style="color: #989898;width: 4%;margin-left:40px;"></i></a>
<a href="#"><i class="fab fa-youtube" style="color: #989898;width: 4%;margin-left:40px;"></i></a>
<a href="#"><i class="fab fa-pinterest" style="color: #989898;width: 4%;margin-left:40px;"></i></a>
</div>
</div>
</div>
<div class="text-center p-3" style="color: #989898;">
© 2021 Honasa Consumer Pvt. Ltd. All Rights Reserved
</div>
</div>
</footer>
</div>
<!-- footer end -->
<div id="end">
<h1>Shop the Best Skin Care Products in India</h1>
<p> Smooth and flawlessly radiant skin! Don’t you wish you could achieve this with an effortless skincare regimen? Acing your skincare routine can be tricky if you don’t pick the right face care products according to your skin type especially when the market is loaded with different face skin care suggestions everywhere. So, you have to be a little thoughtful about the process. Mamaearth’s product range includes an array of skin care products that work both for men and women. Enriched with the goodness of nature, these products target skin concerns such as acne, dullness, dryness, excess oil production, pore congestion, dark spots, pigmentation, fine lines, amongst other skin problems. Though men keep it traditionally simple, skincare experts have backed up the fact that using skincare for men is equally as important. For younger, healthier-looking skin, they also need to stick to an effective AM-PM skincare routine.
At Mamaearth, we know that weather, sedentary lifestyle, pollution, and stress affect the skin’s natural glow, making it appear saggy, dull, and less hydrated. Our face and skincare product range is curated with the goodness of nature to help protect the skin’s natural tone, correct fine lines, and address various other skin issues, quite prominent in both women and men.
Concocted with the goodness of natural ingredients, our skin care for men are free from chemicals like Parabens, Sulfates, and dyes that tend to be hard on the skin. Besides, our best skin care products in India are PETA certified, which means they have not been tested on animals. We strive for sustainability, and that’s what stands us out from the rest. We also plant a tree everytime you order from us.
</p>
<h1>Tips For Choosing the Right Skin Care Product For You</h1>
<p>
It begins in the shower: Want to ace up your body care regimen? The first step begins in the shower itself. Make sure that you do not use too hot water. It may seem relaxing to you, but much skin damage is involved. Showering with colder water has a lot of benefits to offer. It tightens the pores, makes the skin firmer, improves circulation, and retains natural oils. We recommend using a moisturizing body wash to prevent skin’s essential oils from stripping off. It will help you make a perfect shower routine for you, leaving your body with a subtle scent.
Slough away dead skin: If you want to buff away dead skin cells, can be a host of benefits for you. Exfoliation helps stimulate blood circulation, thus leaving your skin soft and ready to absorb the benefits of other . To begin with, massage with a gentle scrub onto your damp skin in a circular motion, going all over your body. Pay close attention to areas or dry spots where dead skin builds ups, such as your knees and elbow. But be careful that you should not rub hard against sensitive areas such as the neck or upper chest.
Moisture from head to toe: Adding a moisturizer to your routine creates a protective barrier against external elements. It keeps the skin’s defense system in check. Besides, using a scrub during the shower causes the skin to dry out, so moisturizing is an essential task. After the shower, slathering a layer of moisturizing body lotion helps lock in some of the water in your skin, keeping it extra hydrated. Besides, a good moisturizing cream sinks in an instant and leaves your skin nourished and hydrated in no time. This process could help you go for full body skincare every day.
</p>
<h1>Mamaearth Bestsellers </h1>
<p>: If your body needs an extra dollop of hydration, get your hands on Mamaearth Rose Body Lotion. It is packed with super ingredients like Rose Water and Milk that offer a mild and gentle fragrance that lingers on. Apply it twice a day to make your skin feel nourished, hydrated, and soft for the best results.
Vitamin C Lotion: Infused with the goodness of Vitamin C, Shea , Olive Oil, and Honey, add this lotion as a final step in your regimen. is a nongreasy topical solution that boosts collagen, prevents radical damage, and evens skin tone. Just pour a little amount and massage it in a circular motion!
: You can also use Natural Nourishing Bathing Soaps to cleanse your skin deeply with the goodness of nature. They come enriched with charcoal, vitamin C, and coffee extracts that remove impurities and reverse the oxidative damage caused by free radicals. These soaps also feature turmeric and neem extracts that help you offer antibacterial and antifungal properties to keep your skin germ-free.
Vitamin C Wash: Shower in the fragrance of lemons and oranges with Mamaearth . Made with the zesty touch of Vitamin C and Honey, it offers you a nice, mild fragrance with every bath. It is a soap-free formula to boost nourishment and keep your skin fresh and purified. The next morning when you wake up, let your skin sink in the subtle fragrance of oranges.
: Get your hands on Mamaearth’s Ubtan Body Wash and say hello to healthy-looking skin. The blend of Turmeric and Saffron gently wipes away impurities and reverse sun damage. Walnut beads gently slough away dead skin cells, making the skin glow from the inside out.
Ubtan Scrub: Got some area that needs extra love and care? Add to your daycare regimen made with the tradition of Turmeric, Saffron, Walnut Beads to get younger and brighter-looking skin. This old age tradition helps remove dead skin cells that build due to UV damage. Scoop up a generous amount of the scrub, dampen your skin, and massage in a circular motion to get rid of impurities from the deepest layers of the skin. For best results, use it twice a week.
Ubtan Hand Cream: Our not only nourishes your hands but also kills germs. Yes, you heard it right! Enriched with the natural goodness of Turmeric and Honey, this skincare product deeply moisturizes and sanitizes your hands in the cold weather. So, get your pack of sanitizing right away.
Neem Scrub: Neem is a natural purifier name called for its antibacterial properties. It sheds dead skin cells and purifies the skin without hampering the skin's pH balance. Neem is an age-old traditional ingredient that purifies the skin with its anti-inflammatory properties. In addition, Tulsi soaks up excess oil, and Walnut Beads remove toxins & bacteria from the skin. Cater to your skin's every whim with our nature-inspired .
</p>
<h1>Shop Mamaearth Skin And Face Care Products Online </h1>
<p>When we think of , face care is the only thing that comes to mind. Yet, we tend to ignore how we should treat our bodies with all the right body products most of the time. Well, it seems overwhelming to most; it is never a bad investment, though.
Opting for safe and gentle skincare products not only gives your skin radiance or aromatic waft in the room, but it also makes you feel good about yourself too. So, jump into a good body skin care routine right away with Mamaearth’s diverse range, including , shower cream, scrub, lotion, and cream. Explore Mamaearth and check out other ranges, such as . Shop now! </p>
<h1>Skin Care Products Price List in India</h1>
<p>Smooth and flawlessly radiant skin! Don’t you wish you could achieve this with an effortless skincare regimen? Acing your skincare routine can be tricky if you don’t pick the right
face care products according to your skin type especially when the market is loaded with different face skin care suggestions everywhere. So, you have to be a little thoughtful
about the process. Mamaearth’s product range includes an array of skin care products that work both for men and women. Enriched with the goodness of nature, these products
target skin concerns such as acne, dullness, dryness, excess oil production, pore congestion, dark spots, pigmentation, fine lines, amongst other skin problems. Though men keep it
traditionally simple, skincare experts have backed up the fact that using skincare for men is equally as important. For younger, healthier-looking skin, they also need to stick to an
effective AM-PM skincare routine.</p>
</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script
src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"
integrity="sha256-0YPKAwZP7Mp3ALMRVB2i8GXeEndvCq3eSl/WsAl1Ryk="
crossorigin="anonymous"></script>
<!-- header script -->
<script src="face.js">
</script>
<script src="header.js">
</script>