ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from www.vardandental.com/clinic-tour.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Dec 2023 05:42:39 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/hh.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">Gallery</h3>
<style>
ul li {
float: left;
list-style: none;
margin-right: 10px;
}
</style>
<h5> <ul>
<li><a href="index.php">Home ></a></li>
<li><a href="#">Gallery</a></li>
</ul></h5>
</div>
</div>
</div>
</div>
</section>
</div>
</main>
</div>
<div class="clinic-tour stories">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="innerimg">
<a href="images/su.jpg" class="fancybox">
<img src="images/su.jpg" style="height:300px; width:400px;" alt="">
<div class="innersection"> Sure Care </div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="innerimg">
<a href="images/ab3.jpg" class="fancybox">
<img src="images/ab3.jpg" style="height:300px; width:400px;" alt="">
<div class="innersection"> Sure Care </div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="innerimg">
<a href="images/ab4.jpg" style="height:300px; width:400px;" class="fancybox">
<img src="images/ab4.jpg" alt="">
<div class="innersection"> Sure Care </div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="innerimg">
<a href="images/oo.jpg" style="height:300px; width:400px;" class="fancybox">
<img src="images/oo.jpg" alt="">
<div class="innersection"> Sure Care </div>
</a>
</div>
</div>
</div>
</div>
</div>
<!--
<div class="make">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 make-text">
<h2>MAKE AN APPOINTMENT</h2>
<p>All staff members of Dental Clinic are licensed professionals. Our staff consists of licensed general dentists.</p>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 make-button">
<a href="#bookform2" class="fancybox-2 btn btn-default"><span class="plus">+</span> MAKE AN APPOINTMENT</a>
</div>
</div>
</div>
</div> -->
<?php include 'footer.php' ?>
<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-->
<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/clinic-tour.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Dec 2023 05:44:23 GMT -->
</html>
Zerion Mini Shell 1.0