<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<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="Auberge Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android 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>
<!-- bootstrap -->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' media="all" />
<!-- //bootstrap -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' media="all" />
<link rel="stylesheet" href="css/lightbox.css">
<script src="js/jquery-1.8.3.min.js"></script>
<!--start-smoth-scrolling-->
<!--webfonts-->
<link href='#css?family=Open+Sans:400italic,600italic,700italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='#css?family=Philosopher:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!--webfonts-->
<link href="css/component.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>
<body class="cbp-spmenu-push">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-30027142-1', 'w3layouts.com');
ga('send', 'pageview');
</script>
<!--header-->
<div id="home" class="header-section">
<div class="container">
<div class="header-top">
<div class="top-nav">
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s2">
<h3>Menu</h3>
<ul>
<li><a href="#home" class="scroll">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#Speciality" class="scroll">Speciality</a></li>
<li><a href="#testimonials" class="scroll">Testimonials</a></li>
<li><a href="#news" class="scroll">News</a></li>
<li><a href="#mail" class="scroll">Mail Us</a></li>
</ul>
</nav>
<div class="main buttonset">
<!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
<button id="showRightPush"><img src="images/menu.png" alt=""/></button>
<!--<span class="menu"></span>-->
</div>
<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
<script src="js/classie.js"></script>
<script>
var menuRight = document.getElementById( 'cbp-spmenu-s2' ),
showRightPush = document.getElementById( 'showRightPush' ),
body = document.body;
showRightPush.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toleft' );
classie.toggle( menuRight, 'cbp-spmenu-open' );
disableOther( 'showRightPush' );
};
function disableOther( button ) {
if( button !== 'showRightPush' ) {
classie.toggle( showRightPush, 'disabled' );
}
}
</script>
</div>
<div class="header-logo">
<h1><a href="index.html"></a></h1>
</div>
<div class="header-search">
<form>
<input type="text" value="" placeholder="Search...">
<input type="submit" value="">
</form>
</div>
<div class="social">
<ul>
<li><a href="#" class="facebook"> </a></li>
<li><a href="#" class="facebook twitter"> </a></li>
<li><a href="#" class="facebook chrome"> </a></li>
<li><a href="#" class="facebook dribbble"> </a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="banner-grids">
<div class="banner-img">
<img src="images/banner3.png" alt="" />
</div>
<div class="banner-left">
<div class="logo">
<h1><a href="index.html">Auberge</a></h1>
</div>
<div class="banner-info">
<h5>Lorem ipsum dolor sit amet consectetur adipiscing</h5>
<p>Suspendisse potenti. Vivamus imperdiet vel mi vel fermentum. Integer risus velit, hendrerit sit amet lobortis vel, rhoncus lacinia leo. Etiam tincidunt magna justo, id convallis velit consequat vel. </p>
<div class="banner-buttons">
<div class="banner-button white-button">
<a href="#">Click</a>
</div>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- welcome -->
<div class="welcome">
<!-- container -->
<div class="container">
<div class="col-md-6 welcome-left">
<h2>Welcome</h2>
<h5>Praesent libero lacus, tincidunt sit amet iaculis quis</h5>
<p>Suspendisse vehicula finibus mauris nec suscipit. Praesent libero lacus, tincidunt sit amet iaculis quis, fringilla in libero. Pellentesque nunc nibh, malesuada sed luctus vel,</p>
</div>
<div class="col-md-6 welcome-right">
<img src="images/3.png" alt="" />
</div>
<div class="clearfix"> </div>
</div>
<!-- //container -->
</div>
<!-- //welcome -->
<!-- about -->
<div id="about" class="about">
<div class="col-md-6 about-left">
</div>
<div class="col-md-6 about-right">
<h3>About Us</h3>
<p>Ut efficitur finibus dolor ac pellentesque. Pellentesque sed tempor neque, ac consequat odio. Pellentesque non iaculis magna. Integer vel massa metus. Vestibulum ac tortor at lorem commodo venenatis in a quam.
Ut efficitur finibus dolor ac pellentesque. Pellentesque sed tempor neque, ac consequat odio. Pellentesque non iaculis magna ac pellentesque. Pellentesque sed tempor neque, ac consequat odio. Pellentesque non iaculis magna. Integer vel massa metus. Vestibulum ac tortor at lorem commodo venenatis in a quam.</p>
</div>
<div class="clearfix"> </div>
</div>
<!-- //about -->
<!-- services -->
<div id="services" class="services">
<!-- container -->
<div class="container">
<div class="services-info">
<h3>Services</h3>
</div>
<div class="services-top-grids">
<div class="col-md-4 services-grid" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<div class="chrty">
<figure class="icon">
<span class="glyphicon-icon glyphicon-cog" aria-hidden="true"></span>
</figure>
<h3>Pellentesque tempor</h3>
<p>Curabitur convallis rutrum erat nec vestibulum. Sed iaculis hendrerit lectus sit amet lobortis vulputate magna finibus molestie tellus.</p>
</div>
</div>
<div class="col-md-4 services-grid" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<div class="chrty">
<figure class="icon">
<span class="glyphicon-icon glyphicon-time" aria-hidden="true"></span>
</figure>
<h3>Hendrerit lectus</h3>
<p>Curabitur convallis rutrum erat nec vestibulum. Sed iaculis hendrerit lectus sit amet lobortis vulputate magna finibus molestie tellus.</p>
</div>
</div>
<div class="col-md-4 services-grid" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<div class="chrty">
<figure class="icon">
<span class="glyp