<!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="Blue Water 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>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.0.min.js"></script>
<link href='http://222.178.203.72:19005/whst/63/_enmsrztrdrnzbnl//css?family=Exo:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<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>
<!--start-banner-->
<div class="banner1" id="home">
<div class="container">
<div class="header">
<div class="menu">
<a class="toggleMenu" href="#"><img src="images/menu-icon.png" alt="" /> </a>
<ul class="nav" id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li class="active"><a href="booking.html" class="active">Booking</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!----start-top-nav-script---->
<script type="text/javascript" src="js/responsive-nav.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!----//End-top-nav-script---->
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--end-banner-->
<!--start-booking-->
<div class="booking">
<div class="container">
<div class="booking-main">
<h3>BOOKING</h3>
<div class="booking-top">
<div class="col-md-4 booking-top-left">
<h4>BOOK LODGING NOW</h4>
<div class="booking-form">
<div class="b_room">
<div class="booking_room">
<div class="reservation">
<ul>
<li class="span1_of_1 left">
<div class="book-text">
<h5>Check in:</h5>
</div>
<div class="book_date">
<form>
<input class="date" id="datepicker" type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" required=>
</form>
</div>
<div class="clearfix"></div>
</li>
<li class="span1_of_1 left">
<div class="book-text">
<h5>Check out:</h5>
</div>
<div class="book_date">
<form>
<input class="date" id="datepicker1" type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" required=>
</form>
</div>
<div class="clearfix"></div>
</li>
<li class="span1_of_1">
<div class="book-text">
<h5>Adult(13+)</h5>
</div>
<!----------start section_room----------->
<div class="book_date">
<select id="country" onchange="change_country(this.value)" class="frm-field required">
<option value="null"></option>
<option value="null">1</option>
<option value="AX">2</option>
<option value="AX">3</option>
<option value="AX">4</option>
</select>
</div>
<div class="clearfix"></div>
</li>
<li class="span1_of_1">
<div class="book-text">
<h5>Youth(7-15)</h5>
</div>
<!----------start section_room----------->
<div class="book_date">
<select id="country" onchange="change_country(this.value)" class="frm-field required">
<option value="null"></option>
<option value="null">1</option>
<option value="AX">2</option>
<option value="AX">3</option>
<option value="AX">4</option>
</select>
</div>
<div class="clearfix"></div>
</li>
<li class="span1_of_1">
<div class="book-text">
<h5>Child(0-6)</h5>
</div>
<!----------start section_room----------->
<div class="book_date">
<select id="country" onchange="change_country(this.value)" class="frm-field required">
<option value="null"></option>
<option value="null">1</option>
<option value="AX">2</option>
<option value="AX">3</option>
<option value="AX">4</option>
</select>
</div>
<div class="clearfix"></div>
</li>
<li class="span1_of_1 left">
<div class="book-text">
<h5>Group code</h5>
</div>
<div class="book_date">
<form>
<input type="text" placeholder="" required="">
</form>
</div>
<div class="clearfix"></div>
</li>
<div class="clearfix"></div>
</ul>
</div>
</div>
<div class="clearfix"></div>
</div>
<!---->
<div class="properties">
<h6>Properties</h6>
<ul>
<li><a href="#">Auris fermentum lorem</a></li>
<li><a href="#">Praesent vestibulum molestie</a></li>
<li><a href="#">Sliquam dapibus tinciunt</a></li>
<li><a href="#">Donec sagittis euismdurus</a></li>
<li><a href="#">Vestibulum ante ipsum</a></li>
</ul>
</div>
<div class="b-btn">
<a href="#">CHECK RATES</a>
</div>
</div>
</div>
<div class="col-md-8 booking-top-right">
<h4>ACCOMMODATION & LODGING</h4>
<div class="book-bottom">
<div class="col-md-5 book-bottom-left">
<img src="images/b-1.jpg" alt="">
</div>
<div class="col-md-7 book-bottom-right">
<h6>Cras id tempor felis. Ut porta et nisi sed pharetra Quisque ac arcu dictum.</h6>
<p>Fusce porta, massa sed ullamcorper lacinia, eros justo aliquam ligula, id luctus lectus justo et ipsum. Proin fringilla erat lacus.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="book-bottom-one">
<div class="col-md-5 book-bottom-left">
<img src="images/b-2.jpg" alt="">
</div>
<div class="col-md-7 book-bottom-right">
<h6>Cras id tempor felis. Ut porta et nisi sed pharetra Quisque ac arcu dictum.</h6>
<p>Fusce porta, massa sed ullamcorper lacinia, eros justo aliquam ligula, id luctus lectus justo et ipsum. Proin fringilla erat lacus.</p>
</div>
<div class="clearfix"></div>