-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.php
More file actions
409 lines (312 loc) · 16.6 KB
/
Copy pathabout.php
File metadata and controls
409 lines (312 loc) · 16.6 KB
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
<!DOCTYPE html>
<html>
<title>Shree Hair Saloon and Spa</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Title" content="Top Ladies Beauty Parlours in Chennai-SHREE" />
<meta name="description" content="Top Beauty Parlour in Chennai,Tnagar with lowest cost for ladies.Bridal makeup, hair styling, jewellery, mehendi,makeover,spa,herbal treatment.Discover the beauty in you." />
<meta name="keywords" content="Top Beauty Parlour in chennai,lowest cost,Bridal makeup, hair styling,jewellery, mehendi,makeover,spa,herbal treatment" />
<meta name="robots" content="noodp"/>
<meta name="keywords" content="wedding, wedding South Indian brides, tamil brides, tamil brides guide, bridal makeup artist and hair stylist, jewellery rental, beautician, cosmetologist,poo jadai,mehandi, tamil bride,Bridal makeup, hair styling,jewellery, mehendi,makeover,spa,herbal treatment "/>
<link rel="canonical" href="http://shreemakeover.uphero.com" />
<link rel="stylesheet" type="text/css" href="font\flaticon.css">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Tangerine">
<link rel="stylesheet" href="w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<head>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#datepicker").datepicker();
});
</script>
<script type="text/javascript" >
function validate()
{
var mail=document.appointment.mail.value;
var phone=document.appointment.phone.value;
//validate email
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
if(!re.test(mail))
{
alert("Enter valid mail id");
return false;
}
//validte phone number
var re=/^([0|\+[0-9]{1,5})?([7-9][0-9]{9})$/;
if(!re.test(phone))
{
alert("Enter valid number");
return false;
}
return true;
}
</script>
<style>
hr.line {
height: 100px;
background: #fff url(hr.png) no-repeat scroll center;
}
.design {
height: 100px;
background: #fff url(hr.png) no-repeat scroll center;
}
.mySlides {display:none}
#col1 {
color:white;
}
#col2 {
color:pink;
}
#colp {
color:purple;
}
#colb {
color:black;
}
#pinkcol {
color:#ffb6c1;
}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
#curser {
cursor:pointer;
}
#textstyle {
font-family: "Comic Sans MS", cursive, sans-serif;
}
#curs {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
<script>
function scroll_to_anchor(anchor_id){
var tag = $("#"+anchor_id+"");
$('html,body').animate({scrollTop: tag.offset().top},'slow');
}
</script>
<script>
function myFunction() {
var x = document.getElementById("demo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
<style>
#headerbg {
background-image:url("heff.png");
}
#linkbg {
background-image:url("linkbg.png");
}
#blackbg {
background-image:url("blackbg.png");
}
#footerbg {
background-image:url("footerbg.png");
}
</style>
</head>
<body>
<div class="w3-container w3-xxlarge w3-center" id="headerbg">
<h2 class="w3-wide w3-center w3-twothird"><i class="flaticon-shape w3-xxxlarge w3-padding-16">
<span id="colp">Shree </span>
<span id="colb">Hair </span>
<span id="colp">Saloon </span>
<span id="colb">and</span>
<span id="colp">Spa</span> </i></h2>
<div class="w3-third w3-padding-32 w3-center w3-xlarge">
<i onclick="document.getElementById('id01').style.display='block'" id="curser" class=" w3-spin fa fa-clock-o w3-xxxlarge w3-sepia-max"></i>
<span>    <button class="w3-btn w3-small w3-red w3-padding-16 w3-hide-large w3-hide-small" onclick="document.getElementById('id03').style.display='block'" >Book An Appointment</button></span>
</div>
<div id="id01" class="w3-modal">
<div class="w3-modal-content" style="width:40%">
<header id="blackbg" class="w3-container w3-pink">
<span onclick="document.getElementById('id01').style.display='none'" class="w3-closebtn">×</span>
<h2 id="curs">Working Hours</h2>
</header>
<div class="w3-container w3-text-black w3-center ">
<i id="cursive"> Beauty Boutique</i>
<h6 id="textstyle">Timing : 9:30 A.M to 9:00 P.M (NO HOLIDAYS) </h6></div>
<footer id="blackbg" class="w3-container w3-pink">
<p/>
</footer>
</div>
</div>
</div>
<div class="w3-card-8 w3-pink ">
<ul class="w3-navbar w3-large w3-align-center w3-margin-left">
<li class="w3-hide-medium w3-hide-large w3-black w3-opennav w3-right">
<a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars w3-large w3-black"></i></a>
</li>
<li ><a href="index.php">Home</a></li>
<li class="w3-hide-small "><a href="#">AboutUs</a></li>
<li class="w3-hide-small w3-dropdown-hover"><a href="services.php?id=bridals">Services <i class="fa fa-caret-down"></i></a>
<div class="w3-dropdown-content w3-black w3-card">
<a href="services.php?id=bridals" onclick="scroll_to_anchor('bridalslink');opentab('bridals')">Bridals</a>
<a href="services.php?id=makeover" onclick="scroll_to_anchor('makelink');opentab('makeover')">Makeover</a>
<a href="services.php?id=spa" onclick="scroll_to_anchor('spalink');opentab('spa')">Spa and Relaxation</a>
<a href="services.php?id=modern" onclick="scroll_to_anchor('modernlink');opentab('modern')">Modern Styling</a>
</div>
</li>
<li class="w3-hide-small "><a href="#">Gallery</a></li>
<li class="w3-hide-small w3-quarter "><a href="index.php?id=contact" onclick="scroll_to_anchor('contact')">ContactUs</a></li>
<li class="w3-hide-small w3-hide-medium w3-quarter w3-red w3-right "><a onclick="document.getElementById('id03').style.display='block'" >Book An Appointment</a></li>
</ul>
<div id="demo" class="w3-hide w3-hide-large w3-hide-medium">
<ul class="w3-navbar w3-left-align w3-large w3-black">
<li><a href="#">AboutUs</a></li>
<li class=" w3-dropdown-hover"><a href="services.php?id=bridals">Services <i class="fa fa-caret-down"></i></a>
<div class="w3-dropdown-content w3-black w3-card">
<a href="services.php?id=bridals" onclick="scroll_to_anchor('bridalslink');opentab('bridals')">Bridals</a>
<a href="services.php?id=makeover" onclick="scroll_to_anchor('makelink');opentab('makeover')">Makeover</a>
<a href="services.php?id=spa" onclick="scroll_to_anchor('spalink');opentab('spa')">Spa and Relaxation</a>
<a href="services.php?id=modern" onclick="scroll_to_anchor('modernlink');opentab('modern')">Modern Styling</a>
</div>
</li>
<li><a href="#">Gallery</a></li>
<li><a href="index.php?id=contact" onclick="scroll_to_anchor('contact')">ContactUs</a></li>
<li class="w3-yellow"><a onclick="document.getElementById('id03').style.display='block'" >Book An Appointment</a></li>
</ul>
</div>
</div>
<div id="id03" class="w3-modal ">
<div class="w3-modal-content w3-card-8 w3-animate-zoom w3-black" style="max-width:600px">
<div id="headerbg" class="w3-center w3-pink"><br>
<header ><h1>Book An Appointment</h1>
<span onclick="document.getElementById('id03').style.display='none'" class="w3-closebtn w3-hover-red w3-container w3-padding-8 w3-display-topright" title="Close Modal">×</span>
</header><br></div>
<div id="footerbg" class="w3-container w3-center w3-padding-32 ">
<form name="appointment" action="book.php" method="post" class=" w3-card-4 w3-black w3-text-white" id="book" onsubmit="return validate();">
<br>
<div class="w3-row w3-section">
<div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-user"></i></div>
<div class="w3-rest">
<input class="w3-input w3-border" name="fname" id="fname" type="text" placeholder="First Name" style="width:95%" required>
</div>
</div>
<div class="w3-row w3-section">
<div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-user"></i></div>
<div class="w3-rest">
<input class="w3-input w3-border" name="lname" id="lname" type="text" placeholder="Last Name" style="width:95%" required>
</div>
</div>
<div class="w3-row w3-section">
<div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-envelope-o"></i></div>
<div class="w3-rest">
<input class="w3-input w3-border" name="mail" id="mail" type="text" placeholder="Email" style="width:95%" required>
</div>
</div>
<div class="w3-row w3-section">
<div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-phone"></i></div>
<div class="w3-rest">
<input class="w3-input w3-border" name="phone" id="phone" type="text" placeholder="Phone" style="width:95%" required>
</div>
</div>
<div class="w3-row w3-section">
<div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-calendar"></i></div>
<div class="w3-rest">
<input class="w3-input w3-border" name="date" type="text" id="datepicker" placeholder="AppointmentDate" style="width:95%" required>
</div>
</div>
<div class="w3-row w3-section">
<div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-clock-o"></i></div>
<div class="w3-rest">
<input class="w3-input w3-border" name="time" id="time" min="09:30" max="21:00" type="time" placeholder="hh:mm" style="width:95%" required>
</div>
</div>
<button class="w3-btn-block w3-section w3-yellow w3-padding" style="width:95%"><i class="fa fa-paper-plane-o w3-large"> </i> Send</button>
</form>
</div>
</div>
</div>
<br>
<br>
<div id="curs" style="font-size:100px;" class="w3-center w3-text-brown">
About Us
</div>
<hr class="line">
<br>
<br>
<div class="w3-container w3-center w3-align-left w3-wide" style="margin-left:5%;margin-right:2% ; font-family:'Allerta Stencil', Sans-serif;">
<i ><p>Founded over 15 years ago, We at Shree understand the very minute needs of every women, especially when it comes to big occasions. With utmost care and dedication, we serve our customers as per their individual needs and preferences. We have been able to witness heights of success, thanks to the extremely talented, professional experts that we involve for the different services like Bridal Makeup & Hairdo, Sari draping, etc. We at Shree not only offer exclusive bridal packages but also specializes in helping brides attain perfection in the bridal look they desire.</p>
<p>We not only offer special packages to Brides but also to the future Brides-to-be and ex-Brides
Our packages are designed keeping in mind different tastes and budgets of all and to cater to each individually.</p>
<p>An association of bridal artists, designers, and salon experts; specializing in South Indian weddings and various other modern and classical makeover skills, is who we are. We bring together the best bridal artists, beauticians and stylists in the city and you can easily access them through economic packages. Shree has got various packages like Hair and Makeup services, Jewellery Rentals, Mehendi, Fashion Designing, Beautician services at home, Poo Jadai and Garland designing. All these services are provided by top notch professionals carrying years of experience.
</p>
<p>Contact us anyday in our <i onclick="document.getElementById('id01').style.display='block'" class="w3-text-brown" id="curser" style="color:#855E42;font-size:20px"><b><i> Working Hours </i></b></i> to experience the best service from our makeover specialists and beauticians </p>
<p> Reach Out To Us On <span>
<a href="https://www.facebook.com/Shree-Hairstyle-Salon-and-Spa-1777473709167297/" style="text-decoration:none"><i class="fa fa-facebook-square w3-xxlarge"> </i></a> ,
<a href="https://plus.google.com/105630368243052294877" style="text-decoration:none"><i class="fa fa-google-plus-circle w3-xxlarge"> </i></a> ,
<a href="https://www.instagram.com/shree_makeover/" style="text-decoration:none"> <i class="fa fa-instagram w3-xxlarge"> </i>
</a> or
<i id="curser" class="fa fa-whatsapp w3-xxlarge" onclick="document.getElementById('contact').style.display='block'"> </i>
</span>
</p>
<p onclick="document.getElementById('contact').style.display='block'" id="curser" style="color:#855E42;font-size:20px"><b>Come and visit us on person or give us a call</b></p>
</i>
</div>
<div id="contact" class="w3-modal">
<div class="w3-modal-content" style="width:40%">
<header id="blackbg" class="w3-container w3-center w3-text-white">
<span onclick="document.getElementById('contact').style.display='none'" class="w3-closebtn">×</span>
<h2 id="curs">Get in touch with us</h2>
</header>
<div id="footerbg" class="w3-container w3-text-white w3-center ">
<i class="flaticon-shape w3-xxlarge w3-padding-16"></i><b>
<span class="w3-text-white">Shree </span>
<span id="col2">Hair </span>
<span class="w3-text-white">Saloon </span>
<span id="col2">and</span>
<span class="w3-text-white">Spa</span> </b>(For Ladies and Kids only)
<br>
<div class="w3-text-white">
<i class="w3-xxlarge fa fa-map-marker"> :</i>#22,North Road,West CIT Nagar, Chennai-600 035.
<br>
<b><i class="w3-xxlarge fa fa-envelope-o"> :</i> </b>shreemakeover.in@gmail.com<br>
<b><i class="w3-xxlarge fa fa-phone"> :</i> </b>044-438 486 13<br>
<b><i class="w3-xxxlarge fa fa-mobile"> :</i> </b> +91-98406 66060 / 72992 89080<br><br><br>
<b><i class="w3-xxxlarge fa fa-clock-o"> :</i> Working Hours - 9:30 A.M to 9:00 P.M (NO HOLIDAYS)</b><br><br>
<a href="https://www.google.co.in/maps/place/SHREE+HAIR+STYLE+SALON+(Ladies%26Kids)/@13.0284955,80.2283568,15z/data=!4m5!3m4!1s0x0:0xedae6423eb74c9a3!8m2!3d13.0284955!4d80.2283568?sa=X&ved=0ahUKEwiIm7nA9_fQAhULMY8KHfVLDX4Q_BIIYjAK"><button class="w3-yellow w3-btn w3-ripple" style="width:80%"><i class="fa fa-map-marker w3-xlarge"> </i> Location</button></a><br><br>
<br>
</div>
<footer id="blackbg" class="w3-container">
<br>
</footer>
</div>
</div>
</div>
<hr class="line">
<div id="footerbg" class="w3-container w3-black w3-center">
<br>
<h4 id="textstyle">
<div class="w3-container w3-third w3-center" ><a href="https://www.facebook.com/Shree-Hairstyle-Salon-and-Spa-1777473709167297/"><i class="fa fa-facebook-square w3-large"> FACEBOOK</i></a></div>
<div class="w3-container w3-third w3-center" ><a href="https://plus.google.com/105630368243052294877"><i class="fa fa-google-plus-circle w3-large"> GOOGLE+</i></a></div>
<div class="w3-container w3-third w3-center" ><a href="https://www.instagram.com/shree_makeover/"> <i class="fa fa-instagram w3-large"> INSTAGRAM</i></a></div>
<br>
</h4>
<h6 class="w3-center"><i><b>Copyrights Ⓒ 2016 Shree.</b>     Developed by<i onclick="document.getElementById('id02').style.display='block'" id="curs" class="flaticon-cup"></i></i></h6>
<div id="id02" class="w3-modal w3-card-16">
<div class="w3-modal-content w3-text-white w3-black w3-animate-zoom w3-padding-32 " >
<header class=" w3-container w3-pink " >
<span class=" w3-right w3-padding-8 " onclick="document.getElementById('id02').style.display='none'" class="w3-closebtn">
<i class="fa fa-close"></i></span>
<h4 class="w3-center"><b><i class="flaticon-cup"></i> DEVELOPERS</b></h4>
</header>
<table class="w3-table" style="margin-left:3%">
<tr>
<td><br>      <img src="murali.png" class="w3-circle w3-center w3-left-align w3-animate-zoom"><center><br>MuraliKrishna<br>muralikrishna0615.mk@gmail.com</center><br></td>
<td><br>     <img src="nivedha.png" class="w3-circle w3-border w3-large w3-center w3-animate-zoom"><center><br>NivedhaSuresh<br>nivedhasuresh@gmail.com<br></center></td>
<td><br>      <img src="krishna.png" class="w3-circle w3-center w3-animate-zoom"><center><br>KrishnaKumar<br>krishnakumar31096@gmail.com<br></center></td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>