856 lines
42 KiB
HTML
856 lines
42 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
|
|
<title>Boson</title>
|
|
|
|
<!-- Styles -->
|
|
<link rel="stylesheet" href="css/prettyPhoto.css">
|
|
<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="stylesheet" href="css/jquery-ui.css">
|
|
<link rel="stylesheet" href="css/yamm/yamm.css">
|
|
<link rel="stylesheet" href="css/color-scheme/blue.css">
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
<!-- extra CSS for new pages -->
|
|
<link rel="stylesheet" href="css/custom.css">
|
|
|
|
|
|
<!-- Base JS -->
|
|
<script src="js/jquery-1.9.1.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/jquery-ui.js"></script>
|
|
<script src="js/jquery.sticky.js"></script>
|
|
<script src="js/stellar.js"></script>
|
|
<script src="js/main.js"></script>
|
|
|
|
<!-- Revolution Slider -->
|
|
<script src="js/jquery.themepunch.plugins.min.js"></script>
|
|
<script src="js/jquery.themepunch.revolution.min.js"></script>
|
|
<script src="js/revolution-slider-options.js"></script>
|
|
|
|
<!-- Prety photo -->
|
|
<script src="js/jquery.prettyPhoto.js"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
$("a[rel^='prettyPhoto']").prettyPhoto();
|
|
});
|
|
</script>
|
|
|
|
<!-- CSS and JS from Boson -->
|
|
<!-- Styles -->
|
|
<link rel="stylesheet" href="js/owl-carousel/owl.carousel.css">
|
|
<link rel="stylesheet" href="js/owl-carousel/owl.theme.css">
|
|
<link rel="stylesheet" href="js/owl-carousel/owl.transitions.css">
|
|
<link rel="stylesheet" href="js/rs-plugin/css/settings.css">
|
|
<link rel="stylesheet" href="js/flexslider/flexslider.css">
|
|
<link rel="stylesheet" href="js/isotope/isotope.css">
|
|
<link rel="stylesheet" href="js/magnific-popup/magnific-popup.css">
|
|
|
|
<!-- Google Fonts -->
|
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=Raleway:400,200,100,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- Icon Fonts -->
|
|
<link rel="stylesheet" href="css/icomoon/style.css" type="text/css">
|
|
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">
|
|
</head>
|
|
<body class="home-wrap">
|
|
<div class="main">
|
|
|
|
|
|
<!-- HEADER
|
|
============================================= -->
|
|
<div class="header">
|
|
<header>
|
|
<div class="navbar yamm navbar-default navbar-top">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
|
|
</div>
|
|
<div id="navbar-collapse-1" class="navbar-collapse collapse">
|
|
<!-- Search Form -->
|
|
<form action="/" class="b-search-form">
|
|
<div class="input-wrap">
|
|
<input type="text" placeholder="Search..">
|
|
</div>
|
|
</form>
|
|
<!-- End Search Form -->
|
|
<ul class="nav navbar-nav pull-right">
|
|
<li class="dropdown yamm-fw yamm-fw5">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a> <ul class="dropdown-menu">
|
|
<li>
|
|
<div class="yamm-content">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-3 m-submenu first">
|
|
<div class="mmenu-title">Home Pages</div>
|
|
<a href="index-1.html">Home Layout 1</a>
|
|
<a href="index-2.html">Home Layout 2</a>
|
|
<a href="index-3.html">Home Layout 3</a>
|
|
<a href="index-4.html">Home Layout 4</a>
|
|
<a href="index-5.html">Home Layout 5</a>
|
|
<a href="index-6.html">Home Layout 6</a>
|
|
<a href="index-7.html">Home Layout 7</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<a href="index-8.html">Home Layout 8</a>
|
|
<a href="index-9.html">Home Layout 9</a>
|
|
<a href="index-10.html">Home Layout 10</a>
|
|
<a href="index-11.html">Home Layout 11</a>
|
|
<div class="mmenu-title">Home - One Page</div>
|
|
<a href="index-onepage.html">One Page Default</a>
|
|
<a href="oncepage-topbar.html">One Page Topbar</a>
|
|
<a href="onepage-transparent.html">One Page Transparent</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<div class="mmenu-title">Landing Page 1-7</div>
|
|
<a href="home-restaurant.html">Home - Restaurant</a>
|
|
<a href="home-construction.html">Home - Construction</a>
|
|
<a href="home-hosting.html">Home - Hosting</a>
|
|
<a href="home-lawyer.html">Home - Lawyer</a>
|
|
<a href="home-fashion.html">Home - Fashion</a>
|
|
<a href="home-portfolio.html">Home - Portfolio</a>
|
|
<a href="home-landing.html">Home - App Landing</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<div class="mmenu-title">Landing Pages 8 - 14</div>
|
|
<a href="home-creative.html">Home - Creative</a>
|
|
<a href="home-marketing.html">Home - Marketing</a>
|
|
<a href="home-resume.html">Home - Resume</a>
|
|
<a href="home-medical.html">Home - Medical</a>
|
|
<a href="home-gym.html">Home - Gym</a>
|
|
<a href="home-church.html">Home - church</a>
|
|
<a href="home-charity.html">Home - Charity</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<div class="mmenu-title">Landing Pages 15-21 </div>
|
|
<a href="home-resume.html">Home - Resume</a>
|
|
<a href="home-portfolio2.html">Home - Portfolio 2</a>
|
|
<a href="home-app-landing.html">Home - App landing</a>
|
|
<a href="home-corporate.html">Home - Corporate</a>
|
|
<a href="home-hosting2.html">Home - Hosting</a>
|
|
<a href="home-marketing.html">Home - Marketing</a>
|
|
<a href="home-restaurant2.html">Home - Restaurant 2</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Classic list -->
|
|
<li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Home - One Page</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="index-onepage.html">One Page Default</a></li>
|
|
<li><a href="oncepage-topbar.html">One Page Topbar</a></li>
|
|
<li><a href="onepagefullslider.html">One Page Full Slider</a></li>
|
|
<li><a href="onepage-transparent.html">One Page Transparent</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
|
|
<li><a href="onepage-construction.html">One Page - Construction</a></li>
|
|
<li><a href="onepage-hosting.html">One Page - Hosting</a></li>
|
|
<li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
|
|
<li><a href="onepage-fashion.html">One Page - Fashion</a></li>
|
|
<li><a href="onepage-landing.html">One Page - App Landing</a></li>
|
|
<li><a href="onepage-resume.html">One Page - Resume</a></li>
|
|
<li><a href="onepage-medical.html">One Page - Medical</a></li>
|
|
<li><a href="onepage-gym.html">One Page - Gym</a></li>
|
|
<li><a href="onepage-church.html">One Page - church</a></li>
|
|
<li><a href="onepage-charity.html">One Page - Charity</a></li>
|
|
<li><a href="onepage-corporate.html">One Page - Corporate</a></li>
|
|
</ul>
|
|
</li><li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
|
|
<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
|
|
<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
|
|
<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
|
|
<li><a href="index-transparent.html">Transparent Nav</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown yamm-fw">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<div class="yamm-content">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-3 m-submenu first">
|
|
<a href="about-us.html">About Us</a>
|
|
<a href="pricing.html">Pricing Tables</a>
|
|
<a href="testimonials.html">Testimonials</a>
|
|
<a href="testimonials-2.html">Testimonials: 2</a>
|
|
<a href="404-error-page.html">404 Error Page</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<a href="services-2.html">Services: 1</a>
|
|
<a href="services-3.html">Services: 2</a>
|
|
<a href="services-4.html">Services: 3</a>
|
|
<a href="services-5.html">Services: 4</a>
|
|
<a href="services-6.html">Services: 5</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<a href="meet-the-team.html">Meet The Team</a>
|
|
<a href="faq.html">F.A.Q.</a>
|
|
<a href="full-width-page.html">Full Width Page</a>
|
|
<a href="side-navigation.html">Side Navigation</a>
|
|
<a href="search-results.html">Search Results</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
|
|
<a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
|
|
<a href="no-title-bar.html">No Title Bar</a>
|
|
<a href="contact-us-1.html">Contact Us 1</a>
|
|
<a href="contact-us-2.html">Contact Us 2</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
|
|
<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
|
|
<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Single Project: Wide</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="portfolio-single-wide-image.html">Image</a></li>
|
|
<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
|
|
<li><a href="portfolio-single-wide-video.html">Video</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Single Project: Half</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="portfolio-single-half-image.html">Image</a></li>
|
|
<li><a href="portfolio-single-half-slider.html">Slider</a></li>
|
|
<li><a href="portfolio-single-half-video.html">Video</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="blog-large.html">Blog: Large Images</a></li>
|
|
<li><a href="blog-medium.html">Blog: Medium Images</a></li>
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Blog: Single Post</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="blog-single-image.html">Image</a></li>
|
|
<li><a href="blog-single-slider.html">Slider</a></li>
|
|
<li><a href="blog-single-video.html">Video</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="news.html">News</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
|
|
<li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
|
|
<li><a href="elements.html">Elements</a></li>
|
|
<li><a href="images.html">Images & Gallery</a></li>
|
|
<li><a href="lists.html">Lists</a></li>
|
|
<li><a href="columns.html">Grid Columns</a></li>
|
|
<li><a href="typography.html">Typography</a></li>
|
|
<li><a href="media.html">Media</a></li>
|
|
<li><a href="pricing-elements.html">Elements of Prices</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="./shop.html">Shop - Home</a></li>
|
|
<li><a href="./shop-single.html">Shop - Single</a></li>
|
|
<li><a href="./shop_checkout.html">Shop - Checkout</a></li>
|
|
<li><a href="./shop_cart.html">Shop - Cart</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
<!-- END HEADER
|
|
============================================= -->
|
|
|
|
<!-- Slider -->
|
|
<section class="slider-wrap">
|
|
<div class="tp-banner-container">
|
|
<div class="tp-banner" >
|
|
<ul>
|
|
<li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-saveperformance="on" data-title="Intro Slide">
|
|
<!-- MAIN IMAGE -->
|
|
<img src="images/dummy.png" alt="slidebg1" data-lazyload="images/slider/9.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
|
|
<!-- LAYER NR. 4 -->
|
|
<div class="tp-caption customin customout"
|
|
data-x="20" data-hoffset="0"
|
|
data-y="250" data-voffset="0"
|
|
data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
|
|
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
|
|
data-speed="700"
|
|
data-start="2400"
|
|
data-easing="Back.easeInOut"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1" style="font-family: montserrat;
|
|
font-size: 35px;
|
|
background: #fff;
|
|
padding: 20px 25px;
|
|
color: #000;
|
|
letter-spacing: 2px;">
|
|
GENTLE - FRIENDLY - EASY
|
|
</div>
|
|
<!-- LAYER NR. 5 -->
|
|
<div class="tp-caption customin customout"
|
|
data-x="20" data-hoffset="0"
|
|
data-y="335" data-voffset="0"
|
|
data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
|
|
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
|
|
data-speed="700"
|
|
data-start="2800"
|
|
data-easing="Back.easeInOut"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1" style=" background: #fff;
|
|
padding: 15px;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
letter-spacing: 2px;
|
|
">
|
|
Great Theme for Dental offices and Dentist
|
|
</div>
|
|
</li>
|
|
<li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-saveperformance="on" data-title="Intro Slide">
|
|
<!-- MAIN IMAGE -->
|
|
<img src="images/dummy.png" alt="slidebg1" data-lazyload="images/slider/9-1.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
|
|
<!-- LAYER NR. 4 -->
|
|
<div class="tp-caption customin customout"
|
|
data-x="right" data-hoffset="-20"
|
|
data-y="385" data-voffset="0"
|
|
data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
|
|
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
|
|
data-speed="700"
|
|
data-start="2400"
|
|
data-easing="Back.easeInOut"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1" style="font-family: montserrat;
|
|
font-size: 35px;
|
|
background: #fff;
|
|
padding: 20px 25px;
|
|
color: #000;
|
|
letter-spacing: 2px;">
|
|
GENTLE - FRIENDLY - EASY
|
|
</div>
|
|
<!-- LAYER NR. 5 -->
|
|
<div class="tp-caption customin customout"
|
|
data-x="right" data-hoffset="-20"
|
|
data-y="480" data-voffset="0"
|
|
data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
|
|
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
|
|
data-speed="700"
|
|
data-start="2800"
|
|
data-easing="Back.easeInOut"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1" style=" background: #fff;
|
|
padding: 15px;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
letter-spacing: 2px;">
|
|
Great Theme for Dental offices and Dentist
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- /Slider -->
|
|
|
|
<div class="inner-content no-padding">
|
|
<div class="pattern-bg1">
|
|
<div class="container padding90" id="1">
|
|
<div class="section-services2 plr-30">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<h3 class="white">Medical Services<br>we provide</h3>
|
|
<p class="space30">Lorem Ipsum as their default model text
|
|
andasearchfor lorem ipsum will uncover many
|
|
web sites versions have over the years
|
|
</p>
|
|
</div>
|
|
<!-- end section -->
|
|
<div class="col-md-8">
|
|
<div class="row">
|
|
<div class="col-md-4 ss2-content">
|
|
<i class="icon-layers"></i>
|
|
<h4 class="white">150+ Checkups</h4>
|
|
<p>Suspendisse gravida purus nec facilisis quis ipsum massa hendrerit vitae lacinia odio rhoncus.</p>
|
|
</div>
|
|
<!-- end section -->
|
|
<div class="col-md-4 ss2-content">
|
|
<i class=" icon-scope"></i>
|
|
<h4 class="white">24x7 Emergency</h4>
|
|
<p>Suspendisse gravida purus nec facilisis quis ipsum massa hendrerit vitae lacinia odio rhoncus.</p>
|
|
</div>
|
|
<!-- end section -->
|
|
<div class="col-md-4 ss2-content">
|
|
<i class="icon-ribbon"></i>
|
|
<h4 class="white">Special Wards</h4>
|
|
<p>Suspendisse gravida purus nec facilisis quis ipsum massa hendrerit vitae lacinia odio rhoncus.</p>
|
|
</div>
|
|
<!-- end section -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container about-doctor" id="2">
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<h1>
|
|
Rebecca ray<br>
|
|
<h6>- CEO & Co-Founder of Hospital</h6>
|
|
</h1>
|
|
<div class="clearfix space10"></div>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consequat lectus a diam consectetur, id ultricies odio luctus. In venenatis nibh libero, sed placerat magna maximus eget. Suspendisse potenti. In justo augue, commodo sed erat at, placerat commodo lacus. Vivamus nec quam ut diam congue maximus.</p>
|
|
<div class="clearfix space10"></div>
|
|
<div class="dual-btns auto-width">
|
|
<a href="#" class="button btn-lg">Purchase</a>
|
|
<a href="#" class="button color2 btn-lg">Know more</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<img src="images/other/10.png" class="img-responsive" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="parallax-bg3">
|
|
<div class="container">
|
|
<div class="row">
|
|
<a href="#" class="book-doctor">Book Appointment</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container padding90" id="3">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<img src="images/onepage/4/2.jpg" class="img-responsive" alt=""/>
|
|
</div>
|
|
<div class="col-md-6 plr-30">
|
|
<h2 class="uppercase">5 Reasons to choose us</h2>
|
|
<div class="space20"></div>
|
|
<p>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros.</p>
|
|
<div class="space30"></div>
|
|
|
|
<div class="panel-group" id="accordion">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne1">
|
|
Lorem ipsum dolor sit amet consectetur adipiscing elit
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseOne1" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Etiam cursus pellentesque neque, eget ullamcorper augue eleifend a. In sit amet pulvinar purus. Ut in nibh tortor. Nullam quis magna sed nunc facilisis blandit vel at erat. Donec blandit et nulla sed lacinia. Quisque ullamcorper tincidunt ante, ut feugiat felis consectetur ut.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix space10"></div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo1">
|
|
Curabitur et diam vitae dolor aliquet et in massa
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseTwo1" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Nam ullamcorper imperdiet luctus. Vestibulum tincidunt malesuada mi, in posuere augue cursus nec. Morbi et vehicula risus, fermentum lacinia justo. Etiam tellus arcu, eleifend tristique enim rutrum iaculis risus, id tincidunt dui fringilla sed bibendum lorem.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix space10"></div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree1">
|
|
Proin faucibus sem sed dapibus dapibus
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseThree1" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Etiam cursus pellentesque neque, eget ullamcorper augue eleifend a. In sit amet pulvinar purus. Ut in nibh tortor. Nullam quis magna sed nunc facilisis blandit vel at erat. Donec blandit et nulla sed lacinia. Quisque ullamcorper tincidunt ante, ut feugiat felis consectetur ut.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix space10"></div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour1">
|
|
Lorem ipsum dolor sit amet consectetur adipiscing elit
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseFour1" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Etiam cursus pellentesque neque, eget ullamcorper augue eleifend a. In sit amet pulvinar purus. Ut in nibh tortor. Nullam quis magna sed nunc facilisis blandit vel at erat. Donec blandit et nulla sed lacinia. Quisque ullamcorper tincidunt ante, ut feugiat felis consectetur ut.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix space10"></div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFive1">
|
|
Proin faucibus sem sed dapibus dapibus
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseFive1" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Etiam cursus pellentesque neque, eget ullamcorper augue eleifend a. In sit amet pulvinar purus. Ut in nibh tortor. Nullam quis magna sed nunc facilisis blandit vel at erat. Donec blandit et nulla sed lacinia. Quisque ullamcorper tincidunt ante, ut feugiat felis consectetur ut.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="parallax-bg2 padding90" id="4">
|
|
<div class="container home-testimonials ">
|
|
<div class="text-center space70">
|
|
<h2 class="white uppercase">What People Say</h2>
|
|
</div>
|
|
<div id="home-quote" class="owl-carousel owl-theme">
|
|
<div class="item">
|
|
<div class="hq-info">
|
|
<p>" Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years.</p>
|
|
<img src="images/quote/thumb/1.png" alt="">
|
|
<span><strong>Michile Johnson</strong> manager - websitename.com</span>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="hq-info">
|
|
<p>" Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years.</p>
|
|
<img src="images/quote/thumb/2.png" alt="">
|
|
<span><strong>Michile Johnson</strong> manager - websitename.com</span>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="hq-info">
|
|
<p>" Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years.</p>
|
|
<img src="images/quote/thumb/3.png" alt="">
|
|
<span><strong>Michile Johnson</strong> manager - websitename.com</span>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="hq-info">
|
|
<p>" Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years.</p>
|
|
<img src="images/quote/thumb/4.png" alt="">
|
|
<span><strong>Michile Johnson</strong> manager - websitename.com</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container padding60" id="5">
|
|
<div class="col-md-8 col-md-offset-2 text-center space50">
|
|
<h2 class="uppercase head-w-ul">Our Experienced <span>team</span></h2>
|
|
<p>Sed dapibus, leo ut placerat bibendum, ligula ligula consectetur eros, sed efficitur justo ex ut risus. Integer nec eros non elit finibus dictum quis sit amet augue.</p>
|
|
</div>
|
|
<div class="row" id="team2">
|
|
<div class="space50"></div>
|
|
<div class="col-md-3">
|
|
<div class="staff-img">
|
|
<img src="images/onepage/4/team1.jpg" class="img-responsive" alt="">
|
|
</div>
|
|
<h2>Alberrt Doe</h2>
|
|
<span>Chief Surgeon</span>
|
|
<div class="space10"></div>
|
|
<div class="text-center">
|
|
<p>Nam quis convallis erat, a fermentum tortor. Aliquam auctor felis eu mi tincidunt mollis. Morbi quis viverra lectus, eu accumsan nunc.</p>
|
|
<ul class="team-social">
|
|
<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a class="google" href="#"><i class="fa fa-google-plus"></i></a></li>
|
|
<li><a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="staff-img">
|
|
<img src="images/onepage/4/team2.jpg" class="img-responsive" alt="">
|
|
</div>
|
|
<h2>Robin Mark</h2>
|
|
<span>Chief Dentist</span>
|
|
<div class="space10"></div>
|
|
<div class="text-center">
|
|
<p>Nam quis convallis erat, a fermentum tortor. Aliquam auctor felis eu mi tincidunt mollis. Morbi quis viverra lectus, eu accumsan nunc.</p>
|
|
<ul class="team-social">
|
|
<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a class="google" href="#"><i class="fa fa-google-plus"></i></a></li>
|
|
<li><a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="staff-img">
|
|
<img src="images/onepage/4/team3.jpg" class="img-responsive" alt="">
|
|
</div>
|
|
<h2>Maud Elfreda</h2>
|
|
<span>Trained Nurses</span>
|
|
<div class="space10"></div>
|
|
<div class="text-center">
|
|
<p>Nam quis convallis erat, a fermentum tortor. Aliquam auctor felis eu mi tincidunt mollis. Morbi quis viverra lectus, eu accumsan nunc.</p>
|
|
<ul class="team-social">
|
|
<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a class="google" href="#"><i class="fa fa-google-plus"></i></a></li>
|
|
<li><a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="staff-img">
|
|
<img src="images/onepage/4/team4.jpg" class="img-responsive" alt="">
|
|
</div>
|
|
<h2>Maria Doe</h2>
|
|
<span>Customer Support</span>
|
|
<div class="space10"></div>
|
|
<div class="text-center">
|
|
<p>Nam quis convallis erat, a fermentum tortor. Aliquam auctor felis eu mi tincidunt mollis. Morbi quis viverra lectus, eu accumsan nunc.</p>
|
|
<ul class="team-social">
|
|
<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a class="google" href="#"><i class="fa fa-google-plus"></i></a></li>
|
|
<li><a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- FOOTER -->
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<h4 class="space30">About us</h4>
|
|
<img style="margin-bottom: 10px;" alt="" src="img/logo.png">
|
|
<p>Lorem ipsum dolor sit amet consec tetur elit vel quam ligula. Duis vel pulvinar diam in lacus non nisl commodo convallis.</p>
|
|
<p>Phasellus rutrum urna ut nibh congue, ut vehicula nibh ultricies.</p>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<h4 class="space30">Recent Posts</h4>
|
|
<ul class="f-posts">
|
|
<li>
|
|
<img src="images/blog/1/1.jpg" class="img-responsive" alt=""/>
|
|
<h5><a href="#">Lorem ipsum post title</a></h5>
|
|
<p><i class="fa fa-comments"></i> 5 Comments</p>
|
|
</li>
|
|
<li>
|
|
<img src="images/blog/1/2.jpg" class="img-responsive" alt=""/>
|
|
<h5><a href="#">Lorem ipsum post title</a></h5>
|
|
<p><i class="fa fa-comments"></i> 5 Comments</p>
|
|
</li>
|
|
<li>
|
|
<img src="images/blog/1/3.jpg" class="img-responsive" alt=""/>
|
|
<h5><a href="#">Lorem ipsum post title</a></h5>
|
|
<p><i class="fa fa-comments"></i> 5 Comments</p>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<h4 class="space30">Contact</h4>
|
|
<ul class="c-info">
|
|
<li><i class="fa fa-map-marker"></i> 72 Wall street Rd<br>Some county<br>Newyork 20001
|
|
</li>
|
|
<li>
|
|
</li>
|
|
<li><i class="fa fa-phone"></i> (012) 345 5678 910</li>
|
|
<li><i class="fa fa-envelope-o"></i> support@dk-themes.com</li>
|
|
<li><i class="fa fa-skype"></i> myskypeid</li>
|
|
</ul>
|
|
<div class="clearfix space10"></div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<h4 class="space30">Flickr</h4>
|
|
<ul id="flickr" class="thumbs"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- FOOTER COPYRIGHT -->
|
|
<div class="footer-bottom">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
<span class="copy">Copyright © 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="f-social pull-right">
|
|
<a class="fa fa-twitter" href="#"></a>
|
|
<a class="fa fa-facebook" href="#"></a>
|
|
<a class="fa fa-linkedin" href="#"></a>
|
|
<a class="fa fa-dribbble" href="#"></a>
|
|
<a class="fa fa-google-plus" href="#"></a>
|
|
<a class="fa fa-skype" href="#"></a>
|
|
<a class="fa fa-behance" href="#"></a>
|
|
<a class="fa fa-stumbleupon" href="#"></a>
|
|
<a class="fa fa-rss" href="#"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /.content-wrapper -->
|
|
</div> <!-- .offcanvas-pusher -->
|
|
</div><!-- /#main-wrapper -->
|
|
<!-- STYLE SWITCHER
|
|
============================================= -->
|
|
<div class="b-settings-panel">
|
|
<div class="settings-section">
|
|
<span>
|
|
Boxed
|
|
</span>
|
|
<div class="b-switch">
|
|
<div class="switch-handle"></div>
|
|
</div>
|
|
<span>
|
|
Wide
|
|
</span>
|
|
</div>
|
|
<hr class="dashed" style="margin: 15px 0px;">
|
|
<h5>Main Background</h5>
|
|
<div class="settings-section bg-list">
|
|
<div class="bg-pattern1"></div>
|
|
<div class="bg-pattern2"></div>
|
|
<div class="bg-pattern6"></div>
|
|
<div class="bg-pattern10"></div>
|
|
<div class="bg-pattern16"></div>
|
|
<div class="bg-pattern4"></div>
|
|
<div class="bg-pattern5"></div>
|
|
<div class="bg-pattern7"></div>
|
|
<div class="bg-pattern9"></div>
|
|
<div class="bg-pattern11"></div>
|
|
<div class="bg-pattern12"></div>
|
|
<div class="bg-pattern13"></div>
|
|
<div class="bg-pattern17"></div>
|
|
<div class="bg-pattern8"></div>
|
|
<div class="bg-pattern14"></div>
|
|
<div class="bg-pattern15"></div>
|
|
<div class="bg-pattern3"></div>
|
|
<div class="bg-pattern18"></div>
|
|
</div>
|
|
<hr class="dashed" style="margin: 15px 0px;">
|
|
<h5>Color Scheme</h5>
|
|
<div class="settings-section color-list">
|
|
<div data-src="css/color-scheme/moderate-green.css" style="background: #8ec249"></div>
|
|
<div data-src="css/color-scheme/vivid-blue.css" style="background: #228dff"></div>
|
|
<div data-src="css/color-scheme/orange.css" style="background: #fa6900"></div>
|
|
<div data-src="css/color-scheme/brown.css" style="background: #a68c69"></div>
|
|
<div data-src="css/color-scheme/yellow.css" style="background: #fabe28"></div>
|
|
<div data-src="css/color-scheme/violet.css" style="background: #ba01ff"></div>
|
|
<div data-src="css/color-scheme/strong-cyan.css" style="background: #00b9bd"></div>
|
|
<div data-src="css/color-scheme/soft-cyan.css" style="background: #4bd5ea"></div>
|
|
<div data-src="css/color-scheme/red.css" style="background: #ff0104"></div>
|
|
<div data-src="css/color-scheme/lite-brown.css" style="background: #f3a76d"></div>
|
|
<div data-src="css/color-scheme/lime-green.css" style="background: #3bdbad"></div>
|
|
<div data-src="css/color-scheme/light-voilet.css" style="background: #aaa5ff"></div>
|
|
<div data-src="css/color-scheme/gray-green.css" style="background: #697060"></div>
|
|
<div data-src="css/color-scheme/gray-cyan.css" style="background: #aeced2"></div>
|
|
<div data-src="css/color-scheme/de-green.css" style="background: #b6cd71"></div>
|
|
<div data-src="css/color-scheme/cream.css" style="background: #e0d6b2"></div>
|
|
|
|
</div>
|
|
<div class="btn-settings"></div>
|
|
</div>
|
|
<!-- END STYLE SWITCHER
|
|
============================================= -->
|
|
|
|
|
|
|
|
<!-- jQuery -->
|
|
<script src="js/jquery.js"></script>
|
|
|
|
<!-- Plugins -->
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/menu.js"></script>
|
|
<script src="js/owl-carousel/owl.carousel.min.js"></script>
|
|
<script src="js/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
|
|
<script src="js/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
|
|
<script src="js/jquery.easing.min.js"></script>
|
|
<script src="js/isotope/isotope.pkgd.js"></script>
|
|
<script src="js/jflickrfeed.min.js"></script>
|
|
<script src="js/tweecool.js"></script>
|
|
<script src="js/flexslider/jquery.flexslider.js"></script>
|
|
<script src="js/easypie/jquery.easypiechart.min.js"></script>
|
|
<script src="js/jquery-ui.js"></script>
|
|
<script src="js/jquery.appear.js"></script>
|
|
<script src="js/jquery.inview.js"></script>
|
|
<script src="js/jquery.countdown.min.js"></script>
|
|
<script src="js/jquery.sticky.js"></script>
|
|
<script src="js/magnific-popup/jquery.magnific-popup.min.js"></script>
|
|
<script src="js/jquery.easing/jquery.easing.js"></script>
|
|
<script src="js/hippo-off-canvas.js"></script>
|
|
<script src="js/main.js"></script>
|
|
|
|
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
|
|
<script src="js/gmaps/greyscale.js"></script>
|
|
<script src="js/menu-target.js"></script>
|
|
<script>
|
|
jQuery( "button.navbar-toggle" ).click(function(){
|
|
jQuery('#navbar-collapse-1').toggleClass('in');
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|