-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
453 lines (415 loc) · 20 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
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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>St.George Dental Clinic & Orthodontic Centre</title>
<meta name="description" content="St.George Dental Clinic and Orthodontic Centre in Poonjar is providing all dental services including General Dentistry and.Periodontics" />
<meta name="keywords" content="St.George Dental Clinic, saint george dental clinic, dentist in poonjar, st. george dental clinic poonjar,Orthodontic Centre poonjar" />
<meta name="robots" content="index, follow" />
<link rel="icon" href="images/logo1.png" type="image/x-icon" >
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/font-icon.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link rel="stylesheet" href="css/parseley.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@1,600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
</head>
<body>
<!-- header section -->
<section class="banner" role="banner">
<header id="header">
<div class="header-content clearfix d-flex align-items-center">
<img class="main-logo" style='height: 70px' src='images/frame.png'>
<nav class="navigation" role="navigation">
<ul class="primary-nav">
<li><a href="#banner">Home</a></li>
<li><a href="#services">Treatments</a></li>
<li><a href="#content-3-10">About</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#testimonials">Patient Reviews</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<a href="#" class="nav-toggle">Menu<span></span></a> </div>
</header>
<!-- banner text -->
<div class="banner" id="banner">
<div class="slider-banner">
<div data-lazy-background="images/slides/1.jpg">
<h3 data-pos="['68%', '-40%', '60%', '12%']" data-duration="700" data-effect="move">
Beautiful Smile
</h3> <br>
<p data-pos="['75%', '110%', '75%', '12%']" data-duration="700" data-effect="move">
"SMILE and the world SMILES with you...""
</p>
</div>
<div data-lazy-background="images/slides/3.jpg">
<h3 data-pos="['75%', '-40%', '60%', '12%']" data-duration="700" data-effect="move">
Dental Care
</h3> <br>
<p data-pos="['75%', '110%', '75%', '12%']" data-duration="700" data-effect="move">
"Better Oral Health, Better life"
</p>
</div>
</div>
<!-- banner text -->
</div>
</section>
<!-- header section -->
<!-- intro section -->
<section id="intro" class="section intro">
<div class="container">
<div class="col-md-8 col-md-offset-2 text-center">
<h3>ST.GEORGE DENTAL CLINIC & ORTHODONTIC CENTRE</h3>
<p>
We have 22 years of experience in the field of dentistry.
It was founded by Late Dr. George Philip Thellyil and Dr.Rosanna George on January 21st 1999.
This centre is committed to provide dental services in the most friendly, diligent and transparent manner within a framework of ethics, safety and quality.
</p>
<div class="site-info">
<div class="phoneInfo"><h6>Call Today: </h6><a href="tel:04822-273380">04822-273380</a>; <a href="tel:9895094884">9895094884</a>; <a href="tel:9447148588">9447148588</a></div>
<div class="timeInfo"><h6>Opening Hours: </h6> <em>Mon–Sat: 9am–1pm ; 3pm-6pm</em></div>
</div>
</div>
</div>
</section>
<!-- intro section -->
<!-- services section -->
<section id="services" class="services service-section">
<div class="container">
<div class="section-header">
<h2 class="wow fadeInDown animated">Treatments</h2>
<p class="wow fadeInDown animated">We provide a comprehensive range of dental services</p>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-heart"></span>
<div class="services-content">
<h5>General Dentistry </h5>
<p>A significant part of comprehensive dental care is ongoing maintenance to minimize the chances of problems occurring, whether you need routine dental care or one of our other high-quality services, we’re here to help.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-scope"></span>
<div class="services-content">
<h5>Orthodontics</h5>
<p>
it involves the diagnosis, prevention and correction of misaligned teeth and jaws. Apart from aligning teeth, orthodontic treatment helps to restore a person’s bite, the function of their teeth and aesthetics. </p>
</div>
</div>
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-wine"></span>
<div class="services-content">
<h5>Periodontics</h5>
<p>It is the dental specialty focusing exclusively in the inflammatory disease that destroys the gums and other supporting structures around the teeth.
Dr. Rosanna is here to deal with these diseases.
</p>
</div>
</div>
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-happy"></span>
<div class="services-content">
<h5>Preventive Dentistry</h5>
<p>Teeth cleaning and preventive dental care is one of the best possible means of maintaining optimum oral health. Preventive dental care can help each member of your family maintain a beautiful, healthy smile by safeguarding against oral diseases like dental decay, gum disease, or periodontal disease.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-layers"></span>
<div class="services-content">
<h5>Restorative dentistry</h5>
<p>It is the study, diagnosis and integrated management of diseases of the teeth and their supporting structures and the rehabilitation of the dentition to functional and aesthetic requirements of the individual.
It involves the replacement of missing or damaged teeth. Fillings, crowns (“caps”), bridges and implants.
</p>
</div>
</div>
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-hotairballoon"></span>
<div class="services-content">
<h5>Extraction</h5>
<p>It is the process of removing a tooth or tooth parts which is performed for various reasons including tooth decay that has destroyed enough tooth structure to prevent restoration.
Extractions of impacted teeth are also performed as are extractions of some permanent teeth to make space for orthodontic treatment.</p>
</div>
</div>
</div>
</div>
</section>
<!-- services section -->
<!--About-->
<section id="content-3-10" class="content-block data-section nopad content-3-10">
<div class="image-container col-sm-6 col-xs-12 pull-left">
<div class="background-image-holder">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6 col-sm-offset-6 col-xs-12 content">
<div class="editContent">
<h3>About Us</h3>
</div>
<div class="editContent">
<p class="text-justify">At St.George Dental Clinic & Orthodontic Centre we furnish dentistry with energy and eagerness. We are committed to offer our patients great dentistry in a minding and delicate way. We have joined extraordinary patient consideration with the most recent strategies in current dentistry to give the best dental experience to our patients.</p>
<p class="text-justify">There is nothing more beautiful than a healthy smile. That’s why Dr. Rosanna and team at St.George Dental clinic will do everything they can to ensure your teeth are their healthiest, and that they stay that way.
We realize how valuable your time is, therefore we strive to run on-schedule every day and we respond quickly to your questions and concerns.St.George Dental Clinic & Orthodontic Centre offers a wide range of dental services so that you won’t have to run all over town to get the care you need. Your healthy and attractive smile is our passion, and your comfort and satisfaction are our priorities!</p>
</div>
<a href="#gallery" class="btn btn-outline btn-outline outline-dark">Our Gallery</a>
</div>
</div><!-- /.row-->
</div><!-- /.container -->
</section>
<!-- gallery section -->
<section id="gallery" class="gallery section">
<div class="container-fluid">
<div class="section-header">
<h2 class="wow fadeInDown animated">Gallery</h2>
</div>
<div class="row no-gutter">
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/01.jpg" class="work-box"> <img src="images/portfolio/01.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/02.jpg" class="work-box"> <img src="images/portfolio/02.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/03.jpg" class="work-box"> <img src="images/portfolio/03.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/04.jpg" class="work-box"> <img src="images/portfolio/04.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/05.jpg" class="work-box"> <img src="images/portfolio/05.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/06.jpg" class="work-box"> <img src="images/portfolio/06.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/07.jpg" class="work-box"> <img src="images/portfolio/07.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/08.jpg" class="work-box"> <img src="images/portfolio/08.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
</div>
</div>
</section>
<!-- Testimonials section -->
<section id="testimonials" class="section testimonials no-padding">
<div class="container-fluid">
<div class="row no-gutter">
<div class="flexslider">
<ul class="slides">
<li>
<div class="col-md-12">
<blockquote>
<h1>"Dr. Rosanna was so friendly and calm that I felt confident enough to have my crooked teeth straightened with braces." </h1>
<p>Manu James</p>
</blockquote>
</div>
</li>
<li>
<div class="col-md-12">
<blockquote>
<h1>"Excellent service, very friendly atmosphere. The dentist and all the staff made sure that my baby's first experience in a dental clinic was a great one. Highly recommended!" </h1>
<p>Nixon Abraham</p>
</blockquote>
</div>
</li>
<li>
<div class="col-md-12">
<blockquote>
<h1>"Dr Rosanna is not only a wonderful honest professional with high values and integrity, she is one of the best human being we have the honor to call a friend." </h1>
<p>Denny Paulson</p>
</blockquote>
</div>
</li>
<li>
<div class="col-md-12">
<blockquote>
<h1>"How can I thank you? Not just for your professional skills but for the thought and concern you displayed while treating me." </h1>
<p>John Davis</p>
</blockquote>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Testimonials section -->
<!-- contact section -->
<section id="contact" class="section">
<div class="container" >
<div class="section-header">
<h2 class="wow fadeInDown animated">Get In Touch</h2>
<p class="wow fadeInDown animated">Please fill out this form and we shall get back to you shortly.</p>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 conForm">
<div id="message"></div>
<form id="contact-form" data-parsley-validate>
<input type="hidden" name="contact_number">
<input required name="user_name" id="name" type="text" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" placeholder="Your name..." >
<input required name="user_email" id="email" type="email" class=" col-xs-12 col-sm-12 col-md-12 col-lg-12 noMarr" placeholder="Email Address..." >
<textarea required name="message" id="comments" cols="" rows="" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" placeholder="Message..."></textarea>
<input type="submit" id="submit" name="send" class="submitBnt" value="Send">
<div id="simple-msg"></div>
</form>
<div class="alert" id="result" style="background-color:#47b0ec;color: white;display:none">
<span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
Your Enquiry has been sent Successfully
</div>
</div>
</div>
</div>
</section>
<!-- contact section -->
<!-- Footer section -->
<footer class="footer">
<div class="container-fluid">
<div id="map-row" class="row">
<div class="col-xs-12">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3933.084397702947!2d76.80975441427996!3d9.673829981220658!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b07cb63a1e8cb8f%3A0x75c696c4dde41291!2sST.GEORGE%20DENTAL%20CLINIC%20%26%20ORTHODONTIC%20CENTRE!5e0!3m2!1sen!2sin!4v1610387262864!5m2!1sen!2sin" width="100%" height="400" scrolling="no" marginheight="0" marginwidth="0"></iframe>
</div>
</div>
</div>
<section class="contact-footer mt-4">
<div class="contact-footer1">
<div class="row">
<div class="col-md-3">
<span><img style="background-color:#035986;" src="images/frame2.png" ></span>
<!-- <h3>St.George Dental Clinic & Orthodontic Centre</h3> -->
</div>
<div class="col-md-1">
<div class="line"></div>
</div>
<div class="col-md-4">
<h4>Treatments</h4>
<h6 >
<ul>
<li> - General Dentistry</li>
<li> - Orthodontics</li>
<li> - Periodontics</li>
<li> - Preventive Dentistry</li>
<li> - Restorative Dentistry</li>
<li> - Extraction</li>
</ul>
</h6>
</div>
<div class="col-md-4" >
<h4 >Contact Us</h4>
<h6>
<address>
<div style="display:flex">
<div><i class="fa fa-map-marker mr-3" aria-hidden="true" style="margin-right:15px;"></i></div>
<div>Thelliyil Joseph Kunjuvarkey Memorial Buildings, Poonjar</div>
</div>
</address>
</h6>
<h6>
<div style="display:flex">
<div>
<i class="fa fa-phone " style="margin-right:15px" aria-hidden="true"></i>
</div>
<div>
<a href="tel:04822-273380">04822-273380</a> , <a href="tel:9895094884">+91 9895094884</a> , <a href="tel:9447148588">+91 9447148588</a>
</div>
</div>
</h6>
<h6>
<a class="text-lowercase" href="mailto:[email protected]"><i class="fa fa-envelope" style="margin-right:15px" aria-hidden="true"></i>[email protected]</a>
</h6>
</div>
</div>
</div>
<div class="container" style="justify-content: flex-end;display: flex;">
<div>Copyright ©<script>document.write(new Date().getFullYear());</script></div>
<div><a href="https://chippythomas.netlify.app/" target="_blank"> | Powered By Chippy Thomas </a></div>
</div>
</section>
</footer>
<!-- Footer section -->
<!-- JS FILES -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/parseley.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript" src="js/jquery.contact.js"></script>
<script type="text/javascript" src="js/jquery.devrama.slider.min-0.9.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.slider-banner').DrSlider({
'transition': 'fade',
showNavigation: false,
progressColor: "#03A9F4"
});
});
</script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/email.min.js"></script>
<script type="text/javascript">
(function(){
emailjs.init('user_rbmLpQCfRLXJDZiJfdZ0u');
})();
</script>
<script type="text/javascript">
window.onload = function() {
document.getElementById('contact-form').addEventListener('submit', function(event) {
event.preventDefault();
// generate the contact number value
this.contact_number.value = Math.random() * 100000 | 0;
emailjs.sendForm('service_y6ci0u8', 'template_osr24yp', this);
$(".alert").show();
$('html, body').animate({
scrollTop: $("#result").offset().bottom
}, 1000);
});
}
</script>
</script>
</script>
</body>
</html>