<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Qooetu</title>
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="css/base.min.css">
</head>
<body class="home">
<div id="mobile-menu">
<a href="#" class="closemenu">x Close</a>
	<ul>
				<li><a href="#">Buy</a></li>
				<li><a href="#">Sell</a></li>
				<li><a href="#">Rent</a></li>
				<li><a href="#">Commercial</a></li>
				<li><a href="#">Residential</a></li>
				<li><a href="#">Mortgage</a></li>
			</ul>
</div>
<div class="container">
	
		<div class="top-section">
			<div class="wrap row">
			<div class="logo"><a href=""><img src="assets/qooetu-logo.svg" alt=""></a></div>
			<div class="links">
				<a href="#mobile-menu" class="openmenu">Menu</a>
				<ul class="social">
					<li class="instagram"><a href="#" >Instagram</a></li>
					<li class="twitter"><a href="#" >Twitter</a></li>
					<li class="facebook"><a href="#">Facebook</a></li>
				</ul>
				<a href="#" class="login">Login / Signup</a>
			</div>
			</div>
		</div>
	<header class="row">
		<div class="main-gallery">
			<ul class="main-slider">
				<li class="slide">
					<div class="img"><img src="assets/mag1.jpg" alt=""></div>
					<div class="wrap row">
					<div class="desc">
						<h2>Discover Your Perfect investment</h2>
						<a href="#" class="readmore">View All Properties</a>
					</div>
					</div>
					
				</li>
			</ul>
		</div>
		<div class="search-widget">
			<div class="tabs">
				<ul class="navigation">
					<li><a href="#buy">Buy</a></li>
					<li><a href="#sell">Sell</a></li>
					<li><a href="#rent">Rent</a></li>
					<li><a href="#land">Land</a></li>
				</ul>
				<div class="content">
					<div id="buy" class="in">
					<form action="">
						<label for="location">
							<input type="text" placeholder="location">
						</label>
						<div class="row">
						<label for="price-range">
							<span>Price Range</span>
							<input type="text" id="price-range" name="range" value="" data-min=1000 data-max=2000000 class="range" />

						</label>
						
						</div>
						<label for="Property Type">
							<span>Property Type</span>
							<select name="max-price" id="">
								<option value="">Any</option>
								
							</select>
						</label>
						<button type="submit">
							Search Inventory
						</button>
					</form>
					</div>
					<div id="sell" class="in"></div>
					<div id="rent" class="in"></div>
					<div id="land" class="in"></div>
				</div>
			</div>
		</div>
		<nav>
			<ul>
				<li><a href="#">Buy</a></li>
				<li><a href="#">Sell</a></li>
				<li><a href="#">Rent</a></li>
				<li><a href="#">Commercial</a></li>
				<li><a href="#">Residential</a></li>
				<li><a href="#">Mortgage</a></li>
			</ul>
		</nav>
	</header>
	<div class="featured row">
			<div class="wrap row">
			<div class="ftr col-md-6 col">
				<h3 class="title">
					Featured Properties
				</h3>
				<ul class="slider">
					<li>
						<div class="img">
							<a href="">
							<img src="assets/hdm.jpg" alt="">
							</a>
						</div>
						<div class="desc">
							<div class="price">
								<span class="currency">kes</span>
								720,000
							</div>
							<div class="location">
								Watamu, Mombasa Kenya
							</div>
							<div class="properties">
								<ul>
									<li>4<span>bd</span> </li>
									<li>4<span>ba</span> </li>
									<li>2,413<span>sqft</span> </li>
								</ul>
							</div>
						</div>
					</li>
				</ul>

				<div class="row subscribe">
				<h3>receive alerts on new inventory</h3>
				<div class="frm">
				<form action="">
					<label for="">
					<input type="email" class="email" placeholder="Your Email"></label>
					<label for="">
					<select name="" id="" class="jq" multiple placeholder="Categories">
						
						<option value="">
							General
						</option>
					</select></label>
					<label for="">
					<input type="checkbox"> I Accept the terms and conditions</label>
					<button type="submit">
						Subscribe
					</button>
				</form>
				</div>
				</div>
			</div>
			<div class="land col-md-6 col">
				<h3 class="title">
					Land for Sale
				</h3>
				<ul class="properties-list">
					<li class="eq slide">
						<div class="img">
							<a href="">
							<img src="assets/hdm.jpg" alt="">
							</a>
						</div>
						<div class="desc">
							<div class="price">
								<span class="currency">kes</span>
								720,000
							</div>
							<div class="location">
								Watamu, Mombasa Kenya
							</div>
							<div class="properties">
								<ul>
									<li>4<span>bd</span> </li>
									<li>4<span>ba</span> </li>
									<li>2,413<span>sqft</span> </li>
								</ul>
							</div>
						</div>
					</li>
					<li class="eq slide">
						<div class="img">
							<a href="">
							<img src="assets/hdm.jpg" alt="">
							</a>
						</div>
						<div class="desc">
							<div class="price">
								<span class="currency">kes</span>
								720,000
							</div>
							<div class="location">
								Watamu, Mombasa Kenya
							</div>
							<div class="properties">
								<ul>
									<li>4<span>bd</span> </li>
									<li>4<span>ba</span> </li>
									<li>2,413<span>sqft</span> </li>
								</ul>
							</div>
						</div>
					</li>
					<li class="slide eq">
						<div class="img">
							<a href="">
							<img src="assets/hdm.jpg" alt="">
							</a>
						</div>
						<div class="desc">
							<div class="price">
								<span class="currency">kes</span>
								720,000
							</div>
							<div class="location">
								Watamu, Mombasa Kenya
							</div>
							<div class="properties">
								<ul>
									<li>4<span>bd</span> </li>
									<li>4<span>ba</span> </li>
									<li>2,413<span>sqft</span> </li>
								</ul>
							</div>
						</div>
					</li>
				</ul>
			</div>
			</div>

	</div>
