<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Real Estate</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="assets/img/icon/favicon.png">
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/slicknav.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/slick.css">
<link rel="stylesheet" href="assets/css/nice-select.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!--? Preloader Start -->
<div id="preloader-active">
<div class="preloader d-flex align-items-center justify-content-center">
<div class="preloader-inner position-relative">
<div class="preloader-circle"></div>
<div class="preloader-img pere-text">
<img src="assets/img/icon/loder.png" alt="loder">
</div>
</div>
</div>
</div>
<!-- Preloader Start -->
<header>
<div class="header-area">
<div class="main-header">
<div class="header-top header-sticky">
<div class="container">
<div class="d-flex align-items-center justify-content-between flex-wrap position-relative">
<!-- Logo -->
<div class="left-side d-flex align-items-center">
<div class="logo">
<a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
</div>
<!-- Main-menu -->
<div class="main-menu d-none d-lg-block">
<nav>
<ul id="navigation">
<li><a href="index.html">Home</a></li>
<li><a href="property.html">Property</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a>
<ul class="submenu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog_details.html">Blog Details</a></li>
<li><a href="elements.html">Elements</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="header-right-btn f-right">
<a href="#" class="header-btn2">Call Us: <span>+10 (78) 356 3276</span></a>
<a href="login.html" class="btn_1">Sign In</a>
</div>
<!-- Mobile Menu -->
<div class="col-12">
<div class="mobile_menu d-block d-lg-none"></div>
</div>
</div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-center">
<div class="col-xxl-8 col-xl-10 col-lg-11">
<!-- form -->
<form action="#" class="search-box">
<div class="input-form">
<input type="text" placeholder="Enter Keyword..">
<!-- icon -->
<div class="icon">
<i class="ti-search"></i>
</div>
</div>
<div class="select-form">
<div class="select-itms">
<select name="select" id="select1">
<option value="">Rent</option>
<option value="">Rent 1</option>
<option value="">Rent 2</option>
<option value="">Rent 3</option>
<option value="">Rent 4</option>
</select>
</div>
</div>
<div class="select-form select-form2">
<div class="select-itms">
<select name="select" id="select2">
<option value="">Bed</option>
<option value="">Bed 1</option>
<option value="">Bed 2</option>
<option value="">Bed 3</option>
<option value="">Bed 4</option>
</select>
<div class="select-items">
<img src="assets/img/icon/bed.svg" alt="">
</div>
</div>
</div>
<div class="select-form select-form2">
<div class="select-itms">
<select name="select" id="select3">
<option value="">Bath</option>
<option value="">Bath 1</option>
<option value="">Bath 2</option>
<option value="">Bath 3</option>
<option value="">Bath 4</option>
</select>
</div>
<div class="select-items">
<img src="assets/img/icon/bath.svg" alt="">
</div>
</div>
<div class="search-form">
<button>Search</button>
</div>
</form>
<!-- End Form -->
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main>
<!-- Hero Area Start-->
<div class="slider-area">
<div class="single-slider