<!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>Home</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome Icons -->
<link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- PE Icon 7 Stoke -->
<link href="fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css" rel="stylesheet">
<link href="fonts/pe-icon-7-stroke/css/helper.css" rel="stylesheet">
<!-- PE Icon Social -->
<link href="fonts/pe-icon-social/css/pe-icon-social.css" rel="stylesheet">
<link href="fonts/pe-icon-social/css/helper.css" rel="stylesheet">
<!-- Quicksand Dash -->
<link href="fonts/quicksand-dash/stylesheet.css" rel="stylesheet">
<!-- Owl Carousel -->
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.default.css" rel="stylesheet">
<!-- Sweet Alert -->
<link href="css/sweetalert.css" rel="stylesheet">
<!-- Animate -->
<link href="css/animate.min.css" rel="stylesheet">
<!-- Nivo Lightbox -->
<link href="scripts/Nivo-Lightbox/nivo-lightbox.css" rel="stylesheet">
<link href="scripts/Nivo-Lightbox/themes/default/default.css" rel="stylesheet">
<!-- NoUISlider -->
<link href="css/jquery.nouislider.min.css" rel="stylesheet">
<!-- Style.css -->
<link href="css/style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for 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/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header class="header fixed clearfix">
<div class="left">
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="ExploreCity" class="img-responsive"></a></div> <!-- end .logo -->
<form class="header-search">
<input type="text" placeholder="I’m searching for ...">
<button type="submit"><i class="pe-7s-search"></i></button>
</form>
</div> <!-- end .left -->
<div class="navigation clearfix">
<nav class="main-nav">
<ul class="list-unstyled">
<li class="menu-item-has-children">
<a href="list.html">Explore</a>
<ul>
<li><a href="list.html">All Listings</a></li>
<li class="menu-item-has-children">
<a href="list.html">Food & Drink<i class="pe-7s-right-arrow"></i></a>
<ul>
<li><a href="list.html">Cafe’</a></li>
<li><a href="list.html">Restaurant</a></li>
<li><a href="list.html">Pizza Place</a></li>
</ul>
</li>
<li><a href="list.html">Entertainment</a></li>
<li><a href="list.html">Nightlife</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="index.html">Pages</a>
<ul>
<li><a href="#">How It Works</a></li>
<li><a href="#">Add Listing</a></li>
<li><a href="#">Add Your Listing</a></li>
<li><a href="list.html">List</a></li>
<li><a href="#">List Detail</a></li>
<li class="menu-item-has-children">
<a href="#">Dashboard<i class="pe-7s-right-arrow"></i></a>
<ul>
<li><a href="#">Dashboard</a></li>
<li><a href="#">My Listings</a></li>
<li><a href="#">My Wishlist</a></li>
<li><a href="#">Edit Profile</a></li>
</ul>
</li>
<li><a href="#">Maintenance</a></li>
<li><a href="#">Coming Soon</a></li>
<li><a href="#">404</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="blog.html">Blog</a>
<ul>
<li><a href="blog.html">Blog</a></li>
<li><a href="#">Blog Post</a></li>
<li><a href="#">Blog Post Video</a></li>
<li><a href="#">Blog Post Gallery</a></li>
<li><a href="#">Blog Post Quote</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="shop.html">Shop</a>
<ul>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="shop-cart.html">Shop Cart</a></li>
</ul>
</li>
</ul>
</nav> <!-- end .main-nav -->
<a href="" class="responsive-menu-open"><i class="fa fa-bars"></i></a>
</div> <!-- end .navigation -->
<div class="right">
<a href="" class="button border">Add Listing</a>
<a href="" class="button login-open">Log In</a>
</div> <!-- end .left -->
</header> <!-- end .header -->
<div class="responsive-menu">
<a href="" class="responsive-menu-close"><i class="fa fa-times"></i></a>
<nav class="responsive-nav"></nav> <!-- end .responsive-nav -->
</div> <!-- end .responsive-menu -->
<div class="section large transparent dark text-center" style="background-image: url('images/background01.jpg');">
<div class="inner">
<div class="container">
<h1>Discover The City Gems</h1>
<p class="lead">Find great places to stay, eat, shop, or visit from local experts.</p>
<form>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<input type="text" placeholder="What are you looking for ?">
</div> <!-- end .form-group -->
</div> <!-- end .col-sm-4 -->
<div class="col-sm-4">
<div class="form-group">
<input type="text" placeholder="Location">
<i class="pe-7s-world"></i>
</div> <!-- end .form-group -->
</div> <!-- end .col-sm-4 -->
<div class="col-sm-4">
<div class="form-group">
<select>
<option>All categories</option>
</select>
</div> <!-- end .form-group -->
</div> <!-- end .col-sm-4 -->
</div> <!-- end .row -->
<button type="submit" class="button">Search places</button>
</form>
<div class="highlight-slider-wrapper">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p class="lead">Or browse the highlights</p>
<div class="highlight-slider">
<div class="item">
<a href="" class="icon">
<img src="images/highlight-food.png" alt="food">
<div class="overlay">Food</div>
</a> <!-- end .icon -->
</div> <!-- end .item -->
<div class="item">
<a href="" class="icon">
<img src="images/highlight-lodging.png" alt="lodging">
<div class="overlay">Lodging</div>
</a> <!-- end .icon -->
</div> <!-- end .item -->
<div class="item">
<a href="" class="icon">
<img src="images/highlight-culture.png" alt="culture">
<div class="overlay">Culture</div>
</a> <!-- end .icon -->
</div> <!-- end .item -->
<div class="item">
<a href="" class="icon">
<img src="images/highlight-shopping.png" alt="shopping">
<div class="overlay">Shopping</div>
</a> <!-- end .icon -->
</div> <!-- end .item -->
<div class="item">
<a href="" class="icon">
<img src="images/highlight-nightlife.png" alt="nightlife">
<div class="overlay">Nightlife</div>
</a> <!-- end .icon -->
</div> <!-- end .item -->
<div class="item">
<a href="" class="icon">
<img src="images/highlight-drink.png" alt="drink">
<div class="overlay">Drink</div>
</a> <!-- end .icon -->
</div> <!-- end .item -->
</div> <!-- end .highlight-slider -->
</div> <!-- end .co