55ok

Mini

Direktori : /home/u307599615/domains/vishwakarmasteelwork.com/public_html/
Upload File :
Current File : /home/u307599615/domains/vishwakarmasteelwork.com/public_html/index-two.html

<!DOCTYPE html>
<html lang="en">
   
<!-- Mirrored from themecraze.net/html/alexis/index-two.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 19 Jul 2025 05:41:43 GMT -->
<head>
      <!-- required meta -->
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- #favicon -->
      <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
      <link rel="icon" href="assets/images/favicon.png" type="image/x-icon">
      <!-- #title -->
      <title>Alexis | Real Estate Html5 Template</title>
      <!-- #keywords -->
      <meta name="keywords" content="real estate, house listing, directory listing, html, bootstrap, scss">
      <!-- #description -->
      <meta name="description" content="Real Estate Html5 Template">
      <!-- google fonts -->
      <link rel="preconnect" href="https://fonts.googleapis.com/">
      <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
      <link
         href="https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&amp;family=Montserrat:ital,wght@0,100..900;1,100..900&amp;display=swap"
         rel="stylesheet">
      <!-- color themes -->
      <link rel="stylesheet" href="assets/css/blue-theme.css" id="switch-color">
      <!-- main css -->
      <link rel="stylesheet" href="assets/css/main.css">
      <!-- responsive css -->
      <link rel="stylesheet" href="assets/css/responsive.css">
   </head>
   <body >
      <!--[if lt IE 9]>
      <p class="browserupgrade">
         You are using an <strong>outdated</strong> browser. Please
         <a href="https://browsehappy.com/">upgrade your browser</a> to improve
         your experience and security.
      </p>
      <![endif]-->
      <div class="page-wrapper">
         <!-- preloader start -->
        <div class="preloader"></div>
        <!-- / preloader start -->
         <!-- ==== header start ==== -->
         <header class="main-header header-two">
            <div class="main-header__topbar d-none d-lg-block">
               <div class="container">
                  <div class="row">
                     <div class="col-12">
                        <div class="main-header__topbar__content">
                           <div class="main-header__topbar__content-wrapper">
                              <ul class="main-header__topbar__list">
                                 <li><a href="sign-in.html"><i class="icon-user-key"></i>Login or Register</a>
                                 </li>
                              </ul>
                              <select name="country" class="main-header__topbar__select-country">
                                 <option data-flag="fi-gb-eng">English</option>
                                 <option data-flag="fi-us">Spanish</option>
                                 <option data-flag="fi-cn">Chinese</option>
                                 <option data-flag="fi-it">Italian</option>
                              </select>
                           </div>
                           <div class="social">
                              <a href="https://www.facebook.com/" target="_blank"
                                 aria-label="share us on facebook" title="facebook">
                              <i class="flaticon-facebook"></i>
                              </a>
                              <a href="https://www.twitter.com/" target="_blank" aria-label="share us on twitter"
                                 title="twitter">
                              <i class="flaticon-twitter"></i>
                              </a>
                              <a href="https://www.instagram.com/" target="_blank"
                                 aria-label="share us on instagram" title="instagram">
                              <i class="flaticon-instagram"></i>
                              </a>
                              <a href="https://www.linkedin.com/" target="_blank"
                                 aria-label="share us on linkedin" title="linkedin">
                              <i class="flaticon-linkedin"></i>
                              </a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="main-header__menu">
               <div class="container">
                  <div class="row">
                     <div class="col-12">
                        <div class="main-header__menu-box">
                           <nav class="navbar p-0">
                              <div class="navbar-logo d-block d-lg-none">
                                 <a href="index.html">
                                 <img src="assets/images/logo-light.png" alt="Image">
                                 </a>
                              </div>
                              <div class="navbar__menu d-none d-xl-block">
                                 <ul class="navbar__list">
                                    <li class="navbar__item navbar__item--has-children nav-fade">
                                       <a href="#" aria-label="dropdown menu"
                                          class="navbar__dropdown-label dropdown-label-alter">Demo</a>
                                       <ul class="navbar__sub-menu">
                                          <li>
                                             <a href="index.html">Home Page One</a>
                                          </li>
                                          <li>
                                             <a href="index-two.html">Home Page Two</a>
                                          </li>
                                          <li>
                                             <a href="index-three.html">Home Page Three</a>
                                          </li>
                                          <li>
                                             <a href="index-four.html">Home Page Four</a>
                                          </li>
                                          <li class="navbar__item navbar__item--has-children">
                                             <a href="#" aria-label="dropdown menu"
                                                class="navbar__dropdown-label navbar__dropdown-label-sub">Header
                                             Styles</a>
                                             <ul class="navbar__sub-menu navbar__sub-menu__nested">
                                                <li>
                                                   <a href="index.html">Header Style One</a>
                                                </li>
                                                <li>
                                                   <a href="index-two.html">Header Style Two</a>
                                                </li>
                                                <li>
                                                   <a href="index-three.html">Header Style Three</a>
                                                </li>
                                                <li>
                                                   <a href="index-four.html">Header Style Four</a>
                                                </li>
                                             </ul>
                                          </li>
                                          <li class="navbar__item navbar__item--has-children">
                                             <a href="#" aria-label="dropdown menu"
                                                class="navbar__dropdown-label navbar__dropdown-label-sub">One
                                             Page Styles</a>
                                             <ul class="navbar__sub-menu navbar__sub-menu__nested">
                                                <li>
                                                   <a href="index-one-page.html">One Page Style One</a>
                                                </li>
                                                <li>
                                                   <a href="index-two-one-page.html">One Page Style Two</a>
                                                </li>
                                                <li>
                                                   <a href="index-three-one-page.html">One Page Style
                                                   Three</a>
                                                </li>
                                                <li>
                                                   <a href="index-four-one-page.html">One Page Style
                                                   Four</a>
                                                </li>
                                             </ul>
                                          </li>
                                       </ul>
                                    </li>
                                    <li class="navbar__item navbar__item--has-children nav-fade">
                                       <a href="#" aria-label="dropdown menu"
                                          class="navbar__dropdown-label dropdown-label-alter">Properties</a>
                                       <ul class="navbar__sub-menu">
                                          <li>
                                             <a href="properties-list-view.html">Properties List View</a>
                                          </li>
                                          <li>
                                             <a href="properties-grid-view.html">Properties Grid View</a>
                                          </li>
                                          <li>
                                             <a href="property-details.html">Property Details</a>
                                          </li>
                                       </ul>
                                    </li>
                                    <li class="navbar__item navbar__item--has-children nav-fade">
                                       <a href="#" aria-label="dropdown menu"
                                          class="navbar__dropdown-label dropdown-label-alter">Team</a>
                                       <ul class="navbar__sub-menu">
                                          <li>
                                             <a href="our-team.html">Our Team</a>
                                          </li>
                                          <li>
                                             <a href="team-details.html">Team Details</a>
                                          </li>
                                       </ul>
                                    </li>
                                    <li class="navbar__item navbar__item--has-children nav-fade">
                                       <a href="#" aria-label="dropdown menu"
                                          class="navbar__dropdown-label dropdown-label-alter">Pages</a>
                                       <ul class="navbar__sub-menu">
                                          <li>
                                             <a href="about-us.html">About Us</a>
                                          </li>
                                          <li>
                                             <a href="our-services.html">Our Services</a>
                                          </li>
                                          <li>
                                             <a href="sign-in.html">Sign In</a>
                                          </li>
                                          <li>
                                             <a href="sign-up.html">Create Account</a>
                                          </li>
                                          <li>
                                             <a href="coming-soon.html">Coming Soon</a>
                                          </li>
                                          <li>
                                             <a href="404.html">Error</a>
                                          </li>
                                       </ul>
                                    </li>
                                    <li class="navbar__item navbar__item--has-children nav-fade">
                                       <a href="#" aria-label="dropdown menu"
                                          class="navbar__dropdown-label dropdown-label-alter">Blog</a>
                                       <ul class="navbar__sub-menu">
                                          <li>
                                             <a href="blog-list-view.html">Blog List View</a>
                                          </li>
                                          <li>
                                             <a href="blog-grid-view.html">Blog Grid View</a>
                                          </li>
                                          <li>
                                             <a href="blog-details.html">Blog Details</a>
                                          </li>
                                       </ul>
                                    </li>
                                    <li class="navbar__item nav-fade">
                                       <a href="contact-us.html">Contact Us</a>
                                    </li>
                                 </ul>
                              </div>
                              <div class="navbar__options">
                                 <div class="navbar__mobile-options d-none d-xl-block">
                                    <div class="submit-btn">
                                       <a href="properties-grid-view.html"><i class="icon-home"></i>Submit
                                       Property</a>
                                    </div>
                                 </div>
                                 <button class="open-offcanvas-nav d-flex d-xl-none"
                                    aria-label="toggle mobile menu" title="open offcanvas menu">
                                 <span class="icon-bar top-bar"></span>
                                 <span class="icon-bar middle-bar"></span>
                                 <span class="icon-bar bottom-bar"></span>
                                 </button>
                              </div>
                           </nav>
                           <div class="logo d-none d-lg-flex">
                              <a href="index.html">
                              <img src="assets/images/logo-light.png" alt="Image">
                              </a>
                           </div>
                           <div class="contact-btn">
                              <div class="contact-icon">
                                 <i class="flaticon-phone-call"></i>
                              </div>
                              <div class="contact-content">
                                 <p>Call Us Now</p>
                                 <a href="tel:01-793-7938">(+01)-793-7938</a>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- ==== mobile menu start ==== -->
            <div class="mobile-menu d-block d-xl-none">
               <nav class="mobile-menu__wrapper">
                  <div class="mobile-menu__header nav-fade">
                     <div class="logo">
                        <a href="index.html" aria-label="home page" title="logo">
                        <img src="assets/images/logo-mobile.png" alt="Image">
                        </a>
                     </div>
                     <button aria-label="close mobile menu" class="close-mobile-menu">
                     <i class="fa-solid fa-xmark"></i>
                     </button>
                  </div>
                  <div class="mobile-menu__list"></div>
                  <div class="mobile-menu__social social nav-fade">
                     <a href="https://www.facebook.com/" target="_blank" aria-label="share us on facebook"
                        title="facebook">
                     <i class="flaticon-facebook"></i>
                     </a>
                     <a href="https://www.twitter.com/" target="_blank" aria-label="share us on twitter"
                        title="twitter">
                     <i class="flaticon-twitter"></i>
                     </a>
                     <a href="https://www.instagram.com/" target="_blank" aria-label="share us on instagram"
                        title="instagram">
                     <i class="flaticon-instagram"></i>
                     </a>
                     <a href="https://www.linkedin.com/" target="_blank" aria-label="share us on linkedin"
                        title="linkedin">
                     <i class="flaticon-linkedin"></i>
                     </a>
                  </div>
               </nav>
            </div>
            <div class="mobile-menu__backdrop"></div>
            <!-- ==== / mobile menu end ==== -->
         </header>
         <!-- ==== / header end ==== -->
         <!-- ==== banner start ==== -->
         <section class="banner-two">
            <div class="shape-one">
               <img src="assets/images/banner/banner-two-thumb.png" alt="Image" class="banner-two-shape">
               <img src="assets/images/banner/banner-two-filter.png" alt="Image" class="banner-two-filter filter-img">
               <div class="shape-square d-none d-md-block"></div>
               <div class="shape-tr"></div>
               <div class="shape-sm"></div>
               <div class="shape-lg"></div>
               <div class="shape-xl"></div>
            </div>
            <div class="banner-two-wrapper">
               <div class="banner-two-slider swiper">
                  <div class="swiper-wrapper">
                     <div class="swiper-slide">
                        <div class="banner-two__single">
                           <div class="container">
                              <div class="row">
                                 <div class="col-12 col-sm-10 col-md-9 col-lg-8 col-xl-5">
                                    <div class="banner-two__content">
                                       <h1>Discover The
                                          Most Suitable
                                          Property
                                       </h1>
                                       <p>With a robust selection of popular properties on hand, as
                                          well as leading properties from real estate experts.
                                       </p>
                                       <div class="cta-group">
                                          <a href="properties-grid-view.html" class="btn--secondary">Learn
                                          More</a>
                                          <a href="our-services.html" class="btn--primary">Our Services</a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="banner-two__single">
                           <div class="container">
                              <div class="row">
                                 <div class="col-12 col-sm-10 col-md-9 col-lg-8 col-xl-5">
                                    <div class="banner-two__content">
                                       <h1>Discover The
                                          Most Suitable
                                          Property
                                       </h1>
                                       <p>With a robust selection of popular properties on hand, as
                                          well as leading properties from real estate experts.
                                       </p>
                                       <div class="cta-group">
                                          <a href="properties-grid-view.html" class="btn--secondary">Learn
                                          More</a>
                                          <a href="our-services.html" class="btn--primary">Our Services</a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="banner-two__single">
                           <div class="container">
                              <div class="row">
                                 <div class="col-12 col-sm-10 col-md-9 col-lg-8 col-xl-5">
                                    <div class="banner-two__content">
                                       <h1>Discover The
                                          Most Suitable
                                          Property
                                       </h1>
                                       <p>With a robust selection of popular properties on hand, as
                                          well as leading properties from real estate experts.
                                       </p>
                                       <div class="cta-group">
                                          <a href="properties-grid-view.html" class="btn--secondary">Learn
                                          More</a>
                                          <a href="our-services.html" class="btn--primary">Our Services</a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="container">
                  <div class="row">
                     <div class="col-12 col-sm-10 col-md-9 col-lg-8 col-xl-5">
                        <div class="swiper-navigation-buttons">
                           <div class="swiper-button-prev prev-area">
                              <img src="assets/images/banner/banner-thumb.png" alt="Prev">
                           </div>
                           <div class="swiper-button-next next-area">
                              <img src="assets/images/banner/banner-one.png" alt="Next">
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="banner-thumb-wrapper">
               <div class="banner-two-slider-thumb swiper">
                  <div class="swiper-wrapper">
                     <div class="swiper-slide">
                        <div class="thumb">
                           <img src="assets/images/banner/banner-thumb.png" alt="Image">
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="thumb">
                           <img src="assets/images/banner/banner-one.png" alt="Image">
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="thumb">
                           <img src="assets/images/banner/two.png" alt="Image">
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <!-- ==== / banner end ==== -->
         <!-- ==== property search tab start ==== -->
         <div class="search-tab">
            <div class="container">
               <div class="row">
                  <div class="col-12">
                     <div class="search-tab__inner">
                        <div class="search-tab-btn-wrapper" data-aos="fade-up" data-aos-duration="1200">
                           <ul>
                              <li><button data-target="#allSearch" class="search-tab-btn active">All</button>
                              </li>
                              <li><button data-target="#buyTwoSearch" class="search-tab-btn">Buy</button></li>
                              <li><button data-target="#landSearch" class="search-tab-btn">Land</button></li>
                           </ul>
                        </div>
                        <div class="search-tab-item-wrapper" data-aos="fade-up" data-aos-duration="1200"
                           data-aos-delay="200">
                           <div class="search-tab-item" id="allSearch">
                              <form action="#" method="post">
                                 <div class="input-single">
                                    <label for="address">Search By Address</label>
                                    <input type="text" name="searchAddress" id="address"
                                       placeholder="Search Address">
                                 </div>
                                 <div class="input-single">
                                    <label for="suburb">Suburb</label>
                                    <select id="suburb">
                                       <option data-display="Any">Any</option>
                                       <option value="commercial">Commercial</option>
                                       <option value="office">Office</option>
                                       <option value="restaurant">Restaurant</option>
                                       <option value="studio-home">Studio Home</option>
                                       <option value="villa">villa</option>
                                    </select>
                                 </div>
                                 <div class="input-single">
                                    <label for="priceFrom">Price From</label>
                                    <select id="priceFrom">
                                       <option data-display="Any" value="any">Any</option>
                                       <option value="one-thousand">One Thousand</option>
                                       <option value="two-thousands">Two Thousands</option>
                                       <option value="three-thousands">Three Thousands</option>
                                       <option value="four-thousands">Four Thousands</option>
                                       <option value="ten-thousands">Ten Thousands</option>
                                    </select>
                                 </div>
                                 <div class="input-single">
                                    <label for="priceTo">Price To</label>
                                    <select id="priceTo">
                                       <option data-display="Any" value="any">Any</option>
                                       <option value="one-thousand">One Thousand</option>
                                       <option value="two-thousands">Two Thousands</option>
                                       <option value="three-thousands">Three Thousands</option>
                                       <option value="four-thousands">Four Thousands</option>
                                       <option value="ten-thousands">Ten Thousands</option>
                                    </select>
                                 </div>
                                 <button type="submit" class="btn--primary">Search</button>
                              </form>
                           </div>
                           <div class="search-tab-item" id="buyTwoSearch">
                              <form action="#" method="post">
                                 <div class="input-single">
                                    <label for="addressbuy">Search By Address</label>
                                    <input type="text" name="searchAddress" id="addressbuy"
                                       placeholder="Search Address">
                                 </div>
                                 <div class="input-single">
                                    <label for="suburbbuy">Suburb</label>
                                    <select id="suburbbuy">
                                       <option data-display="Any">Any</option>
                                       <option value="commercial">Commercial</option>
                                       <option value="office">Office</option>
                                       <option value="restaurant">Restaurant</option>
                                       <option value="studio-home">Studio Home</option>
                                       <option value="villa">villa</option>
                                    </select>
                                 </div>
                                 <div class="input-single">
                                    <label for="priceFrombuy">Price From</label>
                                    <select id="priceFrombuy">
                                       <option data-display="Any" value="any">Any</option>
                                       <option value="one-thousand">One Thousand</option>
                                       <option value="two-thousands">Two Thousands</option>
                                       <option value="three-thousands">Three Thousands</option>
                                       <option value="four-thousands">Four Thousands</option>
                                       <option value="ten-thousands">Ten Thousands</option>
                                    </select>
                                 </div>
                                 <div class="input-single">
                                    <label for="priceTobuy">Price To</label>
                                    <select id="priceTobuy">
                                       <option data-display="Any" value="any">Any</option>
                                       <option value="one-thousand">One Thousand</option>
                                       <option value="two-thousands">Two Thousands</option>
                                       <option value="three-thousands">Three Thousands</option>
                                       <option value="four-thousands">Four Thousands</option>
                                       <option value="ten-thousands">Ten Thousands</option>
                                    </select>
                                 </div>
                                 <button type="submit" class="btn--primary">Search</button>
                              </form>
                           </div>
                           <div class="search-tab-item" id="landSearch">
                              <form action="#" method="post">
                                 <div class="input-single">
                                    <label for="addressland">Search By Address</label>
                                    <input type="text" name="searchAddress" id="addressland"
                                       placeholder="Search Address">
                                 </div>
                                 <div class="input-single">
                                    <label for="suburbland">Suburb</label>
                                    <select id="suburbland">
                                       <option data-display="Any">Any</option>
                                       <option value="commercial">Commercial</option>
                                       <option value="office">Office</option>
                                       <option value="restaurant">Restaurant</option>
                                       <option value="studio-home">Studio Home</option>
                                       <option value="villa">villa</option>
                                    </select>
                                 </div>
                                 <div class="input-single">
                                    <label for="priceFromland">Price From</label>
                                    <select id="priceFromland">
                                       <option data-display="Any" value="any">Any</option>
                                       <option value="one-thousand">One Thousand</option>
                                       <option value="two-thousands">Two Thousands</option>
                                       <option value="three-thousands">Three Thousands</option>
                                       <option value="four-thousands">Four Thousands</option>
                                       <option value="ten-thousands">Ten Thousands</option>
                                    </select>
                                 </div>
                                 <div class="input-single">
                                    <label for="priceToland">Price To</label>
                                    <select id="priceToland">
                                       <option data-display="Any" value="any">Any</option>
                                       <option value="one-thousand">One Thousand</option>
                                       <option value="two-thousands">Two Thousands</option>
                                       <option value="three-thousands">Three Thousands</option>
                                       <option value="four-thousands">Four Thousands</option>
                                       <option value="ten-thousands">Ten Thousands</option>
                                    </select>
                                 </div>
                                 <button type="submit" class="btn--primary">Search</button>
                              </form>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-- ==== / property search tab end ==== -->
         <!-- ==== collection section start ==== -->
         <section class="collection">
            <div class="container">
               <div class="row vertical-column-gap-lg">
                  <div class="col-12 col-xl-7">
                     <div class="collection__thumb">
                        <div class="thumb-one" data-aos="fade-left" data-aos-duration="1200">
                           <img src="assets/images/thumb/collection/one.png" alt="Image">
                        </div>
                        <div class="thumb-two" data-aos="fade-right" data-aos-duration="1200">
                           <img src="assets/images/thumb/collection/two.png" alt="Image">
                        </div>
                        <div class="thumb-three" data-aos="fade-up" data-aos-duration="1200">
                           <img src="assets/images/thumb/collection/three.png" alt="Image">
                        </div>
                        <div class="thumb-four">
                           <img src="assets/images/thumb/collection/four.png" alt="Image">
                        </div>
                        <div class="thumb-logo">
                           <a href="index.html">
                           <img src="assets/images/favs.png" alt="Image">
                           </a>
                           <img src="assets/images/thumb/collection/letter.png" alt="Image" class="letter">
                        </div>
                     </div>
                  </div>
                  <div class="col-12 col-xl-5">
                     <div class="collection__content">
                        <div class="section__header">
                           <span>Collection in 2024</span>
                           <h2 class="title-animation">Rich Home Your First
                              Choice From $200K
                           </h2>
                           <div class="icon-thumb">
                              <div class="icon-thumb-single">
                                 <span></span>
                                 <span></span>
                              </div>
                              <img src="assets/images/sub-icon.png" alt="Image" class="filter-img">
                           </div>
                        </div>
                        <div class="inner">
                           <h4>We Provide You The Best Service of
                              Real Estate Industries
                           </h4>
                           <div class="group" data-aos="fade-up" data-aos-duration="1200">
                              <div class="thumb">
                                 <i class="flaticon-house-2"></i>
                              </div>
                              <div class="content">
                                 <h4>The Perfect Residency</h4>
                                 <p>Building when an unknown printer took galley of type
                                    and scram bled it to make a type specimen book. 
                                 </p>
                              </div>
                           </div>
                           <div class="group" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="200">
                              <div class="thumb">
                                 <i class="flaticon-shield"></i>
                              </div>
                              <div class="content">
                                 <h4>Trusted By Thousands</h4>
                                 <p>Building when an unknown printer took galley of type
                                    and scram bled it to make a type specimen book. 
                                 </p>
                              </div>
                           </div>
                           <div class="group" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="400">
                              <div class="thumb">
                                 <i class="flaticon-location"></i>
                              </div>
                              <div class="content">
                                 <h4>Total Payment Transparency</h4>
                                 <p>Building when an unknown printer took galley of type
                                    and scram bled it to make a type specimen book. 
                                 </p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <!-- ==== / collection section end ==== -->
         <!-- ==== video counter section start ==== -->
         <section class="video-counter">
            <div class="container">
               <div class="row justify-content-xl-end">
                  <div class="col-12 col-xl-10 ">
                     <div class="video-counter__inner vid-base" data-aos="fade-up" data-aos-duration="1200">
                        <div class="row vertical-column-gap-lg">
                           <div class="col-12 col-sm-6 col-lg-3 col-xl-3">
                              <div class="counter__single">
                                 <div class="content">
                                    <h4><span class="odometer" data-odometer-final="20500"></span><span>+</span>
                                    </h4>
                                    <p>Completed Property</p>
                                 </div>
                                 <div class="thumb">
                                    <i class="flaticon-town"></i>
                                 </div>
                              </div>
                           </div>
                           <div class="col-12 col-sm-6 col-lg-3 col-xl-3">
                              <div class="counter__single">
                                 <div class="content">
                                    <h4><span class="odometer" data-odometer-final="76000"></span><span>+</span>
                                    </h4>
                                    <p>Property Sales</p>
                                 </div>
                                 <div class="thumb">
                                    <i class="flaticon-house-for-sale"></i>
                                 </div>
                              </div>
                           </div>
                           <div class="col-12 col-sm-6 col-lg-3 col-xl-3">
                              <div class="counter__single">
                                 <div class="content">
                                    <h4><span class="odometer" data-odometer-final="12300"></span><span>+</span>
                                    </h4>
                                    <p>Apartment Rent</p>
                                 </div>
                                 <div class="thumb">
                                    <i class="flaticon-house-1"></i>
                                 </div>
                              </div>
                           </div>
                           <div class="col-12 col-sm-6 col-lg-3 col-xl-3">
                              <div class="counter__single border-0">
                                 <div class="content">
                                    <h4><span class="odometer" data-odometer-final="15500"></span><span>+</span>
                                    </h4>
                                    <p>Happy Clients</p>
                                 </div>
                                 <div class="thumb">
                                    <i class="flaticon-customer-satisfaction"></i>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-12 col-xl-11">
                     <div class="video-counter__thumb">
                        <img src="assets/images/thumb/video-thumb.png" alt="Image" class="w-100 mh-400 parallax-image">
                        <div class="vid-wrap">
                           <div class="video-btn-wrapper">
                              <a href="https://www.youtube.com/watch?v=RvreULjnzFo" target="_blank"
                                 title="video Player" class="open-video-popup">
                              <i class="fa-solid fa-play"></i>
                              </a>
                           </div>
                           <h4>Watch Video</h4>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <!-- ==== / video counter section end ==== -->
         <!-- ==== property tab section start ==== -->
         <section class="properties property-tab">
            <div class="container">
               <div class="row vertical-column-gap align-items-center">
                  <div class="col-12 col-lg-6">
                     <div class="section__header">
                        <span>Our Properties</span>
                        <h2 class="title-animation">Featured Properties</h2>
                        <div class="icon-thumb">
                           <div class="icon-thumb-single">
                              <span></span>
                              <span></span>
                           </div>
                           <img src="assets/images/sub-icon.png" alt="Image" class="filter-img">
                        </div>
                     </div>
                  </div>
                  <div class="col-12 col-lg-6">
                     <div class="property-tab-btn-wrapper" data-aos="fade-up" data-aos-duration="1200">
                        <ul>
                           <li><button data-target="#sold" class="property-tab-btn active">Sold</button></li>
                           <li><button data-target="#buy" class="property-tab-btn">Buy</button></li>
                           <li><button data-target="#rent" class="property-tab-btn">Rent</button></li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-12">
                     <div class="property-tab-wrapper" data-aos="fade-up" data-aos-duration="1200">
                        <div class="property-tab-item" id="sold">
                           <div class="row vertical-column-gap">
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/one.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,200/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">Luxury Home Appoint </a></h4>
                                       <p class="location"><span class="icon-location"></span> 798 Talbot St.
                                          Bridgewater, NJ 08
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/one.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Wiliam Siman</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/two.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,600/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">House on the Clarita</a></h4>
                                       <p class="location"><span class="icon-location"></span> 157 West Central
                                          Park South, NYC
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/two.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Jackson Mica</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/three.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,000/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">Weston Hight Place</a></h4>
                                       <p class="location"><span class="icon-location"></span> 32 Pawnee Street
                                          Butte, MT 59701
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/three.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Micky Athor</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="property-tab-item" id="buy">
                           <div class="row vertical-column-gap">
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/one.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,200/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">Luxury Home Appoint </a></h4>
                                       <p class="location"><span class="icon-location"></span> 798 Talbot St.
                                          Bridgewater, NJ 08
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/one.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Wiliam Siman</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/two.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,600/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">House on the Clarita</a></h4>
                                       <p class="location"><span class="icon-location"></span> 157 West Central
                                          Park South, NYC
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/two.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Jackson Mica</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/three.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,000/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">Weston Hight Place</a></h4>
                                       <p class="location"><span class="icon-location"></span> 32 Pawnee Street
                                          Butte, MT 59701
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/three.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Micky Athor</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="property-tab-item" id="rent">
                           <div class="row vertical-column-gap">
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/one.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,200/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">Luxury Home Appoint </a></h4>
                                       <p class="location"><span class="icon-location"></span> 798 Talbot St.
                                          Bridgewater, NJ 08
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/one.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Wiliam Siman</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/two.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,600/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">House on the Clarita</a></h4>
                                       <p class="location"><span class="icon-location"></span> 157 West Central
                                          Park South, NYC
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/two.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Jackson Mica</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/three.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,000/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">Weston Hight Place</a></h4>
                                       <p class="location"><span class="icon-location"></span> 32 Pawnee Street
                                          Butte, MT 59701
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/three.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Micky Athor</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="row align-items-center vertical-column-gap-sm">
                  <div class="col-12 col-lg-8">
                     <div class="section__header--secondary">
                        <h3 class="title-animation">Looking For a Dream Home?</h3>
                        <p>We help you make the dream of new house a reality</p>
                     </div>
                  </div>
                  <div class="col-12 col-lg-4">
                     <div class="text-start text-lg-end">
                        <a href="properties-grid-view.html" class="btn--primary">Explore Properties</a>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <!-- ==== / property tab section end ==== -->
         <!-- ==== area section start ==== -->
         <section class="area" data-background="assets/images/background/area-bg.png">
            <div class="container">
               <div class="row justify-content-center">
                  <div class="col-12 col-md-9 col-xl-5">
                     <div class="section__header-light text-center">
                        <span>Top Area</span>
                        <h2 class="title-animation">Find Your Dream House
                           Search By Area
                        </h2>
                        <div class="icon-thumb justify-content-center">
                           <div class="icon-thumb-single">
                              <span></span>
                              <span></span>
                           </div>
                           <img src="assets/images/sub-icon-light.png" alt="Image" class="filter-img">
                           <div class="icon-thumb-single">
                              <span></span>
                              <span></span>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="row vertical-column-gap align-items-center">
                  <div class="col-12 col-lg-6 col-xl-5">
                     <div class="area__content">
                        <span class="sub-title">San Diego Luxury Realty</span>
                        <h2 class="title-animation">Beautiful Communities
                           & Homes in San Diego.
                        </h2>
                        <p>Whether you're looking to buy or sell in San Diego, you've
                           come to the right place.
                        </p>
                        <div class="cta">
                           <a href="properties-grid-view.html" class="btn--primary">Explore Properties</a>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 col-lg-6 col-xl-7">
                     <div class="area__thumb">
                        <div class="area-slider swiper">
                           <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                 <img src="assets/images/area/one.png" alt="Image">
                              </div>
                              <div class="swiper-slide">
                                 <img src="assets/images/area/two.png" alt="Image">
                              </div>
                              <div class="swiper-slide">
                                 <img src="assets/images/area/one.png" alt="Image">
                              </div>
                              <div class="swiper-slide">
                                 <img src="assets/images/area/two.png" alt="Image">
                              </div>
                              <div class="swiper-slide">
                                 <img src="assets/images/area/one.png" alt="Image">
                              </div>
                              <div class="swiper-slide">
                                 <img src="assets/images/area/two.png" alt="Image">
                              </div>
                              <div class="swiper-slide">
                                 <img src="assets/images/area/one.png" alt="Image">
                              </div>
                              <div class="swiper-slide">
                                 <img src="assets/images/area/two.png" alt="Image">
                              </div>
                              <div class="swiper-slide">
                                 <img src="assets/images/area/one.png" alt="Image">
                              </div>
                              <div class="swiper-slide">
                                 <img src="assets/images/area/two.png" alt="Image">
                              </div>
                              <div class="swiper-slide">
                                 <img src="assets/images/area/one.png" alt="Image">
                              </div>
                              <div class="swiper-slide">
                                 <img src="assets/images/area/two.png" alt="Image">
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="row justify-content-center">
                  <div class="col-12 col-xl-9">
                     <div class="area__footer" data-aos="fade-up" data-aos-duration="1200">
                        <div class="area__footer-inner">
                           <div class="area-left">
                              <h6>More Properties View</h6>
                              <a href="properties-grid-view.html">Click Here Now</a>
                           </div>
                           <div class="area-center">
                              <div class="area-pagination"></div>
                              <div class="image-slider__current">
                                 <span class="cur">1</span>
                                 <span>|</span>
                                 <span class="total">0</span>
                              </div>
                           </div>
                           <div class="area-navigation">
                              <div
                                 class="area-navigation slider-navigation-two justify-content-start justify-content-md-end">
                                 <button type="button" aria-label="prev slide" title="prev slide"
                                    class="prev-area">
                                 <i class="fa-solid fa-angles-left"></i><span>Prev</span>
                                 </button>
                                 <button type="button" aria-label="next slide" title="next slide"
                                    class="next-area active">
                                 <span>Next</span><i class="fa-solid fa-angles-right"></i>
                                 </button>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <!-- ==== / area section end ==== -->
         <!-- ==== exclusive tab section start ==== -->
         <section class="exclusive-tab">
            <div class="container">
               <div class="row vertical-column-gap align-items-center">
                  <div class="col-12 col-lg-6">
                     <div class="section__header">
                        <span>Our Properties</span>
                        <h2 class="title-animation">Our Exclusive Listings</h2>
                        <div class="icon-thumb">
                           <div class="icon-thumb-single">
                              <span></span>
                              <span></span>
                           </div>
                           <img src="assets/images/sub-icon.png" alt="Image" class="filter-img">
                        </div>
                     </div>
                  </div>
                  <div class="col-12 col-lg-6">
                     <div class="exclusive-tab-btn-wrapper" data-aos="fade-up" data-aos-duration="1200">
                        <ul>
                           <li><button data-target="#list" class="exclusive-tab-btn active"><i
                              class="fa-solid fa-list"></i></button></li>
                           <li><button data-target="#grid" class="exclusive-tab-btn"><i
                              class="fa-solid fa-table-cells-large"></i></button></li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-12">
                     <div class="exclusive-tab-wrapper" data-aos="fade-up" data-aos-duration="1200">
                        <div class="exclusive-tab-item property-list" id="list">
                           <div class="row vertical-column-gap">
                              <div class="col-12 col-xl-6">
                                 <div class="property-list__single">
                                    <div class="row align-items-center vertical-column-gap">
                                       <div class="col-12 col-md-6">
                                          <div class="thumb-wrapper-two">
                                             <div class="thumb">
                                                <a href="property-details.html">
                                                <img src="assets/images/thumb/properties/one.png"
                                                   alt="Image">
                                                </a>
                                             </div>
                                             <div class="thumb-cta">
                                                <a href="property-details.html">
                                                <i class="flaticon-heart"></i>
                                                <span class="tool">Wishlist</span>
                                                </a>
                                                <a href="property-details.html">
                                                <i class="flaticon-shared-vision"></i>
                                                <span class="tool">Quick View</span>
                                                </a>
                                                <a href="property-details.html">
                                                <i class="flaticon-add"></i>
                                                <span class="tool">Project Details</span>
                                                </a>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="col-12 col-md-6">
                                          <div class="content">
                                             <div class="specifications specifications-two">
                                                <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                                <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                                <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                             </div>
                                             <h5><a href="property-details.html">Three Room Apartment</a>
                                             </h5>
                                             <p class="location location-two"><span
                                                class="icon-location"></span> 798 Talbot St.
                                                Bridgewater,
                                                NJ 08
                                             </p>
                                             <div class="price">
                                                <h5><span class="price">$1,000</span> <span class="tim">/
                                                   mo</span>
                                                </h5>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-xl-6">
                                 <div class="property-list__single">
                                    <div class="row align-items-center vertical-column-gap">
                                       <div class="col-12 col-md-6">
                                          <div class="thumb-wrapper-two">
                                             <div class="thumb">
                                                <a href="property-details.html">
                                                <img src="assets/images/thumb/properties/two.png"
                                                   alt="Image">
                                                </a>
                                             </div>
                                             <div class="thumb-cta">
                                                <a href="property-details.html">
                                                <i class="flaticon-heart"></i>
                                                <span class="tool">Wishlist</span>
                                                </a>
                                                <a href="property-details.html">
                                                <i class="flaticon-shared-vision"></i>
                                                <span class="tool">Quick View</span>
                                                </a>
                                                <a href="property-details.html">
                                                <i class="flaticon-add"></i>
                                                <span class="tool">Project Details</span>
                                                </a>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="col-12 col-md-6">
                                          <div class="content">
                                             <div class="specifications specifications-two">
                                                <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                                <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                                <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                             </div>
                                             <h5><a href="property-details.html">Luxury Home Appoint </a>
                                             </h5>
                                             <p class="location location-two"><span
                                                class="icon-location"></span> 798 Talbot St.
                                                Bridgewater,
                                                NJ 08
                                             </p>
                                             <div class="price">
                                                <h5><span class="price">$1,00,000</span> <span class="tim">/
                                                   mo</span>
                                                </h5>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-xl-6">
                                 <div class="property-list__single">
                                    <div class="row align-items-center vertical-column-gap">
                                       <div class="col-12 col-md-6">
                                          <div class="thumb-wrapper-two">
                                             <div class="thumb">
                                                <a href="property-details.html">
                                                <img src="assets/images/thumb/properties/three.png"
                                                   alt="Image">
                                                </a>
                                             </div>
                                             <div class="thumb-cta">
                                                <a href="property-details.html">
                                                <i class="flaticon-heart"></i>
                                                <span class="tool">Wishlist</span>
                                                </a>
                                                <a href="property-details.html">
                                                <i class="flaticon-shared-vision"></i>
                                                <span class="tool">Quick View</span>
                                                </a>
                                                <a href="property-details.html">
                                                <i class="flaticon-add"></i>
                                                <span class="tool">Project Details</span>
                                                </a>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="col-12 col-md-6">
                                          <div class="content">
                                             <div class="specifications specifications-two">
                                                <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                                <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                                <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                             </div>
                                             <h5><a href="property-details.html">Weston Hight Place</a></h5>
                                             <p class="location location-two"><span
                                                class="icon-location"></span> 798 Talbot St.
                                                Bridgewater,
                                                NJ 08
                                             </p>
                                             <div class="price">
                                                <h5><span class="price">$7,000</span> <span class="tim">/
                                                   mo</span>
                                                </h5>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-xl-6">
                                 <div class="property-list__single">
                                    <div class="row align-items-center vertical-column-gap">
                                       <div class="col-12 col-md-6">
                                          <div class="thumb-wrapper-two">
                                             <div class="thumb">
                                                <a href="property-details.html">
                                                <img src="assets/images/thumb/properties/four.png"
                                                   alt="Image">
                                                </a>
                                             </div>
                                             <div class="thumb-cta">
                                                <a href="property-details.html">
                                                <i class="flaticon-heart"></i>
                                                <span class="tool">Wishlist</span>
                                                </a>
                                                <a href="property-details.html">
                                                <i class="flaticon-shared-vision"></i>
                                                <span class="tool">Quick View</span>
                                                </a>
                                                <a href="property-details.html">
                                                <i class="flaticon-add"></i>
                                                <span class="tool">Project Details</span>
                                                </a>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="col-12 col-md-6">
                                          <div class="content">
                                             <div class="specifications specifications-two">
                                                <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                                <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                                <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                             </div>
                                             <h5><a href="property-details.html">Sky Pool Villa House</a>
                                             </h5>
                                             <p class="location location-two"><span
                                                class="icon-location"></span> 798 Talbot St.
                                                Bridgewater,
                                                NJ 08
                                             </p>
                                             <div class="price">
                                                <h5><span class="price">$2,000</span> <span class="tim">/
                                                   mo</span>
                                                </h5>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-xl-6">
                                 <div class="property-list__single">
                                    <div class="row align-items-center vertical-column-gap">
                                       <div class="col-12 col-md-6">
                                          <div class="thumb-wrapper-two">
                                             <div class="thumb">
                                                <a href="property-details.html">
                                                <img src="assets/images/thumb/properties/five.png"
                                                   alt="Image">
                                                </a>
                                             </div>
                                             <div class="thumb-cta">
                                                <a href="property-details.html">
                                                <i class="flaticon-heart"></i>
                                                <span class="tool">Wishlist</span>
                                                </a>
                                                <a href="property-details.html">
                                                <i class="flaticon-shared-vision"></i>
                                                <span class="tool">Quick View</span>
                                                </a>
                                                <a href="property-details.html">
                                                <i class="flaticon-add"></i>
                                                <span class="tool">Project Details</span>
                                                </a>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="col-12 col-md-6">
                                          <div class="content">
                                             <div class="specifications specifications-two">
                                                <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                                <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                                <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                             </div>
                                             <h5><a href="property-details.html">The Most Luxarious</a></h5>
                                             <p class="location location-two"><span
                                                class="icon-location"></span> 798 Talbot St.
                                                Bridgewater,
                                                NJ 08
                                             </p>
                                             <div class="price">
                                                <h5><span class="price">$4,000</span> <span class="tim">/
                                                   mo</span>
                                                </h5>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-xl-6">
                                 <div class="property-list__single">
                                    <div class="row align-items-center vertical-column-gap">
                                       <div class="col-12 col-md-6">
                                          <div class="thumb-wrapper-two">
                                             <div class="thumb">
                                                <a href="property-details.html">
                                                <img src="assets/images/thumb/properties/six.png"
                                                   alt="Image">
                                                </a>
                                             </div>
                                             <div class="thumb-cta">
                                                <a href="property-details.html">
                                                <i class="flaticon-heart"></i>
                                                <span class="tool">Wishlist</span>
                                                </a>
                                                <a href="property-details.html">
                                                <i class="flaticon-shared-vision"></i>
                                                <span class="tool">Quick View</span>
                                                </a>
                                                <a href="property-details.html">
                                                <i class="flaticon-add"></i>
                                                <span class="tool">Project Details</span>
                                                </a>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="col-12 col-md-6">
                                          <div class="content">
                                             <div class="specifications specifications-two">
                                                <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                                <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                                <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                             </div>
                                             <h5><a href="property-details.html">House on the Clarita</a>
                                             </h5>
                                             <p class="location location-two"><span
                                                class="icon-location"></span> 798 Talbot St.
                                                Bridgewater,
                                                NJ 08
                                             </p>
                                             <div class="price">
                                                <h5><span class="price">$1,0000</span> <span class="tim">/
                                                   mo</span>
                                                </h5>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="exclusive-tab-item property-grid properties" id="grid">
                           <div class="row vertical-column-gap">
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/one.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,200/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">Luxury Home Appoint </a></h4>
                                       <p class="location"><span class="icon-location"></span> 798 Talbot St.
                                          Bridgewater,
                                          NJ 08
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/one.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Wiliam Siman</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/two.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,600/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">House on the Clarita</a></h4>
                                       <p class="location"><span class="icon-location"></span> 157 West Central
                                          Park
                                          South,
                                          NYC
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/two.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Jackson Mica</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/three.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,000/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">Weston Hight Place</a></h4>
                                       <p class="location"><span class="icon-location"></span> 32 Pawnee Street
                                          Butte,
                                          MT
                                          59701
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/three.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Micky Athor</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/four.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,200/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">Sky Pool Villa House</a></h4>
                                       <p class="location"><span class="icon-location"></span> 798 Talbot St.
                                          Bridgewater,
                                          NJ 08
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/one.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Wiliam Siman</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/five.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,600/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">The Most Luxarious</a></h4>
                                       <p class="location"><span class="icon-location"></span> 157 West Central
                                          Park
                                          South,
                                          NYC
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/two.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Jackson Mica</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-12 col-md-6 col-xl-4">
                                 <div class="properites__single-item">
                                    <div class="thumb">
                                       <a href="property-details.html">
                                       <img src="assets/images/thumb/properties/six.png" alt="Image">
                                       </a>
                                       <div class="tag">
                                          <span class="feature-tag">Feature</span>
                                          <span class="sold-tag">Sold</span>
                                       </div>
                                       <div class="price-tag">
                                          <span>$1,000/mo</span>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <div class="specifications">
                                          <p><i class="flaticon-double-bed"></i> 3 Bedroom</p>
                                          <p><i class="flaticon-bathroom"></i> 3 Bathroom</p>
                                          <p><i class="flaticon-house-design"></i> Sq Ft 750 </p>
                                       </div>
                                       <h4><a href="property-details.html">Ready Apartment</a></h4>
                                       <p class="location"><span class="icon-location"></span> 32 Pawnee Street
                                          Butte,
                                          MT
                                          59701
                                       </p>
                                       <div class="property-footer">
                                          <div class="author">
                                             <div class="author-thumb">
                                                <img src="assets/images/thumb/properties/author/three.png"
                                                   alt="Image">
                                             </div>
                                             <div class="author-meta">
                                                <p>Micky Athor</p>
                                                <p>East Agents</p>
                                             </div>
                                          </div>
                                          <div class="footer-cta">
                                             <a href="property-details.html">
                                             <i class="flaticon-heart"></i>
                                             <span class="tool">Wishlist</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-shared-vision"></i>
                                             <span class="tool">Quick View</span>
                                             </a>
                                             <a href="property-details.html">
                                             <i class="flaticon-add"></i>
                                             <span class="tool">Project Details</span>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <!-- ==== / exclusive tab section end ==== -->
         <!-- ==== testimonial three section start ==== -->
         <section class="testimonial-three" data-background="assets/images/testimonial/bg-four.png">
            <div class="container">
               <div class="row vertical-column-gap">
                  <div class="col-12 col-md-6 col-xl-4">
                     <div class="testimonial-three__content">
                        <div class="section__header">
                           <span>Some our Happy Clients</span>
                           <h2 class="title-animation">Client Reviews</h2>
                           <div class="icon-thumb">
                              <div class="icon-thumb-single">
                                 <span></span>
                                 <span></span>
                              </div>
                              <img src="assets/images/sub-icon.png" alt="Image" class="filter-img">
                           </div>
                        </div>
                        <p>in promotion and advertising, a testimonial
                           or show consists of a person's written or spoken
                           statement extolling the virtue of a product.
                        </p>
                        <div class="testimonial-three-navigation slider-navigation-two">
                           <button type="button" aria-label="prev slide" title="prev slide"
                              class="prev-testimonial-t">
                           <i class="fa-solid fa-angles-left"></i><span>Prev</span>
                           </button>
                           <button type="button" aria-label="next slide" title="next slide"
                              class="next-testimonial-t active">
                           <span>Next</span><i class="fa-solid fa-angles-right"></i>
                           </button>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 col-md-6 col-xl-5">
                     <div class="testimonial-three__inner">
                        <div class="testimonial-three-slider swiper">
                           <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                 <div class="testimonial-three-single">
                                    <h4>Excellent Service</h4>
                                    <p><q>Engage with our professional real
                                       estate agents sell buy or rent your
                                       home ae we Get emails directly area
                                       in falls box and every manage the
                                       lead ithe</q>
                                    </p>
                                    <div class="author">
                                       <div class="author-thumb">
                                          <img src="assets/images/testimonial/client.png" alt="Image">
                                       </div>
                                       <div class="author-meta">
                                          <div class="review">
                                             <i class="fa-regular fa-star"></i>
                                             <i class="fa-regular fa-star"></i>
                                             <i class="fa-regular fa-star"></i>
                                             <i class="fa-regular fa-star"></i>
                                             <i class="fa-regular fa-star"></i>
                                          </div>
                                          <p>Happy Cusotmer</p>
                                          <h5>Kliva Devs</h5>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="testimonial-three-single">
                                    <h4>Excellent Service</h4>
                                    <p><q>Engage with our professional real
                                       estate agents sell buy or rent your
                                       home ae we Get emails directly area
                                       in falls box and every manage the
                                       lead ithe</q>
                                    </p>
                                    <div class="author">
                                       <div class="author-thumb">
                                          <img src="assets/images/testimonial/client.png" alt="Image">
                                       </div>
                                       <div class="author-meta">
                                          <div class="review">
                                             <i class="fa-regular fa-star"></i>
                                             <i class="fa-regular fa-star"></i>
                                             <i class="fa-regular fa-star"></i>
                                             <i class="fa-regular fa-star"></i>
                                             <i class="fa-regular fa-star"></i>
                                          </div>
                                          <p>Happy Cusotmer</p>
                                          <h5>Kliva Devs</h5>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="testimonial-three-single">
                                    <h4>Excellent Service</h4>
                                    <p><q>Engage with our professional real
                                       estate agents sell buy or rent your
                                       home ae we Get emails directly area
                                       in falls box and every manage the
                                       lead ithe</q>
                                    </p>
                                    <div class="author">
                                       <div class="author-thumb">
                                          <img src="assets/images/testimonial/client.png" alt="Image">
                                       </div>
                                       <div class="author-meta">
                                          <div class="review">
                                             <i class="fa-regular fa-star"></i>
                                             <i class="fa-regular fa-star"></i>
                                             <i class="fa-regular fa-star"></i>
                                             <i class="fa-regular fa-star"></i>
                                             <i class="fa-regular fa-star"></i>
                                          </div>
                                          <p>Happy Cusotmer</p>
                                          <h5>Kliva Devs</h5>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="thumb" data-aos="fade-left" data-aos-duration="1200">
               <img src="assets/images/testimonial/bg-three.png" alt="Image">
            </div>
         </section>
         <!-- ==== / testimonial three section end ==== -->
         <!-- ==== team section start ==== -->
         <section class="team-two" data-background="assets/images/background/team-bg.png">
            <div class="container">
               <div class="row justify-content-center">
                  <div class="col-12 col-xl-5">
                     <div class="section__header text-center">
                        <span>Touch Our Team</span>
                        <h2 class="title-animation">Meet Our Agents</h2>
                        <div class="icon-thumb justify-content-center">
                           <div class="icon-thumb-single">
                              <span></span>
                              <span></span>
                           </div>
                           <img src="assets/images/sub-icon.png" alt="Image" class="filter-img">
                           <div class="icon-thumb-single">
                              <span></span>
                              <span></span>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-12">
                     <div class="team-two__inner">
                        <div class="team-two-slider swiper">
                           <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                 <div class="team__single">
                                    <div class="thumb-wrapper">
                                       <div class="thumb">
                                          <img src="assets/images/team/one.png" alt="Image">
                                          <svg xmlns="http://www.w3.org/2000/svg" fill="none">
                                             <circle cx="150" cy="150" r="130" stroke-linecap="round" />
                                          </svg>
                                       </div>
                                       <div class="social">
                                          <a href="https://www.facebook.com/" target="_blank"
                                             aria-label="share us on facebook" title="facebook">
                                          <i class="flaticon-facebook"></i>
                                          </a>
                                          <a href="https://www.twitter.com/" target="_blank"
                                             aria-label="share us on twitter" title="twitter">
                                          <i class="flaticon-twitter"></i>
                                          </a>
                                          <a href="https://www.instagram.com/" target="_blank"
                                             aria-label="share us on instagram" title="instagram">
                                          <i class="flaticon-instagram"></i>
                                          </a>
                                          <a href="https://www.linkedin.com/" target="_blank"
                                             aria-label="share us on linkedin" title="linkedin">
                                          <i class="flaticon-linkedin"></i>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <span>Sunshine</span>
                                       <h4><a href="team-details.html">Andren Willium</a></h4>
                                       <p><a href="tel:256-255-6579"><i class="icon-mobile"></i> Call: +256 255
                                          6579</a>
                                       </p>
                                    </div>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="team__single">
                                    <div class="thumb-wrapper">
                                       <div class="thumb">
                                          <img src="assets/images/team/two.png" alt="Image">
                                          <svg xmlns="http://www.w3.org/2000/svg" fill="none">
                                             <circle cx="150" cy="150" r="130" stroke-linecap="round" />
                                          </svg>
                                       </div>
                                       <div class="social">
                                          <a href="https://www.facebook.com/" target="_blank"
                                             aria-label="share us on facebook" title="facebook">
                                          <i class="flaticon-facebook"></i>
                                          </a>
                                          <a href="https://www.twitter.com/" target="_blank"
                                             aria-label="share us on twitter" title="twitter">
                                          <i class="flaticon-twitter"></i>
                                          </a>
                                          <a href="https://www.instagram.com/" target="_blank"
                                             aria-label="share us on instagram" title="instagram">
                                          <i class="flaticon-instagram"></i>
                                          </a>
                                          <a href="https://www.linkedin.com/" target="_blank"
                                             aria-label="share us on linkedin" title="linkedin">
                                          <i class="flaticon-linkedin"></i>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <span>Mark Street</span>
                                       <h4><a href="team-details.html">Cathy Decosta
                                          </a>
                                       </h4>
                                       <p><a href="tel:256-255-6579"><i class="icon-mobile"></i> Call: +256 255
                                          6579</a>
                                       </p>
                                    </div>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="team__single">
                                    <div class="thumb-wrapper">
                                       <div class="thumb">
                                          <img src="assets/images/team/three.png" alt="Image">
                                          <svg xmlns="http://www.w3.org/2000/svg" fill="none">
                                             <circle cx="150" cy="150" r="130" stroke-linecap="round" />
                                          </svg>
                                       </div>
                                       <div class="social">
                                          <a href="https://www.facebook.com/" target="_blank"
                                             aria-label="share us on facebook" title="facebook">
                                          <i class="flaticon-facebook"></i>
                                          </a>
                                          <a href="https://www.twitter.com/" target="_blank"
                                             aria-label="share us on twitter" title="twitter">
                                          <i class="flaticon-twitter"></i>
                                          </a>
                                          <a href="https://www.instagram.com/" target="_blank"
                                             aria-label="share us on instagram" title="instagram">
                                          <i class="flaticon-instagram"></i>
                                          </a>
                                          <a href="https://www.linkedin.com/" target="_blank"
                                             aria-label="share us on linkedin" title="linkedin">
                                          <i class="flaticon-linkedin"></i>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <span>Eco Builders
                                       </span>
                                       <h4><a href="team-details.html">Thomas Stewart
                                          </a>
                                       </h4>
                                       <p><a href="tel:256-255-6579"><i class="icon-mobile"></i> Call: +256 255
                                          6579</a>
                                       </p>
                                    </div>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="team__single">
                                    <div class="thumb-wrapper">
                                       <div class="thumb">
                                          <img src="assets/images/team/one.png" alt="Image">
                                          <svg xmlns="http://www.w3.org/2000/svg" fill="none">
                                             <circle cx="150" cy="150" r="130" stroke-linecap="round" />
                                          </svg>
                                       </div>
                                       <div class="social">
                                          <a href="https://www.facebook.com/" target="_blank"
                                             aria-label="share us on facebook" title="facebook">
                                          <i class="flaticon-facebook"></i>
                                          </a>
                                          <a href="https://www.twitter.com/" target="_blank"
                                             aria-label="share us on twitter" title="twitter">
                                          <i class="flaticon-twitter"></i>
                                          </a>
                                          <a href="https://www.instagram.com/" target="_blank"
                                             aria-label="share us on instagram" title="instagram">
                                          <i class="flaticon-instagram"></i>
                                          </a>
                                          <a href="https://www.linkedin.com/" target="_blank"
                                             aria-label="share us on linkedin" title="linkedin">
                                          <i class="flaticon-linkedin"></i>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <span>Sunshine</span>
                                       <h4><a href="team-details.html">Andren Willium</a></h4>
                                       <p><a href="tel:256-255-6579"><i class="icon-mobile"></i> Call: +256 255
                                          6579</a>
                                       </p>
                                    </div>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="team__single">
                                    <div class="thumb-wrapper">
                                       <div class="thumb">
                                          <img src="assets/images/team/two.png" alt="Image">
                                          <svg xmlns="http://www.w3.org/2000/svg" fill="none">
                                             <circle cx="150" cy="150" r="130" stroke-linecap="round" />
                                          </svg>
                                       </div>
                                       <div class="social">
                                          <a href="https://www.facebook.com/" target="_blank"
                                             aria-label="share us on facebook" title="facebook">
                                          <i class="flaticon-facebook"></i>
                                          </a>
                                          <a href="https://www.twitter.com/" target="_blank"
                                             aria-label="share us on twitter" title="twitter">
                                          <i class="flaticon-twitter"></i>
                                          </a>
                                          <a href="https://www.instagram.com/" target="_blank"
                                             aria-label="share us on instagram" title="instagram">
                                          <i class="flaticon-instagram"></i>
                                          </a>
                                          <a href="https://www.linkedin.com/" target="_blank"
                                             aria-label="share us on linkedin" title="linkedin">
                                          <i class="flaticon-linkedin"></i>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <span>Mark Street</span>
                                       <h4><a href="team-details.html">Cathy Decosta
                                          </a>
                                       </h4>
                                       <p><a href="tel:256-255-6579"><i class="icon-mobile"></i> Call: +256 255
                                          6579</a>
                                       </p>
                                    </div>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="team__single">
                                    <div class="thumb-wrapper">
                                       <div class="thumb">
                                          <img src="assets/images/team/three.png" alt="Image">
                                          <svg xmlns="http://www.w3.org/2000/svg" fill="none">
                                             <circle cx="150" cy="150" r="130" stroke-linecap="round" />
                                          </svg>
                                       </div>
                                       <div class="social">
                                          <a href="https://www.facebook.com/" target="_blank"
                                             aria-label="share us on facebook" title="facebook">
                                          <i class="flaticon-facebook"></i>
                                          </a>
                                          <a href="https://www.twitter.com/" target="_blank"
                                             aria-label="share us on twitter" title="twitter">
                                          <i class="flaticon-twitter"></i>
                                          </a>
                                          <a href="https://www.instagram.com/" target="_blank"
                                             aria-label="share us on instagram" title="instagram">
                                          <i class="flaticon-instagram"></i>
                                          </a>
                                          <a href="https://www.linkedin.com/" target="_blank"
                                             aria-label="share us on linkedin" title="linkedin">
                                          <i class="flaticon-linkedin"></i>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="content">
                                       <span>Eco Builders
                                       </span>
                                       <h4><a href="team-details.html">Thomas Stewart
                                          </a>
                                       </h4>
                                       <p><a href="tel:256-255-6579"><i class="icon-mobile"></i> Call: +256 255
                                          6579</a>
                                       </p>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="team-two-navigation slider-navigation-two">
                           <button type="button" aria-label="prev slide" title="prev slide" class="prev-team-t">
                           <i class="fa-solid fa-angles-left"></i><span>Prev</span>
                           </button>
                           <button type="button" aria-label="next slide" title="next slide"
                              class="next-team-t active">
                           <span>Next</span><i class="fa-solid fa-angles-right"></i>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <!-- ==== / team section end ==== -->
         <!-- ==== blog section start ==== -->
         <section class="blog-two">
            <div class="container">
               <div class="row justify-content-center">
                  <div class="col-12 col-xl-5">
                     <div class="section__header text-center">
                        <span>Our Latest Blog</span>
                        <h2 class="title-animation">Latest News & Stories</h2>
                        <div class="icon-thumb justify-content-center">
                           <div class="icon-thumb-single">
                              <span></span>
                              <span></span>
                           </div>
                           <img src="assets/images/sub-icon.png" alt="Image" class="filter-img">
                           <div class="icon-thumb-single">
                              <span></span>
                              <span></span>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="row vertical-column-gap">
                  <div class="col-12 col-xl-6">
                     <div class="blog-two__single" data-aos="fade-up" data-aos-duration="1200">
                        <div class="thumb">
                           <a href="blog-details.html">
                           <img src="assets/images/blog/t-one.png" alt="Image">
                           </a>
                        </div>
                        <div class="content">
                           <div class="left">
                              <div class="blog-meta">
                                 <p><i class="flaticon-person"></i>Robert Fox</p>
                                 <p><i class="fa-solid fa-tags"></i>Interior</p>
                                 <p><i class="flaticon-calendar"></i>22 / 08 / 2024</p>
                              </div>
                              <h5><a href="blog-details.html">Including Animation in Your Design </a></h5>
                           </div>
                           <div class="right">
                              <a href="blog-details.html"><i class="fa-solid fa-angles-right"></i></a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 col-xl-6">
                     <div class="blog-two__single alt" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="200">
                        <div class="thumb">
                           <a href="blog-details.html">
                           <img src="assets/images/blog/t-two.png" alt="Image">
                           </a>
                        </div>
                        <div class="content">
                           <div class="left">
                              <div class="blog-meta">
                                 <p><i class="flaticon-person"></i>Robert Fox</p>
                                 <p><i class="fa-solid fa-tags"></i>Interior</p>
                                 <p><i class="flaticon-calendar"></i>22 / 08 / 2024</p>
                              </div>
                              <h5><a href="blog-details.html">Some Easy Way to Buy Apartment</a></h5>
                           </div>
                           <div class="right">
                              <a href="blog-details.html"><i class="fa-solid fa-angles-right"></i></a>
                           </div>
                        </div>
                     </div>
                     <div class="blog-two__single alt" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="400">
                        <div class="thumb">
                           <a href="blog-details.html">
                           <img src="assets/images/blog/t-three.png" alt="Image">
                           </a>
                        </div>
                        <div class="content">
                           <div class="left">
                              <div class="blog-meta">
                                 <p><i class="flaticon-person"></i>Robert Fox</p>
                                 <p><i class="fa-solid fa-tags"></i>Interior</p>
                                 <p><i class="flaticon-calendar"></i>22 / 08 / 2024</p>
                              </div>
                              <h5><a href="blog-details.html">Modron Apartment Adjacent CEO Park</a></h5>
                           </div>
                           <div class="right">
                              <a href="blog-details.html"><i class="fa-solid fa-angles-right"></i></a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <!-- ==== / blog section end ==== -->
         <!-- ==== footer start ==== -->
         <footer class="footer footer-two">
            <div class="container">
               <div class="row">
                  <div class="col-12">
                     <div class="footer__partner">
                        <div class="partner-slider swiper">
                           <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                 <div class="partner-single">
                                    <a href="properties-grid-view.html">
                                    <img src="assets/images/partners/one.png" alt="Image">
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="partner-single">
                                    <a href="properties-grid-view.html">
                                    <img src="assets/images/partners/two.png" alt="Image">
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="partner-single">
                                    <a href="properties-grid-view.html">
                                    <img src="assets/images/partners/three.png" alt="Image">
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="partner-single">
                                    <a href="properties-grid-view.html">
                                    <img src="assets/images/partners/four.png" alt="Image">
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="partner-single">
                                    <a href="properties-grid-view.html">
                                    <img src="assets/images/partners/five.png" alt="Image">
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="partner-single">
                                    <a href="properties-grid-view.html">
                                    <img src="assets/images/partners/one.png" alt="Image">
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="partner-single">
                                    <a href="properties-grid-view.html">
                                    <img src="assets/images/partners/two.png" alt="Image">
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="partner-single">
                                    <a href="properties-grid-view.html">
                                    <img src="assets/images/partners/three.png" alt="Image">
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="partner-single">
                                    <a href="properties-grid-view.html">
                                    <img src="assets/images/partners/four.png" alt="Image">
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="partner-single">
                                    <a href="properties-grid-view.html">
                                    <img src="assets/images/partners/five.png" alt="Image">
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-12">
                     <hr class="footer-divider">
                  </div>
               </div>
               <div class="row vertical-column-gap-lg">
                  <div class="col-12 col-md-6 col-xl-4">
                     <div class="footer_-widget" data-aos="fade-up" data-aos-duration="1200">
                        <div class="footer__logo">
                           <a href="index.html">
                           <img src="assets/images/logo-light.png" alt="Image">
                           </a>
                        </div>
                        <div class="footer__widget-content">
                           <p>Lorem ipsum dolor amet consetetur
                              adi pisicing elit sed eiusm tempor in
                              cididunt ut labore dolore magna aliqua
                              enim ad minim venitam
                           </p>
                           <p>Quis nostrud exercita laboris nisi ut
                              aliquip commodo exercita.
                           </p>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 col-md-6 col-xl-2">
                     <div class="footer__widget" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="200">
                        <div class="footer__widget-header">
                           <img src="assets/images/sub-icon.png" class="filter-img" alt="Image">
                           <h4 class="title-animation">Services</h4>
                        </div>
                        <div class="footer__widget-content">
                           <ul class="footer__widget-list">
                              <li><a href="about-us.html"><i class="fa-solid fa-angle-right"></i> About Us</a>
                              </li>
                              <li><a href="properties-list-view.html"><i class="fa-solid fa-angle-right"></i>
                                 Listing</a>
                              </li>
                              <li><a href="our-services.html"><i class="fa-solid fa-angle-right"></i> How It
                                 Works</a>
                              </li>
                              <li><a href="our-services.html"><i class="fa-solid fa-angle-right"></i> Our
                                 Services</a>
                              </li>
                              <li><a href="blog-grid-view.html"><i class="fa-solid fa-angle-right"></i> Our
                                 Blog</a>
                              </li>
                              <li><a href="contact-us.html"><i class="fa-solid fa-angle-right"></i> Contact Us</a>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 col-md-6 col-xl-3">
                     <div class="footer__widget" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="400">
                        <div class="footer__widget-header footer__widget-header-alt">
                           <img src="assets/images/sub-icon.png" class="filter-img" alt="Image">
                           <h4 class="title-animation">Top News</h4>
                        </div>
                        <div class="footer__widget-content">
                           <div class="footer__blog-single">
                              <div class="thumb">
                                 <a href="blog-details.html">
                                 <img src="assets/images/blog/footer-one.png" alt="Image">
                                 </a>
                              </div>
                              <div class="content">
                                 <h5><a href="blog-details.html">The Added Value
                                    Social Worker</a>
                                 </h5>
                                 <p>Aug 25, 2024</p>
                              </div>
                           </div>
                           <div class="footer__blog-single">
                              <div class="thumb">
                                 <a href="blog-details.html">
                                 <img src="assets/images/blog/footer-two.png" alt="Image">
                                 </a>
                              </div>
                              <div class="content">
                                 <h5><a href="blog-details.html">Ways to Increase
                                    Trust</a>
                                 </h5>
                                 <p>Aug 25, 2024</p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 col-md-6 col-xl-3">
                     <div class="footer__widget" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="600">
                        <div class="footer__widget-header footer__widget-header-alt">
                           <img src="assets/images/sub-icon.png" class="filter-img" alt="Image">
                           <h4 class="title-animation">Contact Now</h4>
                        </div>
                        <div class="footer__widget-content">
                           <ul class="footer__contact-list">
                              <li><a href="https://www.google.com/maps/place/Kentucky,+USA/@37.8172108,-87.087054,8z/data=!3m1!4b1!4m6!3m5!1s0x8842734c8b1953c9:0x771f6f4ec5ccdffc!8m2!3d37.8393332!4d-84.2700179!16zL20vMDQ5OHk?entry=ttu"
                                 target="_blank"><i class="fa-solid fa-location-dot"></i>Flat 20, Reynolds
                                 Neck,
                                 North Helenaville, FV77 8WS
                                 </a>
                              </li>
                              <li><a href="tel:2305-587-3407"><i class="fa-solid fa-phone-flip"></i>+2(305)
                                 587-3407</a>
                              </li>
                              <li><a href="mailto:info@example.com"><i
                                 class="fa-regular fa-envelope"></i>info@example.com</a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="footer__bottom">
               <div class="container">
                  <div class="row">
                     <div class="col-12">
                        <div class="footer__bottom-inner">
                           <div class="row align-items-center vertical-column-gap-sm">
                              <div class="col-12 col-lg-7">
                                 <div class="footer__bottom-left">
                                    <ul
                                       class="footer__bottom-list justify-content-center justify-content-lg-start">
                                       <li><a href="contact-us.html">Where to Find Us</a></li>
                                       <li><span></span></li>
                                       <li><a href="terms-conditions.html">Terms of Payment</a></li>
                                       <li><span></span></li>
                                       <li><a href="privacy-policy.html">Stats Element</a></li>
                                    </ul>
                                    <p class="text-center text-lg-start"><span id="copyrightYear"></span> &copy;
                                       All copyright served by <a
                                          href="https://themeforest.net/user/themecraze"
                                          target="_blank">ThemeCraze</a>
                                    </p>
                                 </div>
                              </div>
                              <div class="col-12 col-lg-5">
                                 <div class="footer__bottom-right">
                                    <div class="social justify-content-center justify-content-lg-end">
                                       <a href="https://www.facebook.com/" target="_blank"
                                          aria-label="share us on facebook" title="facebook">
                                       <i class="flaticon-facebook"></i>
                                       </a>
                                       <a href="https://www.twitter.com/" target="_blank"
                                          aria-label="share us on twitter" title="twitter">
                                       <i class="flaticon-twitter"></i>
                                       </a>
                                       <a href="https://www.instagram.com/" target="_blank"
                                          aria-label="share us on instagram" title="instagram">
                                       <i class="flaticon-instagram"></i>
                                       </a>
                                       <a href="https://www.linkedin.com/" target="_blank"
                                          aria-label="share us on linkedin" title="linkedin">
                                       <i class="flaticon-linkedin"></i>
                                       </a>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </footer>
         <!-- ==== / footer end ==== -->
         <!-- ==== color switcher start ==== -->
         <div class="color-palate">
            <div class="color-trigger">
               <i class="fas fa-cog fa-fw"></i>
            </div>
            <div class="color-palate-inner">
               <div class="color-palate-head">
                  <h6>Choose Options</h6>
               </div>
               <div class="various-color clearfix">
                  <h6>Multiple Colors</h6>
                  <br>
                  <div class="colors-list">
                     <span class="palate blue-color active" data-theme-file="assets/css/blue-theme.css"></span>
                     <span class="palate default-color"
                        data-theme-file="assets/css/red-theme.css"></span>
                     <span class="palate brown-color" data-theme-file="assets/css/brown-theme.css"></span>
                     <span class="palate green-color" data-theme-file="assets/css/green-theme.css"></span>
                     <span class="palate orange-color" data-theme-file="assets/css/orange-theme.css"></span>
                     <span class="palate purple-color" data-theme-file="assets/css/purple-theme.css"></span>
                     <span class="palate teal-color" data-theme-file="assets/css/teal-theme.css"></span>
                     <span class="palate yellow-color" data-theme-file="assets/css/yellow-theme.css"></span>
                  </div>
               </div>
               <h6>RTL Version</h6>
               <ul class="rtl-version option-box">
                  <li class="rtl">RTL Version</li>
                  <li>LTR Version</li>
               </ul>
               <h6>Boxed Version</h6>
               <ul class="box-version option-box">
                  <li class="box">Boxed</li>
                  <li>Full width</li>
               </ul>
               <h6>Want Sticky Header</h6>
               <ul class="header-version option-box">
                  <li class="box">No</li>
                  <li>Yes</li>
               </ul>
               <h6>Dark Verion</h6>
               <ul class="dark-version option-box">
                  <li class="box">Yes</li>
                  <li>No</li>
               </ul>
               <div class="purchase-box">
                  <p>You will find much more options for colors and styling in admin panel. This color picker is used
                     only for demonstation purposes.
                  </p>
                  <a href="#" class="purchase-box__btn">buy now</a>
               </div>
            </div>
         </div>
         <!-- ==== / color switcher end ==== -->
         <!-- ==== mouse cursor drag start ==== -->
         <div class="mouseCursor cursor-outer"></div>
         <div class="mouseCursor cursor-inner"></div>
         <!-- ==== / mouse cursor drag end ==== -->
         <!-- ==== scroll to top start ==== -->
         <button class="progress-wrap" aria-label="scroll indicator" title="back to top">
            <span></span>
            <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
               <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
            </svg>
         </button>
         <!-- ==== / scroll to top end ==== -->
      </div>
      <!-- ==== js dependencies start ==== -->
      <!-- jquery -->
      <script src="assets/js/jquery-3.7.1.min.js"></script>
      <!-- bootstrap five js -->
      <script src="assets/js/bootstrap.bundle.min.js"></script>
      <!-- nice select js -->
      <script src="assets/js/jquery.nice-select.min.js"></script>
      <!-- magnific popup js -->
      <script src="assets/js/jquery.magnific-popup.min.js"></script>
      <!-- swiper slider js -->
      <script src="assets/js/swiper-bundle.min.js"></script>
      <!-- viewport js -->
      <script src="assets/js/viewport.jquery.js"></script>
      <!-- odometer js -->
      <script src="assets/js/odometer.min.js"></script>
      <!-- aos js -->
    <script src="assets/js/aos.js"></script>
    <!-- lenis smooth scroll -->
    <script src="assets/js/lenis.min.js"></script>
      <!-- splittext js -->
      <script src="assets/js/SplitText.min.js"></script>
      <!-- scrollto js -->
      <script src="assets/js/ScrollToPlugin.min.js"></script>
      <!-- scrolltrigger js -->
      <script src="assets/js/ScrollTrigger.min.js"></script>
      <!-- gsap js -->
      <script src="assets/js/gsap.min.js"></script>
      <!-- ==== / js dependencies end ==== -->
      <!-- colour settings js -->
      <script src="assets/js/color-settings.js"></script>
      <!-- main js -->
      <script src="assets/js/custom.js"></script>
   </body>

<!-- Mirrored from themecraze.net/html/alexis/index-two.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 19 Jul 2025 05:41:48 GMT -->
</html>

Zerion Mini 1.0