<section class="content">
		<div class="wrap row">
			<h3 class="title">Listings</h3>
			<ul class="properties-list">
					<li class="eq slide">
						<div class="img">
							<a href="">
							<img src="assets/hdm.jpg" alt="">
							</a>
						</div>
						<div class="desc">
							<div class="price">
								<span class="currency">kes</span>
								720,000
							</div>
							<div class="location">
								Watamu, Mombasa Kenya
							</div>
							<div class="properties">
								<ul>
									<li>4<span>bd</span> </li>
									<li>4<span>ba</span> </li>
									<li>2,413<span>sqft</span> </li>
								</ul>
							</div>
						</div>
					</li>
					<li class="eq slide">
						<div class="img">
							<a href="">
							<img src="assets/hdm.jpg" alt="">
							</a>
						</div>
						<div class="desc">
							<div class="price">
								<span class="currency">kes</span>
								720,000
							</div>
							<div class="location">
								Watamu, Mombasa Kenya
							</div>
							<div class="properties">
								<ul>
									<li>4<span>bd</span> </li>
									<li>4<span>ba</span> </li>
									<li>2,413<span>sqft</span> </li>
								</ul>
							</div>
						</div>
					</li>
					<li class="slide eq">
						<div class="img">
							<a href="">
							<img src="assets/hdm.jpg" alt="">
							</a>
						</div>
						<div class="desc">
							<div class="price">
								<span class="currency">kes</span>
								720,000
							</div>
							<div class="location">
								Watamu, Mombasa Kenya
							</div>
							<div class="properties">
								<ul>
									<li>4<span>bd</span> </li>
									<li>4<span>ba</span> </li>
									<li>2,413<span>sqft</span> </li>
								</ul>
							</div>
						</div>
					</li>
					<li class="slide eq">
						<div class="img">
							<a href="">
							<img src="assets/hdm.jpg" alt="">
							</a>
						</div>
						<div class="desc">
							<div class="price">
								<span class="currency">kes</span>
								720,000
							</div>
							<div class="location">
								Watamu, Mombasa Kenya
							</div>
							<div class="properties">
								<ul>
									<li>4<span>bd</span> </li>
									<li>4<span>ba</span> </li>
									<li>2,413<span>sqft</span> </li>
								</ul>
							</div>
						</div>
					</li>
				</ul>
		</div>
		<div class="stats row">
			<div class="wrap row">
				<ul>
					<li>
						3,352
						<span>HOMES FOR SALE</span>
					</li>
					<li>64
						<span>Acres of land</span>
					</li>
					<li>
						3,352
						<span>HOMES FOR SALE</span>
					</li>
					<li>
						3,352
						<span>HOMES FOR SALE</span>
					</li>
					<li>
						3,352
						<span>HOMES FOR SALE</span>
					</li>
				</ul>
			</div>
		</div>

