<!--
author: W3layouts
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 lang="zxx">
<head>
<title>Factual Villa A Real Estate Category Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Factual Real Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free web designs for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/cm-overlay.css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="main" id="home">
<!-- header -->
<div class="banner-top">
<div class="social-bnr-agileits">
<ul>
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="contact-bnr-w3-agile">
<ul>
<li><i class="fa fa-home" aria-hidden="true"></i> Chikago LV488</li>
<li><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:info@example.com">INFO@EXAMPLE.COM</a></li>
<li><i class="fa fa-phone" aria-hidden="true"></i>+1 (100)222-23-33</li>
<li class="s-bar">
<div class="search">
<input class="search_box" type="checkbox" id="search_box">
<label class="icon-search" for="search_box"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></label>
<div class="search_form">
<form action="#" method="post">
<input type="search" name="Search" placeholder="Search...">
<input type="submit" value="Send">
</form>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<div class="w3_navigation">
<div class="container">
<nav class="navbar navbar-default">
<div class="navbar-header navbar-left">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a class="navbar-brand" href="index.html">Factual <span>Villa</span><p class="logo_w3l_agile_caption">Your Dream Property</p></a></h1>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<nav class="menu menu--iris">
<ul class="nav navbar-nav menu__list">
<li class="menu__item menu__item--current"><a href="index.html" class="menu__link">Home</a></li>
<li class="menu__item"><a href="#about" class="menu__link scroll">About</a></li>
<li class="menu__item"><a href="#gallery" class="menu__link scroll">Gallery</a></li>
<li class="dropdown menu__item">
<a href="#" class="dropdown-toggle menu__link" data-toggle="dropdown">Dropdown<b class="caret"></b></a>
<ul class="dropdown-menu agile_short_dropdown">
<li><a class="scroll" href="#team">Agents</a></li>
<li><a class="scroll" href="#service">Tools & Services</a></li>
<li><a class="scroll" href="#test">Testimonials</a></li>
</ul>
</li>
<li class="menu__item"><a href="#contact" class="menu__link scroll">Contact Us</a></li>
</ul>
</nav>
</div>
</nav>
</div>
</div>
<!-- //header -->
<!-- banner -->
<div class="banner-silder">
<div class="banner">
<ul>
</ul>
<ol>
</ol>
<i class="left"></i><i class="right"></i>
<div class="banner_wthree_agile_info">
<h3>YOUR DREAM HOUSE</h3>
<p>We are Offering the Best Real Estate Services</p>
</div>
</div>
</div>
<!-- //banner -->
</div>
<!--count-->
<div class="count-agileits">
<div class="count-grids">
<div class="count-bgcolor-w3ls">
<div class="col-md-3 agileits_w3layouts_about_counter_left c1 count-grid">
<i class="fa fa-smile-o" aria-hidden="true"></i>
<p class="counter">786</p>
<span></span>
<h5>Happy Client</h5>
</div>
<div class="col-md-3 agileits_w3layouts_about_counter_left c2 count-grid">
<i class="fa fa-building-o" aria-hidden="true"></i>
<p class="counter">180</p>
<span></span>
<h5>Appartments</h5>
</div>
<div class="col-md-3 agileits_w3layouts_about_counter_left c3 count-grid">
<i class="fa fa-home" aria-hidden="true"></i>
<p class="counter">760</p>
<span></span>
<h5>Houses & Vila</h5>
</div>
<div class="col-md-3 agileits_w3layouts_about_counter_left c4 count-grid">
<i class="fa fa-users" aria-hidden="true"></i>
<p class="counter">1100</p>
<span></span>
<h5>Site members</h5>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--count-->
<!-- about -->
<div class="about" id="about">
<div class="container">
<div class="wthree-tittle">
<h3 class="agile_title">About Us</h3>
<p class="w3l-agile-its-title">Find Your Dream Home</p>
</div>
<div class="wthree_about_grids">
<div class="col-md-6 wthree_about_grid_left">
<h2>Welcome to our <span>Factual Villa</span></h2>
<div class="wthree_about_grid_left1">
<span></span>
<div class="wthree_about_grid_left1_pos">
<p>Fusce semper, nibh eu sollicitudin imperdiet, dolor magna vestibulum mi,
vel tincidunt augue ipsum nec erat. Vestibulum congue leo elementum
ullamcorper commodo. Class aptent taciti sociosqu ad litora torquent
per conubia nostra, per inceptos himenaeos.</p>
<div class="panel-group about_panel" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title asd">
<a class="pa_italic" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i class="glyphicon glyphicon-minus" aria-hidden="true"></i>assumenda est cliche voluptate
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body panel_text">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cu