<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- Custom Theme files -->
<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="Govihar 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>
<!-- //Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link type="text/css" rel="stylesheet" href="css/JFFormStyle-1.css" />
<!-- js -->
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<!-- //js -->
<!-- fonts -->
<link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- //fonts -->
<script type="text/javascript">
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true // 100% fit in a container
});
});
</script>
<!--pop-up-->
<script src="js/menu_jquery.js"></script>
<!--//pop-up-->
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="header-grids">
<div class="logo">
<h1><a href="index.html"><span>Go</span>vihar</a></h1>
</div>
<!--navbar-header-->
<div class="header-dropdown">
<div class="emergency-grid">
<ul>
<li>Toll Free : </li>
<li class="call">+1 234 567 8901</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="nav-top">
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt="" /></span>
<ul class="nav1">
<li class="active"><a href="index.html">Flights</a></li>
<li><a href="hotels.html">Hotels</a></li>
<li><a href="holidays.html">Holidays</a></li>
<li><a href="flights-hotels.html">Flight+Hotel</a></li>
<li><a href="bus.html">Bus</a></li>
<li><a href="trains.html">Trains</a></li>
<li><a href="weekend.html">Weekend Getaways</a></li>
<li><a href="deals.html">Deals</a></li>
</ul>
<div class="clearfix"> </div>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
<div class="dropdown-grids">
<div id="loginContainer"><a href="#" id="loginButton"><span>Login</span></a>
<div id="loginBox">
<form id="loginForm">
<div class="login-grids">
<div class="login-grid-left">
<fieldset id="body">
<fieldset>
<label for="email">Email Address</label>
<input type="text" name="email" id="email">
</fieldset>
<fieldset>
<label for="password">Password</label>
<input type="password" name="password" id="password">
</fieldset>
<input type="submit" id="login" value="Sign in">
<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
</fieldset>
<span><a href="#">Forgot your password?</a></span>
<div class="or-grid">
<p>OR</p>
</div>
<div class="social-sits">
<div class="facebook-button">
<a href="#">Connect with Facebook</a>
</div>
<div class="chrome-button">
<a href="#">Connect with Google</a>
</div>
<div class="button-bottom">
<p>New account? <a href="signup.html">Signup</a></p>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--//header-->
<!-- banner -->
<div class="banner">
<!-- container -->
<div class="container">
<div class="col-md-4 banner-left">
<section class="slider2">
<div class="flexslider">
<ul class="slides">
<li>
<div class="slider-info">
<img src="images/1.jpg" alt="">
</div>
</li>
<li>
<div class="slider-info">
<img src="images/2.jpg" alt="">
</div>
</li>
<li>
<div class="slider-info">
<img src="images/3.jpg" alt="">
</div>
</li>
<li>
<div class="slider-info">
<img src="images/4.jpg" alt="">
</div>
</li>
<li>
<div class="slider-info">
<img src="images/2.jpg" alt="">
</div>
</li>
</ul>
</div>
</section>
<!--FlexSlider-->
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></div>
<div class="col-md-8 banner-right">
<div class="sap_tabs">
<div class="booking-info">
<h2>Book Domestic & International Flight Tickets</h2>
</div>
<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
<ul class="resp-tabs-list">
<li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><span>Return</span></li>
<li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span>One way</span></li>
<div class="clearfix"></div>
</ul>
<!---->
<div class="resp-tabs-container">
<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
<div class="facts">
<div class="booking-form">
<!---strat-date-piker---->
<script>
$(function() {
$( "#datepicker,#datepicker1" ).datepicker();
});
</script>
<!---/End-date-piker---->
<!-- Set here the key for your domain in order to hide the watermark on the web server -->
<div class="online_reservation">
<div class="b_room">
<div class="booking_room">
<div class="reservation">
<ul>
<li class="span1_of_1 desti">
<h5>Flying from</h5>
<div class="book_date">
<form>
<span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
<input type="text" placeholder="Type Departure City" class="typeahead1 input-md form-control tt-input" required="">
</form>
</div>
</li>
<li class="span1_of_1 left desti">
<h5>Flying to</h5>
<div class="book_date">
<form>
<span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
<input type="text" place