629 lines
24 KiB
HTML
629 lines
24 KiB
HTML
<!DOCTYPE html>
|
||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<title>Luxe — 100% Free Fully Responsive HTML5 Template by FREEHTML5.co</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
|
||
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
|
||
<meta name="author" content="FREEHTML5.CO" />
|
||
|
||
<!--
|
||
//////////////////////////////////////////////////////
|
||
|
||
FREE HTML5 TEMPLATE
|
||
DESIGNED & DEVELOPED by FREEHTML5.CO
|
||
|
||
Website: http://freehtml5.co/
|
||
Email: info@freehtml5.co
|
||
Twitter: http://twitter.com/fh5co
|
||
Facebook: https://www.facebook.com/fh5co
|
||
|
||
//////////////////////////////////////////////////////
|
||
-->
|
||
|
||
<!-- Facebook and Twitter integration -->
|
||
<meta property="og:title" content=""/>
|
||
<meta property="og:image" content=""/>
|
||
<meta property="og:url" content=""/>
|
||
<meta property="og:site_name" content=""/>
|
||
<meta property="og:description" content=""/>
|
||
<meta name="twitter:title" content="" />
|
||
<meta name="twitter:image" content="" />
|
||
<meta name="twitter:url" content="" />
|
||
<meta name="twitter:card" content="" />
|
||
|
||
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
||
<link rel="shortcut icon" href="favicon.ico">
|
||
<!-- <link href='https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700italic,900,700,900italic' rel='stylesheet' type='text/css'> -->
|
||
|
||
<!-- Stylesheets -->
|
||
<!-- Dropdown Menu -->
|
||
<link rel="stylesheet" href="css/superfish.css">
|
||
<!-- Owl Slider -->
|
||
<!-- <link rel="stylesheet" href="css/owl.carousel.css"> -->
|
||
<!-- <link rel="stylesheet" href="css/owl.theme.default.min.css"> -->
|
||
<!-- Date Picker -->
|
||
<link rel="stylesheet" href="css/bootstrap-datepicker.min.css">
|
||
<!-- CS Select -->
|
||
<link rel="stylesheet" href="css/cs-select.css">
|
||
<link rel="stylesheet" href="css/cs-skin-border.css">
|
||
|
||
<!-- Themify Icons -->
|
||
<link rel="stylesheet" href="css/themify-icons.css">
|
||
<!-- Flat Icon -->
|
||
<link rel="stylesheet" href="css/flaticon.css">
|
||
<!-- Icomoon -->
|
||
<link rel="stylesheet" href="css/icomoon.css">
|
||
<!-- Flexslider -->
|
||
<link rel="stylesheet" href="css/flexslider.css">
|
||
|
||
<!-- Style -->
|
||
<link rel="stylesheet" href="css/style.css">
|
||
|
||
<!-- Modernizr JS -->
|
||
<script src="js/modernizr-2.6.2.min.js"></script>
|
||
<!-- FOR IE9 below -->
|
||
<!--[if lt IE 9]>
|
||
<script src="js/respond.min.js"></script>
|
||
<![endif]-->
|
||
|
||
</head>
|
||
<body>
|
||
<div id="fh5co-wrapper">
|
||
<div id="fh5co-page">
|
||
<div id="fh5co-header">
|
||
<header id="fh5co-header-section">
|
||
<div class="container">
|
||
<div class="nav-header">
|
||
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
|
||
<h1 id="fh5co-logo"><a href="index.html">Luxe</a></h1>
|
||
<nav id="fh5co-menu-wrap" role="navigation">
|
||
<ul class="sf-menu" id="fh5co-primary-menu">
|
||
<li><a class="active" href="index.html">Home</a></li>
|
||
<li>
|
||
<a href="hotel.html" class="fh5co-sub-ddown">Hotel</a>
|
||
<ul class="fh5co-sub-menu">
|
||
<li><a href="#">Luxe Hotel</a></li>
|
||
<li><a href="#">Deluxe Hotel</a></li>
|
||
<li>
|
||
<a href="#" class="fh5co-sub-ddown">King Hotel</a>
|
||
<ul class="fh5co-sub-menu">
|
||
<li><a href="http://freehtml5.co/preview/?item=build-free-html5-bootstrap-template" target="_blank">Build</a></li>
|
||
<li><a href="http://freehtml5.co/preview/?item=work-free-html5-template-bootstrap" target="_blank">Work</a></li>
|
||
<li><a href="http://freehtml5.co/preview/?item=light-free-html5-template-bootstrap" target="_blank">Light</a></li>
|
||
<li><a href="http://freehtml5.co/preview/?item=relic-free-html5-template-using-bootstrap" target="_blank">Relic</a></li>
|
||
<li><a href="http://freehtml5.co/preview/?item=display-free-html5-template-using-bootstrap" target="_blank">Display</a></li>
|
||
<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Sprint</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#">Five Star Hotel</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="services.html">Services</a></li>
|
||
<li><a href="blog.html">Blog</a></li>
|
||
<li><a href="contact.html">Contact</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
</div>
|
||
<!-- end:fh5co-header -->
|
||
<aside id="fh5co-hero" class="js-fullheight">
|
||
<div class="flexslider js-fullheight">
|
||
<ul class="slides">
|
||
<li style="background-image: url(images/slider1.jpg);">
|
||
<div class="overlay-gradient"></div>
|
||
<div class="container">
|
||
<div class="col-md-12 col-md-offset-0 text-center slider-text">
|
||
<div class="slider-text-inner js-fullheight">
|
||
<div class="desc">
|
||
<p><span>Bora Hotel</span></p>
|
||
<h2>Reserve Room for Family Vacation</h2>
|
||
<p>
|
||
<a href="#" class="btn btn-primary btn-lg">Book Now</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li style="background-image: url(images/slider2.jpg);">
|
||
<div class="overlay-gradient"></div>
|
||
<div class="container">
|
||
<div class="col-md-12 col-md-offset-0 text-center slider-text">
|
||
<div class="slider-text-inner js-fullheight">
|
||
<div class="desc">
|
||
<p><span>Deluxe Hotel</span></p>
|
||
<h2>Make Your Vacation Comfortable</h2>
|
||
<p>
|
||
<a href="#" class="btn btn-primary btn-lg">Book Now</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li style="background-image: url(images/slider3.jpg);">
|
||
<div class="overlay-gradient"></div>
|
||
<div class="container">
|
||
<div class="col-md-12 col-md-offset-0 text-center slider-text">
|
||
<div class="slider-text-inner js-fullheight">
|
||
<div class="desc">
|
||
<p><span>Luxe Hotel</span></p>
|
||
<h2>A Best Place To Enjoy Your Life</h2>
|
||
<p>
|
||
<a href="#" class="btn btn-primary btn-lg">Book Now</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</aside>
|
||
<div class="wrap">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div id="availability">
|
||
<form action="#">
|
||
|
||
<div class="a-col">
|
||
<section>
|
||
<select class="cs-select cs-skin-border">
|
||
<option value="" disabled selected>Select Hotel</option>
|
||
<option value="email">Luxe Hotel</option>
|
||
<option value="twitter">Deluxe Hotel</option>
|
||
<option value="linkedin">Five Star Hotel</option>
|
||
</select>
|
||
</section>
|
||
</div>
|
||
<div class="a-col alternate">
|
||
<div class="input-field">
|
||
<label for="date-start">Check In</label>
|
||
<input type="text" class="form-control" id="date-start" />
|
||
</div>
|
||
</div>
|
||
<div class="a-col alternate">
|
||
<div class="input-field">
|
||
<label for="date-end">Check Out</label>
|
||
<input type="text" class="form-control" id="date-end" />
|
||
</div>
|
||
</div>
|
||
<div class="a-col action">
|
||
<a href="#">
|
||
<span>Check</span>
|
||
Availability
|
||
</a>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="fh5co-counter-section" class="fh5co-counters">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-3 text-center">
|
||
<span class="fh5co-counter js-counter" data-from="0" data-to="20356" data-speed="5000" data-refresh-interval="50"></span>
|
||
<span class="fh5co-counter-label">User Access</span>
|
||
</div>
|
||
<div class="col-md-3 text-center">
|
||
<span class="fh5co-counter js-counter" data-from="0" data-to="15501" data-speed="5000" data-refresh-interval="50"></span>
|
||
<span class="fh5co-counter-label">Hotels</span>
|
||
</div>
|
||
<div class="col-md-3 text-center">
|
||
<span class="fh5co-counter js-counter" data-from="0" data-to="8200" data-speed="5000" data-refresh-interval="50"></span>
|
||
<span class="fh5co-counter-label">Transactions</span>
|
||
</div>
|
||
<div class="col-md-3 text-center">
|
||
<span class="fh5co-counter js-counter" data-from="0" data-to="8763" data-speed="5000" data-refresh-interval="50"></span>
|
||
<span class="fh5co-counter-label">Rating & Review</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="featured-hotel" class="fh5co-bg-color">
|
||
<div class="container">
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="section-title text-center">
|
||
<h2>Featured Hotels</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="feature-full-1col">
|
||
<div class="image" style="background-image: url(images/hotel_feture_1.jpg);">
|
||
<div class="descrip text-center">
|
||
<p><small>For as low as</small><span>$100/night</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="desc">
|
||
<h3>Deluxe Hotel</h3>
|
||
<p>Pellentesque habitant morbi tristique senectus et netus ett mauada fames ac turpis egestas. Etiam euismod tempor leo, in suscipit urna condimentum sed. Vivamus augue enim, consectetur ac interdum a, pulvinar ac massa. Nullam malesuada congue </p>
|
||
<p><a href="#" class="btn btn-primary btn-luxe-primary">Book Now <i class="ti-angle-right"></i></a></p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="feature-full-2col">
|
||
<div class="f-hotel">
|
||
<div class="image" style="background-image: url(images/hotel_feture_2.jpg);">
|
||
<div class="descrip text-center">
|
||
<p><small>For as low as</small><span>$99/night</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="desc">
|
||
<h3>Hotel Bora</h3>
|
||
<p>Pellentesque habitant morbi tristique senectus et netus ett mauada fames ac turpis egestas. Etiam euismod tempor leo,
|
||
in suscipit urna condimentum sed. </p>
|
||
<p><a href="#" class="btn btn-primary btn-luxe-primary">Book Now <i class="ti-angle-right"></i></a></p>
|
||
</div>
|
||
</div>
|
||
<div class="f-hotel">
|
||
<div class="image" style="background-image: url(images/hotel_feture_3.jpg);">
|
||
<div class="descrip text-center">
|
||
<p><small>For as low as</small><span>$99/night</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="desc">
|
||
<h3>D’Morvie</h3>
|
||
<p>Pellentesque habitant morbi tristique senectus et netus ett mauada fames ac turpis egestas. Etiam euismod tempor leo, in suscipit urna condimentum sed. </p>
|
||
<p><a href="#" class="btn btn-primary btn-luxe-primary">Book Now <i class="ti-angle-right"></i></a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div id="hotel-facilities">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="section-title text-center">
|
||
<h2>Hotel Facilities</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="tabs">
|
||
<nav class="tabs-nav">
|
||
<a href="#" class="active" data-tab="tab1">
|
||
<i class="flaticon-restaurant icon"></i>
|
||
<span>Restaurant</span>
|
||
</a>
|
||
<a href="#" data-tab="tab2">
|
||
<i class="flaticon-cup icon"></i>
|
||
<span>Bar</span>
|
||
</a>
|
||
<a href="#" data-tab="tab3">
|
||
|
||
<i class="flaticon-car icon"></i>
|
||
<span>Pick-up</span>
|
||
</a>
|
||
<a href="#" data-tab="tab4">
|
||
|
||
<i class="flaticon-swimming icon"></i>
|
||
<span>Swimming Pool</span>
|
||
</a>
|
||
<a href="#" data-tab="tab5">
|
||
|
||
<i class="flaticon-massage icon"></i>
|
||
<span>Spa</span>
|
||
</a>
|
||
<a href="#" data-tab="tab6">
|
||
|
||
<i class="flaticon-bicycle icon"></i>
|
||
<span>Gym</span>
|
||
</a>
|
||
</nav>
|
||
<div class="tab-content-container">
|
||
<div class="tab-content active show" data-tab-content="tab1">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<img src="images/tab_img_1.jpg" class="img-responsive" alt="Image">
|
||
</div>
|
||
<div class="col-md-6">
|
||
<span class="super-heading-sm">World Class</span>
|
||
<h3 class="heading">Restaurant</h3>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias officia perferendis modi impedit, rem quasi veritatis. Consectetur obcaecati incidunt, quae rerum, accusamus sapiente fuga vero at. Quia, labore, reprehenderit illum dolorem quae facilis reiciendis quas similique totam sequi ducimus temporibus ex nemo, omnis perferendis earum fugit impedit molestias animi vitae.</p>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam neque blanditiis eveniet nesciunt, beatae similique doloribus, ex impedit rem officiis placeat dignissimos molestias temporibus, in! Minima quod, consequatur neque aliquam.</p>
|
||
<p class="service-hour">
|
||
<span>Service Hours</span>
|
||
<strong>7:30 AM - 8:00 PM</strong>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-content" data-tab-content="tab2">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<img src="images/tab_img_2.jpg" class="img-responsive" alt="Image">
|
||
</div>
|
||
<div class="col-md-6">
|
||
<span class="super-heading-sm">World Class</span>
|
||
<h3 class="heading">Bars</h3>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias officia perferendis modi impedit, rem quasi veritatis. Consectetur obcaecati incidunt, quae rerum, accusamus sapiente fuga vero at. Quia, labore, reprehenderit illum dolorem quae facilis reiciendis quas similique totam sequi ducimus temporibus ex nemo, omnis perferendis earum fugit impedit molestias animi vitae.</p>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam neque blanditiis eveniet nesciunt, beatae similique doloribus, ex impedit rem officiis placeat dignissimos molestias temporibus, in! Minima quod, consequatur neque aliquam.</p>
|
||
<p class="service-hour">
|
||
<span>Service Hours</span>
|
||
<strong>7:30 AM - 8:00 PM</strong>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-content" data-tab-content="tab3">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<img src="images/tab_img_3.jpg" class="img-responsive" alt="Image">
|
||
</div>
|
||
<div class="col-md-6">
|
||
<span class="super-heading-sm">World Class</span>
|
||
<h3 class="heading">Pick Up</h3>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias officia perferendis modi impedit, rem quasi veritatis. Consectetur obcaecati incidunt, quae rerum, accusamus sapiente fuga vero at. Quia, labore, reprehenderit illum dolorem quae facilis reiciendis quas similique totam sequi ducimus temporibus ex nemo, omnis perferendis earum fugit impedit molestias animi vitae.</p>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam neque blanditiis eveniet nesciunt, beatae similique doloribus, ex impedit rem officiis placeat dignissimos molestias temporibus, in! Minima quod, consequatur neque aliquam.</p>
|
||
<p class="service-hour">
|
||
<span>Service Hours</span>
|
||
<strong>7:30 AM - 8:00 PM</strong>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-content" data-tab-content="tab4">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<img src="images/tab_img_4.jpg" class="img-responsive" alt="Image">
|
||
</div>
|
||
<div class="col-md-6">
|
||
<span class="super-heading-sm">World Class</span>
|
||
<h3 class="heading">Swimming Pool</h3>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias officia perferendis modi impedit, rem quasi veritatis. Consectetur obcaecati incidunt, quae rerum, accusamus sapiente fuga vero at. Quia, labore, reprehenderit illum dolorem quae facilis reiciendis quas similique totam sequi ducimus temporibus ex nemo, omnis perferendis earum fugit impedit molestias animi vitae.</p>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam neque blanditiis eveniet nesciunt, beatae similique doloribus, ex impedit rem officiis placeat dignissimos molestias temporibus, in! Minima quod, consequatur neque aliquam.</p>
|
||
<p class="service-hour">
|
||
<span>Service Hours</span>
|
||
<strong>7:30 AM - 8:00 PM</strong>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-content" data-tab-content="tab5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<img src="images/tab_img_5.jpg" class="img-responsive" alt="Image">
|
||
</div>
|
||
<div class="col-md-6">
|
||
<span class="super-heading-sm">World Class</span>
|
||
<h3 class="heading">Spa</h3>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias officia perferendis modi impedit, rem quasi veritatis. Consectetur obcaecati incidunt, quae rerum, accusamus sapiente fuga vero at. Quia, labore, reprehenderit illum dolorem quae facilis reiciendis quas similique totam sequi ducimus temporibus ex nemo, omnis perferendis earum fugit impedit molestias animi vitae.</p>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam neque blanditiis eveniet nesciunt, beatae similique doloribus, ex impedit rem officiis placeat dignissimos molestias temporibus, in! Minima quod, consequatur neque aliquam.</p>
|
||
<p class="service-hour">
|
||
<span>Service Hours</span>
|
||
<strong>7:30 AM - 8:00 PM</strong>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-content" data-tab-content="tab6">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<img src="images/tab_img_6.jpg" class="img-responsive" alt="Image">
|
||
</div>
|
||
<div class="col-md-6">
|
||
<span class="super-heading-sm">World Class</span>
|
||
<h3 class="heading">Gym</h3>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias officia perferendis modi impedit, rem quasi veritatis. Consectetur obcaecati incidunt, quae rerum, accusamus sapiente fuga vero at. Quia, labore, reprehenderit illum dolorem quae facilis reiciendis quas similique totam sequi ducimus temporibus ex nemo, omnis perferendis earum fugit impedit molestias animi vitae.</p>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam neque blanditiis eveniet nesciunt, beatae similique doloribus, ex impedit rem officiis placeat dignissimos molestias temporibus, in! Minima quod, consequatur neque aliquam.</p>
|
||
<p class="service-hour">
|
||
<span>Service Hours</span>
|
||
<strong>7:30 AM - 8:00 PM</strong>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="testimonial">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="section-title text-center">
|
||
<h2>Happy Customer Says...</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="testimony">
|
||
<blockquote>
|
||
“If you’re looking for a top quality hotel look no further. We were upgraded free of charge to the Premium Suite, thanks so much”
|
||
</blockquote>
|
||
<p class="author"><cite>John Doe</cite></p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="testimony">
|
||
<blockquote>
|
||
“Me and my wife had a delightful weekend get away here, the staff were so friendly and attentive. Highly Recommended”
|
||
</blockquote>
|
||
<p class="author"><cite>Rob Smith</cite></p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="testimony">
|
||
<blockquote>
|
||
“If you’re looking for a top quality hotel look no further. We were upgraded free of charge to the Premium Suite, thanks so much”
|
||
</blockquote>
|
||
<p class="author"><cite>Jane Doe</cite></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div id="fh5co-blog-section">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="section-title text-center">
|
||
<h2>Our Blog</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="blog-grid" style="background-image: url(images/image-1.jpg);">
|
||
<div class="date text-center">
|
||
<span>09</span>
|
||
<small>Aug</small>
|
||
</div>
|
||
</div>
|
||
<div class="desc">
|
||
<h3><a href="#">Most Expensive Hotel</a></h3>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="blog-grid" style="background-image: url(images/image-2.jpg);">
|
||
<div class="date text-center">
|
||
<span>09</span>
|
||
<small>Aug</small>
|
||
</div>
|
||
</div>
|
||
<div class="desc">
|
||
<h3><a href="#">1st Anniversary of Luxe Hotel</a></h3>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="blog-grid" style="background-image: url(images/image-3.jpg);">
|
||
<div class="date text-center">
|
||
<span>09</span>
|
||
<small>Aug</small>
|
||
</div>
|
||
</div>
|
||
<div class="desc">
|
||
<h3><a href="#">Discover New Adventure</a></h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer id="footer" class="fh5co-bg-color">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-3">
|
||
<div class="copyright">
|
||
<p><small>© 2016 Free HTML5 Template. <br> All Rights Reserved. <br>
|
||
Designed by <a href="http://freehtml5.co" target="_blank">FreeHTML5.co</a> <br> Demo Images: <a href="http://unsplash.com/" target="_blank">Unsplash</a></small></p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="row">
|
||
<div class="col-md-3">
|
||
<h3>Company</h3>
|
||
<ul class="link">
|
||
<li><a href="#">About Us</a></li>
|
||
<li><a href="#">Hotels</a></li>
|
||
<li><a href="#">Customer Care</a></li>
|
||
<li><a href="#">Contact Us</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<h3>Our Facilities</h3>
|
||
<ul class="link">
|
||
<li><a href="#">Resturant</a></li>
|
||
<li><a href="#">Bars</a></li>
|
||
<li><a href="#">Pick-up</a></li>
|
||
<li><a href="#">Swimming Pool</a></li>
|
||
<li><a href="#">Spa</a></li>
|
||
<li><a href="#">Gym</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<h3>Subscribe</h3>
|
||
<p>Sed cursus ut nibh in semper. Mauris varius et magna in fermentum. </p>
|
||
<form action="#" id="form-subscribe">
|
||
<div class="form-field">
|
||
<input type="email" placeholder="Email Address" id="email">
|
||
<input type="submit" id="submit" value="Send">
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<ul class="social-icons">
|
||
<li>
|
||
<a href="#"><i class="icon-twitter-with-circle"></i></a>
|
||
<a href="#"><i class="icon-facebook-with-circle"></i></a>
|
||
<a href="#"><i class="icon-instagram-with-circle"></i></a>
|
||
<a href="#"><i class="icon-linkedin-with-circle"></i></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</div>
|
||
<!-- END fh5co-page -->
|
||
|
||
</div>
|
||
<!-- END fh5co-wrapper -->
|
||
|
||
<!-- Javascripts -->
|
||
<script src="js/jquery-2.1.4.min.js"></script>
|
||
<!-- Dropdown Menu -->
|
||
<script src="js/hoverIntent.js"></script>
|
||
<script src="js/superfish.js"></script>
|
||
<!-- Bootstrap -->
|
||
<script src="js/bootstrap.min.js"></script>
|
||
<!-- Waypoints -->
|
||
<script src="js/jquery.waypoints.min.js"></script>
|
||
<!-- Counters -->
|
||
<script src="js/jquery.countTo.js"></script>
|
||
<!-- Stellar Parallax -->
|
||
<script src="js/jquery.stellar.min.js"></script>
|
||
<!-- Owl Slider -->
|
||
<!-- // <script src="js/owl.carousel.min.js"></script> -->
|
||
<!-- Date Picker -->
|
||
<script src="js/bootstrap-datepicker.min.js"></script>
|
||
<!-- CS Select -->
|
||
<script src="js/classie.js"></script>
|
||
<script src="js/selectFx.js"></script>
|
||
<!-- Flexslider -->
|
||
<script src="js/jquery.flexslider-min.js"></script>
|
||
|
||
<script src="js/custom.js"></script>
|
||
|
||
</body>
|
||
</html> |