ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from www.vardandental.com/about-us.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Dec 2023 05:39:46 GMT -->
<?php include 'top.php' ?>
<body data-spy="scroll" data-target=".navbar">
<style>
body #master_site_wrapper {
margin-top: 15px;
}
.container-fluid {
padding-left: 0;
padding-right: 0;
}
.no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
div#masthead_wrapper {
display: inline-block;
color: #fff;
}
.masthead-content-wrapper {
background: url("images/ap.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: right center;
height: 300px;
}
.destinations-section-wrapper {
width: 45%;
height: 0;
}
.green {
border-right: 300px solid transparent;
position: absolute;
z-index: 0;
}
.masthead-content {
width: 75%;
margin: 0 auto;
}
/* Uses Flexbox to align text vertically */
.title-container {
width: 50%;
position: absolute;
display: flex;
justify-content: center;
flex-direction: column;
height: 300px;
z-index: 10;
}
h2.title {
font-family: 'Montserrat';
text-transform: uppercase;
letter-spacing: 2px;
font-size: 70px;
line-height: 0.9;
}
h5.subtitle {
font-family: 'Raleway';
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20px;
}
@media screen and (max-width: 850px) {
h2.title {
font-size: 3em !important;
}
}
@media screen and (max-width: 1200px) {
.title-container {
width: 70% !important;
}
}
</style>
<script>
document.getElementsByTagName("h1")[0].style.fontSize = "80px";
</script>
<?php include 'header.php' ?>
<div id="master_site_wrapper">
<main role="main">
<div class="container-fluid no-padding">
<section class="no-padding" id="destination-masthead">
<div id="masthead_wrapper" class="col-xs-12">
<div class="masthead-content-wrapper">
<div class="destinations-section-wrapper green">
</div>
<div class="masthead-content">
<div class="title-container">
<h3 class="title">Appointment</h3>
<style>
ul li {
float: left;
list-style: none;
margin-right: 10px;
}
</style>
<h5> <ul>
<li><a href="index.php" style="color:white;">Home ></a></li>
<li><a href="#" style="color: white;">Appointment</a></li>
</ul></h5>
</div>
</div>
</div>
</div>
</section>
</div>
</main>
</div>
<br/>
<br/>
<div class="booking">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> </div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form">
<h2 class="section-title"><span class="bold300">APPOINTMENT</span></h2>
<form method="post" action="inquiry.php">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item name">
<input type="text" name="name255" id="name" data-validation="required" placeholder="Your name" />
<div class="help help-sm help-red">!</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item phone">
<input type="text" name="phone255" id="phone" data-validation="required" placeholder="Phone" />
<div class="help help-sm help-red">!</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item email">
<input type="text" name="email255" id="email" placeholder="E-mail" data-validation="required" /> </div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item date">
<input type="text" class="datepicker-f" id="datepicker" name="date255" data-validation="required" placeholder="Date" />
<div class="help help-sm help-red">!</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item time-f">
<input type="text" class="timepicker-f" id="timepicker" name="time255" data-validation="required" placeholder="Time" />
<div class="help help-sm help-red">!</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item">
<textarea name="message255" id="message" placeholder="Your message.." data-validation="required"></textarea>
</div>
</div>
<div class="row latest-row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 booking-form-item">
<button class="btn btn-primary">Book Now</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<?php include 'footer.php' ?>
<div class="bookform" id="bookform2">
<div class="bookform-left">
<h2 class="section-title"><span class="bold300">BOOK APPOINTMENT</span></h2>
<form method="post" action="http://www.vardandental.com/appointment.php?appointment=true">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item name">
<input type="text" name="name255" id="name2" data-validation="required" placeholder="Your name" />
<div class="help help-sm help-red">!</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item phone">
<input type="text" name="phone255" id="phone2" data-validation="required" placeholder="Phone" />
<div class="help help-sm help-red">!</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item email">
<input type="text" name="email255" id="email2" placeholder="E-mail" data-validation="required"/> </div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item date">
<input type="text" class="datepicker-f" id="datepicker2" name="date255" data-validation="required" placeholder="Date" />
<div class="help help-sm help-red">!</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item time-f">
<input type="text" class="timepicker-f" id="timepicker2" name="time255" data-validation="required" placeholder="Time" />
<div class="help help-sm help-red">!</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item">
<textarea name="message255" id="message2" placeholder="Your message.." data-validation="required"></textarea>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 booking-form-item captcha-style">
<span id="demo"></span> + <span id="demo2"></span> =
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 booking-form-item">
<input type="text" name="captcha" id="captcha" data-validation="required"/>
</div>
</div>
<div class="row latest-row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item">
<button class="btn btn-primary" onclick="return checkcaptcha()">SUBMIT</button> <a class="fb-close" id="fb-close2" href="javascript:jQuery.fancybox.close();">Cancel</a> </div>
</div>
</form>
</div>
<div class="bookform-right">
<div class="doctor-info">
<div class="doctor-info-image"> <img src="images/team/1.jpg" alt="" /> </div>
<div class="doctor-info-name"> Dr. Brijesh Anil Patel </div>
<div class="doctor-info-position"> B.D.S. , F.I.C.O.I.(USA) </div>
<div class="doctor-info-hours-title"> OPENING HOURS </div>
<div class="doctor-info-hours">
<div class="doctor-info-hours-clock"> <img src="images/clock.png" alt="" /> </div>
<div class="doctor-info-hours-left"> Monday
<br> Tuesday
<br> Wednesday
<br> Thursday
<br> Friday
<br> Saturday
<br> Sunday </div>
<div class="doctor-info-hours-right"> 9:00 am - 7:15 pm
<br> 9:00 am - 7:15 pm
<br> 9:00 am - 7:15 pm
<br> 9:00 am - 7:15 pm
<br> 9:00 am - 7:15 pm
<br> 9:00 am - 4:15 pm
<br> Closed </div>
</div>
<div class="doctor-info-desc"> </div>
</div>
</div>
</div>
<div class="totop" id="totop"> <i class="fa fa-angle-up"></i> </div>
<link rel="stylesheet" type="text/css" href="css/responsive.css" />
<script src="js/jquery-2.2.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.sliderPro.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/jquery.barrating.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/scrollspy.js"></script>
<script src="js/moment.js"></script>
<script src="js/bootstrap-datetimepicker.min.js"></script>
<script src='js/jquery.form-validator.js'></script>
<script src='js/jquery.selectBox.js'></script>
<script src="js/theme.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA5mT2nMDeNSZo-mzkz3MIJo5apPijcTmA&language=en&sensor=true"></script>
<!--Start of Tawk.to Script-->
<script>
var a = document.getElementById("footercaptcha").innerHTML =
Math.floor(Math.random() * 10) + 3;
var b = document.getElementById("footercaptcha2").innerHTML =
Math.floor(Math.random() * 20) + 2;
function inquirycaptcha()
{
var checkfcaptcharesult = document.getElementById("captchafooter").value;
var c= Number(a) + Number(b) ;
if(checkfcaptcharesult == c)
{
return true;
}
else
{
alert("Invalid Captcha");
return false;
}
}
</script>
<style>
.form-control:focus{
border-color: #a6c521;
box-shadow: 0 0 5px #a6c521;
color: #000;
border-width: 1px;
background: #fff;
}
.form-control {
color: #fff;
transition: all .3s;
background: rgba(9, 92, 131, 0.61);
}
</style>
</body>
<!-- Mirrored from www.vardandental.com/about-us.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Dec 2023 05:40:21 GMT -->
</html>
Zerion Mini Shell 1.0