forked from danascript/algtivism
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
246 lines (239 loc) · 13.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- FILL IN: title --- shown in the tab in the browser and in the search results -->
<title>Professional Hairstyles</title>
<!-- FILL IN: description --- shown in the the search results and assists the algorithm. About 120-160 characters -->
<meta name="description" content="description">
<!-- Tell Search Engines to index the page -->
<meta name="robots" content="index, follow" />
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Josefin+Slab:wght@600&display=swap" rel="stylesheet">
<!-- normalise style across browsers -->
<link href="normalise.css" rel="stylesheet">
<!-- style.css file -->
<link href="style.css" rel="stylesheet">
</head>
<body>
<nav class="nav">
<span>
Professional Hairstyles
</span>
</nav>
<section class="intro">
<h1>
41 hairstyles to rock to your next interview!
</h1>
<h3>If you’re looking for ideas for professional hairstyles for your next job interview or wanting to change of your look at your current job, then you’re in the right place! Below you'll find hairstyles for professional womxn in the marketplace.</h3>
</section>
<section class="content">
<div class="example caption">
<p class="number">1.</p>
<img src="images/1.jpg" alt="Black womxn with professional faux locs hairstyle standing with her back slightly to the camera, looking up" loading="lazy">
<span class ="text"><h1>faux locs</h1></span>
</div>
<div class="example caption">
<p class="number">2.</p>
<img src="images/4.jpg" alt="Black womxn with professional havana twists hairstyle wearing glasses in a yellow top, sitting in front of a white wall" loading="lazy">
<span class ="text dark-outlines"><h1>havana twists</h1></span>
</div>
<div class="example caption caption">
<p class="number">3.</p>
<img src="images/2.jpg" alt="Black womxn with a professional short-mid length curly hair with highlights hairstyle, looking to the camera" loading="lazy">
<span class ="text"><h1>short-mid length curly hair</h1></span>
</div>
<div class="example caption">
<p class="number">4.</p>
<img src="images/6.jpg" alt="Black womxn with a professional havana twists afro hairstyle wearing blue shirt, grey suit set, in front of a red background" loading="lazy">
<span class ="text"><h1>havana twists afro hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">5.</p>
<img src="images/3.jpg" alt="Black womxn with a professional afro hairstyle standing in front of an orange-yellow background with one foot and arm lifted in the air." loading="lazy">
<span class ="text"><h1>afro hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">6.</p>
<img src="images/7.jpg" alt="Black womxn with a professional big afro with highlights and half braided left side hairstyle wearing big silver hoops and necklace" loading="lazy">
<span class ="text"><h1>highlights and half braided left side</h1></span>
</div>
<div class="example caption">
<p class="number">7.</p>
<img src="images/8.jpg" alt="A portrait shoot of a black womxn with a professional hairstyle of a hair put in a bun and styled baby hairs" loading="lazy">
<span class ="text"><h1>professional bun</h1></span>
</div>
<div class="example caption">
<p class="number">8.</p>
<img src="images/11.jpg" alt="Black womxn with a professional shortly shaved and dyed blond hairstyle standing in front of a staircase looking to the camera" loading="lazy">
<span class ="text"><h1>shortly shaved and dyed blond hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">9.</p>
<img src="images/5.jpg" alt="Black womxn with a professional afro textured puff hairstyle wearing sunglasses, sitting on a black leather couch" loading="lazy">
<span class ="text"><h1>textured puff hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">10.</p>
<img src="images/9.jpg" alt="Black womxn with a professional hairstyle divided into 2 parts - one in a top structured bun, another in a mid bun" loading="lazy">
<span class ="text"><h1>top structured bun and mid bun</h1></span>
</div>
<div class="example caption">
<p class="number">11.</p>
<img src="images/13.jpg" alt="Black womxn with a professional, defined locs afro hairstyle wearing glasses and holding a mobile phone in her hands" loading="lazy">
<span class ="text"><h1>defined locs</h1></span>
</div>
<div class="example caption">
<p class="number">12.</p>
<img src="images/18.jpg" alt="Black womxn with a professional afro-textured puff with 4-5 box braids as a fringe hairstyle wearing a big silver necklace" loading="lazy">
<span class ="text dark-outlines"><h1>puff with 4-5 box braids as a fringe</h1></span>
</div>
<div class="example caption">
<p class="number">13.</p>
<img src="images/23.jpg" alt="Black womxn with a professional long faux locs hairstyle wearing a pale yellow dress standing in front of a brick wall" loading="lazy">
<span class ="text"><h1>long faux locs</h1></span>
</div>
<div class="example caption">
<p class="number">14.</p>
<img src="images/14.jpg" alt="Black womxn with a professional short TWA hairstyle with shaved sides wearing hoops, sitting and smiling away from the camera" loading="lazy">
<span class ="text"><h1>short TWA hairstyle with shaved sides</h1></span>
</div>
<div class="example caption">
<p class="number">15.</p>
<img src="images/20.jpg" alt="Black womxn with a professional short-mid length 4C afro hairstyle sitting by the window, wearing a floral shirt and smiling" loading="lazy">
<span class ="text dark-outlines"><h1>short-mid length 4C afro</h1></span>
</div>
<div class="example caption">
<p class="number">16.</p>
<img src="images/16.jpg" alt="Black womxn with a professional very long ghana braids hairstyle wearing a hat and standing with her back to the camera" loading="lazy">
<span class ="text"><h1>very long ghana braids</h1></span>
</div>
<div class="example caption">
<p class="number">17.</p>
<img src="images/29.jpg" alt="Black womxn with a professional curly afro hairstyle, sitting, holding a camera on her knees, and smiling" loading="lazy">
<span class ="text"><h1>curly afro hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">18.</p>
<img src="images/17.jpg" alt="Black womxn with a professional curly afro divided hairstyle wearing a light blue top and golden earrings" loading="lazy">
<span class ="text"><h1>curly afro divided hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">19.</p>
<img src="images/19.jpg" alt="Black womxn with a professional yarn braids hairstyle standing in front of a shiny background" loading="lazy">
<span class ="text"><h1>yarn braids</h1></span>
</div>
<div class="example caption">
<p class="number">20.</p>
<img src="images/15.jpg" alt="Black womxn with a professional jumbo braids hairstyle partly gathered in ponytail turning to the camera and smiling" loading="lazy">
<span class ="text"><h1>jumbo braids</h1></span>
</div>
<div class="example caption">
<p class="number">21.</p>
<img src="images/41.jpg" alt="Black womxn with a professional nubian twists gathered in a high bun hairstyle has her arms crossed and smiling" loading="lazy">
<span class ="text dark-outlines"><h1>nubian twists gathered in a high bun</h1></span>
</div>
<div class="example caption">
<p class="number">22.</p>
<img src="images/22.jpg" alt="Black womxn with a professional box braids wearing a red bandana as a headband hairstyle with her palms on her cheeks" loading="lazy">
<span class ="text"><h1>box braids</h1></span>
</div>
<div class="example caption">
<p class="number">23.</p>
<img src="images/12.jpg" alt="Black womxn with a professional 4C afro hairstyle standing on front of a purple wall, posing with a bag" loading="lazy">
<span class ="text"><h1>4C afro hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">24.</p>
<img src="images/24.jpg" alt="A portrait of a black womxn with a professional box braids hairstyle, stands under a pine tree" loading="lazy">
<span class ="text"><h1>box braids</h1></span>
</div>
<div class="example caption">
<p class="number">25.</p>
<img src="images/25.jpg" alt="Black womxn with a professional afro-textured puff dyed purple/red hairstyle with the puff falling to the front side of the head" loading="lazy">
<span class ="text"><h1>afro-textured puff dyed purple/red</h1></span>
</div>
<div class="example caption">
<p class="number">26.</p>
<img src="images/26.jpg" alt="Black womxn with a professional long ombre black-orange-yellow-blonde dreadlocks hairstyle tied in a ponytail covering her face with it" loading="lazy">
<span class ="text"><h1>long ombre black-orange-yellow-blonde dreadlocks ponytail</h1></span>
</div>
<div class="example caption">
<p class="number">27.</p>
<img src="images/27.jpg" alt="Black womxn with a professional mid 3B afro hairstyle sitting with a laptop on her lap and typing" loading="lazy">
<span class ="text"><h1>mid 3B afro hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">28.</p>
<img src="images/28.jpg" alt="Black womxn with a professional afro-textured puff hairstyle, wearing a red sweater standing in front of a white brick wall" loading="lazy">
<span class ="text dark-outlines"><h1>afro-textured puff</h1></span>
</div>
<div class="example caption">
<p class="number">29.</p>
<img src="images/10.jpg" alt="Black womxn with a professional natural twist curls hairstyle wearing a yellow t-shirt, sitting in front of a neutral background" loading="lazy">
<span class ="text"><h1>natural twist curls</h1></span>
</div>
<div class="example caption">
<p class="number">30.</p>
<img src="images/30.jpg" alt="Black womxn with a professional mid 3B afro hairstyle smiling to the camera and walking in front of a building" loading="lazy">
<span class ="text"><h1>mid 3B afro hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">31.</p>
<img src="images/31.jpg" alt="Black womxn with a professional fulani braids and beads hairstyle covered wearing a colorful headband and smiling" loading="lazy">
<span class ="text"><h1>fulani braids and beads with colorful headband</h1></span>
</div>
<div class="example caption">
<p class="number">32.</p>
<img src="images/32.jpg" alt="Black womxn with a professional box braids hairstyle wearing a black bandana and smiling" loading="lazy">
<span class ="text dark-outlines"><h1>box braids</h1></span>
</div>
<div class="example caption">
<p class="number">33.</p>
<img src="images/33.jpg" alt="Black womxn with a professional short TWA dyed light brown hairstyle with shaved sides sitting on a wooden deck" loading="lazy">
<span class ="text"><h1>short TWA dyed light brown with shaved sides</h1></span>
</div>
<div class="example caption">
<p class="number">34.</p>
<img src="images/34.jpg" alt="Black womxn looking to the side with light red eye make up and professional 2-bun afro-textured puffs hairstyle" loading="lazy">
<span class ="text dark-outlines"><h1>2-bun afro-textured puffs</h1></span>
</div>
<div class="example caption">
<p class="number">35.</p>
<img src="images/35.jpg" alt="Black womxn with a professional long dreadlocks hairstyle wearing a red top smiling to the camera" loading="lazy">
<span class ="text"><h1>long dreadlocks</h1></span>
</div>
<div class="example caption">
<p class="number">36.</p>
<img src="images/36.jpg" alt="Black womxn with a professional 4C afro hairstyle wearing glasses and a blue dress, sitting on a chair" loading="lazy">
<span class ="text"><h1>4C afro hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">37.</p>
<img src="images/37.jpg" alt="Black womxn with a professional light afro hairstyle sitting in a room next to white pottery items" loading="lazy">
<span class ="text"><h1>light afro hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">38.</p>
<img src="images/38.jpg" alt="Black womxn with a professional 3B afro hairstyle wearing a blue shirt looking to the camera" loading="lazy">
<span class ="text"><h1>3B afro hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">39.</p>
<img src="images/39.jpg" alt="Black womxn with a professional 3A afro hairstyle standing around yellow fallen leaves" loading="lazy">
<span class ="text dark-outlines"><h1>3A afro hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">40.</p>
<img src="images/40.jpg" alt="Black womxn with a professional 3C afro hairstyle wearing a linen shirt looking to the side" loading="lazy">
<span class ="text"><h1>3C afro hairstyle</h1></span>
</div>
<div class="example caption">
<p class="number">41.</p>
<img src="images/21.jpg" alt="Black womxn with a professional dyed red big curls afro hairstyle wearing a blue dress standing in an urban setup" loading="lazy">
<span class ="text"><h1>dyed red big curls afro</h1></span>
</div>
</section>
</body>
</html>