<!--A Design by W3layouts
Author: W3layout
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Duhoot Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="./js/login.js"></script>
<script src="./js/jquery.easydropdown.js"></script>
<!--Animation-->
<script src="./js/wow.min.js"></script>
<link href="./css/animate.css" rel='stylesheet' type='text/css' />
<script>
new WOW().init();
</script>
</head>
<body>
<div class="header">
<div class="header-left">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" alt=""/></a>
</div>
<div class="menu">
<a class="toggleMenu" href="#"><img src="./images/nav.png" alt="" /></a>
<ul class="nav" id="nav">
<li class="active"><a href="index.html">Reality</a></li>
<li><a href="living.html">Living</a></li>
<li><a href="education.html">Education</a></li>
<li><a href="entertain.html">Entertainment</a></li>
<li><a href="404.html">Mobility</a></li>
<div class="clearfix"></div>
</ul>
<script type="text/javascript" src="./js/responsive-nav.js"></script>
</div>
<div class="clearfix"></div>
</div>
<div class="header_right">
<!-- start search-->
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!----search-scripts---->
<script src="./js/classie.js"></script>
<script src="./js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!----//search-scripts---->
<div id="loginContainer"><a href="#" id="loginButton"><img src="./images/login.png"><span>Login</span></a>
<div id="loginBox">
<form id="loginForm">
<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>
</form>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="banner wow fadeInUp" data-wow-delay="0.4s">
<div class="container_wrap">
<h1>What are you looking for?</h1>
<div class="dropdown-buttons">
<div class="dropdown-button">
<select class="dropdown" tabindex="9" data-settings='{"wrapperClass":"flat"}'>
<option value="0">Dubai</option>
<option value="1">Australia</option>
<option value="2">Sri Lanka</option>
<option value="3">Newziland</option>
<option value="4">Pakistan</option>
<option value="5">United Kingdom</option>
<option value="6">United states</option>
<option value="7">Russia</option>
<option value="8">Mirum</option>
</select>
</div>
<div class="dropdown-button">
<select class="dropdown" tabindex="9" data-settings='{"wrapperClass":"flat"}'>
<option value="0">Education</option>
<option value="1">tempor</option>
<option value="2">congue</option>
<option value="3">mazim </option>
<option value="4">mutationem</option>
<option value="5">hendrerit </option>
<option value="5"></option>
<option value="5"></option>
</select>
</div>
</div>
<form>
<input type="text" value="Keyword, name, date, ..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Keyword, name, date, ...';}">
<div class="contact_btn">
<label class="btn1 btn-2 btn-2g"><input name="submit" type="submit" id="submit" value="Search"></label>
</div>
</form>
<div class="clearfix"></div>
</div>
</div>
<div class="content_top wow bounceInRight" data-wow-delay="0.4s">
<div class="container">
<div class="col-md-4 bottom_nav">
<div class="content_menu">
<ul>
<li class="active"><a href="#">Recommended</a></li>
<li><a href="#">Latest</a></li>
<li><a href="#">Highlights</a></li>
</ul>
</div>
</div>
<div class="col-md-4 content_dropdown1">
<div class="content_dropdown">
<select class="dropdown" tabindex="10" data-settings='{"wrapperClass":"metro"}'>
<option value="0">Dubai</option>
<option value="1">tempor</option>
<option value="2">congue</option>
<option value="3">mazim </option>
<option value="4">mutationem</option>
<option value="5">hendrerit </option>
<option value="5"></option>
<option value="5"></option>
</select>
</div>
<div class="content_dropdown">
<select class="dropdown" tabindex="10" data-settings='{"wrapperClass":"metro"}'>
<option value="0">Show Map</option>
<option value="1">tempor</option>
<option value="2">congue</option>
<option value="3">mazim </option>
<option value="4">mutationem</option>
<option value="5">hendrerit </option>
<option value="5"></option>
<option value="5"></option>
</select>
</div>
</div>
<div class="col-md-4 filter_grid">
<ul class="filter">
<li class="fil">Filter :</li>
<li><a href=""> <i class="icon1"> </i> </a></li>
<li><a href=""> <i class="icon2"> </i> </a></li>
<li><a href=""> <i class="icon3"> </i> </a></li>
<li><a href=""> <i class="icon4"> </i> </a></li>
<li><a href=""> <i class="icon5"> </i> </a></li>
</ul>
</div>
</div>
</div>
<div class="content_middle wow bounceInLeft" data-wow-delay="0.4s">
<div class="container">
<div class="content_middle_box">
<div class="top_grid">
<div class="col-md-3">
<div class="grid1">
<div class="view view-first">
<div class="index_img"><img src="./images/pic1.jpg" class="img-responsive" alt=""/></div>
<div c