</section>
<footer class="row">
	<div class="category-links row">
		<div class="wrap row">
			<div class="col lg">
			<div class="logo">
				<a href=""><img src="assets/qooetu-logo.svg" alt=""></a>
			</div>
			</div>
				<div class="col">
				<h4>For home owners</h4>
				<ul>
					<li><a href="#">Lorem ipsum</a></li>
					<li><a href="#">Lorem ipsum</a></li>
					<li><a href="#">Lorem ipsum</a></li>
					<li><a href="#">Lorem ipsum</a></li>
				</ul>
				</div>
				<div class="col">
				<h4>Service Providers</h4>
				<ul>
					<li>
					
					<a href="#">
					<span class="img"><img src="assets/user-avatar.png" alt=""></span>
					<span class="title">Lorem ipsum</span></a></li>
					<li>
					
					<a href="#">
					<span class="img"></span>
					<span class="title">Lorem ipsum</span></a></li>
					<li>
					
					<a href="#">
					<span class="img"></span>
					<span class="title">Lorem ipsum</span></a></li>
					<li>
					
					<a href="#">
					<span class="img"><img src="assets/user-avatar.png" alt=""></span>
					<span class="title">Lorem ipsum</span></a></li>
					
				</ul>
				</div>
			</div>
		</div>

		<div class="popular-links row">
		<div class="wrap row">
				<div class="tabs">
				<ul class="navigation">
					<li><a href="#popular-lands">Popular Lands</a></li>
					<li><a href="#land-rates">Land Rates</a></li>
				</ul>
				<div class="tabs-content">
					<div id="popular-lands" class="tb">
						<div class="col">
						<ul>
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">Lorem ipsum</a></li>
						</ul>
						</div>
					</div>
					<div id="land-rates" class="tb">
						<div class="col">
						<ul>
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">Lorem ipsum</a></li>
						</ul>
						</div>
						<div class="col">
						<ul>
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">Lorem ipsum</a></li>
						</ul>
						</div>
						<div class="col">
						<ul>
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">Lorem ipsum</a></li>
						</ul>
						</div>
					</div>
				</div>
				</div>
			</div>
		</div>
		<div class="follow row">
			<div class="wrap row">
				<span>Follow Us for News and Updates</span>
				<ul class="social">
					<li class="instagram"><a href="#" >Instagram</a></li>
					<li class="twitter"><a href="#" >Twitter</a></li>
					<li class="facebook"><a href="#">Facebook</a></li>
				</ul>
				<div class="row">
						<nav>
							<ul>
								<li><a href="#">About Us</a></li>
								<li><a href="#">FAQs</a></li>
								<li><a href="#">Locations</a></li>
								<li><a href="#">Feedback</a></li>
								<li><a href="#">Media Room</a></li>
								<li><a href="#">Privacy / Terms</a></li>
								<li><a href="#">SiteMap</a></li>
							</ul>
						</nav>

				</div>

			</div>
		</div>
		<div class="cpy row">
			<div class="wrap row">
				<span>Copyright 2017 Qooetu</span>
				<div class="privacy">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
				</div>
			</div>
		</div>
		
</footer>
</div>
	

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="js/base.min.js"></script>
</body>
</html>