-
Notifications
You must be signed in to change notification settings - Fork 1
/
hairstyle.html
123 lines (115 loc) · 5.61 KB
/
hairstyle.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
<!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>Hair style</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="footer.css">
<link rel="stylesheet" href="style/hairstye.css">
<link rel="stylesheet" href="navbar2.css">
</head>
<body>
<section id="headerSecond"></section>
<p id="makeupTitle">HAIR STYLES</p>
<div id="buttons">
<button>Bun Hairstyles</button>
<button>Updo Hairstyles</button>
<button>Teen Hairstyles</button>
<button>Wavy Hairstyles</button>
<button>Braid Hairstyles</button>
<button>Hairstyle Trends</button>
<button>Curly Hairstyles</button>
<button>Bob Hairstyles</button>
<button>Bridal Hairstyles</button>
<button>Medium Hairstyles</button>
<button>Celebrity Hairstyles</button>
<button>Long Hairstyles</button>
<button>Short Hairstyles</button>
<button>Different Hairstyles</button>
</div>
<div id="firstArticle">
<img src="https://cdn2.stylecraze.com/wp-content/uploads/2013/07/21-Luscious-Long-Bobs-Styling-Ideas-To-Inspire-You-2-720x810.jpg.webp"/>
<div>
<p>21 Gorgeous Long Bob Hairstyles For A Stunning Look</p>
<p>Most of us go through that inner turmoil during summers: should we cut our hair short or leave it long and grin and bear the sweltering heat? But, it can stop now, as we have found you some of the […]</p>
<p>By Arshiya Syeda
</p>
</div>
</div>
<div id="secondRow">
<div>
<img src="https://cdn2.stylecraze.com/wp-content/uploads/2017/01/2206-How-To-Do-The-Perfect-Low-Bun-%E2%80%93-A-Step-By-Step-Tutorial.jpg.webp"/>
<p class="headline">How To Do The Low Bun Hairstyle – A Step-By-Step Tutorial</p>
<p class="author">By Arshiya Syeda</p>
</div>
<div>
<img src="https://cdn2.stylecraze.com/wp-content/uploads/2019/01/25-Super-Fun-Shag-Haircuts.jpg.webp"/>
<p class="headline">25 Latest Shag Haircuts Based On Your Face Outline</p>
<p class="author">By Anjali Sayee</p>
</div>
<div>
<img src="https://cdn2.stylecraze.com/wp-content/uploads/2015/03/20-Incredibly-Stunning-DIY-Updos-For-Curly-Hair.jpg.webp"/>
<p class="headline">20 Incredibly Stunning DIY Updos For Curly Hair</p>
<p class="author">BY ANJALI SAYEE</p>
</div>
</div>
<div id="secondArticle">
<div>
<p>TOP 10 Hair Stylists In Dallas</p>
<p>Once the idea of chopping your locks creeps in, it never leaves. But how can you cut your tresses without the right hairstylist to give you hair cut suggestions? If you live in the State Fair center of Texas, you […]</p>
<p>BY ANJALI SAYEE</p>
</div>
<img src="https://cdn2.stylecraze.com/wp-content/uploads/2017/04/Hair-Stylists-In-Dallas-720x810.jpg.webp" alt="">
</div>
<div id="secondRow">
<div>
<img src="https://cdn2.stylecraze.com/wp-content/uploads/2018/10/How-To-Grow-Kinky-Curly-Hair-Faster.jpg.webp"/>
<p class="headline">How To Grow Kinky Curly Hair Faster</p>
<p class="author">By Arshiya Syeda</p>
</div>
<div>
<img src="https://cdn2.stylecraze.com/wp-content/uploads/2014/02/Top-10-Japanese-Short-Bob-Hairstyles-You-Should-Try.jpg.webp"/>
<p class="headline">Top 10 Japanese Short Bob Hairstyles You Should Try</p>
<p class="author">By Jyotsana Rao</p>
</div>
<div>
<img src="https://cdn2.stylecraze.com/wp-content/uploads/2019/03/18-Best-Hairstyles-For-Older-Women-Who-Wear-Glasses.jpg.webp"/>
<p class="headline">18 Best Hairstyles For Older Women Who Wear Glasses</p>
<p class="author">BY ANJALI SAYEE</p>
</div>
</div>
<div id="secondRow">
<div>
<img src="https://cdn2.stylecraze.com/wp-content/uploads/2018/06/25-Luscious-Dirty-Blonde-Hair-Shades.jpg.webp"/>
<p class="headline">25 Luscious Dirty Blonde Hair Shades</p>
<p class="author">By Anjali Sayee</p>
</div>
<div>
<img src="https://cdn2.stylecraze.com/wp-content/uploads/2013/11/43-Stunning-Selena-Gomez-Hairstyles-You-Need-To-Check-Out-.jpg.webp"/>
<p class="headline">T43 Stunning Selena Gomez Hairstyles You Need To Check Out</p>
<p class="author">By Anjali Sayee</p>
</div>
<div>
<img src="https://cdn2.stylecraze.com/wp-content/uploads/2013/01/74-50-Wispy-Medium-Hairstyles-is.jpg.webp"/>
<p class="headline">50 Wispy Medium Hairstyles</p>
<p class="author">y Medium Hairstyles
</p>
</div>
</div>
<div id="container"></div>
<!-- <footer id="footer"></footer> -->
<!-- FOOTER -->
<section class="footer" id="footer"></section>
<!-- -->
</body>
</html>
<!-- <script src="./script/hairstyle.js" type="module"></script> -->
<script type="module">
import footer from "./components/footer.js";
import {navbar2,navbar2JS} from "./components/navbar2.js";
document.getElementById('headerSecond').innerHTML=navbar2();
navbar2JS();
document.getElementById('footer').innerHTML=footer();
</script>