<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Qooetu: Single Properties</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>
<div class="container page">
	
		<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">
				<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="wrap row">
			<h2>Discover Your Perfect investment</h2>
		<nav>
			<ul>
				<li class="active"><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>
	
<section class="content single">

		<div class="wrap row">
			<div class="row">
			<div class="maincol">
			<h1 class="title">
				Lorem ipsum dolor  sit amet, 
consectetur adipisicing elit
			</h1>
			<div class="breadcrumbs">
				<a href="#">Home</a> > <a href="#">Sale</a>  > <span>Lorem ipsum dolor sit amet,</span>
			</div>
		
			</div>
			<aside class="sidebar">
				<div class="pagination">
					<a href="#">Prev</a>
					<a href="#">Next</a>
				</div>
				
			</aside>
			</div>
			</div>
			<div class="single-highlight">
			<div class="wrap row">
			
				<div class="maincol">
					<ul class="property-tags">
						<li class="new">New</li>
						<li>For Sale - Active</li>
					</ul>
					<div class="slider-parent">
					<ul class="slider row">
					<?php for ($i=0; $i < 6 ; $i++) { ?>
					
					<li class="slide">
						<div class="img">
							<a href="">
							<img src="assets/hdm.jpg" alt="">
							</a>
						</div>
					
					</li>
					<?php }?>
					
					
					
				</ul>
				<ul class="thumb-slider row">
					<?php for ($i=0; $i < 6 ; $i++) { ?>
					
					<li class="slide">
						<div class="img">
							<a href="#">
							<img src="assets/hdm.jpg" alt="">
							</a>
						</div>
					
					</li>
					<?php }?>
					
					
					
				</ul>
				</div>
				</div>
				<aside class="sidebar">

					<div class="widget">
						<div class="property-specs">
								<ul>
									<li class="eq">4<span>bd</span> </li>
									<li class="eq">4<span>ba</span> </li>
									<li class="eq">2,413<span>sqft</span> </li>
								</ul>
							</div>
					</div>
					
					<div class="widget enquire row">
					<h3 class="title">Enquire about Property</h3>
						<form action="">
							<input type="text" placeholder="Enter Full Name">
							<input type="email" placeholder="Enter Email Address">
							<input type="text" placeholder="Enter Phone Number">
							<textarea>I'm interested in Lorem ipsum dolor sit amet, consectetur adipisicing elit</textarea>
							<button type="submit">Contact Provider</button>

						</form>
					</div>
				
				</aside>
			</div>
			</div>
			<div class="wrap row">
				<div class="maincol">
					<div class="property-meta">
						<div class="col map">
							<span></span>
							<a href="#">Show on Map</a>
						</div>
						<div class="col">
							Location
							<strong>Ongata Rongai Opp. Maasai Mall</strong>
						</div>
						<div class="col">
							<div class="price">
								<span class="currency">KES</span>
								720,000
							</div>
						</div>
					</div>
					<h3 class="title">
						Property Details for Lorem ipsum dolor  sit amet, consectetur adipisicing elit
					</h3>
					<div class="property-meta">
						<div class="col">
							<span>Status</span>
							Active
						</div>
						<div class="col">
							<span>Listed</span>
							30 Days Ago
						</div>
						<div class="col">
							<span>Style</span>
							Bungalow
						</div>
						<div class="col">
							<span>Property Type</span>
							House
						</div>
					</div>
					<div class="excerpt">
						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
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</div>
					<h3 class="title">Property Features</h3>
					<div class="row">
						<h4>Utilities</h4>
						<ul class="features">
							<li>Public Water</li>
							<li>City Sewer</li>
						</ul>
					</div>
					<div class="row">
						<h4>Utilities</h4>
						<ul class="features">
							<li>Public Water</li>
							<li>City Sewer</li>
						</ul>
					</div>
					<h3 class="title">
						Similar Homes For Sale Near 
Lorem ipsum dolor  sit amet, consectetur 
adipisicing elit
					</h3>
					<ul class="properties-list similar">
					<?php for ($i=0; $i < 6 ; $i++) { ?>
					
					<li class="eq slide">
						<div class="img">
							<a href="">
							<img src="assets/hdm.jpg" alt="">
							</a>
						</div>
						<div class="desc">
							<div class="in">
							<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 class="links">
								<a href="#" class="readmore">View Details</a>
								
							</div>
							</div>
						</div>
					</li>
					<?php }?>
					
					
					
				</ul>
				</div>
				<aside class="sidebar">
					<div class="widget">
					<h3 class="title">Search more  properties</h3>
						<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 dcol">
						<label for="min-price">
							<span>Min Price</span>
							<select name="min-price" id="">
								<option value="">Any</option>
								<option value="">1,000</option>
								<option value="">10,000</option>
								<option value="">20,000</option>
							</select>
						</label>
						<label for="max-price">
							<span>Max Price</span>
							<select name="max-price" id="">
								<option value="">Any</option>
								<option value="">1,000</option>
								<option value="">10,000</option>
								<option value="">20,000</option>
							</select>
						</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>
					</div>
						<div class="widget">
						<h3 class="title">Popular Searches in Watamu</h3>
						<ul class="tags list">
							<li><a href="#">Lorem ipsum</a></li>
							<li><a href="#">dolor sit</a></li>
							<li><a href="#">adipisicing elit</a></li>
						</ul>
					</div>
					<div class="widget">
							<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>
				</aside>
			</div>
			<div class="wrap row">
			<h3 class="title">Popular Houses 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>
					<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">
			<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="col">
				<h4>Popular Lands</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>
		</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>