<header class="main-header position-absolute fixed-top m-0 navbar-dark header-sticky header-sticky-smart header-mobile-xl">
<div class="sticky-area">
<div class="container container-xxl">
<div class="d-flex align-items-center">
<nav class="navbar navbar-expand-xl bg-transparent px-0 w-100 w-xl-auto">
<a class="navbar-brand mr-7" href="../../..">
<img src="../../../images/logo-white.png" alt="HomeID" class="normal-logo">
<img src="../../../images/logo.png" alt="HomeID"
class="sticky-logo">
</a>
<a class="d-block d-xl-none ml-auto mr-4 position-relative text-white p-2" href="#">
<i class="fal fa-heart fs-large-4"></i>
<span class="badge badge-primary badge-circle badge-absolute">1</span>
</a>
<button class="navbar-toggler border-0 px-0" type="button" data-toggle="collapse"
data-target="#primaryMenu02-2"
aria-controls="primaryMenu02-2" aria-expanded="false" aria-label="Toggle navigation">
<span class="text-white fs-24"><i class="fal fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse mt-3 mt-xl-0" id="primaryMenu02-2">
<ul class="navbar-nav hover-menu main-menu px-0 mx-xl-n4">
<li id="navbar-item-home" aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="../../../index.html" data-toggle="dropdown" >
Home
<span class="caret"></span>
</a>
<ul class="dropdown-menu pt-3 pb-0 pb-xl-3" aria-labelledby="navbar-item-home">
<li class="dropdown-item">
<a id="navbar-link-home-01"
class="dropdown-link"
href="../../../home-01.html" >
Home 01
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-02"
class="dropdown-link"
href="../../../home-02.html" >
Home 02
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-03"
class="dropdown-link"
href="../../../home-03.html" >
Home 03
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-04"
class="dropdown-link"
href="../../../home-04.html" >
Home 04
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-05"
class="dropdown-link"
href="../../../home-05.html" >
Home 05
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-06"
class="dropdown-link"
href="../../../home-06.html" >
Home 06
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-07"
class="dropdown-link"
href="../../../home-07.html" >
Home 07
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-08"
class="dropdown-link"
href="../../../home-08.html" >
Home 08
</a>
</li>
</ul>
</li>
<li id="navbar-item-listing" aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="../../../listing.html" data-toggle="dropdown" >
Listing
<span class="caret"></span>
</a>
<div class="dropdown-menu dropdown-menu-xxl dropdown-menu-listing px-0 py-3" aria-labelledby="navbar-item-listing">
<div class="dropdown-body">
<div class="row no-gutters">
<div class="col-xl-3">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 mb-2">
List view
</h4>
<!-- List -->
<a class="dropdown-item" href="../../../listing-full-width-list.html">
Full width list
</a>
<a class="dropdown-item" href="../../../listing-with-left-filter.html">
List with left filter
</a>
<a class="dropdown-item" href="../../../listing-with-right-filter.html">
List with right filter
</a>
<a class="dropdown-item" href="../../../listing-with-left-sidebar.html">
List with left sidebar
</a>
<!-- List -->
<a class="dropdown-item" href="../../../listing-with-right-sidebar.html">
List with right sidebar
</a>
</div>
<div class="col-xl-3">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 mb-2">
Grid view
</h4>
<!-- List -->
<a class="dropdown-item" href="../../../listing-full-width-grid-1.html">
Full width grid 1
</a>
<a class="dropdown-item" href="../../../listing-full-width-grid-2.html">
Full width grid 2
</a>
<a class="dropdown-item" href="../../../listing-full-width-grid-3.html">
Full width grid 3
</a>
<a class="dropdown-item" href="../../../listing-grid-with-left-filter.html">
Grid with left filter
</a>
<a class="dropdown-item" href="../../../listing-grid-with-right-filter.html">
Grid with right filter
</a>
<a class="dropdown-item" href="../../../listing-grid-with-left-sidebar.html">
Grid with left sidebar
</a>
<a class="dropdown-item" href="../../../listing-grid-with-right-sidebar.html">
Grid with right sidebar
</a>
</div>
<div class="col-xl-3">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 mb-2">
Map style
</h4>
<!-- List -->
<a class="dropdown-item" href="../../../listing-half-map-list-layout-1.html">
Half map list layout 1
</a>
<a class="dropdown-item" href="../../../listing-half-map-list-layout-2.html">
Half map list layout 2
</a>
<a class="dropdown-item" href="../../../listing-half-map-grid-layout-1.html">
Half map grid layout 1
</a>
<a class="dropdown-item" href="../../../listing-half-map-grid-layout-2.html">
Half map grid layout 2
</a>
<a class="dropdown-item" href="../../../listing-full-map-1.html">
Full map 1
</a>
<a class="dropdown-item" href="../../../listing-full-map-2.html">
Full map 2
</a>
<a class="dropdown-item" href="../../../listing-full-map-with-sidebar.html">
Full Map with sidebar
</a>
</div>
<div class="col-xl-3">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 mb-2">
Single Property
</h4>
<!-- List -->
<a class="dropdown-item" href="../../../single-property-1.html">
Single Property 1
</a>
<a class="dropdown-item" href="../../../single-property-2.html">
Single Property 2
</a>
<a class="dropdown-item" href="../../../single-property-3.html">
Single Property 3
</a>
<a class="dropdown-item" href="../../../single-property-4.html">
Single Property 4
</a>
<a class="dropdown-item" href="../../../single-property-5.html">
Single Property 5
</a>
<a class="dropdown-item" href="../../../single-property-6.html">
Single Property 6
</a>
<a class="dropdown-item" href="../../../single-property-7.html">
Single Property 7
</a>
<a class="dropdown-item" href="../../../single-property-8.html">
Single Property 8
</a>
<a class="dropdown-item" href="../../../single-property-9.html">
Single Property 9
</a>
</div>
</div> <!-- / .row -->
</div>
</div>
</li>
<li id="navbar-item-dashboard" aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="../../../#" data-toggle="dropdown" >
Dashboard
<span class="caret"></span>
</a>
<ul class="dropdown-menu pt-3 pb-0 pb-xl-3" aria-labelledby="navbar-item-dashboard">
<li class="dropdown-item">
<a id="navbar-link-dashboard"
class="dropdown-link"
href="../../../dashboard.html" >
Dashboard
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-add-new-property"
class="dropdown-link"
href="../../../dashboard-add-new-property.html" >
Add New Property
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-my-properties"
class="dropdown-link"
href="../../../dashboard-my-properties.html" >
My Properties
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-my-favorites"
class="dropdown-link"
href="../../../dashboard-my-favorites.html" >
My Favorites
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-save-search"
class="dropdown-link"
href="../../../dashboard-save-search.html" >
Save Search
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-reviews"
class="dropdown-link"
href="../../../dashboard-reviews.html" >
Reviews
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-my-package"
class="dropdown-link"
href="../../../dashboard-my-packages.html" >
My Package
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-my-profile"
class="dropdown-link"
href="../../../dashboard-my-profiles.html" >
My Profile
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-signup-and-login"
class="dropdown-link"
href="../../../signup-and-login.html" >
Signup and login
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-password-recovery"
class="dropdown-link"
href="../../../password-recovery.html" >
Password Recovery
</a>
</li>
</ul>
</li>
<li id="navbar-item-pages" aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="../../../#" data-toggle="dropdown" >
Pages
<span class="caret"></span>
</a>
<ul class="dropdown-menu pt-3 pb-0 pb-xl-3" aria-labelledby="navbar-item-pages">
<li class="dropdown-item dropdown dropright">
<a id="navbar-link-news"
class="dropdown-link dropdown-toggle"
href="../../../#" data-toggle="dropdown" >
News
</a>
<ul class="dropdown-menu dropdown-submenu pt-3 pb-0 pb-xl-3"
aria-labelledby="navbar-link-news">
<li class="dropdown-item">
<a class="dropdown-link" href="../../../blog-classic.html">Blog classic</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../blog-grid.html">Blog grid</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../blog-grid-with-sidebar.html">Blog grid with sidebar</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../blog-list-width-sidebar.html">Blog list with sidebar</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../blog-details-1.html">Blog details 1</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../blog-details-2.html">Blog details 2</a>
</li>
</ul>
</li>
<li class="dropdown-item">
<a id="navbar-link-about-us"
class="dropdown-link"
href="../../../about-us.html" >
About us
</a>
</li>
<li class="dropdown-item dropdown dropright">
<a id="navbar-link-service"
class="dropdown-link dropdown-toggle"
href="../../../#" data-toggle="dropdown" >
Service
</a>
<ul class="dropdown-menu dropdown-submenu pt-3 pb-0 pb-xl-3"
aria-labelledby="navbar-link-service">
<li class="dropdown-item">
<a class="dropdown-link" href="../../../services.html">Services</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../services-with-sidebar.html">Services with sidebar</a>
</li>
</ul>
</li>
<li class="dropdown-item dropdown dropright">
<a id="navbar-link-contact-us"
class="dropdown-link dropdown-toggle"
href="../../../#" data-toggle="dropdown" >
Contact us
</a>
<ul class="dropdown-menu dropdown-submenu pt-3 pb-0 pb-xl-3"
aria-labelledby="navbar-link-contact-us">
<li class="dropdown-item">
<a class="dropdown-link" href="../../../contact-us-1.html">Contact us 1</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../contact-us-2.html">Contact us 2</a>
</li>
</ul>
</li>
<li class="dropdown-item dropdown dropright">
<a id="navbar-link-agent"
class="dropdown-link dropdown-toggle"
href="../../../#" data-toggle="dropdown" >
Agent
</a>
<ul class="dropdown-menu dropdown-submenu pt-3 pb-0 pb-xl-3"
aria-labelledby="navbar-link-agent">
<li class="dropdown-item">
<a class="dropdown-link" href="../../../agents-grid-1.html">Agents grid 1</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../agents-grid-2.html">Agents grid 2</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../agents-grid-with-sidebar.html">Agents grid with sidebar</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../agents-list.html">Agents list</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../agent-details-1.html">Agent detais 1</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../agent-details-2.html">Agent detais 2</a>
</li>
</ul>
</li>
<li class="dropdown-item dropdown dropright">
<a id="navbar-link-agency"
class="dropdown-link dropdown-toggle"
href="../../../#" data-toggle="dropdown" >
Agency
</a>
<ul class="dropdown-menu dropdown-submenu pt-3 pb-0 pb-xl-3"
aria-labelledby="navbar-link-agency">
<li class="dropdown-item">
<a class="dropdown-link" href="../../../agency-grid.html">Agency grid</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../agency-list.html">Agency list</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../agency-details-1.html">Agency details 1</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../agency-details-2.html">Agency details 2</a>
</li>
</ul>
</li>
<li class="dropdown-item">
<a id="navbar-link-faqs"
class="dropdown-link"
href="../../../faqs.html" >
FAQs
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-page-404"
class="dropdown-link"
href="../../../page-404.html" >
Page 404
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-checkout"
class="dropdown-link"
href="../../../checkout-complete-1.html" >
Checkout
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-payment-completed"
class="dropdown-link"
href="../../../checkout-complete-2.html" >
Payment Completed
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-compare"
class="dropdown-link"
href="../../../compare-details.html" >
Compare
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-packages"
class="dropdown-link"
href="../../../packages.html" >
Packages
</a>
</li>
</ul>
</li>
<li id="navbar-item-docs" aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="../../../#" data-toggle="dropdown" >
Docs
<span class="caret"></span>
</a>
<div class="dropdown-menu px-0 pt-3 dropdown-menu-docs">
<div class="dropdown-body">
<a class="dropdown-item py-1"
href="../../getting-started/dev-environment-setup.html">
<div class="media">
<div class="fs-20 mr-3">
<i class="fal fa-file-alt"></i>
</div>
<div class="media-body">
<span class="d-block lh-15">Documentation</span>
<small class="d-block">Kick-start customization</small>
</div>
</div>
</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item py-1"
href="../../content/typography.html">
<div class="media">
<div class="fs-20 mr-3">
<i class="fal fa-layer-group"></i>
</div>
<div class="media-body">
<span class="d-block lh-15">UI Kit<span
class="badge badge-danger ml-2">50+</span></span>
<small class="d-block">Flexible components</small>
</div>
</div>
</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item py-1"
href="../../getting-started/changelog.html">
<div class="media">
<div class="fs-20 mr-3">
<i class="fal fa-edit"></i>
</div>
<div class="media-body">
<span class="d-block lh-15">Changelog<span
class="badge badge-success ml-2">v1.0.1</span></span>
<small class="d-block">Regular updates</small>
</div>
</div>
</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item py-1"
href="https://sp.g5plus.net/" target="_blank">
<div class="media">
<div class="fs-20 mr-3">
<i class="fal fa-life-ring"></i>
</div>
<div class="media-body">
<span class="d-block lh-15">Support</span>
<small class="d-block">https://sp.g5plus.net/</small>
</div>
</div>
</a>
</div>
</div>
</li>
</ul>
<div class="d-block d-xl-none">
<ul class="navbar-nav flex-row ml-auto align-items-center justify-content-lg-end flex-wrap py-2">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle mr-md-2 pr-2 pl-0 pl-lg-2"
href="#" id="bd-versions-mobile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
ENG
</a>
<div class="dropdown-menu dropdown-sm dropdown-menu-left" aria-labelledby="bd-versions-mobile">
<a class="dropdown-item" href="#">VN</a>
<a class="dropdown-item active" href="#">ENG</a>
<a class="dropdown-item" href="#">ARB</a>
<a class="dropdown-item" href="#">KR</a>
<a class="dropdown-item" href="#">JN</a>
</div>
</li>
<li class="divider"></li>
<li class="nav-item ">
<a class="nav-link pl-3 pr-2" data-toggle="modal" href="#login-register-modal">SIGN IN</a>
</li>
<li class="nav-item ml-auto w-100 w-sm-auto">
<a class="btn btn-primary btn-lg"
href="../../../dashboard-add-new-property.html">
Add listing
<img src="../../../images/add-listing-icon.png" alt="Add listing"
class="ml-1">
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="ml-auto d-none d-xl-block">
<ul class="navbar-nav flex-row ml-auto align-items-center justify-content-lg-end flex-wrap py-2">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle mr-md-2 pr-2 pl-0 pl-lg-2"
href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
ENG
</a>
<div class="dropdown-menu dropdown-sm dropdown-menu-right" aria-labelledby="bd-versions">
<a class="dropdown-item" href="#">VN</a>
<a class="dropdown-item active" href="#">ENG</a>
<a class="dropdown-item" href="#">ARB</a>
<a class="dropdown-item" href="#">KR</a>
<a class="dropdown-item" href="#">JN</a>
</div>
</li>
<li class="divider"></li>
<li class="nav-item ">
<a class="nav-link pl-3 pr-2" data-toggle="modal" href="#login-register-modal">SIGN IN</a>
</li>
<li class="nav-item mr-auto mr-lg-6">
<a class="nav-link px-2 position-relative" href="#">
<i class="fal fa-heart fs-large-4"></i>
<span class="badge badge-primary badge-circle badge-absolute">1</span>
</a>
</li>
<li class="nav-item">
<a class="btn btn-outline-light btn-lg text-white rounded-lg bg-hover-primary border-hover-primary hover-white d-none d-lg-block"
href="../../../dashboard-add-new-property.html">
Add listing
<img src="../../../images/add-listing-icon.png" alt="Add listing"
class="ml-1 normal-button-icon">
<img src="../../../images/add-listing-icon-primary.png" alt="Add listing"
class="ml-1 sticky-button-icon">
</a>
<a class="btn btn-primary btn-lg d-block d-lg-none"
href="../../../dashboard-add-new-property.html">
Add listing
<img src="../../../images/add-listing-icon.png" alt="Add listing"
class="ml-1">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
