-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathservices.php
More file actions
691 lines (470 loc) · 26.4 KB
/
services.php
File metadata and controls
691 lines (470 loc) · 26.4 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
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
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
<!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>
function scroll_to_anchor(anchor_id){
var tag = $("#"+anchor_id+"");
$('html,body').animate({scrollTop: tag.offset().top},'slow');
}
</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;
}
.mySlides {display:none}
#col1 {
color:white;
}
#col2 {
color:pink;
}
#colp {
color:purple;
}
#colb {
color:black;
}
#footerbg {
background-image:url("footerbg.png");
}
#blackbg {
background-image:url("blackbg.png");
}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
#curs {
cursor:pointer;
}
#textstyle {
font-family: "Comic Sans MS", cursive, sans-serif;
}
#cursive {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
<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");
}
</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="curs" class=" w3-spin fa fa-clock-o w3-xxxlarge "></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">
<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="about.php">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="#bridalslink" onclick="scroll_to_anchor('bridalslink');opentab('bridals')">Bridals</a>
<a href="#makelink" onclick="scroll_to_anchor('makelink');opentab('makeover')">Makeover</a>
<a href="#spalink" onclick="scroll_to_anchor('spalink');opentab('spa')">Spa and Relaxation</a>
<a href="#modernlink" 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#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="about.php">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="#bridalslink" onclick="scroll_to_anchor('bridalslink');opentab('bridals')">Bridals</a>
<a href="#makelink" onclick="scroll_to_anchor('makelink');opentab('makeover')">Makeover</a>
<a href="#spalink" onclick="scroll_to_anchor('spalink');opentab('spa')">Spa and Relaxation</a>
<a href="#modernlink" onclick="scroll_to_anchor('modernlink');opentab('modern')">Modern Styling</a>
</div>
</li>
<li><a href="#">Gallery</a></li>
<li><a href="index.php#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"><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>
</div>
<div class="w3-display-container ">
<div class=" w3-black w3-hide-small w3-hide-medium w3-hover-shadow w3-display-left w3-center w3-opacity w3-margin-left" style="width:30%">
</div>
<img class="mySlides " src="n4.png" style="width:100%">
<img class="mySlides " src="16.png" style="width:100%">
<img class="mySlides " src="n1.png" style="width:100%">
<img class="mySlides " src="n3.png" style="width:100%">
</div>
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 3000);
// Change image every 2 seconds
}
</script>
</div>
<div class="w3-container w3-center w3-xlarge w3-padding-64">
<div class="w3-row">
<a href="javascript:void(0);" onclick="opentab('bridals')">
<div id="bridalslink" class="w3-quarter w3-bottombar w3-padding-16 w3-hover-light-grey w3-border-black ">Bridals</div>
</a>
<a href="javascript:void(0);" onclick="opentab('makeover')">
<div id="makelink" class="w3-quarter w3-bottombar w3-padding-16 w3-hover-light-grey w3-border-black ">Makeover</div>
</a>
<a href="javascript:void(0);" onclick="opentab('spa')">
<div id="spalink"class="w3-quarter w3-bottombar w3-padding-16 w3-hover-light-grey w3-border-black ">Spa</div>
</a>
<a href="javascript:void(0);" onclick="opentab('modern')">
<div id="modernlink" class="w3-quarter w3-bottombar w3-hover-light-grey w3-padding-16 w3-border-black ">Styling</div>
</a>
</div>
</div>
<hr class="line">
<div id="bridals" class="w3-container services w3-padding-64 " >
<img class="w3-circle w3-card-16 w3-quarter w3-animate-zoom w3-large w3-border w3-padding-4" src="make.png" style="margin-left:75px">
<div class="w3-rest w3-container w3-padding-8 w3-margin-left " style="margin-left:70px">
<p><h1 class="w3-wide w3-center">Bridal <span id="col2">Packages</span></h1>
<span class="w3-container w3-padding-32 w3-left" id="textstyle" style="margin-left:50px" >
<i>    Your wedding day is nothing short of a fairytale. Every girl dreams of having a wedding fit for a princess, and every girl deserves it!
But the stress of planning your dream wedding can take a toll on your body. Our beauty experts help you de-stress by nurturing your skin with the care it needs, arming you with a natural glow on your special day. Our make-up artists and hairstylists are known to create a unique look for each bride that highlights their best feature.
Leave your worries behind and trust us to turn you into a princess on your special day.Contact us for details about various packages that we offer</i>
</span>
</p></div>
<br>
<br>
<br>
<br>
<div class=" w3-container w3-padding-16 " style="margin-left:10%">
<img class="w3-circle w3-right w3-card-16 w3-border w3-animate-zoom w3-padding-4" src="jewel.png" style="margin-left:75px">
<p><h1 class="w3-wide w3-center " ><span id="col2">Bridal</span> Jewellery</h1>
<span class="w3-container w3-padding-32 w3-left-align" id="textstyle" >
<i >    Jewellery is one of the most essential elements of Indian weddings. The fact that exchange of wedding rings and thaalis are the most important rituals of the wedding ceremony has made jewellery an indispensible part of any wedding.
Brides, this is a great excuse to get as many jewellery sets as you want!
Getting wedding jewellery for rent is a cost-effective way to adorn yourself with all your favourite kinds of jewels! Make sure not to mix up jewellery sets you already have with new sets, because they might not match. And now, with Shree, you can get your bridal jewellery on rent online!
</i>
</span>
</p></div>
<br>
<br>
<br>
<br>
<img class="w3-circle w3-card-16 w3-quarter w3-animate-zoom w3-large w3-border w3-padding-4" src="mehendi.png" style="margin-left:75px">
<div class="w3-rest w3-container w3-padding-8 w3-margin-left " style="margin-left:70px">
<p><h1 class="w3-wide w3-center">Bridal <span id="col2">Mehendi</span></h1>
<span class="w3-container w3-padding-32 w3-left" id="textstyle" style="margin-left:50px" >
<i>    Mehendi is one of the most classic features of Indian weddings. The most fun brides have is definitely at the mehendi ceremony!
Some brides want to let their friends do the mehendi for them before the wedding, not understanding the risk involved. Instead, hire a bridal mehendi artist, let go of all other stress while the professionals work on you.</i>
</span>
</p></div>
</div>
<div id="makeover" class="w3-container services w3-padding-64 " >
<img class="w3-circle w3-card-16 w3-quarter w3-animate-zoom w3-large w3-border w3-padding-4" src="m.png" style="margin-left:75px">
<div class="w3-rest w3-container w3-padding-8 w3-margin-left " style="margin-left:70px">
<p><h1 class="w3-wide w3-center">Make <span id="col2">Over</span></h1>
<span class="w3-container w3-padding-32 w3-left" id="textstyle" style="margin-left:50px" >
<i>    There is hardly any need to speak about how important it is to look picture perfect these days. Much depends upon your overall look. Your persona is by what you get judged and your persona can be very much influenced by what you wear and how you carry yourself.
The right makeup and hairstyle not only enhances your beauty but also boosts your self-confidence. To get a proper hang of the right hairstyle and makeup, We present to you different makeovers to improve your stunning looks.</i>
</span>
</p></div>
<div class=" w3-container w3-padding-32 " style="margin-left:10%">
<img class="w3-circle w3-right w3-card-16 w3-border w3-animate-zoom w3-padding-4" src="modern3.png" style="margin-left:75px">
<p><h1 class="w3-wide w3-center " ><span id="col2">Smoothening</span></h1>
<span class="w3-container w3-padding-32 w3-left-align" id="textstyle" >
<i >    Ever wish you had straight, silky hair like your favourite actress? Your wish is our command! Shree is a hair straightening genie that can transform even the tightest curls into silky straight hair with our hair smoothening treatment.
Our hairstylists will ensure you get a damage-free hair straightening treatment because at Shree we only use safe and internationally tested brands . So opt for our hair smoothening service and keep your hair and yourself worry-free.
</i>
</span>
</p></div>
<img class="w3-circle w3-card-16 w3-quarter w3-animate-zoom w3-large w3-border w3-padding-4" src="face.png" style="margin-left:75px">
<div class="w3-rest w3-container w3-padding-8 w3-margin-left " style="margin-left:70px">
<p><h1 class="w3-wide w3-center">Skin<span id="col2">Treatment</span></h1>
<span class="w3-container w3-padding-32 w3-left" id="textstyle" style="margin-left:50px" >
<i>    At Shree, our skin care experts ensure your skin is detoxified, refreshed and most importantly pampered! Our natural skin care treatments provide you with healthy, glowing skin.
For radiant, revitalised and refreshed skin, choose Us!</i>
</span>
</p></div>
</div>
<div id="spa" class="w3-container services">
<img class="w3-circle w3-card-16 w3-quarter w3-animate-zoom w3-large w3-border w3-padding-4" src="spa.png" style="margin-left:75px">
<div class="w3-rest w3-container w3-padding-8 w3-margin-left" style="margin-left:70px">
<p><h1 class="w3-wide w3-center">Spa &<span id="col2">Relaxation</span></h1>
<span class="w3-container w3-padding-32 w3-left" id="textstyle" style="margin-left:50px" >
<i>    Spa treatment is incomplete without body care massage. Chair massage and hand & feet massage are specifically for relaxing the neck, shoulders, hands and feet. It instantly rejuvenates and de-stresses your muscles which get tired due to long hours of travel, incorrect sitting postures, lifestyle diseases and stressed limbs.
Spa treatment is quick relief and instant pain reliever;
the relaxation exercises will keep you healthy and ready to brave challenges and stress.</i>
</span>
</p></div>
<br>
<br>
<div class="w3-half w3-container w3-padding-8 w3-margin-left" >
<p><h1 class="w3-wide w3-center " style="margin-left:5%">Relaxation & <span id="col2">Spa</span></h1>
<span class="w3-container w3-padding-32 w3-left" id="textstyle" style="margin-left:20px" >
<i>    Tiring week at work? De-stress and rejuvenate at Shree! Our body care experts are well trained in helping you detox, especially working professionals.
Trust Us to help you detox and rejuvenate! </i>
</span>
</p></div>
<div class="w3-container w3-left w3-rest" style="margin-left:5%"><img class="w3-circle w3-animate-zoom w3-card-16 w3-border w3-padding-4" src="spa1.png" style="margin-left:75px">
</div>
<br>
<br>
</div>
<div id="modern" class="w3-container services">
<div style="margin-left:10%">
<img class="w3-circle w3-card-16 w3-quarter w3-animate-zoom w3-large w3-border w3-padding-2" src="advanced.png" >
<div class="w3-rest w3-container w3-padding-8 w3-margin-left" style="margin-left:70px">
<p><h1 class="w3-wide w3-center">Advanced <span id="col2">Facial</span></h1>
<span class="w3-container w3-padding-32 w3-left" id="textstyle" >
<i>    A facial is not just about pampering yourself, it also does wonders for your skin! A facial done by a professional, deep cleans and hydrates your skin as well as relieves acne. A good facial also improves blood circulation, giving your skin a healthy glow.
At Shree, we use products containing vital minerals and nutrients that reduce wrinkles and remove dead skin, giving you a youthful appearance. Black mud, fruit acids, vitamins, enzymes, gold and anti-oxidants are just a few of the special ingredients found in our facials.
Nourish your skin and calm your mind with a soothing facial at Naturals.
</i>
</span>
</p></div>
<br>
<br>
<div class="w3-twothird w3-container w3-padding-8 w3-margin-left " >
<p><h1 class="w3-wide w3-center " ><span id="col2">Hair</span>Treatment</h1>
<span class="w3-container w3-padding-32 w3-left-align" id="textstyle" >
<i >    Our range of hair treatments will help you keep your hair free of pollution, dust or other impurities. At Shree, you can expect only the best hair treatment for your tresses. Our hair treatments are designed to tackle pollution, dust and other impurities, leaving your hair healthy and glowing.
Shree also offers the best hair treatment that fights hair fall and dandruff by nurturing it with vital minerals and nutrients. The result? Strong, healthy hair with a natural shine!</i>
</span>
</p></div>
<img class="w3-circle w3-center w3-card-16 w3-border w3-animate-zoom w3-padding-4" src="modern2.png" style="margin-left:75px">
<br>
<br>
<br>
<br>
<img class="w3-circle w3-card-16 w3-quarter w3-animate-zoom w3-large w3-border w3-padding-2" src="max1.png" >
<div class="w3-rest w3-container w3-padding-8 w3-margin-left" style="margin-left:70px">
<p><h1 class="w3-wide w3-center">Max<span id="col2"> Studio</span></h1>
<span class="w3-container w3-padding-32 w3-left" id="textstyle" >
<i>    Shree offers trendy haircuts and color services, complete skin care solutions and bridal packages, at affordable rates. Equipped with the knowledge on a wide variety of professional hair & skin care products, our well trained professional stylists provide friendly service. Conveniently close, we're located right in your neighbourhood. You can also find your favorite world class hair care brands, like L'Oreal, Matrix, Wella, Schwarzkopf and many more at Shree.
</i>
</span>
</p></div>
<br>
</div>
</div>
<br>
<br>
<br>
<div id="textstyle" class="w3-wide w3-center">
<sup>*</sup>For further details on the packages offered contact us via <span onclick="document.getElementById('contact').style.display='block'" style="cursor:pointer"><i class="fa fa-envelope-o w3-large"> Mail </i> , <i class="w3-large fa fa-mobile"> Call </i> or <i class="fa fa-map-marker w3-large"> visit us</i></span>
</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="cursive">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">
<br>
<br>
<script>
var tab=<?php $tab=$_GET['id'];
if(isset($tab)) {
echo "'".$tab."'";
}
?>
opentab(tab);
scroll_to_anchor(tab);
function opentab(tabname) {
var i;
var x = document.getElementsByClassName("services");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(tabname).style.display = "block";
}
</script>
?>
<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>
</p>
<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" style="font-family: 'Allerta Stencil', Sans-serif;"><b><i class="flaticon-cup"></i> DEVELOPERS</b></h4>
</header>
<table class="w3-table" style="margin-left:3%;font-family: 'Allerta Stencil', Sans-serif;">
<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>
</body>
</html>