-
Notifications
You must be signed in to change notification settings - Fork 1
/
beauticians.php
300 lines (269 loc) · 16.5 KB
/
beauticians.php
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
<!DOCTYPE html>
<html>
<head>
<title>Beauticians</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/beauticians_style.css">
<link rel="stylesheet" type="text/css" href="css/fontawesome.css">
</head>
<body>
<?php include 'navbar.php'; ?>
<!-- team -->
<h2 class="text-center">MEET OUR STYLISTS</h2>
<div class="column text-center">
<img src="images/ser1.jpg" alt=" " class="img-responsive" id="img1" onclick="openCONTENT1()"/>
<h5 style="color:black;">Manori Pieris</h5>
<p>Main Beautician</p>
<div class="stars" style="color: red">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<div class="column text-center">
<img src="images/ser2.jpg" alt=" " class="img-responsive" id="img2" onclick="openCONTENT2()"/>
<h5 style="color:black;">Madhushi Nanayakkara</h5>
<p>Beautician</p>
<div class="stars" style="color: red">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fas-star"></i>
</div>
</div>
<div class="column text-center">
<img src="images/ser3.jpg" alt=" " class="img-responsive" id="img3" onclick="openCONTENT3()"/>
<h5 style="color:black;">Nishie Fernando</h5>
<p>Beautician</p>
<div class="stars" style="color: red">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<div class="column text-center">
<img src="images/ser4.jpg" alt=" " class="img-responsive" id="img4" onclick="openCONTENT4()"/>
<h5 style="color:black;">Ashini Heenatigala</h5>
<p>Beautician</p>
<div class="stars" style="color: red">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fas-star"></i>
</div>
</div>
<div class="column text-center">
<img src="images/ser5.jpg" alt=" " class="img-responsive" id="img5" onclick="openCONTENT5()"/>
<h5 style="color:black;">Roshana Pieris</h5>
<p>Hair Stylist</p>
<div class="stars" style="color: red">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<!-- Contents -->
<div class="cont">
<div id="content1" class="content">
<div class="content-left">
<p style="font-size:25px;"><b>Manori Pieris</b></p>
<p style="font-size:20px;">Main Beautician</p>
<p style= "text-align:justify; font-size:15px;">Manori Pieris's is the main beautician. Her personality and her love for fashion is evident. Keeping up to date on the latest fashion and beauty trends gives her a perspective that benefits all her clients. Her career started in 2003 under the direct mentorship of Vocational Trainning Institute. Manori is passionate about color and she is a firm believer that having the right hair color can enhance a person's personal style and attitude. She is known for her meticulous color work, creating rich beautiful tones. <b>She is telling that..... </b>"Beautiful bouncy hair and beachy tousled looks are what that she loves to do best! I love long hair. I love layers! Long layers, short layers, shaggy layers! I love it!! I love giving my clients options for when they want to be lazy, simply I just love giving my clients options and versatility with their hair!".Manori is surrounded by creativity. She is constantly updating her skills and creating. She loves the challenge and excitement of using her skills on-set as a hairstylist for print, film, and television. Her dedication to her art and her talent for bringing out the best in everyone are evident to all that know her. Manori is fully engaged in living her passion as a stylist. You can see more of Manori's work at the gallery. </p>
<ul class="social-icons3">
<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li>
<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
</ul>
<div class="columnnew"><img src="images/ser6.jpg"></div>
<div class="columnnew"><img src="images/ser7.jpg"></div>
<div class="columnnew"><img src="images/ser8.jpg"></div>
</div>
<div class="content-right">
<img style="width:330px; height:420px;" src="images/ser1.jpg">
</div>
</div>
<!-- Content 2 -->
<div id="content2" class="content">
<div class="content-left">
<p style="font-size:25px;"><b>Madhushi Nanayakkara</b></p>
<p style="font-size:20px;">Beauticians</p>
<p style= "text-align:justify; font-size:15px;">From a very young age, living in a background related to a beautician has inspired Madhushi Nanayakkara to pursue a creative career focusing on fashion, hair, and makeup. Madhushi dedicated herself to learning and retaining as much as she could, so that she may begin working in salon and further her knowledge with hands-on experience.
She developed new techniques and mastered her craft during her time. However, her experience has gone beyond the salon as she has helped style models on location for numerous high fashion runway shows.
Her work, in and outside of the studio, has given her a new outlook on the means of styling and coloring hair, bringing a deeper understanding of the importance of keeping skin healthy and radiant. Because of this, she does not use bleach, always aiming to retain the health and integrity of each of her clients’ skin.
With her easy-going personality, infectious laugh and immaculate fashion sense, she will not only be your stylist, but you will walk out of the salon with a new friend.
Madhushi believes that you can never stop improving and continues her learning process through her career. She is always striving for excellence and perfection of her art.
</p>
<ul class="social-icons3">
<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li>
<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
</ul>
<div class="columnnew"><img src="images/ser6.jpg"></div>
<div class="columnnew"><img src="images/ser7.jpg"></div>
<div class="columnnew"><img src="images/ser8.jpg"></div>
</div>
<div class="content-right">
<img style="width:300px; height:410px;" src="images/ser2.jpg">
</div>
</div>
<!-- Content 3 -->
<div id="content3" class="content">
<div class="content-left">
<p style="font-size:25px;"><b>Nishie Fernando</b></h3>
<p style="font-size:20px;">Beautician</p>
<p style= "text-align:justify; font-size:15px;">Nishie Fernando is passionate about hair ran in the family. Her aunt owned her own hair salon, and her uncle owned a barber shop just across the road, making Cynthia's love for hair inevitable. From an early age, her aunt instilled a love and knowledge of hair styling in Cynthia.
Specifically taking an interest vintage hair styles, her aunt taught her the vintage art of styling hair from decades prior.
Nishie was trained by one of the former stylists before moving to Salon Manori where she was mentored by the hair guru herself. Under their guidance, she learned the proper way to maintain the health and integrity of the hair while achieving flawless results.
With growing experience under her belt, Nishie has quickly grown a following at Salon Manori.
Nishie truly believes that you should always give back, and loves making all women feel and look absolutely beautiful.
In a city infatuated with appearance, Nishie will help you to look your absolute best without compromising the health of your skin.
</p>
<ul class="social-icons3">
<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li>
<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
</ul>
</div>
<div class="content-right">
<img style="width:330px; height:410px;" src="images/ser3.jpg">
</div>
</div>
<!-- Content 4 -->
<div id="content4" class="content">
<div class="content-left">
<p style="font-size:25px;"><b>Ashini Heenatigala</b></p>
<p style="font-size:20px;">Beautician</p>
<p style= "text-align:justify; font-size:15px;">Ashini, who is known for her impeccable skills and incomparable vision and taste, started out her career as a photographer and then moved into hair and makeup to bring true vision to her talent.
Ashini is known for taking in “bleach victims” and other clients whose skin has been damaged by over processing. When you walk out of the salon she will not only be your stylist, but you will walk out of the salon with a new friend.
She is that much friendly for clients. She has a contagious spirit, donating so much of her time to charity and animal rescues, from which she has adopted and found homes for dozens of creatures, no matter how big or small.</p>
<p style= "text-align:justify; font-size:15px;">In a city infatuated with appearance, Ashini will help you to look your absolute best without compromising the health of your hair.
In 2005, after three years of continued success with Salon Manori, Ashini has opened a photo studio for special events.
The result of Ashini’s innovative vision is a peaceful sanctuary where mind, body, and spirit are fused into one. Ashini incorporates beauty and health in a way that is truly miraculous and hasn’t been attempted before.</p>
</p>
<ul class="social-icons3">
<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li>
<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
</ul>
<div class="columnnew"><img src="images/ser6.jpg"></div>
<div class="columnnew"><img src="images/ser7.jpg"></div>
<div class="columnnew"><img src="images/ser8.jpg"></div>
</div>
<div class="content-right">
<img style="width:350px; height:410px;" src="images/ser4.jpg">
</div>
</div>
<div id="content5" class="content">
<!-- Content 5 -->
<div class="content-left">
<p style="font-size:25px;"><b>Roshana Pieris</b></p>
<p style="font-size:25px;">Hair Stylist</p>
<p style= "text-align:justify; font-size:15px;">Roshana has achieved great success as a member of the Salon team of hair professionals by implementing her natural skill and keen eye for style. Roshana always knew she wanted to be a hair stylist and has been working professionally since 1998.
Roshana offers a wide variety of styles, from conservative looks to up-to-the-minute styles. She always keeps her clients looking current by taking the latest looks and applying them in a functional way to suit their unique appearance. Roshana’s genuine love for hair is demonstrated by her commitment to using high quality color and natural products. This results in her clients having the healthiest hair possible, while still achieving rich beautiful color.</p>
<p style= "text-align:justify; font-size:15px;">Clients love her enthusiasm and dedication and as a result she has developed a loyal following. Roshana’s fresh and unique style is an asset to the Salon Manori environment. Roshana declares, “At Salon Manori I have found a place where I can flourish and truly make my clients look and feel the best they possibly can.</p>
</p>
<ul class="social-icons3">
<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li>
<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
</ul>
<div class="columnnew"><img src="images/ser6.jpg"></div>
<div class="columnnew"><img src="images/ser7.jpg"></div>
<div class="columnnew"><img src="images/ser8.jpg"></div>
</div>
<div class="content-right">
<img style="width:350px; height:410px;" src="images/ser5.jpg">
</div>
</div>
</div>
<!-- //team -->
<script type="text/javascript">
var content1 = document.getElementById("content1");
var content2 = document.getElementById("content2");
var content3 = document.getElementById("content3");
var content4 = document.getElementById("content4");
var content5 = document.getElementById("content5");
var img1 = document.getElementById("img1");
var img2 = document.getElementById("img2");
var img3 = document.getElementById("img3");
var img4 = document.getElementById("img4");
var img5 = document.getElementById("img5");
function openCONTENT1(){
content1.style.transform = "translateX(0)";
content2.style.transform = "translateX(100%)";
content3.style.transform = "translateX(100%)";
content4.style.transform = "translateX(100%)";
content5.style.transform = "translateX(100%)";
img1.style.opacity = "1";
img2.style.opacity = "0.5";
img3.style.opacity = "0.5";
img4.style.opacity = "0.5";
img5.style.opacity = "0.5";
}
function openCONTENT2(){
content1.style.transform = "translateX(100%)";
content2.style.transform = "translateX(0)";
content3.style.transform = "translateX(100%)";
content4.style.transform = "translateX(100%)";
content5.style.transform = "translateX(100%)";
img1.style.opacity = "0.5";
img2.style.opacity = "1";
img3.style.opacity = "0.5";
img4.style.opacity = "0.5";
img5.style.opacity = "0.5";
}
function openCONTENT3(){
content1.style.transform = "translateX(100%)";
content2.style.transform = "translateX(100%)";
content3.style.transform = "translateX(0)";
content4.style.transform = "translateX(100%)";
content5.style.transform = "translateX(100%)";
img1.style.opacity = "0.5";
img2.style.opacity = "0.5";
img3.style.opacity = "1";
img4.style.opacity = "0.5";
img5.style.opacity = "0.5";
}
function openCONTENT4(){
content1.style.transform = "translateX(100%)";
content2.style.transform = "translateX(100%)";
content3.style.transform = "translateX(100%)";
content4.style.transform = "translateX(0)";
content5.style.transform = "translateX(100%)";
img1.style.opacity = "0.5";
img2.style.opacity = "0.5";
img3.style.opacity = "0.5";
img4.style.opacity = "1";
img5.style.opacity = "0.5";
}
function openCONTENT5(){
content1.style.transform = "translateX(100%)";
content2.style.transform = "translateX(100%)";
content3.style.transform = "translateX(100%)";
content4.style.transform = "translateX(100%)";
content5.style.transform = "translateX(0)";
img1.style.opacity = "0.5";
img2.style.opacity = "0.5";
img3.style.opacity = "0.5";
img4.style.opacity = "0.5";
img5.style.opacity = "1";
}
</script>
<?php include 'footer.php'; ?>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
</body>
</html>