<!DOCTYPE HTML>
<html lang="en">
<head>
<!--=============== basic ===============-->
<meta charset="UTF-8">
<title>Atito, 1er site ivoirien de location de salles</title>
<meta name="robots" content="index, follow"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<!--=============== css ===============-->
<link type="text/css" rel="stylesheet" href="css/plugins.css">
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/color.css">
<!--=============== favicons ===============-->
<link rel="shortcut icon" href="images/favicon.ico">
</head>
<body>
<!--loader-->
<div class="loader-wrap">
<div class="loader-inner">
<svg>
<defs>
<filter id="goo">
<fegaussianblur in="SourceGraphic" stdDeviation="2" result="blur" />
<fecolormatrix in="blur" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 5 -2" result="gooey" />
<fecomposite in="SourceGraphic" in2="gooey" operator="atop"/>
</filter>
</defs>
</svg>
</div>
</div>
<!--loader end-->
<!-- main -->
<div id="main">
<!-- header -->
<header class="main-header">
<!-- logo -->
<div class="logo-holder"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
<!-- logo end -->
<!-- nav-button-wrap-->
<div class="nav-button-wrap color-bg nvminit">
<div class="nav-button">
<span></span><span></span><span></span>
</div>
</div>
<!-- nav-button-wrap end-->
<!-- header-search button -->
<div class="header-search-button">
<i class="fal fa-search"></i>
<span>Search...</span>
</div>
<!-- header-search button end -->
<!-- add new btn -->
<div class="add-list_wrap">
<a href="dashboard-add-listing.html" class="add-list color-bg"><i class="fal fa-plus"></i> <span>Ajouter une location</span></a>
</div>
<!-- add new btn end -->
<!-- header-opt_btn -->
<!-- header-opt_btn end -->
<!-- cart-btn -->
<!-- cart-btn end -->
<!-- login btn -->
<div class="show-reg-form modal-open"><i class="fas fa-user"></i><span>Sign In</span></div>
<!-- login btn end -->
<!-- navigation -->
<div class="nav-holder main-menu">
<nav>
<ul class="no-list-style">
<li>
<a href="#" class="act-link">Accueil</a>
<!--second level -->
</li>
<li>
<a href="#">Promotion </a>
</li>
<li>
<a href="#">Nouveaux lieux</a>
</li>
</ul>
</nav>
</div>
<!-- navigation end -->
<!-- header-search-wrapper -->
<div class="header-search-wrapper novis_search">
<div class="header-serach-menu">
<div class="custom-switcher fl-wrap">
<div class="fieldset fl-wrap">
<input type="radio" name="duration-1" id="buy_sw" class="tariff-toggle" checked>
<label for="buy_sw">Buy</label>
<input type="radio" name="duration-1" class="tariff-toggle" id="rent_sw">
<label for="rent_sw" class="lss_lb">Rent</label>
<span class="switch color-bg"></span>
</div>
</div>
</div>
<div class="custom-form">
<form method="post" name="registerform">
<label>Keywords </label>
<input type="text" placeholder="Address , Street , State..." value=""/>
<label >Categories</label>
<select data-placeholder="Categories" class="chosen-select on-radius no-search-select" >
<option>All Categories</option>
<option>House</option>
<option>Apartment</option>
<option>Hotel</option>
<option>Villa</option>
<option>Office</option>
</select>
<label style="margin-top:10px;" >Price Range</label>
<div class="price-rage-item fl-wrap">
<input type="text" class="price-range" data-min="100" data-max="100000" name="price-range1" data-step="1" value="1" data-prefix="$">
</div>
<button onclick="location.href='listing.html'" type="button" class="btn float-btn color-bg"><i class="fal fa-search"></i> Search</button>
</form>
</div>
</div>
<!-- header-search-wrapper end -->
<!-- wishlist-wrap-->
<!--wishlist-wrap end -->
<!--header-opt-modal-->
<!--header-opt-modal end -->
</header>
<!-- header end -->
<!-- wrapper -->
<div id="wrapper">
<!-- content -->
<div class="content">
<!-- section -->
<section class="hero-section gray-bg">
<div class="bg-wrap">
<div class="half-hero-bg-media full-height">
<div class="slider-progress-bar">
<span>
<svg class="circ" width="30" height="30">
<circle class="circ2" cx="15" cy="15" r="13" stroke="rgba(255,255,255,0.4)" stroke-width="1" fill="none"/>
<circle class="circ1" cx="15" cy="15" r="13" stroke="#fff" stroke-width="2" fill="none"/>
</svg>
</span>
</div>
<div class="slideshow-container" >
<!-- slideshow-item -->
<div class="slideshow-item">
<div class="bg" data-bg="images/bg/img2.jpg"></div>
</div>
<!-- slideshow-item end -->
<!-- slideshow-item -->
<!-- <div class="slideshow-item">
<div class="bg" data-bg="images/bg/1.jpg"></div>
</div>-->
<!-- slideshow-item end -->
<!-- slideshow-item -->
<div class="slideshow-item">
<div class="bg" data-bg="images/bg/img1.jpg"></div>
</div>
<!-- slideshow-item end -->
</div>
</div>
</div>
<div class="container">
<div class="hero-title hero-title_small">
<h4>Le Repertoire evenementiel</h4>
<h2>Trouver une salle pour votre évènement<br>
Utiliser notre portail</h2>
</div>
<div class="main-search-input-wrap shadow_msiw">
<div class="main-search-input fl-wrap">
<div class="main-search-input-item">
<input type="text" placeholder="What are you looking for?" value=""/>
</div>
<div class="main-search-input-item">
<select data-placeholder="All Categories" class="chosen-select no-search-select" >
<option>All Statuses</option>
<option>For Rent</option>
<option>For Sale</option>
</select>
</div>
<div class="main-search-input-item">
<select data-placeholder="All Categories" class="chosen-select" >
<option>All Cities</option>
<option>New York</option>
<option>London</option>
<option>Paris</option>
<option>Kiev</option>
<option>Moscow</option>
<option>Dubai</option>
<option>Rome</option>
<option>Beijing</option>
</select>
</div>
<button class="main-search-button color-bg" onclick="window.location.href='listing.html'"> Recherche <i class="far fa-search"></i> </button>
</div>
</div>
<div class="hero-notifer fl-wrap">Voulez-vous plus d'options? <a href="listing.html">Recherche Avancée</a> </div>
<!--<div class="scroll-down-wrap">
<div class="mousey">
<div class="scroller"></div>
</div>
<span>Scroll Down To Discover</span>
</div>-->
</div>
</section>
<!-- section end-->
<!-- breadcrumbs-->
<div class="breadcrumbs fw-breadcrumbs sp-brd fl-wrap">
<div class="container">
<div class="breadcrumbs-list">
<a href="#">Home</a> <span>Home Image</span>
</div>
<div class="share-holder hid-share">
<a href="#" class="share-btn showshare sfcs"> <i class="fas fa-share-alt"></i> Share </a>
<div class="share-container isShare"></div>
</div>
</div>
</div>
<!-- breadcrumbs end -->
<!-- section -->
<section class="gray-bg small-padding">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="section-title fl-wrap">
<h4>Nos meilleures offres</h4>
<h2>Nos suggestions</h2>
</div>
</div>
<div class="col-md-8">
<div class="listing-filters gallery-filters">
<a href="#" class="gallery-filter gallery-filter-active" data-filter="*"> <span>All Categories</span></a>
<a href="#" class="gallery-filter" data-filter=".for_sale"> <span>For Sale</span></a>
<a href="#" class="gallery-filter" data-filter=".for_rent"> <span>For Rent</span></a>
</div>
</div>
</div>
<div class="clearfix"></div>
<!-- grid-item-holder-->
<div class="grid-item-holder gallery-items gisp fl-wrap">
<!-- gallery-item-->
<div class="gallery-item for_sale">
<!-- listing-item -->
<div class="listing-item">
<article class="geodir-category-listing fl-wrap">
<div class="geodir-category-img fl-wrap">
<a href="listing-single.html" class="geodir-category-img_item">
<img src="fichiers/Room_2_800_530.jpg" alt="">
<div class="overlay"></div>
</a>
<div class="geodir-category-location">
<a href="#" class="single-map-item tolt" data-newlatitude="40.72956781" data-newlongitude="-73.99726866" data-microtip-position="top-left" data-tooltip="On the map"><i class="fas fa-map-marker-alt"></i> <span> 70 Bright St New York, USA</span></a>
</div>
<ul class="list-single-opt_header_cat">
<!-- <li><a href="#" class="cat-opt blue-bg">Sale</a></li>
--> <li><a href="#" class="cat-opt color-bg">Apartment</a></li>
</ul>
<div class="geodir-category-listing_media-list">
<span><i class="fas fa-camera"></i> 8</span>
</div>
</div>
<div class="geodir-category-content fl-wrap">
<h3 class="title-sin_item"><a href="listing-single.html">Gorgeous House For Sale</a></h3>
<div class="geodir-category-content_price">$ 600,000</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar. Donec a consectetur nulla.</p>
</div>
</article>
</div>
<!-- listing-item end-->
</div>
<!-- gallery-item end-->
<!-- gallery-item-->
<div class="gallery-item for_sale">
<!-- listing-item -->
<div class="listing-item">
<article class="geodir-category-listing fl-wrap">
<div class="geodir-category-img fl-wrap">
<a href="listing-single.html" class="geodir-category-img_item">
<img src="fichiers/Room_3_800_530.jpg" alt="">
<div class="overlay"></div>
</a>
<div class="geodir-category-location">
<a href="#" class="single-map-item tolt" data-newlatitude="40.88496706" data-newlongitude="-73.88191222" data-microtip-position="top-left" data-tooltip="On the map"><i class="fas fa-map-marker-alt"></i> <span> 40 Journal Square , NJ, USA</span></a>
</div>
<ul class="list-single-opt_header_cat">
<li><a href="#" class="cat-opt color-bg">Salle de Mariage</a></li>
</ul>
<div class="geodir-category-listing_media-list">
<span><i class="fas fa-camera"></i> 47</span>
</div>
</div>
<div class="geodir-category-content fl-wrap">
<h3 class="title-sin_item"><a href="listing-single.html">Luxury Family Home</a></h3>
<div class="geodir-category-content_price">$ 320,000</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar. Donec a consectetur nulla.</p>
</div>
</article>
</div>
<!-- listing-item end-->
</div>
<!-- gallery-item end-->
<!-- gallery-item-->
<div class="gallery-item for_rent">
<!-- listing-item -->
<div class="listing-item">
<article class="geodir-category-listing fl-wrap">
<div class="geodir-category-img fl-wrap">
<a href="listing-single.html" class="geodir-category-img_item">
<img src="fichiers/Room_800_530.jpg" alt="">
<div class="overlay"></div>
</a>
<div class="geodir-category-location">
<a href="#" class="single-map-item tolt" data-newlatitude="40.94982541" data-newlongitude="-73.84357452" data-microtip-position="top-left" data-tooltip="On the map"><i class="fas fa-map-marker-alt"></i> <span> 34-42 Montgomery St , NY, USA</span></a>
</div>
<ul class="list-single-opt_header_cat">
<li><a href="#" class="cat-opt color-bg">House</a></li>
</ul>
<div class="geodir-category-listing_media-list">
<span><i class="fas fa-camera"></i> 4</span>
</div>
</div>
<div class="geodir-category-content fl-wrap">
<h3 class="title-sin_item"><a href="listing-single.html">Family House for Rent</a></h3>
<div class="geodir-category-content_price">$ 700 / per month</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar. Donec a consectetur nulla.</p>
</div>
</article>
</div>
<!-- listing-item end-->
</div>
<!-- gallery-item end-->
<!-- gallery-item-->
<!-- gallery-item end-->
<!-- gallery-item-->
<!-- gallery-item end-->
<!-- gallery-item-->
<!-- gallery-item end-->
</div>
<!-- grid-item-holder-->
<!--<a href="listing.html" class="btn float-btn small-btn color-bg">View All Properties</a>-->
</div>
</section>
<!-- section end-->
<!-- section -->
<section>
<div class="container">
<!--about-wrap -->
<div class="about-wrap">
<div class="row">
<div class="col-md-5">
<div class="about-title ab-hero fl-wrap">
<h2>Comment ça marche? </h2>
<h4>Trouver une salle en Trois étapes</h4>
</div>
<div class="services-opions fl-wrap">
<ul>
<li>
<i class="fal fa-headset"></i>
<h4>24 Hours Support </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</li>
<li>
<i class="fal fa-users-cog"></i>
<h4>User Admin Panel</h4>
<p>Nulla posuere sapien vitae lectus suscipit, et pulvinar nisi tincidunt. Curabitur convallis fringilla diam sed aliquam. </p>
</li>
<li>
<i class="fal fa-phone-laptop"></i>
<h4>Mobile Friendly</h4>
<p>Curabitur convallis fringilla diam sed aliquam. Sed tempor iaculis massa faucibus feugiat. In fermentum facilisis massa.</p>
</li>
</ul>
</div>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<div class="about-img fl-wrap">
<img src="fichiers/Room_4_800_530.jpg" class="respimg" alt="">
<div class="about-img-hotifer color-bg">
<p>Your website is fully responsive so visitors can view your content from their choice of device.</p>
<h4>Gohore Thierry</h4>
<h5>CEO, ATITI GROUP</h5>
</div>
</div>
</div>
</div>
</div>
<!-- about-wrap end -->
</div>
</section>
<!-- section end-->
<section class="hidden-section no-padding-section">
<div class="half-carousel-wrap">
<div class="half-carousel-title color-bg">
<div class="half-carousel-title-item fl-wrap">
<h2>Quelles salles recherchez-vous?</h2>
<h5>Pour chaque évènement, une salle.</h5>
</div>
<div class="pwh_bg"></div>
</div>
<div class="half-carousel-conatiner">
<div class="half-carousel fl-wrap full-height">
<!--slick-item -->
<div class="slick-item">
<div class="half-carousel-item fl-wrap">
<div class="bg-wrap bg-parallax-wrap-gradien">
<div class="bg" data-bg="fichiers/Anniversaire_690_1000.jpg"></div>
</div>
<div class="half-carousel-content">
<div class="hc-counter color-bg">26 Properties</div>
<h3><a href="listing.html">Anniversaire</a></h3>
<p>Constant care and attention to the patients makes good record</p>
</div>
</div>
</div>
<!--slick-item end -->
<!--slick-item -->
<div class="slick-item">
<div class="half-carousel-item fl-wrap">
<div class="bg-wrap bg-parallax-wrap-gradien">
<div class="bg" data-bg="fichiers/Bureaux_690_1000.jpg"></div>
</div>
<div class="half-carousel-content">
<div class="hc-counter color-bg">89 Properties</div>
<h3><a href="listing.html">Bureaux</a></h3>
<p>Constant care and attention to the patients makes good record</p>
</div>
</div>
</div>
<!--slick-item end -->
<!--slick-item -->
<div class="slick-item">
<div class="half-carousel-item fl-wrap">
<div class="bg-wrap bg-parallax-wrap-gradien">
<div class="bg" data-bg="fichiers/Conference_690_1000.jpg"></div>
</div>
<div class="half-carousel-content">
<div class="hc-counter color-bg">102 Properties</div>
<h3><a href="listing.html">Salles de Conférences</a></h3>
<p>Constant care and attention to the patients makes good record</p>
</div>
</div>
</div>
<!--slick-item end -->
<!--slick-item -->
<div class="slick-item">
<div class="half-carousel-item fl-wrap">
<div class="bg-wrap bg-parallax-wrap-gradien">
<div class="bg" data-bg="fichiers/Mariage_690_1000.jpg"></div>
</div>
<div class="half-carousel-content">
<div class="hc-counter color-bg">51 Properties</div>
<h3><a href="listing.html">Salles de Mariages</a></h3>
<p>Constant care and attention to the patients makes good record</p>
</div>
</div>
</div>
<!--slick-item end -->
</div>
</div>
</div>
</section>
<!--section end-->
<!-- section -->
<!-- section end-->
<!-- section -->
<!-- section end-->
<!-- section -->
<section class="gray-bg ">
<div class="clearfix"></div>
<div class="testimonials-slider-wrap">
</div>
</section>
<!-- section end-->
</div>
<!-- content end -->
<!-- subscribe-wrap -->
<div class="subscribe-wrap fl-wrap">
<div class="container">
<div class="subscribe-container fl-wrap color-bg">
<div class="pwh_bg"></div>
<div class="mrb_dec mrb_dec3"></div>
<div class="row">
<div class="col-md-6">
<div class="subscribe-header">
<h4>newsletter</h4>
<h3>Sign up for newsletter and get latest news and update</h3>
</div>
</div>
<div class="col-md-1"></div>
<div class="col-md-5">
<div class="footer-widget fl-wrap">
<div class="subscribe-widget fl-wrap">
<div class="subcribe-form">
<form id="subscribe">
<input class="enteremail fl-wrap" name="email" id="subscribe-email" placeholder="Enter Your Email" spellcheck="false" type="text">
<button type="submit" id="subscribe-button" class="subscribe-button color-bg"> Subscribe</button>
<label for="subscribe-email" class="subscribe-message"></label>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- subscribe-wrap end -->
<!-- footer -->
<footer class="main-footer fl-wrap">
<div class="footer-inner fl-wrap">
<div class="container">
<div class="row">
<!-- footer widget-->
<div class="col-md-3">
<div class="footer-widget fl-wrap">
<div class="footer-widget-logo fl-wrap">
<img src="images/logo.png" alt="">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar.</p>
<div class="fw_hours fl-wrap">
<span>Monday - Friday:<strong> 8am - 6pm</strong></span>
<span>Saturday - Sunday:<strong> 9am - 3pm</strong></span>
</div>
</div>
</div>
<!-- footer widget end-->
<!-- footer widget-->
<div class="col-md-3">
<div class="footer-widget fl-wrap">
<div class="footer-widget-title fl-wrap">
<h4>Helpful links</h4>
</div>
<ul class="footer-list fl-wrap">
<li><a href="about.html">About Our Company</a></li>
<li><a href="blog.html">Our last News</a></li>
<li><a href="pricing.html">Pricing Plans</a></li>
<li><a href="contacts.html">Contacts</a></li>
<li><a href="help.html">Help Center</a></li>
</ul>
</div>
</div>
<!-- footer widget end-->
<!-- footer widget-->
<div class="col-md-3">
<div class="footer-widget fl-wrap">
<div class="footer-widget-title fl-wrap">
<h4>Contacts Info</h4>
</div>
<ul class="footer-contacts fl-wrap">
<li><span><i class="fal fa-envelope"></i> Mail :</span><a href="#" target="_blank">yourmail@domain.com</a></li>
<li> <span><i class="fal fa-map-marker"></i> Adress :</span><a href="#" target="_blank">USA 27TH Brooklyn NY</a></li>
<li><span><i class="fal fa-phone"></i> Phone :</span><a href="#">+7(111)123456789</a></li>
</ul>
<div class="footer-social fl-wrap">
<ul>
<li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-instagram"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-vk"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- footer widget end-->
<!-- footer widget-->
<div class="col-md-3">
<div class="footer-widget fl-wrap">
<div class="footer-widget-title fl-wrap">
<h4>Download our API</h4>
</div>
<p>Start working with Homeradar that can provide everything you need </p>
<div class="api-links fl-wrap">
<a href="#" class="api-btn color-bg"><i class="fab fa-apple"></i> App Store</a>
<a href="#" class="api-btn color-bg"><i class="fab fa-google-play"></i> Play Market</a>
</div>
</div>
</div>
<!-- footer widget end-->
</div>
</div>
</div>
<!--sub-footer-->
<div class="sub-footer gray-bg fl-wrap">
<div class="container">
<div class="copyright"> © Homeradar 2022 . All rights reserved.</div>
<div class="subfooter-nav">
<ul class="no-list-style">
<li><a href="#">Terms of use</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
</div>
</div>
<!--sub-footer end -->
</footer>
<!-- footer end -->
</div>
<!-- wrapper end -->
<!--register form -->
<div class="main-register-wrap modal">
<div class="reg-overlay"></div>
<div class="main-register-holder tabs-act">
<div class="main-register-wrapper modal_main fl-wrap">
<div class="main-register-header color-bg">
<div class="main-register-logo fl-wrap">
<img src="images/white-logo.png" alt="">
</div>
<div class="main-register-bg">
<div class="mrb_pin"></div>
<div class="mrb_pin mrb_pin2"></div>
</div>
<div class="mrb_dec"></div>
<div class="mrb_dec mrb_dec2"></div>
</div>
<div class="main-register">
<div class="close-reg"><i class="fal fa-times"></i></div>
<ul class="tabs-menu fl-wrap no-list-style">
<li class="current"><a href="#tab-1"><i class="fal fa-sign-in-alt"></i> Login</a></li>
<li><a href="#tab-2"><i class="fal fa-user-plus"></i> Register</a></li>
</ul>
<!--tabs -->
<div class="tabs-container">
<div class="tab">
<!--tab -->
<div id="tab-1" class="tab-content first-tab">
<div class="custom-form">
<form method="post" name="registerform">
<label>Username or Email Address * <span class="dec-icon"><i class="fal fa-user"></i></span></label>
<input name="email" type="text" onClick="this.select()" value="">
<div class="pass-input-wrap fl-wrap">
<label >Password * <span class="dec-icon"><i class="fal fa-key"></i></span></label>
<input name="password" type="password" autocomplete="off" onClick="this.select()" value="" >
<span class="eye"><i class="fal fa-eye"></i> </span>
</div>
<div class="lost_password">
<a href="#">Lost Your Password?</a>
</div>
<div class="filter-tags">
<input id="check-a3" type="checkbox" name="check">
<label for="check-a3">Remember me</label>
</div>
<div class="clearfix"></div>
<button type="submit" class="log_btn color-bg"> LogIn </button>
</form>
</div>
</div>
<!--tab end -->
<!--tab -->
<div class="tab">
<div id="tab-2" class="tab-content">
<div class="custom-form">
<form method="post" name="registerform" class="main-register-form" id="main-register-form2">
<label >Full Name * <span class="dec-icon"><i class="fal fa-user"></i></span></label>
<input name="name" type="text" onClick="this.select()" value="">
<label>Email Address * <span class="dec-icon"><i class="fal fa-envelope"></i></span></label>
<input name="email" type="text" onClick="this.select()" value="">
<div class="pass-input-wrap fl-wrap">
<label >Password * <span class="dec-icon"><i class="fal fa-key"></i></span></label>
<input name="password" type="password" autocomplete="off" onClick="this.select()" value="" >
<span class="eye"><i class="fal fa-eye"></i> </span>
</div>
<div class="filter-tags ft-list">
<input id="check-a2" type="checkbox" name="check">
<label for="check-a2">I agree to the <a href="#">Privacy Policy</a> and <a href="#">Terms and Conditions</a></label>
</div>
<div class="clearfix"></div>
<button type="submit" class="log_btn color-bg"> Register </button>
</form>
</div>
</div>
</div>
<!--tab end -->
</div>
<!--tabs end -->
<div class="log-separator fl-wrap"><span>or</span></div>
<div class="soc-log fl-wrap">
<p>For faster login or register use your social account.</p>
<a href="#" class="facebook-log"> Facebook</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--register form end -->
<!--secondary-nav -->
<div class="secondary-nav">
<ul>
<li><a href="dashboard-add-listing.html" class="tolt" data-microtip-position="left" data-tooltip="Sell Property"><i class="fal fa-truck-couch"></i> </a></li>
<li><a href="listing.html" class="tolt" data-microtip-position="left" data-tooltip="Buy Property"> <i class="fal fa-shopping-bag"></i></a></li>
<li><a href="compare.html" class="tolt" data-microtip-position="left" data-tooltip="Your Compare"><i class="fal fa-exchange"></i></a></li>
</ul>
<div class="progress-indicator">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="-1 -1 34 34">
<circle cx="16" cy="16" r="15.9155"
class="progress-bar__background" />
<circle cx="16" cy="16" r="15.9155"
class="progress-bar__progress
js-progress-bar" />
</svg>
</div>
</div>
<!--secondary-nav end -->
<a class="to-top color-bg"><i class="fas fa-caret-up"></i></a>
<!--map-modal -->
<div class="map-modal-wrap">
<div class="map-modal-wrap-overlay"></div>
<div class="map-modal-item">
<div class="map-modal-container fl-wrap">
<h3> <span>Listing Title </span></h3>
<div class="map-modal-close"><i class="far fa-times"></i></div>
<div class="map-modal fl-wrap">
<div id="singleMap" data-latitude="40.7" data-longitude="-73.1"></div>
<div class="scrollContorl"></div>
</div>
</div>
</div>
</div>
<!--map-modal end -->
</div>
<!-- Main end -->
<!--=============== scripts ===============-->
<script src="js/jquery.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/scripts.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOU_API_KEY_HERE&libraries=places"></script>
<script src="js/map-single.js"></script>
</body>
</html>