Welcome to Reallow ! Get familiar with the Stripe products and explore their features:
Well organized and easy to understand. You can any work by following our docs easily
Code is clean if it can be understood.Our code is more formatting for your website
Our Template is full Perfect for all device. You can visit our template all device easily.
The template has Sass available for css. You can Change and customize css by sass.
Reallow is faster loading speed. Reallow create your template so much faster and easier
We are provide 24 hours support for all clients.You can purchase without hesitation.
Welcome to Reallow
Reallow is a modern HTML5 Template designed specifically for real estate websites. Ideal for real estate agencies, property listing platforms, realtors, and property developers, Reallow offers an intuitive and sophisticated search function. With its contemporary design and updated features, Reallow provides a seamless experience for users seeking property and real estate opportunities.
Reallow is highly customizable and looks stunning on tablets and mobile devices. We have incorporated the best web development practices, allowing you to create a fantastic website layout based on Bootstrap or a 1320px Grid system.
After purchasing Reallow template on templateforest.net with your Envato account, go to your Download page. You can choose to download Reallow template only or the entire Reallow template package which contains the following files:
Installing a Reallow template is not like WordPress or CMS theme installation, actually, installation keyword does not go with Reallow template. Why? because you don’t install anything, yes Reallow or HTML templates are automatically rendered by the browser.
Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text, etc. When template editing is done using editor, save the files and folder and go ahead to upload template files on live server.
First of all, If you don’t have your template on your computer, download Reallow template to get started, when download/purchase complete you will get a package like this screenshot (after unzip).
This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into different section (i.e. header, banner, services,... footer etc.). The general template structure is the same throughout the template. Here is the general structure.
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Home One || Reallow Real Estate HTML5 Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.svg">
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/vendor/animate.min.css">
<link rel="stylesheet" href="assets/css/plugins/swiper.min.css">
<link rel="stylesheet" href="assets/css/plugins/slick.css">
<link rel="stylesheet" href="assets/css/plugins/chosen.min.css">
<link rel="stylesheet" href="assets/css/plugins/nouislider.min.css">
<link rel="stylesheet" href="assets/css/vendor/magnific-popup.css">
<link rel="stylesheet" href="assets/css/vendor/fontawesome-pro.css">
<link rel="stylesheet" href="assets/css/vendor/icomoon.css">
<link rel="stylesheet" href="assets/css/vendor/spacing.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
We are using one customed CSS files (style.css) and several vendor css files. CSS file structure is as follows:
/*----------------------------------------*/
/* 1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
:root {
/** @font family declaration */
--bd-ff-body: "Poppins", sans-serif;
--bd-ff-heading: "Poppins", sans-serif;
--bd-ff-title: "Poppins", sans-serif;
--bd-ff-p: "Poppins", sans-serif;
--bd-ff-fontawesome: "Font Awesome 6 Pro";
--bd-ff-icomoon: "icomoon";
/** @color declaration */
/* Common Color */
--bd-white: #ffffff;
--bd-black: #071B1E;
--bd-placeholder: rgba(0, 0, 0, 0.7);
--bd-selection: #262626;
/* Heading Color */
--bd-heading: #000000;
/* Theme Color */
--bd-primary: #ED6E5A;
--bd-secondary: #006CE4;
/* Text Color */
--bd-text-primary: #666666;
--bd-text-secondary: #CCE2FA;
/* Background Color */
--theme-bg-primary: #F0F6F8;
--theme-bg-secondary: #060615;
--theme-rating-color:#EC8D1D;
/* Border Color */
--bd-border-primary: hsl(0, 0%, 90%);
--bd-border-secondary: rgba(255,255,255,.2);
/* rgba Color */
--bd-rgba-color: rgba(255,255,255,.2);
/* action Color */
--bd-success: #198754;
--bd-info: #0dcaf0;
--bd-warning: #ffc107;
--bd-danger: #dc3545;
--bd-light: #f8f9fa;
--bd-dark: #212529;
--bs-primary-rgb: #ED6E5A;
/** @font weight declaration */
--bd-fw-normal: normal;
--bd-fw-thin: 100;
--bd-fw-elight: 200;
--bd-fw-light: 300;
--bd-fw-regular: 400;
--bd-fw-medium: 500;
--bd-fw-sbold: 600;
--bd-fw-bold: 700;
--bd-fw-ebold: 800;
--bd-fw-black: 900;
/** @font size declaration */
--bd-fs-body: 16px;
--bd-fs-p: 16px;
--bd-fs-h1: 60px;
--bd-fs-h2: 48px;
--bd-fs-h3: 38px;
--bd-fs-h4: 32px;
--bd-fs-h5: 24px;
--bd-fs-h6: 20px;
--bd-fs-b1: 14px;
--bd-fs-b2: 16px;
--bd-fs-b3: 18px;
--bd-fs-b4: 22px;
}
There is a custom .js file named main.js and are several vendor js files as plugins. We are using jQuery(a javascript library) instead of vanilla javascript. Our file structure is a follows:
<!-- JS here -->
<script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
<script src="assets/js/plugins/waypoints.min.js"></script>
<script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
<script src="assets/js/plugins/meanmenu.min.js"></script>
<script src="assets/js/plugins/swiper.min.js"></script>
<script src="assets/js/plugins/slick.min.js"></script>
<script src="assets/js/plugins/wow.js"></script>
<script src="assets/js/vendor/magnific-popup.min.js"></script>
<script src="assets/js/vendor/isotope.pkgd.min.js"></script>
<script src="assets/js/vendor/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/vendor/purecounter.js"></script>
<script src="assets/js/plugins/nouislider.min.js"></script>
<script src="assets/js/plugins/nice-select.min.js"></script>
<script src="assets/js/plugins/ScrollTrigger.min.js"></script>
<script src="assets/js/plugins/SplitText.min.js"></script>
<script src="assets/js/plugins/gsap.min.js"></script>
<script src="assets/js/plugins/bd-cursor.js"></script>
<script src="assets/js/plugins/jarallax.min.js"></script>
<script src="assets/js/plugins/dropzone.min.js"></script>
<script src="assets/js/plugins/tinymce.min.js"></script>
<script src="assets/js/vendor/ajax-form.js"></script>
<script src="assets/js/main.js"></script>
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-black.svg" alt="Logo"></a>
</div>
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="thumb">
<a href="property-details.html">
<figure>
<img src="assets/images/featured/featured-thumb-01.png" alt="image">
</figure>
</a>
</div>
We have used scss for this project to write css. If you are familiar with scss you should customize only the .scss files. Please make sure you compile the style.scss file after you have made changes in any of the .scss files.
Have a look at the following image for a visual description:
Welcome to Reallow Header Elements! You can choose 3 Types of header package for creating you website.
<!-- Header area start -->
<header>
<!-- Header top bar start -->
<div class="header-top-area header-primary">
<div class="header-top-main">
<div class="header-top-left">
<div class="header-top-left-item">
<span><i class="fa-solid fa-location-dot"></i></span>
<a href="tel:1800234-34-45">1(800) 234-34-45</a>
</div>
<div class="header-top-left-item">
<span><i class="fa-solid fa-envelope"></i></span>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
<div class="heder-top-right d-flex flex-wrap align-items-center gap-3">
<div class="bd-social">
<ul>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Header top bar end -->
<!-- main header start -->
<div class="header-area header-primary has-border-bottom" id="header-sticky">
<div class="header-inner">
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-black.svg" alt="Logo"></a>
</div>
<div class="header-menu">
<nav class="bd-main-menu" id="mobile-menu">
<ul>
<li class="menu-item-has-children">
<a href="#">Home</a>
<ul class="dp-menu">
<li><a href="home-one.html">home One</a></li>
<li><a href="home-two.html">home Two</a></li>
<li><a href="home-three.html">home three</a></li>
<li><a href="home-slider.html">Home Slider</a></li>
<li><a href="property-slider.html">Property Slider</a></li>
</ul>
</li>
<li class="has-mega-menu">
<a href="#">Pages</a>
<ul class="mega-menu mega-style-two">
<li>
<a href="#" class="title">Page Layout One</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="agent-grid.html">Agent Grid</a></li>
<li><a href="agent-list.html">Agent List</a></li>
<li><a href="agent-details.html">Agent Details</a></li>
<li><a href="services.html">Service</a></li>
<li><a href="services-details.html">Services Details</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Page Layout Two</a>
<ul>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="error-page.html">Error 404</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
<li><a href="terms-conditions.html">Terms & Conditions</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Page Layout Three</a>
<ul>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-v2.html">Shop V2</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Page Layout Four</a>
<ul>
<li><a href="order.html">Order</a></li>
<li><a href="sign-in.html">Login</a></li>
<li><a href="sign-up.html">Register</a></li>
<li><a href="otp.html">OTP</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Property</a>
<ul class="dp-menu">
<li><a href="property.html">Property</a></li>
<li><a href="property-left-sidebar.html">Property Left Sidebar</a></li>
<li><a href="property-right-sidebar.html">Property Right Sidebar</a></li>
<li><a href="property-no-sidebar.html">Property No Sidebar</a></li>
<li><a href="property-details.html">Property Details</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="dp-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
</ul>
</li>
<li class="has-mega-menu is-menu-none">
<a href="#">Elements</a>
<ul class="mega-menu mega-style-two">
<li>
<a href="#" class="title">Elements Layout 01</a>
<ul>
<li><a href="style-guide.html">Style Guide</a></li>
<li><a href="elements-accordion.html">Accordion</a></li>
<li><a href="elements-about.html">About Us</a></li>
<li><a href="elements-advancetab.html">Advance Tab</a></li>
<li><a href="elements-blog.html">Blog</a></li>
<li><a href="elements-brand.html">Brand</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Elements Layout 02</a>
<ul>
<li><a href="elements-breadcrumb.html">Breadcrumb</a></li>
<li><a href="elements-buttons.html">Button</a></li>
<li><a href="elements-cta.html">Call To Action</a></li>
<li><a href="elements-counter.html">Counter</a></li>
<li><a href="elements-property.html">Property</a></li>
<li><a href="elements-form.html">Form</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Elements Layout 03</a>
<ul>
<li><a href="elements-footer.html">Footer Style</a></li>
<li><a href="elements-icomoon.html">Icomoon Fonts Icon</a></li>
<li><a href="elements-pricing.html">Pricing</a></li>
<li><a href="elements-social.html">Social Share</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Elements Layout 04</a>
<ul>
<li><a href="elements-team.html">Team</a></li>
<li><a href="elements-testimonial.html">Testimonial</a></li>
<li><a href="elements-why-chose.html">Why Chose Us</a></li>
<li><a href="elements-service.html">Service</a></li>
<li><a href="#">More Coming</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Dashboard</a>
<ul class="dp-menu">
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="my-property.html">My Property</a></li>
<li><a href="my-property-card.html">Property Card</a></li>
<li><a href="property-add.html">Add Property</a></li>
<li><a href="property-edit.html">Property Edit</a></li>
<li><a href="app-invoice.html">Invoices List</a></li>
<li><a href="app-invoice-preview.html">Invoices Preview</a></li>
<li><a href="favorite.html">Favorites</a></li>
<li><a href="reviews.html">Reviews</a></li>
<li><a href="profile.html">Profile</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
</div>
<div class="header-right style-one">
<div class="header-action">
<div class="header-btn-wrap d-none d-sm-block">
<a class="bd-half-outline-btn" href="contact.html"><span class="text">Add Property</span></a>
</div>
<div class="header-hamburger">
<div class="sidebar-toggle">
<button><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.69832 0.128621C5.15057 -0.0428735 3.5886 -0.0428735 2.04085 0.128621C1.55781 0.182362 1.10707 0.397514 0.761668 0.73922C0.416264 1.08093 0.196426 1.52917 0.137769 2.01133C-0.045923 3.58071 -0.045923 5.16615 0.137769 6.73553C0.196426 7.21769 0.416264 7.66593 0.761668 8.00764C1.10707 8.34935 1.55781 8.5645 2.04085 8.61824C3.5757 8.78929 5.16347 8.78929 6.69832 8.61824C7.18136 8.5645 7.6321 8.34935 7.9775 8.00764C8.3229 7.66593 8.54274 7.21769 8.6014 6.73553C8.7851 5.16615 8.7851 3.58071 8.6014 2.01133C8.54274 1.52917 8.3229 1.08093 7.9775 0.73922C7.6321 0.397514 7.18136 0.182362 6.69832 0.128621ZM6.69832 11.3821C5.15057 11.2106 3.5886 11.2106 2.04085 11.3821C1.55781 11.4358 1.10707 11.651 0.761668 11.9927C0.416264 12.3344 0.196426 12.7826 0.137769 13.2648C-0.045923 14.8342 -0.045923 16.4196 0.137769 17.989C0.196426 18.4712 0.416264 18.9194 0.761668 19.2611C1.10707 19.6028 1.55781 19.818 2.04085 19.8717C3.5757 20.0428 5.16347 20.0428 6.69832 19.8717C7.18136 19.818 7.6321 19.6028 7.9775 19.2611C8.3229 18.9194 8.54274 18.4712 8.6014 17.989C8.78511 16.4196 8.78511 14.8342 8.6014 13.2648C8.54274 12.7826 8.3229 12.3344 7.9775 11.9927C7.6321 11.651 7.18136 11.4358 6.69832 11.3821ZM17.9591 0.128621C16.4114 -0.0428735 14.8494 -0.0428735 13.3017 0.128621C12.8186 0.182362 12.3679 0.397514 12.0225 0.73922C11.6771 1.08093 11.4572 1.52917 11.3986 2.01133C11.2149 3.58071 11.2149 5.16615 11.3986 6.73553C11.4572 7.21769 11.6771 7.66593 12.0225 8.00764C12.3679 8.34935 12.8186 8.5645 13.3017 8.61824C14.8376 8.78929 16.4232 8.78929 17.9591 8.61824C18.4422 8.5645 18.8929 8.34935 19.2383 8.00764C19.5837 7.66593 19.8036 7.21769 19.8622 6.73553C20.0459 5.16615 20.0459 3.58071 19.8622 2.01133C19.8036 1.52917 19.5837 1.08093 19.2383 0.73922C18.8929 0.397514 18.4422 0.182362 17.9591 0.128621ZM17.9591 11.3821C16.4114 11.2106 14.8494 11.2106 13.3017 11.3821C12.8186 11.4358 12.3679 11.651 12.0225 11.9927C11.6771 12.3344 11.4572 12.7826 11.3986 13.2648C11.2149 14.8342 11.2149 16.4196 11.3986 17.989C11.4572 18.4712 11.6771 18.9194 12.0225 19.2611C12.3679 19.6028 12.8186 19.818 13.3017 19.8717C14.8376 20.0428 16.4232 20.0428 17.9591 19.8717C18.4422 19.818 18.8929 19.6028 19.2383 19.2611C19.5837 18.9194 19.8036 18.4712 19.8622 17.989C20.0459 16.4196 20.0459 14.8342 19.8622 13.2648C19.8036 12.7826 19.5837 12.3344 19.2383 11.9927C18.8929 11.651 18.4422 11.4358 17.9591 11.3821Z" fill="white" />
</svg>
</button>
</div>
</div>
</div>
<!-- for wp -->
<div class="header-hamburger ml-20 d-none">
<button type="button" class="hamburger-btn offcanvas-open-btn">
<span>01</span>
<span>01</span>
<span>01</span>
</button>
</div>
</div>
</div>
</div>
<!-- main header end -->
</header>
<!-- Header area end -->
<!-- Header area start -->
<header>
<div class="header-area header-style-two header-transparent" id="header-sticky">
<div class="header-inner">
<div class="header-logo">
<a href="index.html">
<img class="logo-white" src="assets/images/logo/logo-white.svg" alt="logo not found">
<img class="logo-black" src="assets/images/logo/logo-black.svg" alt="logo not found">
</a>
</div>
<div class="header-menu">
<nav class="bd-main-menu menu-is-white" id="mobile-menu">
<ul>
<li class="menu-item-has-children">
<a href="#">Home</a>
<ul class="dp-menu">
<li><a href="home-one.html">home One</a></li>
<li><a href="home-two.html">home Two</a></li>
<li><a href="home-three.html">home three</a></li>
<li><a href="home-slider.html">Home Slider</a></li>
<li><a href="property-slider.html">Property Slider</a></li>
</ul>
</li>
<li class="has-mega-menu">
<a href="#">Pages</a>
<ul class="mega-menu mega-style-two">
<li>
<a href="#" class="title">Page Layout One</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="agent-grid.html">Agent Grid</a></li>
<li><a href="agent-list.html">Agent List</a></li>
<li><a href="agent-details.html">Agent Details</a></li>
<li><a href="services.html">Service</a></li>
<li><a href="services-details.html">Services Details</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Page Layout Two</a>
<ul>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="error-page.html">Error 404</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
<li><a href="terms-conditions.html">Terms & Conditions</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Page Layout Three</a>
<ul>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-v2.html">Shop V2</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Page Layout Four</a>
<ul>
<li><a href="order.html">Order</a></li>
<li><a href="sign-in.html">Login</a></li>
<li><a href="sign-up.html">Register</a></li>
<li><a href="otp.html">OTP</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Property</a>
<ul class="dp-menu">
<li><a href="property.html">Property</a></li>
<li><a href="property-left-sidebar.html">Property Left Sidebar</a></li>
<li><a href="property-right-sidebar.html">Property Right Sidebar</a></li>
<li><a href="property-no-sidebar.html">Property No Sidebar</a></li>
<li><a href="property-details.html">Property Details</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="dp-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
</ul>
</li>
<li class="has-mega-menu is-menu-none">
<a href="#">Elements</a>
<ul class="mega-menu mega-style-two">
<li>
<a href="#" class="title">Elements Layout 01</a>
<ul>
<li><a href="style-guide.html">Style Guide</a></li>
<li><a href="elements-accordion.html">Accordion</a></li>
<li><a href="elements-about.html">About Us</a></li>
<li><a href="elements-advancetab.html">Advance Tab</a></li>
<li><a href="elements-blog.html">Blog</a></li>
<li><a href="elements-brand.html">Brand</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Elements Layout 02</a>
<ul>
<li><a href="elements-breadcrumb.html">Breadcrumb</a></li>
<li><a href="elements-buttons.html">Button</a></li>
<li><a href="elements-cta.html">Call To Action</a></li>
<li><a href="elements-counter.html">Counter</a></li>
<li><a href="elements-property.html">Property</a></li>
<li><a href="elements-form.html">Form</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Elements Layout 03</a>
<ul>
<li><a href="elements-footer.html">Footer Style</a></li>
<li><a href="elements-icomoon.html">Icomoon Fonts Icon</a></li>
<li><a href="elements-pricing.html">Pricing</a></li>
<li><a href="elements-social.html">Social Share</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Elements Layout 04</a>
<ul>
<li><a href="elements-team.html">Team</a></li>
<li><a href="elements-testimonial.html">Testimonial</a></li>
<li><a href="elements-why-chose.html">Why Chose Us</a></li>
<li><a href="elements-service.html">Service</a></li>
<li><a href="#">More Coming</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Dashboard</a>
<ul class="dp-menu">
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="my-property.html">My Property</a></li>
<li><a href="my-property-card.html">Property Card</a></li>
<li><a href="property-add.html">Add Property</a></li>
<li><a href="property-edit.html">Property Edit</a></li>
<li><a href="app-invoice.html">Invoices List</a></li>
<li><a href="app-invoice-preview.html">Invoices Preview</a></li>
<li><a href="favorite.html">Favorites</a></li>
<li><a href="reviews.html">Reviews</a></li>
<li><a href="profile.html">Profile</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
</div>
<div class="header-right style-two">
<div class="header-info d-none d-md-flex">
<div class="inner-content">
<div class="info">
<a class="link" href="tel:1800234-34-45">1(800) 234-34-45</a>
</div>
<div class="btn-inner">
<a class="bd-btn btn-style btn-hover-x hover-white" href="contact.html">
<span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.9093 15.0264C14.7389 12.9222 12.9352 11.4134 10.8303 10.6982C11.8715 10.0536 12.6804 9.07145 13.1329 7.90253C13.5854 6.73361 13.6563 5.44255 13.3349 4.22763C13.0135 3.01271 12.3174 1.9411 11.3537 1.17736C10.3899 0.413628 9.2117 0 8 0C6.7883 0 5.6101 0.413628 4.64633 1.17736C3.68257 1.9411 2.98653 3.01271 2.6651 4.22763C2.34368 5.44255 2.41464 6.73361 2.8671 7.90253C3.31955 9.07145 4.12848 10.0536 5.16965 10.6982C3.06476 11.4126 1.26112 12.9214 0.0907097 15.0264C0.0477887 15.0992 0.0193195 15.1802 0.00698187 15.2646C-0.00535579 15.349 -0.00131202 15.4351 0.0188746 15.5179C0.0390612 15.6006 0.0749818 15.6783 0.124517 15.7464C0.174052 15.8145 0.236198 15.8716 0.307289 15.9143C0.37838 15.957 0.456975 15.9844 0.538437 15.9951C0.6199 16.0057 0.702579 15.9992 0.781598 15.976C0.860616 15.9529 0.934373 15.9135 0.998516 15.8602C1.06266 15.8069 1.11589 15.7408 1.15507 15.6658C2.6029 13.0637 5.16197 11.5101 8 11.5101C10.838 11.5101 13.3971 13.0637 14.8449 15.6658C14.8841 15.7408 14.9373 15.8069 15.0015 15.8602C15.0656 15.9135 15.1394 15.9529 15.2184 15.976C15.2974 15.9992 15.3801 16.0057 15.4616 15.9951C15.543 15.9844 15.6216 15.957 15.6927 15.9143C15.7638 15.8716 15.8259 15.8145 15.8755 15.7464C15.925 15.6783 15.9609 15.6006 15.9811 15.5179C16.0013 15.4351 16.0054 15.349 15.993 15.2646C15.9807 15.1802 15.9522 15.0992 15.9093 15.0264ZM3.69646 5.75614C3.69646 4.87101 3.94886 4.00576 4.42174 3.2698C4.89462 2.53383 5.56674 1.96022 6.35311 1.6215C7.13948 1.28277 8.00478 1.19414 8.83958 1.36683C9.67438 1.53951 10.4412 1.96574 11.0431 2.59162C11.6449 3.2175 12.0548 4.01493 12.2208 4.88305C12.3869 5.75118 12.3017 6.65102 11.976 7.46877C11.6502 8.28653 11.0986 8.98547 10.3909 9.47723C9.6832 9.96898 8.85116 10.2315 8 10.2315C6.85901 10.2302 5.76509 9.75827 4.95829 8.91926C4.15148 8.08026 3.69768 6.94268 3.69646 5.75614Z" fill="white"/>
</svg>
</span>
Sign Up
</a>
</div>
</div>
</div>
<div class="header-hamburger d-xl-none">
<div class="sidebar-toggle">
<span class="menu-icon"><span></span></span>
</div>
</div>
<!-- for wp -->
<div class="header-hamburger ml-20 d-none">
<button type="button" class="hamburger-btn offcanvas-open-btn">
<span>01</span>
<span>01</span>
<span>01</span>
</button>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
<!-- Header area start -->
<header>
<div class="header-area header-style-three header-transparent">
<div class="header-inner">
<div class="header-logo">
<a href="index.html">
<img class="logo-white" src="assets/images/logo/logo-white.svg" alt="logo not found">
</a>
</div>
<div class="header-right style-three">
<div class="header-info d-none d-xl-block">
<div class="inner-content">
<a href="#" class="address">12/A, New Hilton Tower,<br>
NYC, USA
</a>
<div class="schedule">
<a href="#" class="schedule-date">Mon to Sat: 8:00 - 16:00</a>
<p>Sunday Closed</p>
</div>
<div class="contact">
<a href="tel:+(123) 456 789 00" class="contact-number">+(123) 456 789 00</a>
<a href="mailto:[email protected]" class="email">[email protected]</a>
</div>
</div>
</div>
<div class="header-hamburger d-xl-none">
<div class="sidebar-toggle">
<button>
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M6.69832 0.128621C5.15057 -0.0428735 3.5886 -0.0428735 2.04085 0.128621C1.55781 0.182362 1.10707 0.397514 0.761668 0.73922C0.416264 1.08093 0.196426 1.52917 0.137769 2.01133C-0.045923 3.58071 -0.045923 5.16615 0.137769 6.73553C0.196426 7.21769 0.416264 7.66593 0.761668 8.00764C1.10707 8.34935 1.55781 8.5645 2.04085 8.61824C3.5757 8.78929 5.16347 8.78929 6.69832 8.61824C7.18136 8.5645 7.6321 8.34935 7.9775 8.00764C8.3229 7.66593 8.54274 7.21769 8.6014 6.73553C8.7851 5.16615 8.7851 3.58071 8.6014 2.01133C8.54274 1.52917 8.3229 1.08093 7.9775 0.73922C7.6321 0.397514 7.18136 0.182362 6.69832 0.128621ZM6.69832 11.3821C5.15057 11.2106 3.5886 11.2106 2.04085 11.3821C1.55781 11.4358 1.10707 11.651 0.761668 11.9927C0.416264 12.3344 0.196426 12.7826 0.137769 13.2648C-0.045923 14.8342 -0.045923 16.4196 0.137769 17.989C0.196426 18.4712 0.416264 18.9194 0.761668 19.2611C1.10707 19.6028 1.55781 19.818 2.04085 19.8717C3.5757 20.0428 5.16347 20.0428 6.69832 19.8717C7.18136 19.818 7.6321 19.6028 7.9775 19.2611C8.3229 18.9194 8.54274 18.4712 8.6014 17.989C8.78511 16.4196 8.78511 14.8342 8.6014 13.2648C8.54274 12.7826 8.3229 12.3344 7.9775 11.9927C7.6321 11.651 7.18136 11.4358 6.69832 11.3821ZM17.9591 0.128621C16.4114 -0.0428735 14.8494 -0.0428735 13.3017 0.128621C12.8186 0.182362 12.3679 0.397514 12.0225 0.73922C11.6771 1.08093 11.4572 1.52917 11.3986 2.01133C11.2149 3.58071 11.2149 5.16615 11.3986 6.73553C11.4572 7.21769 11.6771 7.66593 12.0225 8.00764C12.3679 8.34935 12.8186 8.5645 13.3017 8.61824C14.8376 8.78929 16.4232 8.78929 17.9591 8.61824C18.4422 8.5645 18.8929 8.34935 19.2383 8.00764C19.5837 7.66593 19.8036 7.21769 19.8622 6.73553C20.0459 5.16615 20.0459 3.58071 19.8622 2.01133C19.8036 1.52917 19.5837 1.08093 19.2383 0.73922C18.8929 0.397514 18.4422 0.182362 17.9591 0.128621ZM17.9591 11.3821C16.4114 11.2106 14.8494 11.2106 13.3017 11.3821C12.8186 11.4358 12.3679 11.651 12.0225 11.9927C11.6771 12.3344 11.4572 12.7826 11.3986 13.2648C11.2149 14.8342 11.2149 16.4196 11.3986 17.989C11.4572 18.4712 11.6771 18.9194 12.0225 19.2611C12.3679 19.6028 12.8186 19.818 13.3017 19.8717C14.8376 20.0428 16.4232 20.0428 17.9591 19.8717C18.4422 19.818 18.8929 19.6028 19.2383 19.2611C19.5837 18.9194 19.8036 18.4712 19.8622 17.989C20.0459 16.4196 20.0459 14.8342 19.8622 13.2648C19.8036 12.7826 19.5837 12.3344 19.2383 11.9927C18.8929 11.651 18.4422 11.4358 17.9591 11.3821Z"
fill="white" />
</svg>
</button>
</div>
</div>
<!-- for wp -->
<div class="header-hamburger ml-20 d-none">
<button type="button" class="hamburger-btn offcanvas-open-btn">
<span>01</span>
<span>01</span>
<span>01</span>
</button>
</div>
</div>
</div>
<div class="header-menu-wrapper" id="header-sticky">
<div class="header-menu">
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-black.svg" alt="Logo"></a>
</div>
<nav class="bd-main-menu menu-is-white" id="mobile-menu">
<ul>
<li class="menu-item-has-children">
<a href="#">Home</a>
<ul class="dp-menu">
<li><a href="home-one.html">home One</a></li>
<li><a href="home-two.html">home Two</a></li>
<li><a href="home-three.html">home three</a></li>
<li><a href="home-slider.html">Home Slider</a></li>
<li><a href="property-slider.html">Property Slider</a></li>
</ul>
</li>
<li class="has-mega-menu">
<a href="#">Pages</a>
<ul class="mega-menu mega-style-two">
<li>
<a href="#" class="title">Page Layout One</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="agent-grid.html">Agent Grid</a></li>
<li><a href="agent-list.html">Agent List</a></li>
<li><a href="agent-details.html">Agent Details</a></li>
<li><a href="services.html">Service</a></li>
<li><a href="services-details.html">Services Details</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Page Layout Two</a>
<ul>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="error-page.html">Error 404</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
<li><a href="terms-conditions.html">Terms & Conditions</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Page Layout Three</a>
<ul>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-v2.html">Shop V2</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Page Layout Four</a>
<ul>
<li><a href="order.html">Order</a></li>
<li><a href="sign-in.html">Login</a></li>
<li><a href="sign-up.html">Register</a></li>
<li><a href="otp.html">OTP</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Property</a>
<ul class="dp-menu">
<li><a href="property.html">Property</a></li>
<li><a href="property-left-sidebar.html">Property Left Sidebar</a></li>
<li><a href="property-right-sidebar.html">Property Right Sidebar</a></li>
<li><a href="property-no-sidebar.html">Property No Sidebar</a></li>
<li><a href="property-details.html">Property Details</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="dp-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
</ul>
</li>
<li class="has-mega-menu is-menu-none">
<a href="#">Elements</a>
<ul class="mega-menu mega-style-two">
<li>
<a href="#" class="title">Elements Layout 01</a>
<ul>
<li><a href="style-guide.html">Style Guide</a></li>
<li><a href="elements-accordion.html">Accordion</a></li>
<li><a href="elements-about.html">About Us</a></li>
<li><a href="elements-advancetab.html">Advance Tab</a></li>
<li><a href="elements-blog.html">Blog</a></li>
<li><a href="elements-brand.html">Brand</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Elements Layout 02</a>
<ul>
<li><a href="elements-breadcrumb.html">Breadcrumb</a></li>
<li><a href="elements-buttons.html">Button</a></li>
<li><a href="elements-cta.html">Call To Action</a></li>
<li><a href="elements-counter.html">Counter</a></li>
<li><a href="elements-property.html">Property</a></li>
<li><a href="elements-form.html">Form</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Elements Layout 03</a>
<ul>
<li><a href="elements-footer.html">Footer Style</a></li>
<li><a href="elements-icomoon.html">Icomoon Fonts Icon</a></li>
<li><a href="elements-pricing.html">Pricing</a></li>
<li><a href="elements-social.html">Social Share</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Elements Layout 04</a>
<ul>
<li><a href="elements-team.html">Team</a></li>
<li><a href="elements-testimonial.html">Testimonial</a></li>
<li><a href="elements-why-chose.html">Why Chose Us</a></li>
<li><a href="elements-service.html">Service</a></li>
<li><a href="#">More Coming</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Dashboard</a>
<ul class="dp-menu">
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="my-property.html">My Property</a></li>
<li><a href="my-property-card.html">Property Card</a></li>
<li><a href="property-add.html">Add Property</a></li>
<li><a href="property-edit.html">Property Edit</a></li>
<li><a href="app-invoice.html">Invoices List</a></li>
<li><a href="app-invoice-preview.html">Invoices Preview</a></li>
<li><a href="favorite.html">Favorites</a></li>
<li><a href="reviews.html">Reviews</a></li>
<li><a href="profile.html">Profile</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
</div>
<div class="add-listing-btn d-none d-xl-block">
<div class="btn-inner">
<a class="bd-btn btn-white btn-style btn-hover-x hover-primary" href="property.html">
<span>
<i class="icon-home"></i>
</span>
Add Listing
</a>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
Welcome to Reallow Elements and Shortcode! You can select any elements & shortcode and customize easily and build your website.
Extend the default collapse behavior to create an accordion with the panel component see the code for better understanding
Extend the default collapse behavior to create an accordion with the panel component see the code for better understanding
Extend the default collapse behavior to create an about with the panel component see the code for better understanding
Extend the default collapse behavior to create an advanceTab with the panel component see the code for better understanding
Extend the default collapse behavior to create an blog with the panel component see the code for better understanding
Extend the default collapse behavior to create an brand with the panel component see the code for better understanding
Extend the default collapse behavior to create an breadcrumb with the panel component see the code for better understanding
Extend the default collapse behavior to create an button with the panel component see the code for better understanding
Extend the default collapse behavior to create an Call To Action with the panel component see the code for better understanding
Extend the default collapse behavior to create an counter with the panel component see the code for better understanding
Extend the default collapse behavior to create an property with the panel component see the code for better understanding
Extend the default collapse behavior to create an form with the panel component see the code for better understanding
Extend the default collapse behavior to create an icomoon with the panel component see the code for better understanding
Extend the default collapse behavior to create an pricing with the panel component see the code for better understanding
Extend the default collapse behavior to create an team with the panel component see the code for better understanding
Extend the default collapse behavior to create an testimonial with the panel component see the code for better understanding
Extend the default collapse behavior to create an whyChose with the panel component see the code for better understanding
Extend the default collapse behavior to create an service with the panel component see the code for better understanding
Welcome to Reallow Real Estate HTML Dashboard
Extend the default collapse behavior to create an Dashboard with the panel component see the code for better understanding
Extend the default collapse behavior to create an My Property with the panel component see the code for better understanding
Extend the default collapse behavior to create an My Property Card with the panel component see the code for better understanding
Extend the default collapse behavior to create an Add Property with the panel component see the code for better understanding
Extend the default collapse behavior to create an Edite Property with the panel component see the code for better understanding
Extend the default collapse behavior to create an Invoices List with the panel component see the code for better understanding
Extend the default collapse behavior to create an Invoice Preview with the panel component see the code for better understanding
Extend the default collapse behavior to create an Favorites with the panel component see the code for better understanding
Extend the default collapse behavior to create an Reviews with the panel component see the code for better understanding
Extend the default collapse behavior to create an Profile with the panel component see the code for better understanding
We've used the following fonts, free icons and plugins as listed:
Thank you for purchasing my template.
If you have any questions that are
beyond the scope of this help file, please feel free to open a new ticket at our
Support
forum
Update Change log View Changelog Here
If you need to theme customization or make custom theme or template. Please, you can contact us for this.
Contact UsIf you need to theme customization or make custom theme or template. Please, you can contact us for this.
Contact
social Share
Extend the default collapse behavior to create an socialShare with the panel component see the code for better understanding