<!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">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Business</title>

  
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

   
    <link data-type="sitestyle" href="styles/style.css" rel="stylesheet" type="text/css">
  
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

    <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>

<body>

<div class="menu-outer">
<!-- start topmenu --> 
<nav role="navigation" class="navbar-default  topnav">
<div class="container topnav">
<div class="row">
<div class="col-md-4 btm-pdg logo"  data-type="logo">      
<img src="images/logo.png" class="img-responsive" data-type="logo">
</div>


<div class="col-md-8">
<div class="navbar-header new-z">
<button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

</div>

<div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
<div class="nav navbar-nav top-menu navbar-right top-mrg white-text">
<ul  data-type="menu">
<li>
<a data-alias="index">Home</a>
</li>
<li>
<a data-alias="aboutus">About</a>
</li>
<li>
<a data-alias="gallery">Gallery</a>
</li>
<li>
<a data-alias="contactus">Contact</a>
</li>
</ul>
</div>
</div>     
</div>
</div>
</div>
</nav>
<!-- end topmenu -->
</div>

<div class="banner-outer">
<!-- start banner -->
<div class="intro-header banner-bg">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="intro-message">
<h1 class="banner-bk">Landing Page</h1>
<h3 class="banner-bk">A Template by Start Bootstrap</h3>
</div>
</div>
<div class="col-md-6">
</div>
</div>
</div>
</div>
<!-- end banner -->
</div>
 
<div class="content-outer">
<!--start box1-->
<div class="content-section">
<div class="container">
<div class="row">
<div class="col-md-4">
<img src="images/home-img1.jpg" class="img-responsive">
<h3 class="food-menu">Home Stay</h3>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
<br>
<a href="#" class="readmore">Read more</a>
</p>
</div>
<div class="col-md-4">
<img src="images/home-img2.jpg" class="img-responsive">
<h3 class="food-menu">Hollyday Packages</h3>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.</p>
<br>
<a href="#" class="readmore">Read more</a>
</div>
<div class="col-md-4">
<img src="images/home-img3.jpg" class="img-responsive">
<h3 class="food-menu">Mountan View</h3>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.</p>
<br>
<a href="#" class="readmore">Read more</a>
</div>
</div>
</div>
</div>
<!--end box1-->
</div>

<div class="content-outer">
<!--start box2-->
<div class="content-section-a">
<div class="container">
<div class="row">
<div class="col-md-9">
<h3 class="middile">Main Features</h3>
<div class="features">
<ul>
<li>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat</li>
<li>vel illum dolore eu feugiat nulla facilisis. Duis autem vel eum iriure dolor in hendrerit in vulputate</li>
<li>velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis</li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</li>
<li>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis</li>
</ul>
</div>
</div>
<div class="col-md-3">
<img src="images/home-img4.png" class="img-responsive">
</div>
</div>
</div>
</div>
<!--end box2--> 
</div>
<div class="content-outer">
<!--start box3-->
<div class="banner">
<div class="container">
<div class="row">
<div class="col-md-4 text-center">
<div class="wid-100p">
<img src="images/icon-1.png" class="img-responsive center">
</div>
<div class="wid-100p">
<h3 class="food-menu">Meat menu </h3>
</div>
</div>
<div class="col-md-4 text-center">
<div class="wid-100p">
<img src="images/icon-2.png" class="img-responsive center"> 
</div>
<div class="wid-100p">
<h3 class="food-menu">dessert menu</h3>
</div>
</div>
<div class="col-md-4 text-center">
<div class="wid-100p">
<img src="images/icon-3.png" class="img-responsive center">
</div>
<div class="wid-100p">
<h3 class="food-menu">drink menu </h3> 
</div>
</div>
</div>
</div>
</div>
<!--end box3-->
</div>	

<!-- start bootfiles-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- end bootfiles-->

<div class="footer-outer"> 
<!-- start footer -->
<footer>
<div class="container">
<div class="row">

<div class="col-md-12">
<p class="copyright text-muted small text-center">Copyright &copy; Your Company 2014. All Rights Reserved</p>
</div>
</div>
</div>
</footer>

<!-- end footer -->
</div>

</body>
</html>
