<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Dwell a Real Estate Category bootstrap Responsive website Template| Home :: w3layouts</title>
<!--meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Dwell Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"
/>
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--booststrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<!--//booststrap end-->
<!-- font-awesome icons -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!--stylesheets-->
<link href="css/style.css" rel='stylesheet' type='text/css' media="all">
<!--//stylesheets-->
<link href="//fonts.googleapis.com/css?family=Fahkwang:400,500,600,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
</head>
<body>
<!-- main -->
<div class="banner-left-side " id="home">
<div class=" banner-two-img">
<div class="logo">
<h1>
<a href="index.html">Dwell</a>
</h1>
</div>
<!-- menu -->
<!-- social-icons -->
<div class="social-icons">
<ul>
<li>
<a href="#" class="facebook">
<span class="fa fa-facebook"></span>
</a>
</li>
<li>
<a href="#" class="twitter">
<span class="fa fa-twitter"></span>
</a>
</li>
<li>
<a href="#" class="rss">
<span class="fa fa-rss"></span>
</a>
</li>
</ul>
</div>
<!--//social-icons -->
<nav>
<ul id="menu">
<li>
<input id="check02" type="checkbox" name="menu" />
<label for="check02">
<span class="fa fa-bars" aria-hidden="true"></span>
</label>
<ul class="submenu">
<li>
<a href="index.html" class="active">Home</a>
</li>
<li>
<a href="#about">About Me</a>
</li>
<li>
<a href="#service">Services</a>
</li>
<li>
<a href="#gallery">Gallery</a>
</li>
<li>
<a href="#team">Team</a>
</li>
<li>
<a href="#blog">Blog</a>
</li>
<li>
<a href="#contact">Contact Me</a>
</li>
</ul>
</li>
</ul>
</nav>
<!-- //menu -->
</div>
<!-- banner -->
<div class="container">
<div class="banner-right-txt ">
<h4>The best way to find
<br>your home</h4>
<div class="view-buttn mt-lg-5 mt-md-4 mt-sm-4 mt-3">
<a href="#contact" class="btn">Contact Us</a>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- about -->
<section class="about py-lg-4 py-md-3 py-sm-3 py-3" id="about">
<div class="container py-lg-5 py-md-4 py-sm-4 py-3">
<div class="row">
<div class="col-lg-6 about-two-grids">
<h3 class="title mb-md-4 mb-sm-3 mb-3">Few Words About Us</h3>
<div class="about-para-txt">
<h6>sed do eiusmod tempor incididunt ut Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, eiusmod tempor incididunt
ut labore et consectetur adipiscing sed do eiusmod tempor incididunt ut Lorem ipsum dolor sit amet Lorem ipsum
dolor sit amet, eiusmod tempor incididunt ut labore et consectetur adipiscing</h6>
</div>
<div class="about-para-txt mt-md-4 mt-sm-3 mt-3">
<p>sed do eiusmod tempor incididunt ut Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, eiusmod tempor incididunt
ut labore et consectetur adipiscing sed do eiusmod tempor incididunt ut Lorem ipsum dolor sit amet Lorem ipsum
dolor sit amet, eiusmod tempor incididunt ut labore et consectetur adipiscing</p>
<h6 class="mt-2">sed do eiusmod tempor incididunt ut Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, eiusmod tempor incididunt
ut labore et consectetur adipiscing sed do eiusmod</h6>
</div>
</div>
<div class="col-lg-6 about-imgs-txt position-relative">
<img src="images/ab1.jpg" alt="news image" class="img-fluid">
<div class=" about-imgs-two">
<img src="images/ab2.jpg" alt="news image" class="img-fluid">
</div>
</div>
</div>
</div>
</section>
<!-- //about -->
<!-- service -->
<section class="service py-lg-4 py-md-3 py-sm-3 py-3" id="service">
<div class="container py-lg-5 py-md-4 py-sm-4 py-3">
<h3 class="title mb-md-4 mb-sm-3 mb-3 text-right">Related To Work</h3>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6 service-grid-wthree my-3">
<div class="ser-fashion-grid ">
<div class="row pb-3">
<div class="about-icon col-lg-3 text-center">
<span class="fa fa-clock-o" aria-hidden="true"></span>
</div>
<div class="ser-sevice-grid col-lg-9">
<h4>Quick Deals</h4>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna Lorem ipsum dolor sit amet, consectetur</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 service-grid-wthree my-3">
<div class="ser-fashion-grid ">
<div class="row pb-3">
<div class="about-icon col-lg-3 text-center">
<span class="fa fa-thumbs-o-up" aria-hidden="true"></span>
</div>
<div class="ser-sevice-grid col-lg-9">
<h4>Experience</h4>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna Lorem ipsum dolor sit amet, consectetur</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 service-grid-wthree my-3">
<div class="ser-fashion-grid ">
<div class="row pb-3">
<div class="about-icon col-lg-3 text-center">
<span class="fa fa-building" aria-hidden="true"></span>
</div>
<div class="ser-sevice-grid col-lg-9">
<h4>Construction</h4>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna Lorem ipsum dolor sit amet, consectetur</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 service-grid-wthree my-3">
<div class="ser-fashion-grid ">
<div class="row pb-3">
<div class="about-icon col-lg-3 text-center">
<span class="fa fa-smile-o" aria-hidden="true"></span>
</div>
<div class="ser-sevice-grid col-lg-9">
<h4>Happy Clients</h4>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vest