<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Title -->
<title>Rehomes - Real Estate HTML Template</title>
<!-- Favicon -->
<link rel="icon" href="./img/core-img/favicon.png">
<!-- Stylesheet -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- **** Header Area Start **** -->
<header class="header-area">
<!-- Top Header Area Start -->
<div class="top-header-area">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-6">
<div class="top-header-content">
<a href="#"><i class="icon_mail"></i> <span>info.colorlib@gmail.com</span></a>
<a href="#"><i class="icon_phone"></i> <span>(12) 345 6789</span></a>
</div>
</div>
<div class="col-6">
<div class="top-header-content">
<!-- Top Social Area -->
<div class="top-social-area ml-auto">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Top Header Area End -->
<!-- Main Header Start -->
<div class="main-header-area animated">
<div class="classy-nav-container breakpoint-off">
<div class="container">
<!-- Classy Menu -->
<nav class="classy-navbar justify-content-between" id="rehomesNav">
<!-- Logo -->
<a class="nav-brand" href="./index.html"><img src="./img/core-img/logo.png" alt=""></a>
<!-- Navbar Toggler -->
<div class="classy-navbar-toggler">
<span class="navbarToggler"><span></span><span></span><span></span></span>
</div>
<!-- Menu -->
<div class="classy-menu">
<!-- Menu Close Button -->
<div class="classycloseIcon">
<div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
</div>
<!-- Nav Start -->
<div class="classynav">
<ul id="nav">
<li class="active"><a href="./index.html">Home</a></li>
<li><a href="#">Pages</a>
<ul class="dropdown">
<li class="active"><a href="./index.html">- Home</a></li>
<li><a href="./about.html">- About</a></li>
<li><a href="./agent.html">- Agent</a></li>
<li><a href="./rent.html">- Rent</a></li>
<li><a href="./properties-details.html">- Property Details</a></li>
<li><a href="./blog.html">- Blog</a></li>
<li><a href="./single-blog.html">- Single Blog</a></li>
<li><a href="./contact.html">- Contact</a></li>
<li><a href="#">- Dropdown</a>
<ul class="dropdown">
<li><a href="#">- Dropdown Item</a></li>
<li><a href="#">- Dropdown Item</a></li>
<li><a href="#">- Dropdown Item</a></li>
<li><a href="#">- Dropdown Item</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="./rent.html">Rent</a></li>
<li><a href="./agent.html">Agents</a></li>
<li><a href="./about.html">About</a></li>
<li><a href="./blog.html">Blog</a></li>
</ul>
<!-- Contact btn -->
<div class="contact-btn mt-3 mt-lg-0 ml-3 ml-lg-5">
<a href="#">Contact Us</a>
</div>
</div>
<!-- Nav End -->
</div>
</nav>
</div>
</div>
</div>
</header>
<!-- **** Header Area End **** -->
<!-- **** Welcome Maps Area Start **** -->
<div class="welcome-area">
<div class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d17107.2892861271!2d-74.01626372475907!3d40.714272545051664!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1551762805743" allowfullscreen></iframe>
</div>
</div>
<!-- **** Welcome Maps Area End **** -->
<!-- **** Location Search Form Area **** -->
<div class="rehomes-search-form-area">
<div class="container">
<div class="rehomes-search-form">
<form action="#" method="post">
<div class="row">
<div class="col-12 col-lg-10">
<div class="row">
<div class="col-12 col-md-6 col-lg-3">
<select name="location" id="location" class="form-control">
<option value="location">Location</option>
<option value="armenia">Armenia</option>
<option value="argentina">Argentina</option>
<option value="australia">Australia</option>
<option value="belgium">Belgium</option>
<option value="botswana">Botswana</option>
</select>
</div>
<div class="col-12 col-md-6 col-lg-3">
<select name="types" id="types" class="form-control">
<option value="all-types">All Types</option>
<option value="commercial">Commercial</option>
<option value="office">Office</option>
<option value="villa">Villa</option>