ok
Mini Shell
<!DOCTYPE html>
<?php include("admin/config.php");?>
<html lang="en">
<head>
<?php include('topup.php');?>
</head>
<body class="shop-page layout-landing">
<!--header-->
<!--header-->
<header class="header">
<div class="header-quickLinks js-header-quickLinks d-lg-none">
<div class="quickLinks-top js-quickLinks-top"></div>
<div class="js-quickLinks-wrap-m">
</div>
</div>
<?php include 'top.php';?>
<div class="header-content">
<div class="container">
<div class="row align-items-lg-center">
<button class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbarNavDropdown">
<span class="icon-menu"></span>
</button>
<div class="col-lg-auto col-lg-2 d-flex align-items-lg-center">
<a href="index.php" class="header-logo"><img src="images/logop.png" alt="" class="img-fluid"></a>
</div>
<div class="col-lg ml-auto header-nav-wrap">
<div class="header-nav js-header-nav">
<?php include 'header.php'; ?>
</div> </div>
</div>
</div>
</div>
</header>
<!--//header-->
<div class="page-content">
<!--section slider-->
<?php include('form.php');?>
<div class="section mt-0">
<div id="mainSliderWrapper">
<div class="loading-content">
<div class="inner-circles-loader"></div>
</div>
<div class="main-slider mb-0 arrows-white arrows-bottom" id="mainSlider" data-slick='{"arrows": false, "dots": true}'>
<!--<div class="slide">-->
<!-- <div class="img--holder" data-bg="images/h1.jpg"></div>-->
<!-- <div class="slide-content center">-->
<!-- <div class="vert-wrap container">-->
<!-- <div class="vert">-->
<!-- <div class="container">-->
<!-- <div class="slide-txt1" data-animation="fadeInDown" data-animation-delay="1s" style="text-align: left; color:white;">-->
<!-- </div>-->
<!-- <div class="slide-txt2" data-animation="fadeInUp" data-animation-delay="1.5s"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<div class="slide">
<div class="img--holder" data-bg="images/sp.jpg"></div>
<div class="slide-content center">
<div class="vert-wrap container">
<div class="vert">
<div class="container">
<div class="slide-txt1" data-animation="fadeInDown" data-animation-delay="1s" style="text-align: left; color:white;">
</div>
<div class="slide-txt2" data-animation="fadeInUp" data-animation-delay="1.5s"></div>
</div>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="img--holder" data-bg="images/h4.jpg"></div>
<div class="slide-content center">
<div class="vert-wrap container">
<div class="vert">
<div class="container">
<div class="slide-txt1" data-animation="fadeInDown" data-animation-delay="1s" style="text-align: left; color:white;">
</div>
<div class="slide-txt2" data-animation="fadeInUp" data-animation-delay="1.5s"></div>
</div>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="img--holder" data-bg="images/h2.jpg" style="background-position: center;"></div>
<div class="slide-content center">
<div class="vert-wrap container">
<div class="vert">
<div class="container">
<div class="slide-txt1" data-animation="fadeInDown" data-animation-delay="1s" style="margin-top: 200px;"><!--Health is the greatest asset of human being.
<br><b>SHealthy life is wealthy life!--></b></div>
<div class="slide-txt2" data-animation="fadeInUp" data-animation-delay="1.5s"></div>
<!--<div class="slide-btn"><a href="services.php" class="btn btn-white" data-animation="fadeInUp" data-animation-delay="2s"><i class="icon-right-arrow"></i><span>Know more</span><i class="icon-right-arrow"></i></a></div>-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--//section slider-->
<!--//section slider-->
<!--section-->
<div class="section mt-0 shadow-bot pt-2 pb-0 py-sm-4 mb-2">
<div class="container">
<div class="row js-icn-text-alt-carousel">
<div class="col-md-6 col-lg-4">
<div class="icn-text-alt">
<div class="icn-text-alt-icn"><i class="icon-doctor"></i></div>
<div>
<h4 class="icn-text-alt-title">Medical Professionals</h4>
<p><strong>Dr. Rachna Patel</strong> <br>
BDS, FAD<br/>
Cosmetic Dental Surgeon
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="icn-text-alt">
<div class="icn-text-alt-icn"><i class="icon-clock"></i></div>
<div>
<h4 class="icn-text-alt-title">Opening Hour</h4>
<p><strong>Monday To Saturday:</strong> <br>
9:30 AM – 1:00 PM <br/> 4:00 PM – 8:00 PM
<br>Sunday:
As Per Appointment</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="icn-text-alt">
<div class="icn-text-alt-icn"><i class="icon-placeholder"></i></div>
<div>
<h4 class="icn-text-alt-title">Reach to Our Clinic</h4>
<p>115, Empire Skyline, opp. Ugati Lake View, Science City, Ahmedabad, 380060</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--//section-->
<!--section about-->
<div class="section" id="aboutSection">
<div class="container pt-lg-2">
<div class="row mt-2 mt-md-3 mt-lg-0">
<div class="col-md-6">
<div class="title-wrap text-center text-md-left">
<div class="h-sub"></div>
<h2 class="h1">Welcome to <span class="theme-color">CitySmile Dental Studio</span></h2>
</div>
<div class="pr-xl-1">
<p style="text-align: justify;">CitySmile Dental Studio is owned and operated by Dr. Rachna Patel who is Cosmetic Dental Surgeon with 9+ years of experience. Premise has comfortable air conditioned waiting area and separate Consultation Room to maintain patient's privacy and uninterrupted consultation with expert Dentists. Operatory room is equipped with Portable X-Ray machine which helps to capture sharp and clear image with minimum radiation; advanced LASER machine for painless and bleeding-free surgeries. It also has intra-oral camera, fully automated and highly advanced Endomotor which allows to perform single sitting Root Canal Treatment.</p>
</div>
<!-- <div class="text-center text-md-left mt-2 mt-md-3">
<a href="form.php" class="btn-link" data-toggle="modal" data-target="#modalBookingForm">Booking a visit<i class="icon-right-arrow"></i></a>
</div> -->
</div>
<div class="col-md-6 mt-4 mt-md-0">
<div class="video-box">
<div class="video-box-poster">
<img src="images/12.jpg" style="height=400px; width=600px;" alt="" class="img-fluid">
</div>
<div class="video-box-bg"><img src="images/content/video-poster-bg.png" alt=""></div>
</div>
</div>
</div>
</div>
</div>
<!--//section about-->
<!--section departments-->
<!-- <div class="section" id="departmentsSection">
<div class="container">
<div class="title-wrap text-center">
<h2 class="h1">Our Departments</h2>
<div class="h-decor"></div>
</div>
<p class="text-center max-500">MedEra Medical Center specializes in different medical services for the convenience of community:</p>
<div class="row mt-lg-4">
<div class="col-lg-8 col-xl-9">
<div class="department-tabs js-department-tabs d-none d-sm-flex">
<div class="department-tab active">
<div class="department-tab-icon"><i class="icon-brain"></i></div>
<div class="department-tab-text">Psychiatry</div>
</div>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-lab"></i></div>
<div class="department-tab-text">Laboratory</div>
</div>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-dental"></i></div>
<div class="department-tab-text">Dental Medicine</div>
</div>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-cardiology"></i></div>
<div class="department-tab-text">Cardiology</div>
</div>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-gynecology"></i></div>
<div class="department-tab-text">Gynecology</div>
</div>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-medicine"></i></div>
<div class="department-tab-text">Medicine</div>
</div>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-traumatology"></i></div>
<div class="department-tab-text">Traumatology</div>
</div>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-pediatrics"></i></div>
<div class="department-tab-text">Pediatrics</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3">
<div class="department-carousel js-department-carousel">
<div class="department-item">
<h3 data-title="Psychiatry"><span>Psychiatry</span></h3>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-brain"></i></div>
<div class="department-tab-text">Psychiatry</div>
</div>
<p>We provide a comprehensive continuum of mental health and substance abuse services that include both inpatient an ambulatory services with varying levels of intensity.</p>
<p>The treatment programs are designed to meet the needs of dual diagnosis.</p>
</div>
<div class="department-item">
<h3 data-title="Laboratory"><span>Laboratory</span></h3>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-lab"></i></div>
<div class="department-tab-text">Laboratory</div>
</div>
<p>The laboratory has a superior record of high quality performance and is dedicated to provide accurate, timely and cost effective service to our clinicians, their patients and community at large. </p>
<p>Our Laboratory operates 24 hours a day, seven days a week, providing excellent turn-around times. </p>
</div>
<div class="department-item">
<h3 data-title="Dental Medicine"><span>Dental Medicine</span></h3>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-dental"></i></div>
<div class="department-tab-text">Dental Medicine</div>
</div>
<p>The Department of Dental Medicine offers comprehensive dental, oral surgery and oral health services in the state of the art, modern facility. </p>
<p>Children and adults are cared for by general and pediatric dentist and Board Certified specialists from the more complex procedures. </p>
</div>
<div class="department-item">
<h3 data-title="Cardiology"><span>Cardiology</span></h3>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-cardiology"></i></div>
<div class="department-tab-text">Cardiology</div>
</div>
<p>The Cardiology Department performs all non-invasive cardiac diagnostic procedures.</p>
<p>The biggest area of heart disease treated is coronary artery disease e.g. angina. Also treated are abnormal heart rhythms, heart failure, high blood pressure and some rarer conditions.</p>
</div>
<div class="department-item">
<h3 data-title="Gynecology"><span>Gynecology</span></h3>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-gynecology"></i></div>
<div class="department-tab-text">Gynecology</div>
</div>
<p>The Department of Gynecology provides a comprehensive array of services from adolescence through, and beyond menopause. </p>
<p>Surgical procedures for emergency and other gynecological conditions are being provided by experienced physicians committed to the welfare of the female population.</p>
</div>
<div class="department-item">
<h3 data-title="Medicine"><span>Medicine</span></h3>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-medicine"></i></div>
<div class="department-tab-text">Medicine</div>
</div>
<p>The Department has a large Internal Medicine residency program and sub-specialty whose Residents and Fellows under the close supervision of our skilled Attending Physicians work together to provide comprehensive, up to date, and effective patient care based on the physicians' extensive medical knowledge and clinical experience.</p>
</div>
<div class="department-item">
<h3 data-title="Traumatology"><span>Traumatology</span></h3>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-traumatology"></i></div>
<div class="department-tab-text">Traumatology</div>
</div>
<p>Our department deals with initial treatment as well as further surgical treatment of accident victims and polytrauma patients. Every member of the team contributes to the continuum of quality trauma care.</p>
<p>In addition to treating adults, we provide complex service in the treatment of pediatric patients.</p>
</div>
<div class="department-item">
<h3 data-title="Pediatrics"><span>Pediatrics</span></h3>
<div class="department-tab">
<div class="department-tab-icon"><i class="icon-pediatrics"></i></div>
<div class="department-tab-text">Pediatrics</div>
</div>
<p>In addition to treating adults, we provide complex service in the treatment of pediatric patients.</p>
<p>Our department deals with initial treatment as well as further surgical treatment of accident victims and polytrauma patients. Every member of the team contributes to the continuum of quality trauma care.</p>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!--//section departments-->
<!--section-->
<div class="section">
<div class="container-fluid px-0 text-image-block">
<div class="row no-gutters">
<div class="col-md-6 image-col"><img src="images/yyy.jpg" style="" alt=""></div>
<div class="col-md-6 text-col">
<div class="title-wrap">
<div class="h-sub theme-color">See the Difference</div>
<h2 class="h1" data-title="Why Choose Us?"><span>Why Choose Us?</span></h2>
</div>
<div class="mt-2 mt-lg-4"></div>
<ul class="numbered-list-xl">
<li data-num='01.'>
<h5>Relaxed and Comfortable Treatments</h5>
With a friendly and caring approach, we do our best to ensure that you feel as relaxed and comfortable as possible during your visit especially during treatments.
</li>
<li data-num='02.'>
<h5>Quality Dental Care</h5>
We encourage our patients towards preventive & conservative procedures. We can see dental problems before they even begin to take shape.
</li>
<li data-num='03.'>
<h5>Advanced Treatment</h5>
We combine the latest, most sophisticated computerized, digital, and laser technology with a progressive approach to ensure the best possible dental experience for our patients.
</li>
</ul>
</div>
</div>
</div>
</div>
<!--//section-->
<!--section services-->
<div class="section" id="servicesSection">
<div class="container">
<div class="title-wrap text-center">
<h2 class="h1">Our Services</h2>
<div class="h-decor"></div>
</div>
<div class="row js-service-card-style2-carousel">
<div class="col-md-6 col-lg-4">
<div class="service-card-style2">
<div class="service-card-icon">
<i class="icon-dental"></i>
</div>
<h5 class="service-card-name" style="margin-top: 28px;">Specialized Treatment</h5>
<!-- <p>MedAll Centre provides the following healthcare services:</p> -->
<ul class="marker-list-md">
<li>
<?php
$sql="SELECT * FROM `spare_cat_main` sc INNER JOIN parts p ON sc.spare_id=p.s_id LIMIT 0,6";
$res=mysqli_query($db,$sql);
while($row=mysqli_fetch_array($res))
{
?>
<li>
<?php echo $row['machine_name']; ?>
</li>
<?php } ?>
</li>
<li><a href="services.php">etc..</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="service-card-style2">
<div class="service-card-icon">
<i class="icon-dental"></i>
</div>
<h5 class="service-card-name">Pediatric(Child) Dentistry</h5>
<p>Pediatric dentistry (formerly pedodontics in American English or paedodontics in Commonwealth English) is the branch of dentistry dealing with children from birth through adolescence.</p>
<ul class="marker-list-md">
<li><a href="pit-fissure-sealants.php">Pit And Fissure Sealants</a></li>
<li><a href="flouride-application.php">Flouride Application</a></li>
<li><a href="pulpectomy-crowns.php">Pulpectomy & Crowns</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="service-card-style2">
<div class="service-card-icon">
<i class="icon-dental"></i>
</div>
<h5 class="service-card-name">Geriatric(Elderly) Dentistry</h5>
<p>Geriatric dentistry is the delivery of dental care to older adults involving diagnosis, prevention, management and treatment of problems associated with age related diseases</p>
<ul class="marker-list-md">
<li><a href="removable-fixed-dentures.php">Removable & Fixed Dentures</a></li>
<li><a href="virtually-unbreakable-dentures.php">Virtually Unbreakable Dentures</a></li>
<li><a href="dentures-with-soft-liners.php">Dentures with Soft Liners</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--//section services-->
<!--section faq-->
<!--//section faq-->
<!--section specialists-->
<div class="section" id="specialistsSection">
<div class="container">
<div class="title-wrap text-center">
<div class="h-sub theme-color">Meet the Doctor</div>
<h1>Our Specialists</h1>
<div class="h-decor"></div>
</div>
<p class="text-center max-600"></p>
<!-- <form class="filterCarousel">
<div class="selectWrapper input-group">
<select class="form-control">
<option value="all">All</option>
<option value=".category1">Psychiatrist</option>
<option value=".category2">Cardiolog</option>
</select>
</div>
</form> -->
<center>
<div class="row specialist-carousel js-specialist-carousel">
<div class="col-sm-6 col-md-4 category1">
<div class="doctor-box doctor-box-style2 text-center">
<div class="doctor-box-photo">
<img src="images/ci.jpg" class="img-fluid" alt="">
</div>
<div class="doctor-box-top">
<h5 class="doctor-box-name">Dr. Rachna Patel</h5>
<div class="doctor-box-position">BDS, FAD</div>
<p>Fellowship in Aesthetic Dentistry<br/>Principal Dentist and Cosmetic Dentistry Specialist</p>
</div>
<!-- <ul class="doctor-box-shedule">
<li><span>Mon-Thu</span><span>08:00 - 20:00</span></li>
<li><span>Friday</span><span>07:00 - 22:00</span></li>
<li><span>Saturday</span><span>08:00 - 18:00</span></li>
</ul> -->
</div>
</div>
</div>
</center>
<div class="row specialist-carousel js-specialist-carousel">
<?php
$sql="SELECT * from testi ";
$res=mysqli_query($db,$sql);
while($row=mysqli_fetch_array($res))
{
?>
<div class="col-sm-6 col-md-4 category1">
<div class="doctor-box doctor-box-style2 text-center">
<div class="doctor-box-photo" style="height:550px;">
<img src="admin/upload/<?php echo $row['app_image']; ?>" class="img-fluid" alt="">
</div>
<div class="doctor-box-top" style="height:150px;">
<h5 class="doctor-box-name"><?php echo $row['title']; ?></h5>
<div class="doctor-box-position"><?php echo $row['title1']; ?></div>
<p><?php echo $row['desc']; ?></p>
</div>
</div>
</div>
<?php }?>
</div>
</div>
</div>
<!-------------------------------->
<!---------------------------------->
<!--//section specialists-->
<!--section testimonials-->
<div class="section py-0" id="testimonialsSection">
<div class="title-wrap text-center">
<h1>Patients' Stories</h1>
<div class="h-decor"></div>
</div>
<div class="container-fluid px-0">
<div class="row no-gutters">
<div class="col-sm-6 order-1 bg-cover" style="background-image: url('images/content/reviews-bg.jpg');">
<div class="reviews-wrap reviews-style2 d-flex flex-column justify-content-center">
<div class="js-reviews-carousel reviews-carousel">
<div class="review">
<p class="review-text">Very cooperative and experienced Doctor. Doing her job with care and joyful nature. Staff is also good and cooperative. I am very satisfied after visiting Dental clinic and treatment. Thank you so much to all the hospital staff members.</p>
<p><span class="review-author">- Navabbeg Mirza,</span> <span class="review-author-position">Patient</span></p>
</div>
<div class="review">
<p class="review-text">Dr Rachna’s work ethic will guarantee patient satisfaction, she also has good skill set to address all dental queries. She nurtures relationships with patients. CitySmiles Dental Studio is one stop solution for all your dental issues near Science City area at fair price.</p>
<p><span class="review-author">- Sameer Vaghela,</span> <span class="review-author-position">Patient</span></p>
</div>
<div class="review">
<p class="review-text">The clinic was well organised and very clean and also Doctor and staff behaviour is very friendly.
I had very good experience at CitySmile Dental Studio.
</p>
<p><span class="review-author">- jethawa palak,</span> <span class="review-author-position">Patient</span></p>
</div>
<div class="review">
<p class="review-text">I came to CitySmile Dental Studio for a Root canal treatment. Dr Rachna is the best dentist I have come across in this city. The team is very polite and helpful as well. Highly recommended for all kinds of dental treatments.</p>
<p><span class="review-author">- Dhaval Sampat,</span> <span class="review-author-position">Patient</span></p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 order-0 reviews-photo">
<img src="images/about/test.png" alt="">
</div>
</div>
</div>
</div>
<!--//section testimonials-->
<!--section events-->
<div class="section" id="eventsSection">
<div class="container">
<div class="title-wrap text-center">
<h2 class="h1">Dental Update</h2>
<div class="h-decor"></div>
</div>
<div class="row blog-grid-full blog-grid-carousel-full js-blog-grid-carousel-full mt-lg-3">
<?php
$sql="SELECT * from blog ";
$res=mysqli_query($db,$sql);
while($row=mysqli_fetch_array($res))
{
?>
<div class="col-md-6 col-lg-4">
<div class="blog-post blog-post-style2">
<div class="post-image">
<a href="blog-post-page.php?slug=<?php echo $row['id']; ?>"><img src="admin/upload/<?php echo $row['image'];?>" style="width: 400px; height:300px" alt=""></a>
</div>
<h2 class="post-title"><a href="blog-post-page.php?slug=<?php echo $row['id']; ?>"><?php echo $row['title']; ?></a></h2>
<!-- <div class="post-teaser"><?php echo $row['post_desc'];?></div> -->
<div class="post-date-inline"><?php echo $row['post_date'];?></div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
<!--//section events-->
<!--section online appointment-->
<!--//section online appointment-->
<!--section contact-->
<!--//section contact-->
</div>
<!--footer-->
<?php include('footer.php');?>
<!--//footer-->
<div class="backToTop js-backToTop">
<i class="icon icon-up-arrow"></i>
</div>
<div class="modal modal-form modal-form-sm fade" id="modalQuestionForm">
<div class="modal-dialog">
<div class="modal-content">
<button aria-label='Close' class='close' data-dismiss='modal'>
<i class="icon-error"></i>
</button>
<div class="modal-body">
<div class="modal-form">
<h3>Ask a Question</h3>
<form class="mt-15" id="questionForm" method="post" novalidate>
<div class="successform">
<p>Your message was sent successfully!</p>
</div>
<div class="errorform">
<p>Something went wrong, try refreshing and submitting the form again.</p>
</div>
<div class="input-group">
<span>
<i class="icon-user"></i>
</span>
<input type="text" name="name" class="form-control" autocomplete="off" placeholder="Your Name*"/>
</div>
<div class="input-group">
<span>
<i class="icon-email2"></i>
</span>
<input type="text" name="email" class="form-control" autocomplete="off" placeholder="Your Email*"/>
</div>
<div class="input-group">
<span>
<i class="icon-smartphone"></i>
</span>
<input type="text" name="phone" class="form-control" autocomplete="off" placeholder="Your Phone"/>
</div>
<textarea name="message" class="form-control" placeholder="Your comment*"></textarea>
<div class="text-right mt-2">
<button type="submit" class="btn btn-sm btn-hover-fill">Ask Now</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="modal modal-form fade" id="modalBookingForm">
<div class="modal-dialog">
<div class="modal-content">
<button aria-label='Close' class='close' data-dismiss='modal'>
<i class="icon-error"></i>
</button>
<div class="modal-body">
<div class="modal-form">
<h3>Book an Appointment</h3>
<form class="mt-15" id="bookingForm" method="post" novalidate>
<div class="successform">
<p>Your message was sent successfully!</p>
</div>
<div class="errorform">
<p>Something went wrong, try refreshing and submitting the form again.</p>
</div>
<div class="input-group">
<span>
<i class="icon-user"></i>
</span>
<input type="text" name="bookingname" class="form-control" autocomplete="off" placeholder="Your Name*"/>
</div>
<div class="row row-xs-space mt-1">
<div class="col-sm-6">
<div class="input-group">
<span>
<i class="icon-email2"></i>
</span>
<input type="text" name="bookingemail" class="form-control" autocomplete="off" placeholder="Your Email*"/>
</div>
</div>
<div class="col-sm-6 mt-1 mt-sm-0">
<div class="input-group">
<span>
<i class="icon-smartphone"></i>
</span>
<input type="text" name="bookingphone" class="form-control" autocomplete="off" placeholder="Your Phone"/>
</div>
</div>
</div>
<div class="row row-xs-space mt-1">
<div class="col-sm-6">
<div class="input-group">
<span>
<i class="icon-birthday"></i>
</span>
<input type="text" name="bookingage" class="form-control" autocomplete="off" placeholder="Your age"/>
</div>
</div>
</div>
<div class="selectWrapper input-group mt-1">
<span>
<i class="icon-tooth"></i>
</span>
<select name="bookingservice" class="form-control">
<option selected="selected" disabled="disabled">Select Service</option>
<option value="Cosmetic Dentistry">Cosmetic Dentistry</option>
<option value="General Dentistry">General Dentistry</option>
<option value="Orthodontics">Orthodontics</option>
<option value="Children`s Dentistry">Children`s Dentistry</option>
<option value="Dental Implants">Dental Implants</option>
<option value="Dental Emergency">Dental Emergency</option>
</select>
</div>
<div class="input-group flex-nowrap mt-1">
<span>
<i class="icon-calendar2"></i>
</span>
<div class="datepicker-wrap">
<input name="bookingdate" type="text" class="form-control datetimepicker" placeholder="Date" readonly>
</div>
</div>
<div class="input-group flex-nowrap mt-1">
<span>
<i class="icon-clock"></i>
</span>
<div class="datepicker-wrap">
<input name="bookingtime" type="text" class="form-control timepicker" placeholder="Time">
</div>
</div>
<textarea name="bookingmessage" class="form-control" placeholder="Your comment"></textarea>
<div class="text-right mt-2">
<button type="submit" class="btn btn-sm btn-hover-fill">Book now</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Vendors -->
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<script src="vendor/jquery-migrate/jquery-migrate-3.0.1.min.js"></script>
<script src="vendor/cookie/jquery.cookie.js"></script>
<script src="vendor/bootstrap-datetimepicker/moment.js"></script>
<script src="vendor/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="vendor/popper/popper.min.js"></script>
<script src="vendor/bootstrap/bootstrap.min.js"></script>
<script src="vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="vendor/waypoints/sticky.min.js"></script>
<script src="vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="vendor/slick/slick.min.js"></script>
<script src="vendor/scroll-with-ease/jquery.scroll-with-ease.min.js"></script>
<script src="vendor/countTo/jquery.countTo.js"></script>
<script src="vendor/form-validation/jquery.form.js"></script>
<script src="vendor/form-validation/jquery.validate.min.js"></script>
<script src="vendor/isotope/isotope.pkgd.min.js"></script>
<!-- Custom Scripts -->
<script src="js/app.js"></script>
<script src="color/color.js"></script>
<script src="js/app-shop.js"></script>
<script src="form/forms.js"></script>
</body>
</html>
Zerion Mini Shell 1.0