-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
464 lines (438 loc) · 32.8 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
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
452
453
454
455
456
457
458
459
460
461
462
463
464
<!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>
<link rel="stylesheet" href="./homepageNavbar/styles/navbar.css">
<link rel="stylesheet" href="./homepageFooter/footer.css">
<link rel="stylesheet" href="./styles/bellIcon.css">
<style>
#containerone{
width:91%;
margin: auto;
margin-top: 7px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
height:auto;
}
#containertwo{
height:auto;
width: 87%;
margin: auto;
margin-top: 50px;
}
#containertwo img{
width: 100%;
}
#hov:hover{
cursor: pointer;
transition-duration: 1000ms;
opacity: 0.7;
}
#lineone img{
width:100%;
}
#lineone h2{
text-align: center;
height:55px;
font-family: sans-serif;
font-weight: 300;
overflow: hidden;
color:darkslategray;
}
#containerthree{
width:88%;
margin:auto;
margin-top: 50px;
text-align: center;
}
#containerfour,#containersix{
background-color: salmon;
text-align: center;
margin-top: 40px;
padding-bottom: 60px;
}
#containerfive,#containerseven{
text-align: center;
margin-top: 40px;
padding-bottom: 60px;
}
#containereight,#containernine{
text-align: center;
margin-top: -50px;
padding-bottom: 60px;
}
#bell{
position: fixed;
margin-top: 370px;
margin-left: 20px;
}
#bell img{
height: 80px;
width: 80px;
}
</style>
</head>
<body>
<!-- navbar codes -->
<div id="navbar-container"></div>
<!-- homepage -->
<div id="bell">
<a href="./bellIcon.html"><img src="https://cdn2.stylecraze.com/wp-content/uploads/static-content/logos/bell-ding.gif" alt=""></a>
</div>
<div id="containerone">
<a style="text-decoration: none;" href="">
<div id="lineone">
<img id="hov" src="https://cdn2.stylecraze.com/wp-content/uploads/2012/06/1-19.jpg.webp" alt="">
<h2>32 Easy Teen Hairstyles For Those Hot Summer Days</h2>
</div>
</a>
<a style="text-decoration: none;" href="">
<div id="lineone">
<img id="hov" src="https://cdn2.stylecraze.com/wp-content/uploads/2012/06/2-13.jpg.webp" alt="">
<h2>27 Cute Summer Date Ideas To Explore With Your Loved One</h2>
</div>
</a>
<a style="text-decoration: none;" href="">
<div id="lineone">
<img id="hov" src="https://cdn2.stylecraze.com/wp-content/uploads/2012/06/3-9.jpg.webp" alt="">
<h2>50 Makeup Tips You Have To Know</h2>
</div>
</a>
</div>
<div id="containertwo">
<img src="./homepageNavbar/images/cont2.png" alt="">
</div>
<div id="containerthree" >
<a style="font-size:35px;font-family: sans-serif;padding: 0px; border-bottom: 2px solid red;text-decoration: none; color: #333333;"href="./makeup.html">MAKEUP</a>
<div id="section1" style="display: grid; grid-template-columns: 3fr 1.8fr;margin-top: 40px; gap:20px; height:400px">
<a href=""><img id="hov" style="width: 100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2018/12/Makeup-large.jpg.webp" alt="">
</a>
<div style="padding:15px; font-family: sans-serif; text-align:left;">
<a style="text-decoration: none; color:black; font-size: 25px;" href="">How To Do French Makeup</a>
<p style="color: #333333; font-size: 20px;line-height: 1.5; margin-top: 20px;">French makeup is a rage among beauty enthusiasts as it offers an effortlessly flawless and elegant look. The reason is Parisian women do not really seek a perfect transformative look. Their makeup is all about highlighting and enhancing their natural […]</p>
<div style="display: flex; flex-direction: row; margin-top: 15px; ">
<a style="text-decoration: none; color:lightsalmon" href="">Esha Saxena .</a>
<a style="text-decoration: none; color:lightsalmon" href="">4.1 shares</a>
</div>
</div>
</div>
<div id="section2" style=" margin-top: 100px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap:30px;">
<div style="text-align: left; font-family: sans-serif;">
<a href=""><img id="hov" style="margin-bottom: 25px; width: 100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2018/12/makeup-small-1.jpg.webp" alt=""></a>
<a style="text-decoration: none; color:#333333; font-size: 23px;" href="">The Best Lighting For Makeup Application</a>
<div style="display: flex; flex-direction: row; margin-top: 15px; ">
<a style="text-decoration: none; color:lightsalmon" href="">Esha Saxena . </a>
<a style="text-decoration: none; color:lightsalmon" href="">4.1 shares</a>
</div>
</div>
<div style="text-align: left; font-family: sans-serif;">
<a href=""><img id="hov" style="margin-bottom: 25px; width: 100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2013/02/makeup-small-2.jpg.webp" alt=""></a>
<a style="text-decoration: none; color:#333333; font-size: 23px;" href="">How To Apply Mascara Like A Pro (Best Beginner’s Tutorial)</a>
<div style="display: flex; flex-direction: row; margin-top: 15px; ">
<a style="text-decoration: none; color:lightsalmon" href="">Shalini Roy . </a>
<a style="text-decoration: none; color:lightsalmon" href="">61.2 shares</a>
</div>
</div>
<div style="text-align: left; font-family: sans-serif;">
<a href=""><img id="hov" style="margin-bottom: 25px; width: 100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2013/02/makeup-small-3.jpg.webp" alt=""></a>
<a style="text-decoration: none; color:#333333; font-size: 23px;" href="">50 Top Acrylic Nail Designs and Ideas For Women To Try</a>
<div style="display: flex; flex-direction: row; margin-top: 15px; ">
<a style="text-decoration: none; color:lightsalmon" href="">Shalini Roy . </a>
<a style="text-decoration: none; color:lightsalmon" href="">8.3 shares</a>
</div>
</div>
</div>
<div style="width:100%; margin-top: 20px; text-align:right;">
<a href="./makeup.html"><img src="./homepageNavbar/images/readmore.png" alt=""></a>
</div>
</div>
<div id="containerfour">
<p style="padding: 50px; font-size: 30px;"><a href="./haircare.html" style=" text-decoration: none;font-family: sans-serif; color: white;">HAIR CARE</a></p>
<div style="width: 100%; display: flex; justify-content: center;">
<hr style="color: black; background-color: white; width:100px; height:1.5px; margin-top: -50px; ">
</div>
<div style="width:87%; margin:auto; display:grid; grid-template-columns: 1fr 1fr; gap:15px">
<img id="hov" style="border-radius: 10px; width: 115%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2021/03/hair-care-large.jpg.webp" alt="">
<div style=" text-align: left; background-color: white; height:42%; margin: 4.5%;border-radius: 2%; padding:93px;padding-top: 50px; padding-left:50px; font-family: sans-serif;">
<a style="text-decoration: none; color:#333333;font-size: 24px;" href="">Apple Cider Vinegar For Natural Hair: Benefits & Side Effects</a>
<p style="margin-top: 20px; line-height: 1.5; font-size: 17px;">If you have type 4 hair and are looking for natural solutions to maintain your hair and scalp health, apple cider vinegar (ACV) can help. Using apple cider vinegar for natural hair can restore the scalp’s pH and aid in […]</p>
<div style="display: flex; flex-direction: row; margin-top: 15px; ">
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">Arshiya syeda</a>
</div>
</div>
</div>
<div style="width:87%; margin:auto; display:grid; grid-template-columns: 1fr 1fr; gap:30px; font-family: sans-serif; text-align: left;">
<div style="display: grid; grid-template-columns: 1fr 1fr;">
<a href=""><img id="hov" style="border-radius: 10px; width: 110%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2021/03/Haircare-small1.jpg.webp" alt=""></a>
<div style="background-color: white;width: 100%; border-radius: 10px;margin-top: 7.5%; height: 60px;margin-left:-60px;padding: 25px;">
<a style="text-decoration: none;color: #333333; line-height: 2; font-size: 20px; " href="">DIY Hair Oils For Different Hair Problems</a>
</div>
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr;">
<a href=""><img id="hov" style="border-radius: 10px; width: 110%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2021/03/Haircare-small2.jpg.webp" alt=""></a>
<div style="background-color: white;width: 80%; border-radius: 10px;margin-top: -4%; height: 65%;margin-left:-60px;padding: 18px;padding-right: 70px; padding-bottom: 40px;">
<a style="text-decoration: none;color: #333333; line-height: 1.8; font-size: 20px; " href="">Damaged Hair: How To Repair, Restore, And Protect It</a>
<p style="color:salmon; margin-top: 10px;">Medically Reviewed By Robert Finney , Dermatology</p>
</div>
</div>
</div>
<div style="width:97%; margin-top: 20px; padding-right: 30px; text-align:right;">
<a href="./haircare.html"><img src="./homepageNavbar/images/dmore.png" alt=""></a>
</div>
</div>
<div id="containerfive">
<p style="padding: 50px; font-size: 30px;"><a href="./hairstyles.html" style=" text-decoration: none;font-family: sans-serif; color:#333333;">HAIR STYLES</a></p>
<div style="width: 100%; display: flex; justify-content: center;">
<hr style="color: black; background-color: black; width:100px; height:1.5px; margin-top: -50px; ">
</div>
<div style="width:87%; margin:auto; display:grid; grid-template-columns: 2fr 1fr; gap:15px">
<img id="hov" style="width: 100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2013/07/Hair-Style-Large.jpg.webp" alt="">
<div style="text-align: left; padding: 20px; padding-top: 40px;">
<a style="text-decoration: none; color:#333333;font-size: 24px;" href="">How To Do A Top Knot – 10 Effortless DIY Top Knot</a>
<p style="margin-top: 20px; line-height: 1.5; font-size: 17px;">The topknot is the poison of choice for many women! You can be a mom, housewife, businesswoman, fitness instructor, chef, or anything else; the topknot is the most convenient and stylish hairstyle. So stick around if you want to learn […]</p>
<div style="display: flex; flex-direction: row; margin-top: 15px; ">
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">Anjali Sayee .</a>
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href=""> 4.1 shares</a>
</div>
</div>
</div>
<div style="width:87%; margin:auto;margin-top: 50px; display:grid; grid-template-columns: 1fr 1fr 1fr; gap:30px; font-family: sans-serif; text-align: left;">
<div>
<a href=""><img id="hov" style="width: 100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2013/07/Hair-Style-Small1.jpg.webp" alt=""></a>
<a style="font-size: 25px; text-decoration: none; color: #333333;" href="">How To Choose The Right Blonde Hair Color For Your</a>
<div style="display: flex; flex-direction: row; margin-top: -10px; ">
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">Anjali Sayee .</a>
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">1.0 shares</a>
</div>
</div>
<div>
<a href=""><img id="hov" style="width: 100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2013/07/Hair-Style-Small2.jpg.webp" alt=""></a>
<a style="font-size: 25px; text-decoration: none; color: #333333;" href="">9 No-Heat Ways To Curl Your Hair</a>
<div style="display: flex; flex-direction: row; margin-top: -10px; ">
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">Arshiya Syeda .</a>
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">1.0 shares</a>
</div>
</div>
<div>
<a href=""><img id="hov" style="width: 100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2013/07/Hair-Style-Small3.jpg.webp" alt=""></a>
<a style="font-size: 25px; text-decoration: none; color: #333333;" href="">60 Best Bob Haircuts For Black Women You May Love To Try!</a>
<div style="display: flex; flex-direction: row; margin-top: -10px; ">
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">Arshiya Syeda .</a>
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">8.9 shares</a>
</div>
</div>
</div>
<div style="width:95%; margin-top: 30px;padding-right: 50px; text-align:right;">
<a href="./hairstyles.html"><img src="./homepageNavbar/images/readmore.png" alt=""></a>
</div>
</div>
<div id="containersix">
<p style="padding: 50px; font-size: 30px;"><a href="./skincare.html" style=" text-decoration: none;font-family: sans-serif; color: white;">SKIN CARE</a></p>
<div style="width: 100%; display: flex; justify-content: center;">
<hr style="color: black; background-color: white; width:100px; height:1.5px; margin-top: -50px; ">
</div>
<div style="width:87%; margin:auto; display:grid; grid-template-columns: 1fr 1fr; gap:15px">
<a href=""><img id="hov" style="border-radius: 10px; width: 115%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2013/09/Skin-Care-Large.jpg.webp" alt=""></a>
<div style="width: 70%;margin-bottom: 20px;margin-top: 5px; text-align: left; background-color: white; height:42%;border-radius: 2%; padding:93px;padding-top: 50px; padding-left:50px; padding-bottom: 120px; font-family: sans-serif;">
<a style="text-decoration: none; color:#333333;font-size: 24px;" href="">Can Green Tea Help Treat Acne? How To Use It</a>
<p style="margin-top: 20px; line-height: 1.5; font-size: 17px;">Green tea is excellent for maintaining your overall health. It is also used in skin care products for its skin-soothing benefits. However, there have been claims that using green tea for acne can help ease the symptoms. Is there any […]</p>
<div style="display: flex; font-size: 15px; flex-direction: column; margin-top: 15px; ">
<a style="text-decoration: none; margin-top: 15px; color:lightsalmon" href="">Reviewed By Dr.K.Harish Kumar , MD.DVL, Dermatologist, Dermatologist</a>
<a style="text-decoration: none;margin-top: 5px; color:lightsalmon" href="">.640 shares</a>
</div>
</div>
</div>
<div style="width: 87%; margin: auto; display: grid; grid-template-columns: 1fr 1fr;gap:30px;text-align: left;">
<div style="display: flex;">
<a href=""><img id="hov" style="border-radius: 10px;" src="https://cdn2.stylecraze.com/wp-content/uploads/2013/09/Skin-Care-small-1.jpg.webp" alt=""></a>
<div style="background-color: white;margin-left: -90px; border-radius: 10px; height:100px; padding: 30px; margin-top: 15px;">
<a style="text-decoration: none; color: #333333; font-size: 20px;" href="">10 Simple Homemade Moisturizers For Dry Skin</a>
<p style="margin-top: 20px; color: lightsalmon;">Medically Reviewed By <a style="color: lightsalmon; text-decoration: none;" href=""> Dr. Vindhya L Veerula</a> , MD, FAAD, Dermatologist</p>
</div>
</div>
<div style="display: flex;">
<a href=""><img id="hov" style="border-radius: 10px;" src="https://cdn2.stylecraze.com/wp-content/uploads/2013/09/Skin-Care-small2.jpg.webp" alt=""></a>
<div style="background-color: white;margin-left: -90px; border-radius: 10px; height:50px;margin-top: 40px; padding: 30px;">
<a style="text-decoration: none; color: #333333; font-size: 20px;" href="">How To Use Olive Oil To Get Glowing Skin?</a>
</div>
</div>
</div>
<div style="width:90%; margin-top: 70px; padding-right: 50px; text-align:right;">
<a href="./skincare.html"><img src="./homepageNavbar/images/dmore.png" alt=""></a>
</div>
</div>
<div id="containerseven">
<p style="padding: 50px; font-size: 30px;"><a href="./healthAndWellness.html" style=" text-decoration: none;font-family: sans-serif; color:#333333;">HEALTH & WELLNESS</a></p>
<div style="width: 100%; display: flex; justify-content: center;">
<hr style="color: black; background-color: black; width:100px; height:1.5px; margin-top: -50px; ">
</div>
<div style="width:87%; margin:auto; display:grid; grid-template-columns: 2fr 1fr; gap:15px">
<a href=""><img id="hov" style="width: 100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2014/08/HW-large.jpg.webp" alt=""></a>
<div style="text-align: left; padding: 20px; padding-top: 40px;">
<a style="text-decoration: none; color:#333333;font-size: 24px;" href="">21 Amazing Full-Body Workouts To Do At Home</a>
<p style="margin-top: 20px; line-height: 1.5; font-size: 17px;">Have you ever wondered if you can perform no equipment workouts at home? Well, here’s the good news. We will share a few effective calorie-burning bodyweight exercises that do not require any equipment. Lifting your own body weight is better […]</p>
<div style="display: flex; flex-direction: row; margin-top: 15px; ">
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">Charushila Biswas .</a>
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href=""> 7.8 shares</a>
</div>
</div>
</div>
<div style="width:87%; margin:auto;margin-top: 50px; display:grid; grid-template-columns: 1fr 1fr 1fr; gap:30px; font-family: sans-serif; text-align: left;">
<div>
<a href=""><img id="hov" style="width: 100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2014/08/H-W-Small-1.jpg.webp" alt=""></a>
<a style="font-size: 25px; text-decoration: none; color: #333333;" href="">14 Health Benefits Of Drinking Aloe Vera Juice</a>
<div style="display: flex; flex-direction: column; margin-top: -10px; ">
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">Reviewed By Ariana Fiorita, RDN, Registered Dietitian Nutritionist, Registered Dietitian Nutritionist</a>
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">3.0 shares</a>
</div>
</div>
<div>
<a href=""><img id="hov" style="width: 100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2014/08/H-W-Small-2.jpg.webp" alt=""></a>
<a style="font-size: 25px; text-decoration: none; color: #333333;" href="">A Beginner’s Guide To Mediterranean Diet, According</a>
<div style="display: flex; flex-direction: row; margin-top: -10px; ">
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">Charushila Biswas</a>
</div>
</div>
<div>
<a href=""><img id="hov" style="width: 100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2014/08/H-W-Small-3.jpg.webp" alt=""></a>
<a style="font-size: 25px; text-decoration: none; color: #333333;" href="">10 DIY Detox Drinks For Weight Loss & Cleansing</a>
<div style="display: flex; flex-direction: column; margin-top: -10px; ">
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">Medically Reviewed By Dr. Pallavi Srivastava , Clinical, Cardiac, Orthopedic, & Renal Nutrition</a>
<a style="text-decoration: none; margin-top: 20px; color:lightsalmon" href="">14.7 shares</a>
</div>
</div>
</div>
<div style="width:95%; margin-top: 30px;padding-right: 50px; text-align:right;">
<a href="./healthAndWellness.html"><img src="./homepageNavbar/images/readmore.png" alt=""></a>
</div>
</div>
<div id="containereight">
<p style="padding: 50px; font-size: 30px;"><a href="" style=" text-decoration: none;font-family: sans-serif; color:#333333;">IN PRESS</a></p>
<div style="width: 100%; display: flex; justify-content: center;">
<hr style="color: black; background-color: black; width:100px; height:1.5px; margin-top: -50px; ">
</div>
<div style="text-align: left; display: grid; grid-template-columns: 1fr 1fr 1fr; gap:50px;width:87%; margin: auto;">
<div style="padding: 20px;" >
<a href="https://www.indiantelevision.com/mam/media-and-advertising/ad-campaigns/wearyourcolor-reclaim-the-beauty-narrative-lotus-herbals-210407"><img id="hov" style="margin-bottom: 30px;" src="https://cdn2.stylecraze.com/wp-content/uploads/2021/06/itv-logo-1-300x41.png.webp" alt=""></a>
<a style="text-decoration: none; color: #333333; font-size: 25px; font-family: sans-serif;line-height: 1.5;" href="https://www.indiantelevision.com/mam/media-and-advertising/ad-campaigns/wearyourcolor-reclaim-the-beauty-narrative-lotus-herbals-210407">#WearYourColor & reclaim the beauty narrative: Lotus</a>
</div>
<div style="padding: 20px;" >
<a href="https://www.thehindubusinessline.com/companies/incnut-digital-raises-4-million-in-series-a-round/article32067792.ece"><img id="hov" style="margin-bottom: 30px;" src="https://cdn2.stylecraze.com/wp-content/uploads/2021/09/Hindu-300x71.png.webp" alt=""></a>
<a style="text-decoration: none; color: #333333; font-size: 25px; font-family: sans-serif; line-height: 1.5;" href="https://www.thehindubusinessline.com/companies/incnut-digital-raises-4-million-in-series-a-round/article32067792.ece">IncNut Digital raises $4 million in Series-A round</a>
</div>
<div style="padding: 10px; padding-top: 20px;" >
<a href="http://www.businessworld.in/article/HerHQ-Media-India-s-First-ad-revenue-generation-platform-for-women-centric-start-ups-launched-Ties-up-with-IncNut-Digital-s-24-million-women-community/26-08-2020-313286/"><img id="hov" style="margin-bottom: 30px;" src="https://cdn2.stylecraze.com/wp-content/uploads/2021/06/BW-logo-300x38.png.webp" alt=""></a>
<a style="text-decoration: none; color: #333333; font-size: 25px; font-family: sans-serif;line-height: 1.5;" href="http://www.businessworld.in/article/HerHQ-Media-India-s-First-ad-revenue-generation-platform-for-women-centric-start-ups-launched-Ties-up-with-IncNut-Digital-s-24-million-women-community/26-08-2020-313286/">HerHQ Media, India’s First Ad Revenue Generation Platform</a>
</div>
</div>
</div>
<div id="containernine">
<p style="padding: 50px; font-size: 30px;"><a href="" style=" text-decoration: none;font-family: sans-serif; color:#333333;">Medical Reviewers</a></p>
<div style="width: 100%; display: flex; justify-content: center;">
<hr style="color: black; background-color: black; width:100px; height:1.5px; margin-top: -50px; ">
</div>
<div style="text-align: left; display: grid; grid-template-columns: 1fr 1fr 1fr; gap:50px;width:87%; margin: auto;">
<div style="display: grid;grid-template-columns: 1fr 2fr;">
<a style="text-decoration: none; font-size: 20px; font-family: sans-serif;" href="">
<img id="hov" style="width:100%;" src="https://www.stylecraze.com/static-content/aboutus/Vindhya.jpg" alt=""></a>
<a style="text-decoration: none; font-size: 20px; font-family: sans-serif;padding-top: 40px;padding-left: 10px;" href="">
<p style="color: lightsalmon;">Dr.Vindhya L Veerula</p>
<p style="color: #333333;">MD, FAAD</p>
</a>
</div>
<div style="display: grid;grid-template-columns: 1fr 2fr;">
<a style="text-decoration: none; font-size: 20px; font-family: sans-serif;" href="">
<img id="hov" style="width:100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2018/11/Dr-Perpetua-Neo-DClinPsy-UCL-MPhil-1.jpg.webp" alt=""></a>
<a style="text-decoration: none; font-size: 20px; font-family: sans-serif;padding-top: 40px;padding-left: 10px;" href="">
<p style="color: lightsalmon;">Dr Perpetua Neo</p>
<p style="color: #333333;">DClinPsy, UCL; MPhil</p>
</a>
</div>
<div style="display: grid;grid-template-columns: 1fr 2fr;">
<a style="text-decoration: none; font-size: 20px; font-family: sans-serif;" href="">
<img id="hov" style="width:100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2019/01/Dr-Jill-Carnahan.jpg.webp" alt=""></a>
<a style="text-decoration: none; font-size: 20px; font-family: sans-serif;padding-top: 40px;padding-left: 10px;" href="">
<p style="color: lightsalmon;">Dr. Jill Carnahan</p>
<p style="color: #333333;">MD, ABFM, ABIHM, IFMCP</p>
</a>
</div>
<div style="display: grid;grid-template-columns: 1fr 2fr;">
<a style="text-decoration: none; font-size: 20px; font-family: sans-serif;" href="">
<img id="hov" style="width:100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2018/11/Alexandra-Dusenberry-MS-RDN.jpg.webp" alt=""></a>
<a style="text-decoration: none; font-size: 20px; font-family: sans-serif;padding-top: 40px;padding-left: 10px;" href="">
<p style="color: lightsalmon;">Alexandra Dusenberry</p>
<p style="color: #333333;">MS, RDN</p>
</a>
</div>
<div style="display: grid;grid-template-columns: 1fr 2fr;">
<a style="text-decoration: none; font-size: 20px; font-family: sans-serif;" href="">
<img id="hov" style="width:100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2019/01/Mollie-Meldahl.jpg.webp" alt=""></a>
<a style="text-decoration: none; font-size: 20px; font-family: sans-serif;padding-top: 40px;padding-left: 10px;" href="">
<p style="color: lightsalmon;">Mollie Meldahl</p>
<p style="color: #333333;">RD, LD, CPT</p>
</a>
</div>
<div style="display: grid;grid-template-columns: 1fr 2fr;">
<a style="text-decoration: none; font-size: 20px; font-family: sans-serif;" href="">
<img id="hov" style="width:100%;" src="https://cdn2.stylecraze.com/wp-content/uploads/2019/03/Dr.-Kendall-R.-Roehl.jpg.webp" alt=""></a>
<a style="text-decoration: none; font-size: 20px; font-family: sans-serif;padding-top: 40px;padding-left: 10px;" href="">
<p style="color: lightsalmon;">DR. Kendall R. Roehl</p>
<p style="color: #333333;">MD, FACS</p>
</a>
</div>
</div>
<p style="font-size: 20px; margin-top: 20px;">Our team of 80+ doctors, nutritionists, dermatologists, and wellness professionals reviews all our articles for medical and factual accuracy.</p>
<img id="hov" style="margin-top: 30px;" src="./homepageNavbar/images/meet.png" alt="">
</div>
<div id="containernine">
<p style="padding: 50px; font-size: 30px;font-family: sans-serif; color:#333333;">TESTIMONIALS</p>
<div style="width: 100%; display: flex; justify-content: center;">
<hr style="color: black; background-color: black; width:100px; height:1.5px; margin-top: -50px; ">
</div>
<div style=" width: 87%; margin: auto; display: grid; grid-template-columns:repeat(5, 1fr); gap: 0px;">
<div style="font-family: sans-serif;">
<p style="font-size: 25px;font-weight: 500; color: salmon;">Gayatri Gogoi</p>
<img style="width: 60%;margin-top: 10px;" src="https://cdn2.stylecraze.com/wp-content/uploads/2021/10/gayathri-goigoi.png.webp" alt="">
<p style="padding: 13px; font-size: 15px; color: #696666;"><i> “As an introvert in her early 20s, I have always found it hard to break the ice or to continue conversations. The witty yet well-researched content of this website has helped me express myself better in various situations. I keep coming back to StyleCraze for more such interesting reads.”</i></p>
</div>
<div style="font-family: sans-serif;">
<p style="font-size: 25px;font-weight: 500; color: salmon;">Priya Dikshit</p>
<img style="width: 60%;margin-top: 10px;" src="https://cdn2.stylecraze.com/wp-content/uploads/2021/10/priya-dixit-1.png.webp" alt="">
<p style="padding: 13px; font-size: 15px; color: #696666;"><i>“ I tend to gravitate towards home remedies to resolve various skin and hair issues, and StyleCraze has a wonderful repository of at-home solutions. Excellent work! ”</i></p>
</div>
<div style="font-family: sans-serif;">
<p style="font-size: 25px;font-weight: 500; color: salmon;">Priya Thawani</p>
<img style="width: 60%; margin-top: 10px;" src="https://cdn2.stylecraze.com/wp-content/uploads/2021/10/pia-thawani.png.webp" alt="">
<p style="padding: 13x; font-size: 15px; margin-top: 15px; color: #696666;"><i> “StyleCraze is my guilty pleasure. I love this website and follow the diet and weight loss articles. I have always struggled with weight management, but the tips and information on all the latest diet and fitness trends have helped me stay in shape!”</i></p>
</div>
<div style="font-family: sans-serif;">
<p style="font-size: 25px;font-weight: 500; color: salmon;">Renuka Thakur</p>
<img style="width: 60%;margin-top: 10px;" src="https://cdn2.stylecraze.com/wp-content/uploads/2021/10/renuka-thakur.png.webp" alt="">
<p style="padding: 13px; font-size: 15px; color: #696666;"><i>“StyleCraze is my go-to site for updates on makeup and fashion. From lipstick reviews to outfit ideas, it has it all!”</i></p>
</div>
<div style="font-family: sans-serif;">
<p style="font-size: 25px;font-weight: 500; color: salmon;">Ananya Kataria</p>
<img style="width: 60%;margin-top: 10px;" src="https://cdn2.stylecraze.com/wp-content/uploads/2021/10/ananya-kataria.png.webp" alt="">
<p style="padding: 13px; font-size: 15px; color: #696666;"><i>“I had damaged hair and wanted to get to the root cause of my hair-related issues. That was the time I came across StyleCraze – they not only suggest thoroughly researched solutions but also why and how to go about it. Thank you for being my hair savior!”</i></p>
</div>
</div>
</div>
<!-- footer codes -->
<div id="footer"></div>
</body>
</html>
<!-- <script src="./navbar/scripts/navbar.js"></script> -->
<script type="module">
import navbar from "./homepageNavbar/components/navbar.js"
import hoverFun from "./homepageNavbar/components/hoverFun.js"
document.querySelector("#navbar-container").innerHTML = navbar()
hoverFun()
</script>
<script type="module">
import footer from "./homepageFooter/components/footer.js"
document.querySelector("#footer").innerHTML = footer()
</script>
<script src="./InnerWebsite/scripts/Showlogin.js>