<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Dentist Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="js/jquery-1.8.3.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
<!---End-smoth-scrolling---->
<link href="css/camera.css" rel="stylesheet" type="text/css" media="all" />
<script type='text/javascript' src='js/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='js/camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
thumbnails: true
});
jQuery('#camera_wrap_2').camera({
height: '400px',
loader: 'bar',
pagination: false,
thumbnails: true
});
});
</script>
</head>
<body>
<div class="header">
<div class="container">
<div class="header-top">
<div class="logo">
<a href="index.html">dentist</a>
</div>
<div class="top-menu">
<span class="menu"><img src="images/nav.png" alt=""/> </span>
<ul>
<nav class="cl-effect-16">
<li><a href="#home" class="active scroll" data-hover="home">Home</a></li>
<li><a href="#about" class="scroll" data-hover="about">About</a></li>
<li><a href="#services" class="scroll" data-hover="services">Services</a></li>
<li><a href="#gallery" class="scroll" data-hover="gallery">Gallery</a></li>
<li><a href="#team" class="scroll" data-hover="team">Team</a></li>
<li><a href="#news" class="scroll" data-hover="news">News</a></li>
<li><a href="#contact" class="scroll" data-hover="contact">Contact</a></li>
</nav>
</ul>
<!-- script for menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- //script for menu -->
</div>
<div class="clearfix"> </div>
</div>
<div class="slider">
<div class="fluid_container">
<div class="camera_wrap camera_magenta_skin" id="camera_wrap_1">
<div data-src="images/slider1.jpg">
<div class="camera_caption fadeFromBottom"> </div>
</div>
<div data-src="images/slider2.jpg">
<div class="camera_caption fadeFromBottom"> </div>
</div>
<div data-src="images/slider3.jpg">
<div class="camera_caption fadeFromBottom"> </div>
</div>
<div data-src="images/slider4.jpg">
<div class="camera_caption fadeFromBottom"> </div>
</div>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="about-section" id="about">
<div class="container">
<div class="about-header">
<h3>welcome to <span>happy smile</span></h3>
</div>
<div class="about-grids">
<div class="col-md-4 about-grid">
<span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
<h4>Dolor nunc vule</h4>
<p>Corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
</div>
<div class="col-md-4 about-grid">
<span class="glyphicon glyphicon-check" aria-hidden="true"></span>
<h4>Nullam mattis</h4>
<p>Corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
</div>
<div class="col-md-4 about-grid">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
<h4>Dolor nunc vule</h4>
<p>Corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="services-section" id="services">
<div class="container">
<h3>Services <span>overview</span></h3>
<div class="services-grids">
<div class="col-md-3 services-grid">
<img src="images/p1.jpg" class="img-responsive zoom-img" alt="">
<h4>Vestibulum</h4>
<p>Corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt culpa.</p>
</div>
<div class="col-md-3 services-grid">
<img src="images/p2.jpg" class="img-responsive zoom-img" alt="">
<h4>Elementum</h4>
<p>Corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt culpa.</p>
</div>
<div class="col-md-3 services-grid">
<img src="images/p3.jpg" class="img-responsive zoom-img" alt="">
<h4>Proin Dictum</h4>
<p>Corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt culpa.</p>
</div>
<div class="col-md-3 services-grid">
<img src="images/p4.jpg" class="img-responsive zoom-img" alt="">
<h4>malesuada</h4>
<p>Corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt culpa.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="gallery-section" id="gallery">
<div class="container">
<div class="gallery-text">
<h3>our <span>gallery</span></h3>
</div>
<div class="gallery-grids">
<div class="col-md-4 gallery-grid">
<div id="nivo-lightbox-demo">
<a href="images/g1.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo">
<img src="images/g1.jpg" class="img-responsive " alt=""/>
<div class="rotate">
<i> </i>
</div>
</a>
</div>
</div>
<div class="col-md-4 gallery-grid">
<div id="nivo-lightbox-demo">
<a href="images/g2.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo">
<img src="images/g2.jpg" class="img-responsive " alt=""/>
<div class="rotate">
<i> </i>
</div>
</a>
</div>
</div>
<div class="col-md-4 gallery-grid">
<div id="nivo-lightbox-demo">
<a href="images/g3.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo">
<img src="images/g3.jpg" class="img-responsive " alt=""/>
<div class="rotate">
<i> </i>
</div>
</a>
</div>
</div>
<div class="col-md-4 gallery-grid">
牙齿整形诊所网站模板是一款适合牙科诊所医院类网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响应.rar （54个子文件） 
牙齿整形诊所网站模板是一款适合牙科诊所医院类网站模板下载。 moban683 js 
jquery-1.8.3.min.js 91KB camera.min.js 38KB nivo-lightbox.min.js 7KB move-top.js 1KB owl.carousel.js 37KB jquery.easing.1.3.js 8KB css style.css 17KB camera.css 26KB owl.carousel.css 9KB magnific-popup.css 10KB bootstrap.css 124KB
index.html 23KB images 
pic5.jpg 13KB g3.jpg 12KB pic6.jpg 12KB g2.jpg 17KB slider3.jpg 149KB
prev.png 3KB g8.jpg 17KB pic8.jpg 16KB to-top2.png 3KB pic4.jpg 6KB p4.jpg 11KB pic2.jpg 8KB slider4.jpg 84KB next.png 3KB g7.jpg 23KB pic3.jpg 8KB g6.jpg 8KB nav.png 3KB pic1.jpg 9KB se.png 547B g5.jpg 8KB slider2.jpg 31KB close.png 3KB light_bg.png 16KB p2.jpg 12KB call.jpg 14KB g4.jpg 13KB p3.jpg 12KB slider1.jpg 256KB pic7.jpg 13KB camera_skins.png 24KB banner2.jpg 34KB g1.jpg 9KB g9.jpg 9KB p1.jpg 10KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB SansitaOne.ttf 46KB OpenSans-Regular.ttf 212KB资源评论
