<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<div class="container">
<div class="headtag">
<h2 class="text-center about-text"> Our Awesome Features</h2>
<p class="text-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="row">
<div class="col-md-4 text-c banner-small">
<div class="hotel-border">
<i class="fa fa-star"></i><br /><strong class="starti">Star Hotel</strong>
<p class="text-01 formpadding2">All your flight search are made easy just to get you comfortably started</p>
</div>
</div>
<div class="col-md-4 text-c banner-small">
<div class="hotel-border">
<i class="fa fa-handshake-o"></i><br /> <strong class="starti">services </strong>
<p class="text-01 formpadding2">All your payment transactions data are well encrypted</p>
</div>
</div>
<div class="col-md-4 text-c">
<div class="hotel-border">
<i class="fa fa-shield"></i><br /> <strong class="starti">Secure</strong>
<p class="text-01 formpadding2">Use our endless options on endless cities and book flights securely</p>
</div>
</div>
<div class="clearfix"></div>
<div class="gap3"></div>
</div>
</div></div>
<!--never-section-->
never section
<div class="container-fluid never-banner">
<div class="midnever">
<div class="container">
<h1>You Never Leave Us</h1><br/>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text </p><br/>
<a href="#">View more</a>
</div>
</div>
</div>
<!--our-hotel-->
<div class="container text-center">
<div class="headtag">
<h2 class="text-center about-text">Our Hotels</h2>
<p class="text-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="row">
<div class="col-md-3">
<div class="hotel-banner">
<img src="https://bestjquery.com/tutorial/product-grid/demo9/images/img-2.jpg" class="img-responsive banner-small imwidth" />
<div class="hotel-box">
<div class="hotel-box-content">
<h3>3 Day/4 Night</h3>
<p>Save Upto $20</p>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="hotel-banner">
<img src="https://bestjquery.com/tutorial/product-grid/demo9/images/img-2.jpg" class="img-responsive banner-small imwidth" />
<div class="hotel-box">
<div class="hotel-box-content">
<h3>3 Day/4 Night</h3>
<p>Save Upto $25</p>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="hotel-banner">
<img src="https://bestjquery.com/tutorial/product-grid/demo9/images/img-2.jpg" class="img-responsive banner-small imwidth" />
<div class="hotel-box">
<div class="hotel-box-content">
<h3>4 Day/5 Night</h3>
<p>Save Upto $30</p>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="hotel-banner">
<img src="https://bestjquery.com/tutorial/product-grid/demo9/images/img-2.jpg" class="img-responsive banner-small imwidth" />
<div class="hotel-box">
<div class="hotel-box-content">
<h3>3 Day/4 Night</h3>
<p>Save Upto $20</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--destination-->
<div class="container mrt20" id="hotel-des">
<div class="headtag">
<h2 class="text-center about-text">Hotel Destinations</h2>
<p class="text-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="row">
<div class="col-md-4 banner-small">
<div class="hotel-des">
<img src="https://bestjquery.com/tutorial/product-grid/demo4/images/img-2.jpg" class="img-responsive imwidth">
<div class="hotel-content">
<h3 class="du">Dubai<span class="pull-right">Save upto <span class="rate"> $20 </span></span></h3>
<p>United Arab Emirates<span class="pull-right"><i class="fa fa-angle-right"></i></span></p>
</div>
</div>
</div>
<div class="col-md-4 banner-small">
<div class="hotel-des">
<img src="https://bestjquery.com/tutorial/product-grid/demo4/images/img-2.jpg" class="img-responsive imwidth">
<div class="hotel-content">
<h3 class="du">Singapore<span class="pull-right">Save upto <span class="rate"> $25 </span></span></h3>
<p>Singapore<span class="pull-right"><i class="fa fa-angle-right"></i></span></p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="hotel-des">
<img src="https://bestjquery.com/tutorial/product-grid/demo4/images/img-2.jpg" class="img-responsive imwidth">
<div class="hotel-content">
<h3 class="du">New York<span class="pull-right">Save upto<span class="rate"> $20 </span></span></h3>
<p>United States<span class="pull-right"><i class="fa fa-angle-right"></i></span></p>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
