https://firstleafdubai.com/

Submitted URL:
https://firstleafdubai.com/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 54 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 0 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en" class="no-mobile no-touch"><!-- create by abdtechs.com, 23 sept 2024, 6 PM--><head>
        
        <title>First Leaf –Real Estate Consultancy</title>
        <meta name="description" content="Firstleaf - Dubai's Top Ranked Agency - +971567868617 - Office #7, SMARK 1, Sheikh Zayed Rd, Dubai, United Arab Emirates ">  
        <meta charset="utf-8">
        <meta name="author" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <!-- Favicon -->
        <link rel="icon" href="favicon.ico" type="image/png" sizes="any">
        <link rel="icon" href="favicon.ico" type="image/svg+xml">         

        <!-- CSS -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/style-responsive.css">
        <link rel="stylesheet" href="css/vertical-rhythm.min.css">
        <link rel="stylesheet" href="css/magnific-popup.css">
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/splitting.css">
        <link rel="stylesheet" href="css/YTPlayer.css">
        <link rel="stylesheet" href="css/demo-fancy/demo-fancy.css">
        <link rel="stylesheet" href="css/whatsapp.css">
        <link rel="stylesheet" href="css/animationbutn.css">

        
        <!-- 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=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet"> 
        <link href="https://fonts.googleapis.com/css2?family=Great+Vibes&amp;display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&amp;display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Poiret+One&amp;family=Urbanist:ital,wght@0,100..900;1,100..900&amp;display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Poiret+One&amp;family=Tourney:ital,wght@0,100..900;1,100..900&amp;family=Urbanist:ital,wght@0,100..900;1,100..900&amp;display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Bungee+Inline&amp;display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Bungee+Hairline&amp;family=Bungee+Inline&amp;family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Bungee+Hairline&amp;family=Bungee+Inline&amp;family=Comfortaa:[email protected]&amp;family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@300&amp;display=swap" rel="stylesheet">

    <style id="fit-vids-style">.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style><script type="text/javascript" id="www-widgetapi-script" src="https://www.youtube.com/s/player/8579e400/www-widgetapi.vflset/www-widgetapi.js" async=""></script><script src="//www.youtube.com/iframe_api?v=3.3.9" id="YTAPI" async="async" defer="defer"></script></head>

<!----/* #whatsaap floating button code*/---->


<body class="appear-animate js-focus-visible"><a href="tel:+971564129929">
    <button class="btn-floating phone">
      <img src="images/phone.png" alt="Phone">
      <span>+97 1564 129929</span>
    </button>
  </a>
  
  <a href="https://api.whatsapp.com/send?phone=971564129929&amp;text=Dear%20FIRSTLEAF%2C%0AI%27m%20interested%20in%20one%20of%20your%20properties.%20Would%20appreciate%20if%20you%20can%20get%20back%20to%20me%20soon." target="_blank">
    <button class="btn-floating whatsapp">
      <img src="images/whtsap.png" alt="WhatsApp">
      <span>Get in touch with our team today</span>
    </button>
  </a>


<!----/* #end whatsaap floating button code*/---->

    
        
        <!-- Page Loader -->        
        <div class="page-loader color" style="display: none;">
            <div class="loader" style="display: none;">Loading...</div>
        </div>
        <!-- End Page Loader -->
        
        <!-- Skip to Content -->
        <a href="#main" class="btn skip-to-content">Skip to Content</a>
        <!-- End Skip to Content -->
        
        <!-- Page Wrap -->
        <div class="page" id="top">
            
            <!-- Navigation Panel -->
            <nav class="main-nav dark transparent light-after-scroll stick-fixed wow-menubar wch-unset mobile-on js-transparent" style="opacity: 1;">
                <div class="main-nav-sub container">
                    
                    <!-- Logo  (* Add your text or image to the link tag. Use SVG or PNG image format. 
                    If you use a PNG logo image, the image resolution must be equal 200% of the visible logo
                    image size for support of retina screens. See details in the template documentation. *) -->
                    <div class="nav-logo-wrap position-static local-scroll">
                        <a href="/" class="logo">
                            <img src="images/logo-white.png" alt="Firstleaf" width="154" height="35" class="logo-white">
                            <img src="images/logo-dark.png" alt="Firstleaf" width="154" height="35" class="logo-dark">
                        </a>
                    </div>
                    
                    <!-- Mobile Menu Button -->
                    <div class="mobile-nav" role="button" tabindex="0" aria-expanded="false">
                        <i class="mobile-nav-icon"></i>
                        <span class="visually-hidden">Menu</span>
                    </div>
                    
                    <!-- Main Menu -->
                    <div class="inner-nav desktop-nav" style="display: none;">
                        <ul class="clearlist local-scroll justify-content-end" style="max-height: 495px;">                            
                            <li><a href="/" class="active">Home</a></li>
                            <li><a href="/about">About</a></li>
                            <li><a href="/contact">Contact</a></li>
                            
                            <li class="desktop-nav-display">
                                <div class="vr mt-2"></div>
                            </li>
                            
                            <!-- Languages -->
                           
                            <!-- End Languages -->  
                                                      
                            <li>
                                <a href="#contactform" class="opacity-1 no-hover">
                                    <!-- Button visible before body scrolling -->
                                    <span class="btn btn-mod btn-border-w-light btn-small btn-round scrolled-hidden" data-btn-animate="y"><span class="btn-animate-y"><span class="btn-animate-y-1">Get in touch</span><span class="btn-animate-y-2" aria-hidden="true">Get in touch</span></span></span>
                                    <!-- Button visible after body scrolling -->
                                    <span class="btn btn-mod btn-w btn-border-c btn-small btn-round scrolled-visible" data-btn-animate="y"><span class="btn-animate-y"><span class="btn-animate-y-1">Get in touch</span><span class="btn-animate-y-2" aria-hidden="true">Get in touch</span></span></span>
                                </a>
                            </li>
                        </ul>                      
                        
                    </div>
                    <!-- End Main Menu -->
                    
                </div>
            </nav>
            <!-- End Navigation Panel -->
            
            <main id="main">
            
                <!-- Home Section -->
                <section class="home-section bg-dark-1 light-content" id="home">
                    <div class="container min-height-100vh d-flex align-items-center pt-100 pb-100 pt-sm-120 pb-sm-120">
                        
                        <!-- Background Video -->
                        <!-- Please replace the video file in folder "video" with your own file -->
                        <div class="bg-video-wrapper">
                            <video class="bg-video" preload="auto" autoplay="" loop="" muted="" playsinline="">
                                <source src="videos/samp.mp4" type="video/mp4">                                     
                            </video>
                            <div class="bg-video-overlay bg-dark-alpha-20"></div>
                        </div>
                       
                        <!-- End Background Video -->
                        
                        <!-- Home Section Content -->
                        <div class="home-content">
                            <div class="row">
                                
                                <!-- Home Section Text -->
                                <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                                    
                                    <h2 class="section-caption-fancy large mb-30 mb-xs-20 wow fadeInUp no-animate animated" style="visibility: visible; animation-name: fadeInUp;">
                                        Dubai's Top Ranked Agency
                                    </h2>
                                    
                                    
                                    <h1 class="hs-title-3 mb-80 mb-sm-50 mb-xs-30">
                                        <span class="visually-hidden user-select-none">Welcome to First Leaf </span><span class="wow charsAnimInLong words chars splitting no-animate animated" data-splitting="chars" aria-hidden="true" style="--word-total: 4; --char-total: 18; visibility: visible;"><span class="word" data-word="Welcome" style="--word-index: 0;"><span class="char" data-char="W" style="--char-index: 0;">W</span><span class="char" data-char="e" style="--char-index: 1;">e</span><span class="char" data-char="l" style="--char-index: 2;">l</span><span class="char" data-char="c" style="--char-index: 3;">c</span><span class="char" data-char="o" style="--char-index: 4;">o</span><span class="char" data-char="m" style="--char-index: 5;">m</span><span class="char" data-char="e" style="--char-index: 6;">e</span></span><span class="whitespace"> </span><span class="word" data-word="to" style="--word-index: 1;"><span class="char" data-char="t" style="--char-index: 7;">t</span><span class="char" data-char="o" style="--char-index: 8;">o</span></span><span class="whitespace"> </span><span class="word" data-word="First" style="--word-index: 2;"><span class="char" data-char="F" style="--char-index: 9;">F</span><span class="char" data-char="i" style="--char-index: 10;">i</span><span class="char" data-char="r" style="--char-index: 11;">r</span><span class="char" data-char="s" style="--char-index: 12;">s</span><span class="char" data-char="t" style="--char-index: 13;">t</span></span><span class="whitespace"> </span><span class="word" data-word="Leaf" style="--word-index: 3;"><span class="char" data-char="L" style="--char-index: 14;">L</span><span class="char" data-char="e" style="--char-index: 15;">e</span><span class="char" data-char="a" style="--char-index: 16;">a</span><span class="char" data-char="f" style="--char-index: 17;">f</span></span> </span>
                                     </h1>

                                      
                                    
                                    <div class="row">
                                        <div class="col-md-10 offset-md-1">
                                            <p class="section-descr white mb-40 wow fadeInUp no-animate animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                                                Find your Dream home in DUBAI with us
                                            </p>
                                        </div>
                                    </div>
                                    
                                    <div class="local-scroll wow fadeInUp wch-unset no-animate animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
                                        
                                        <a href="#contactform" class="btn btn-mod btn-color btn-large btn-round btn-hover-anim mx-1 mb-xs-10 ">
                                            <span>Enquire Now</span>
                                        </a>
                                        
                                        
                                        
                                    </div>
                                        
                                </div>
                                <!-- End Home Section Text -->
                                
                            </div>                            
                        </div>
                        <!-- End Home Section Content -->
                                               
                        <!-- Scroll Down -->
                        <div class="local-scroll scroll-down-wrap-4 wow fadeInUp no-animate animated" data-wow-offset="0" style="visibility: visible; animation-name: fadeInUp;">
                            <div class="full-wrapper text-center">
                                <a href="#developer" class="scroll-down-4">
                                    <i class="mi-arrow-down size-24" aria-hidden="true"></i>
                                </a>
                            </div>
                        </div>
                        <!-- End Scroll Down -->
                        
                    </div>
                </section>
                <!-- End Home Section -->
                
                
                <!-- About Section -->
                
                <!-- End About Section -->
                
                
              <!-- Portfolio Section -->
              <section class="page-section" id="developer">
                <div class="container position-relative">
                
                    <div class="row mb-60 mb-sm-40">                            
                        <div class="col-md-8 offset-md-2 text-center">                                
                            <h2 class="section-caption-fancy mb-20 mb-xs-10">DUBAI DEVELOPERS</h2>
                            <h3 class="section-title mb-0" style="font-family:Urbanist">DUBAI Top Developers</h3>
                        </div>                            
                    </div>
                    
                    <!-- Works Filter -->                    
                                         
                    <!-- End Works Filter -->
                    
                    <div class="position-relative">
                        
                        <!-- Decorative Waves -->
                        <div class="decoration-6 d-none d-sm-block opacity-055" data-rellax-y="" data-rellax-speed="-0.7" data-rellax-percentage="2">
                            <img src="images/circle-text.png" alt="">
                        </div>
                        <!-- End Decorative Waves -->
                        

                        
                        <!-- Works Grid -->
                        <ul class="works-grid work-grid-3 work-grid-gut work-grid-fancy" id="work-grid" style="position: relative; height: 1746.78px;">
                            
                            <!-- Work Item (Lightbox) -->
                            <li class="work-item mix development" style="position: absolute; left: 0px; top: 0px;">
                                <div class="wow-p fadeInUp no-animate" data-wow-offset="0" style="visibility: visible; animation-name: none;">
                                    <a href="/emaar">
                                        <div class="video">
                                            <video preload="auto" autoplay="" loop="" muted="" playsinline="">
                                            <source src="videos/emaar1.mp4" type="video/mp4">
                                        </video>
                                        </div>
                                        <div class="work-intro text-center">
                                            <h3 class="work-title" style="font-family:Tomorrow">EMAAR Properties</h3>
                                            <div class="work-descr">
                                                View Properties →
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <!-- End Work Item -->
                            
                            <!-- Work Item (External Page) -->
                            <li class="work-item mix branding design" style="position: absolute; left: 379.234px; top: 0px;">
                                <div class="wow-p fadeInUp no-animate" data-wow-offset="0" style="visibility: visible; animation-name: none;">
                                    <a href="/damac" class="work-ext-link">
                                        <div class="video">
                                            <video preload="auto" autoplay="" loop="" muted="" playsinline="">
                                            <source src="videos/damac1.mp4" type="video/mp4">
                                        </video>
                                        </div>
                                        <div class="work-intro text-center">
                                            <h3 class="work-title" style="font-family:Tomorrow">DAMAC Properties</h3>
                                            <div class="work-descr">
                                                View Properties →
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <!-- End Work Item -->
                            
                            <!-- Work Item (External Page) -->
                            <li class="work-item mix branding" style="position: absolute; left: 0px; top: 350.344px;">
                                <div class="wow-p fadeInUp no-animate" data-wow-offset="0" style="visibility: visible; animation-name: none;">
                                    <a href="#contactform" class="work-ext-link">
                                        <div class="video">
                                            <video preload="auto" autoplay="" loop="" muted="" playsinline="">
                                            <source src="videos/sobha1.mp4" type="video/mp4">
                                        </video>
                                        </div>
                                        <div class="work-intro text-center">
                                            <h3 class="work-title" style="font-family:Tomorrow">SOBHA Properties</h3>
                                            <div class="work-descr">
                                                View Properties →
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <!-- End Work Item -->
                            
                            <!-- Work Item (External Page) -->
                            <li class="work-item mix design development" style="position: absolute; left: 379.234px; top: 350.344px;">
                                <div class="wow-p fadeInUp no-animate" data-wow-offset="0" style="visibility: visible; animation-name: none;">
                                    <a href="#contactform" class="work-ext-link">
                                        <div class="video">
                                            <video preload="auto" autoplay="" loop="" muted="" playsinline="">
                                            <source src="videos/nsha.mp4" type="video/mp4">
                                        </video>
                                        </div>
                                        <div class="work-intro text-center">
                                            <h3 class="work-title" style="font-family:Tomorrow">NSHAMA Properties</h3>
                                            <div class="work-descr">
                                                View Properties →
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <!-- End Work Item -->
                            
                            <!-- Work Item (External Page) -->
                            <li class="work-item mix design" style="position: absolute; left: 0px; top: 699.453px;">
                                <div class="wow-p fadeInUp no-animate" data-wow-offset="0" style="visibility: visible; animation-name: none;">
                                    <a href="#contactform" class="work-ext-link">
                                        <div class="video">
                                            <video preload="auto" autoplay="" loop="" muted="" playsinline="">
                                            <source src="videos/danube1.mp4" type="video/mp4">
                                        </video>
                                        </div>
                                        <div class="work-intro text-center">
                                            <h3 class="work-title" style="font-family:Tomorrow">Danube Properties</h3>
                                            <div class="work-descr">
                                                View Properties →
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <!-- End Work Item -->
                            
                            <!-- Work Item (Lightbox) -->
                            <li class="work-item mix design branding" style="position: absolute; left: 379.234px; top: 699.453px;">
                                <div class="wow-p fadeInUp no-animate" data-wow-offset="0" style="visibility: visible; animation-name: none;">
                                    <a href="#contactform">
                                        <div class="video">
                                            <video preload="auto" autoplay="" loop="" muted="" playsinline="">
                                            <source src="videos/samana1.mp4" type="video/mp4">
                                        </video>
                                        </div>
                                        <div class="work-intro text-center">
                                            <h3 class="work-title" style="font-family:Tomorrow">SAMANA Properties</h3>
                                            <div class="work-descr">
                                                View Properties →
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <!-- End Work Item -->

                             <!-- Work Item (Lightbox) -->
                             <li class="work-item mix design branding" style="position: absolute; left: 0px; top: 1048.56px;">
                                <div class="wow-p fadeInUp no-animate" data-wow-offset="0" style="visibility: visible; animation-name: none;">
                                    <a href="#contactform">
                                        <div class="video">
                                            <video preload="auto" autoplay="" loop="" muted="" playsinline="">
                                            <source src="videos/deca1.mp4" type="video/mp4">
                                        </video>
                                        </div>
                                        <div class="work-intro text-center">
                                            <h3 class="work-title" style="font-family:Tomorrow">Meraas Properties</h3>
                                            <div class="work-descr">
                                                View Properties →
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <!-- End Work Item -->

                             <!-- Work Item (Lightbox) -->
                             <li class="work-item mix design branding" style="position: absolute; left: 379.234px; top: 1048.56px;">
                                <div class="wow-p fadeInUp no-animate" data-wow-offset="0" style="visibility: visible; animation-name: none;">
                                    <a href="#contactform">
                                        <div class="video">
                                            <video preload="auto" autoplay="" loop="" muted="" playsinline="">
                                            <source src="videos/arada1.mp4" type="video/mp4">
                                        </video>
                                        </div>
                                        <div class="work-intro text-center">
                                            <h3 class="work-title" style="font-family:Tomorrow">ARADA Properties</h3>
                                            <div class="work-descr">
                                                View Properties →
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <!-- End Work Item -->

                             <!-- Work Item (Lightbox) -->
                             <li class="work-item mix design branding" style="position: absolute; left: 0px; top: 1397.67px;">
                                <div class="wow-p fadeInUp no-animate" data-wow-offset="0" style="visibility: visible; animation-name: none;">
                                    <a href="#contactform">
                                        <div class="video">
                                            <video preload="auto" autoplay="" loop="" muted="" playsinline="">
                                            <source src="videos/nakheel1.mp4" type="video/mp4">
                                        </video>
                                        </div>
                                        <div class="work-intro text-center">
                                            <h3 class="work-title" style="font-family:Tomorrow">NAKHEEL Properties</h3>
                                            <div class="work-descr">
                                                View Properties →
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </li>
                            <!-- End Work Item -->
                            
                        </ul>
                        <!-- End Works Grid -->
                        
                    </div>                        
                    
                        
                
                </div>
            </section>
            <!-- End Portfolio Section -->
                
                
                


                <!-- Features Slider Section -->
                <section class="page-section bg-dark bg-dark-alpha-70 light-content" style="background-image: url(images/full-width-images/section-bg-4.jpg)">
                    <div class="container position-relative">
                        
                        <div class="wow fadeInUp no-animate" style="visibility: visible; animation-name: none;">                            
                            <div class="item-carousel owl-carousel autoplay owl-theme" role="region" aria-roledescription="carousel" style="opacity: 1; display: block;"><div class="owl-controls clickable"><div class="owl-pagination"><div class="owl-page active"><span class=""></span></div><div class="owl-page"><span class=""></span></div></div><div class="owl-buttons"><div class="owl-prev" role="button" tabindex="0"><span class="visually-hidden">Previous Slide</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27px" height="57px" viewBox="0 0 27 57" fill="currentColor" aria-hidden="true" focusable="false"><path d="M5.005,28.500 L27.000,54.494 L24.000,56.994 L0.005,28.500 L24.000,0.006 L27.000,2.506 L5.005,28.500 Z"></path></svg></div><div class="owl-next" role="button" tabindex="0"><span class="visually-hidden">Next Slide</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27px" height="57px" viewBox="0 0 27 57" fill="currentColor" aria-hidden="true" focusable="false"><path d="M21.995,28.500 L-0.000,54.494 L3.000,56.994 L26.995,28.500 L3.000,0.006 L-0.000,2.506 L21.995,28.500 Z"></path></svg></div></div></div><button class="owl-pause-button visually-hidden sr-only">Stop Sliding</button>
                                
                                <!-- Features Item -->
                                <div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 1944px; left: 0px; display: block;"><div class="owl-item active" style="width: 243px;"><div class="features-item">
                                    <div class="features-icon">
                                        <svg width="24" height="24" viewBox="0 0 576 512" fill="currentColor" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
                                            <path d="M575.8 255.5c0 18-15 32.1-32 32.1l-32 0 .7 160.2c.2 35.5-28.5 64.3-64 64.3l-320.4 0c-35.3 0-64-28.7-64-64l0-160.4-32 0c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24zM352 224a64 64 0 1 0 -128 0 64 64 0 1 0 128 0zm-96 96c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16l192 0c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80l-64 0z"></path>
                                        </svg>
                                    </div>
                                    <div class="features-title" style="font-family:Bungee Inline">
                                        AED 2B+ 
                                    </div>
                                    <div class="features-descr">
                                        Annually Selling Properties Worth Over AED 2 Billion
                                    </div>
                                </div></div><div class="owl-item active" style="width: 243px;"><div class="features-item">
                                    <div class="features-icon">
                                        <svg width="24" height="24" viewBox="0 0 640 512" fill="currentColor" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
                                            <path d="M323.4 85.2l-96.8 78.4c-16.1 13-19.2 36.4-7 53.1c12.9 17.8 38 21.3 55.3 7.8l99.3-77.2c7-5.4 17-4.2 22.5 2.8s4.2 17-2.8 22.5l-20.9 16.2L512 316.8 512 128l-.7 0-3.9-2.5L434.8 79c-15.3-9.8-33.2-15-51.4-15c-21.8 0-43 7.5-60 21.2zm22.8 124.4l-51.7 40.2C263 274.4 217.3 268 193.7 235.6c-22.2-30.5-16.6-73.1 12.7-96.8l83.2-67.3c-11.6-4.9-24.1-7.4-36.8-7.4C234 64 215.7 69.6 200 80l-72 48 0 224 28.2 0 91.4 83.4c19.6 17.9 49.9 16.5 67.8-3.1c5.5-6.1 9.2-13.2 11.1-20.6l17 15.6c19.5 17.9 49.9 16.6 67.8-2.9c4.5-4.9 7.8-10.6 9.9-16.5c19.4 13 45.8 10.3 62.1-7.5c17.9-19.5 16.6-49.9-2.9-67.8l-134.2-123zM16 128c-8.8 0-16 7.2-16 16L0 352c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-224-80 0zM48 320a16 16 0 1 1 0 32 16 16 0 1 1 0-32zM544 128l0 224c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-208c0-8.8-7.2-16-16-16l-80 0zm32 208a16 16 0 1 1 32 0 16 16 0 1 1 -32 0z"></path>
                                        </svg>
                                    </div>
                                    <div class="features-title" style="font-family:Bungee Inline">
                                     140+
                                    </div>
                                    <div class="features-descr">
                                        We have a tam of over 140 realtors and marketing professionals.
                                    </div>
                                </div></div><div class="owl-item active" style="width: 243px;"><div class="features-item">
                                    <div class="features-icon">
                                        <svg width="24" height="24" viewBox="0 0 30 30" fill="currentColor" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
                                           <path d="M24.1,28.5h-0.5V4.1c0-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.3-0.2-0.5-0.2h-2.2V0.7c0-0.4-0.3-0.7-0.7-0.7s-0.7,0.3-0.7,0.7v2.6 h-1.1V1.8c0-0.4-0.3-0.7-0.7-0.7c-0.4,0-0.7,0.3-0.7,0.7v1.6H7.1c-0.4,0-0.7,0.3-0.7,0.7v24.4H5.9c-0.4,0-0.7,0.3-0.7,0.7 c0,0.4,0.3,0.7,0.7,0.7h18.3c0.4,0,0.7-0.3,0.7-0.7C24.9,28.9,24.5,28.5,24.1,28.5L24.1,28.5z M10.5,27H9.2c-0.4,0-0.7-0.3-0.7-0.7 c0-0.4,0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7C11.2,26.7,10.9,27,10.5,27z M10.5,23.8H9.2c-0.4,0-0.7-0.3-0.7-0.7 c0-0.4,0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7C11.2,23.5,10.9,23.8,10.5,23.8z M10.5,20.6H9.2c-0.4,0-0.7-0.3-0.7-0.7 c0-0.4,0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7S10.9,20.6,10.5,20.6z M10.5,17.4l-1.3,0c-0.4,0-0.7-0.3-0.7-0.7 c0-0.4,0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7C11.2,17.1,10.9,17.4,10.5,17.4L10.5,17.4z M10.5,14.2l-1.3,0 c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7C11.2,13.9,10.9,14.2,10.5,14.2L10.5,14.2z M10.5,11 l-1.3,0c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7S10.9,11,10.5,11L10.5,11z M10.5,7.8l-1.3,0 c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7C11.2,7.5,10.9,7.8,10.5,7.8L10.5,7.8z M17.5,27h-5.1 c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h5.1c0.4,0,0.7,0.3,0.7,0.7C18.3,26.7,17.9,27,17.5,27z M17.5,23.8h-5.1 c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h5.1c0.4,0,0.7,0.3,0.7,0.7C18.3,23.5,17.9,23.8,17.5,23.8z M17.5,20.6h-5.1 c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h5.1c0.4,0,0.7,0.3,0.7,0.7C18.3,20.3,17.9,20.6,17.5,20.6z M17.5,17.4l-5.1,0 c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h5.1c0.4,0,0.7,0.3,0.7,0.7C18.3,17.1,17.9,17.4,17.5,17.4L17.5,17.4z M17.5,14.2 l-5.1,0c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h5.1c0.4,0,0.7,0.3,0.7,0.7C18.3,13.9,17.9,14.2,17.5,14.2L17.5,14.2z  M17.5,11l-5.1,0c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h5.1c0.4,0,0.7,0.3,0.7,0.7S17.9,11,17.5,11L17.5,11z M17.5,7.8l-5.1,0 c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h5.1c0.4,0,0.7,0.3,0.7,0.7C18.3,7.5,17.9,7.8,17.5,7.8L17.5,7.8z M20.8,27l-1.3,0 c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7C21.6,26.7,21.2,27,20.8,27L20.8,27z M20.8,23.8l-1.3,0 c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7C21.6,23.5,21.2,23.8,20.8,23.8L20.8,23.8z M20.8,20.6 l-1.3,0c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7C21.6,20.3,21.2,20.6,20.8,20.6L20.8,20.6z M20.8,17.4 l-1.3,0c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7C21.6,17.1,21.2,17.4,20.8,17.4L20.8,17.4z  M20.8,14.2l-1.3,0c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7C21.6,13.9,21.2,14.2,20.8,14.2 L20.8,14.2z M20.8,11l-1.3,0c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7S21.2,11,20.8,11L20.8,11z M20.8,7.8 l-1.3,0c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h1.3c0.4,0,0.7,0.3,0.7,0.7C21.6,7.5,21.2,7.8,20.8,7.8L20.8,7.8z"></path>
                                        </svg>
                                    </div>
                                    <div class="features-title" style="font-family:Bungee Inline">
                                    16 Years+
                                    </div>
                                    <div class="features-descr">
                                        Serving the real estate industry since 2008
                                    </div>
                                </div></div><div class="owl-item" aria-hidden="true" style="width: 243px;"><div class="features-item">
                                    <div class="features-icon">
                                        <svg width="24" height="24" viewBox="0 0 640 512" fill="currentColor" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
                                            <path d="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3zM609.3 512l-137.8 0c5.4-9.4 8.6-20.3 8.6-32l0-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1 4.7-.2 7.1-.2l61.4 0C567.8 320 640 392.2 640 481.3c0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9C372.4 196.5 384 163.6 384 128c0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z"></path>
                                        </svg>
                                    </div>
                                    <div class="features-title" style="font-family:Bungee Inline">
                                     4000+ 
                                    </div>
                                    <div class="features-descr">
                                        Serving over 4,000 satisfied clients since 2008
                                    </div>
                                </div></div></div></div>
                                <!-- End Features Item -->
                                
                                <!-- Features Item -->
                                
                                <!-- End Features Item -->
                                
                                <!-- Features Item -->
                                
                                <!-- End Features Item -->
                                
                                <!-- Features Item -->
                                
                                <!-- End Features Item -->
                                
                               
                                
                            </div>                            
                        </div>
                    
                    </div>
                </section>
                <!-- End Features Slider Section -->

 


                 <!-- Call Action Section -->
                 <section class="page-section">
                    <div class="container position-relative">
                        
                        <!-- Decorative Waves -->
                        <div class="decoration-3 d-none d-sm-block" data-rellax-y="" data-rellax-speed="-0.7" data-rellax-percentage="2">
                            <img src="images/demo-fancy/goldv.png" alt="">
                        </div>
                        <!-- End Decorative Waves -->
                        
                        <div class="row text-center wow fadeInUp no-animate" style="visibility: visible; animation-name: none;">
                            <div class="col-md-8 offset-md-2 col-lg-6 offset-lg-3">
                                <div class="marquee marquee-style-1 mb-30">
                                    <div class="marquee-track marquee-animation">
                                        <div>Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>
                                        <div aria-hidden="true">Free Golden Visa Service 24/7</div>

                                    </div>
                                </div>             
                                <div class="local-scroll">
                                    <a href="https://api.whatsapp.com/send?phone=971564129929&amp;text=Dear%20FIRSTLEAF%2C%0AI%27m%20interested.%20Would%20appreciate%20if%20you%20can%20get%20back%20to%20me%20soon." class="btn btn-mod btn-large btn-round btn-hover-anim"><span>Get free Consult</span></a>
                                </div>
                            </div>                             
                        </div>
                        
                    </div>
                </section>
                <!-- End Call Action Section -->
                
                
                
                
                
                  <!-- Newsletter Section -->
                 <section class="page-section bg-dark-1 bg-dark-alpha-90 light-content" style="background-image: url(images/full-width-images/section-bg-4.jpg)">
                    <div class="container position-relative">
                    
                        <div class="row">
                            <div class="col-md-8 offset-md-2 col-xl-6 offset-xl-3 wow fadeInUp no-animate" style="visibility: visible; animation-name: none;">
                                
                                <h3 class="section-title-tiny text-center" style="font-family:Urbanist">REAL ESTATE MARKET REVIEW</h3>
                                <h2 class="section-title-small text-center mb-40" style="font-family:Rajdhani">Download our UAE Real Estate Market Report Q2 2024</h2>
                                
                                <div class="wrap">
                                    <a href="files/First-Leaf-Quarter-2-Report-Dubai.pdf" button="" class="button" style="color:#313133">View Report</a>
                                  </div>
                                  <div class="form-tip text-center">
                                    <i class="icon-info size-16" aria-hidden="true"></i>
                                    Stay informed on the latest market trends &amp; updates.
                                </div>

                            </div>
                        </div>
                    
                    </div>
                </section>
                <!-- End Newsletter Section -->
                
                
                
                
                
               
                
                
                <!-- Testimonials Section -->
                <section class="page-section1">
                   
                    
                        
                        
                        <!-- Logotypes -->
                        <div class="page-section pb-0 text-center">
                            
                            <h3 class="section-title-tiny">Trusted by UAE Developers</h3>
                            
                            <div class="small-item-carousel black owl-carousel mb-0 autoplay owl-theme" role="region" aria-roledescription="carousel" style="opacity: 1; display: block;"><div class="owl-controls clickable"><div class="owl-buttons"><div class="owl-prev" role="button" tabindex="0"><span class="visually-hidden">Previous Slide</span><i class="fa fa-angle-left" aria-hidden="true"></i></div><div class="owl-next" role="button" tabindex="0"><span class="visually-hidden">Next Slide</span><i class="fa fa-angle-right" aria-hidden="true"></i></div></div></div><button class="owl-pause-button visually-hidden sr-only">Stop Sliding</button>
                                    
                                <!-- Logo Item -->
                                <div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 4734px; left: 0px; display: block;"><div class="owl-item active" style="width: 263px;"><div class="logo-item">
                                    <img src="images/demo-fancy/logotypes/logo-1.png" width="215" height="75" alt="">
                                </div></div><div class="owl-item active" style="width: 263px;"><div class="logo-item">
                                    <img src="images/demo-fancy/logotypes/logo-2.png" width="215" height="75" alt="">
                                </div></div><div class="owl-item active" style="width: 263px;"><div class="logo-item">
                                    <img src="images/demo-fancy/logotypes/logo-3.png" width="215" height="75" alt="">
                                </div></div><div class="owl-item" aria-hidden="true" style="width: 263px;"><div class="logo-item">
                                    <img src="images/demo-fancy/logotypes/logo-4.png" width="215" height="75" alt="">
                                </div></div><div class="owl-item" aria-hidden="true" style="width: 263px;"><div class="logo-item">
                                    <img src="images/demo-fancy/logotypes/logo-5.png" width="215" height="75" alt="">
                                </div></div><div class="owl-item" aria-hidden="true" style="width: 263px;"><div class="logo-item">
                                    <img src="images/demo-fancy/logotypes/logo-6.png" width="215" height="75" alt="">
                                </div></div><div class="owl-item" aria-hidden="true" style="width: 263px;"><div class="logo-item">
                                    <img src="images/demo-fancy/logotypes/logo-7.png" width="215" height="75" alt="">
                                </div></div><div class="owl-item" aria-hidden="true" style="width: 263px;"><div class="logo-item">
                                    <img src="images/demo-fancy/logotypes/logo-8.png" width="215" height="75" alt="">
                                </div></div><div class="owl-item" aria-hidden="true" style="width: 263px;"><div class="logo-item">
                                    <img src="images/demo-fancy/logotypes/logo-9.png" width="215" height="75" alt="">
                                </div></div></div></div>
                                <!-- End Logo Item -->
                                
                                <!-- Logo Item -->
                                
                                <!-- End Logo Item -->
                                
                                <!-- Logo Item -->
                                
                                <!-- End Logo Item -->
                                
                                <!-- Logo Item -->
                                
                                <!-- End Logo Item -->
                                
                                <!-- Logo Item -->
                                
                                <!-- End Logo Item -->
                                
                                <!-- Logo Item -->
                                
                                <!-- End Logo Item -->
                                
                                <!-- Logo Item -->
                                
                                <!-- End Logo Item -->
                                
                                <!-- Logo Item -->
                                
                                <!-- End Logo Item -->

                                <!-- Logo Item -->
                                
                                <!-- End Logo Item -->
                                
                            </div>
                            
                        </div>
                        <!-- End Logotypes -->
                    
                    </section></main></div>
                
                <!-- End Testimonials Section -->
                
                
                <!-- Divider -->
               
                <!-- End Divider -->
                
                
                <!-- Blog Section -->
                
                <!-- End Blog Section -->
                
                
                <!-- Divider -->
              
                <!-- End Divider -->
                
                
                
                
                
                <!-- Pricing Section -->
                
                <!-- End Pricing Section -->
                
                
                <!-- Divider -->
                
                <!-- End Divider -->
                
                
                <!-- Contact Section -->
                <section class="page-section" id="contact">
                    <div class="container position-relative">
                    
                          <div class="row">
                            
                            <!-- Left Column -->
                            <div class="col-lg-4 mb-md-50 mb-sm-30 position-relative z-index-1"> 
                                                           
                                <h2 class="section-caption-fancy mb-20 mb-xs-10">Get Consulation</h2>
                                <h3 class="section-title text-center" mb-50="" mb-sm-30="" style="font-family:Great Vibes">Say hello,</h3>
                                <p>We are more than just a real estate company — we are your trusted partner in realizing your luxury living and investment aspirations.</p>
                                
                                <!-- Contact Information -->
                                <div class="row">
                                    <div class="col-md-11">
                                        
                                        <!-- Address -->
                                        <div class="contact-item mb-30 mb-sm-20">
                                            <div class="ci-icon">
                                                <i class="mi-location" aria-hidden="true"></i>
                                            </div>
                                            <h4 class="ci-title visually-hidden">
                                                Our Address
                                            </h4>
                                            <div class="ci-text">
                                                SMARK 1 Office #7 Al Qouz 3 Sheikh Zayed Road Dubai, United Arab Emirates
                                            </div>
                                            <div>
                                                <a href="https://maps.app.goo.gl/VUnYSpKSXibr6WCo9" class="link-hover-anim" data-link-animate="y" rel="nofollow noopener" target="_blank"><span class="link-strong link-strong-unhovered">See Map <i class="mi-arrow-right size-18" aria-hidden="true"></i></span><span class="link-strong link-strong-hovered" aria-hidden="true">See Map <i class="mi-arrow-right size-18" aria-hidden="true"></i></span></a>
                                            </div>
                                        </div>
                                        <!-- End Address -->
                                        
                                        <!-- Email -->                                    
                                        <div class="contact-item mb-30 mb-sm-20">
                                            <div class="ci-icon">
                                                <i class="mi-email" aria-hidden="true"></i>
                                            </div>
                                            <h4 class="ci-title visually-hidden">
                                                Our Email
                                            </h4>
                                            <div class="ci-text">
                                                [email protected]
                                            </div>
                                            <div>
                                                <a href="mailto:[email protected]" class="link-hover-anim" data-link-animate="y"><span class="link-strong link-strong-unhovered">Say Hello <i class="mi-arrow-right size-18" aria-hidden="true"></i></span><span class="link-strong link-strong-hovered" aria-hidden="true">Say Hello <i class="mi-arrow-right size-18" aria-hidden="true"></i></span></a>
                                            </div>
                                        </div>                                    
                                        <!-- End Email -->
                                        
                                        <!-- Phone -->
                                        <div class="contact-item">
                                            <div class="ci-icon">
                                                <i class="mi-mobile" aria-hidden="true"></i>
                                            </div>
                                            <h4 class="ci-title visually-hidden">
                                                Call Us
                                            </h4>
                                            <div class="ci-text">
                                                +971 56 412 9929
                                                <div class="small">
                                                    (Mon-Sat: 9:00 to 18:00)
                                                </div>
                                            </div>
                                            <div>
                                                <a href="tel:+971564129929" class="link-hover-anim" data-link-animate="y"><span class="link-strong link-strong-unhovered">Call now <i class="mi-arrow-right size-18" aria-hidden="true"></i></span><span class="link-strong link-strong-hovered" aria-hidden="true">Call now <i class="mi-arrow-right size-18" aria-hidden="true"></i></span></a>
                                            </div>
                                        </div>
                                        <!-- End Phone -->
                                        
                                    </div>
                                </div>
                                <!-- End Contact Information -->
                            
                            </div>
                            <!-- End Left Column -->
                            
                            <!-- Right Column -->
                            <div class="col-lg-8 col-xl-7 offset-xl-1">                                
                                <div class="position-relative">
                                    
                                    <!-- Decorative Image -->
                                    <div class="decoration-11 d-none d-xl-block">
                                        <div class="wow fadeInUp no-animate animated" style="visibility: visible; animation-name: fadeInUp;">
                                            <img src="images/demo-fancy/contact-section-image.png" width="225" height="250" alt="">
                                        </div>
                                    </div>
                                    <!-- End Decorative Image -->
                                    
                                    <div class="box-shadow round p-4 p-sm-5" id="contactform">
                                        
                                        <h4 class="h3 mb-30">Get in Touch</h4>
                                        <div class="ci-text mb-30">
                                            
                                            Fill out the form to get exclusive deals.
                                        </div>
                                      
                                        
                                        <!-- Contact Form -->
                                        <form action="okay.php" method="POST" class="form contact-form" id="contact_form">
                                            
                                            <div class="row">
                                                <div class="col-md-6">
                                                    
                                                    <!-- Name -->
                                                    <div class="form-group">
                                                        <label for="name">Name *</label>
                                                        <input type="text" name="name" id="name" class="input-lg round form-control" placeholder="Enter your full name" pattern=".{3,100}" required="" aria-required="true">
                                                    </div>
                                                    <!-- End Name -->
                                                    
                                                </div>
                                                
                                                <div class="col-md-6">
                                                    
                                                    <!-- phone -->
                                                    <div class="form-group">
                                                        <label for="phone">Phone *</label>
                                                        <input type="tel" name="phone" id="phone" class="input-lg round form-control" placeholder="Phone number" required="" aria-required="true">
                                                    </div>
                                                    <!-- End phone -->
                                                    
                                                </div>
                                            </div>
                                            
                                            <!-- Email -->
                                            <div class="form-group">
                                                <label for="email">Email</label>
                                                <input type="email" name="email" id="email" class="input-lg round form-control" placeholder="Enter your email" pattern=".{5,100}">
                                            </div>
                                            <!-- End Email -->

                                            <!-- Message -->
                                            <div class="form-group">
                                                <label for="message">Message</label>
                                                <textarea name="message" id="message" class="input-lg round form-control" style="height: 130px;" placeholder="Enter your message"></textarea>
                                            </div>
                                            
                                            <div class="row">
                                                <div class="col-md-6 col-xl-5">
                                                    
                                                    <!-- Send Button -->
                                                    <div class="pt-3">
                                                        <button class="submit_btn btn btn-mod btn-color btn-large btn-round btn-hover-anim" id="submit_btn" aria-controls="result">
                                                            <span>Submit</span>
                                                        </button>
                                                    </div>
                                                    <!-- End Send Button -->
                                                                                                                                             
                                                </div>
                                                
                                                <div class="col-md-6 col-xl-7 d-flex align-items-center">
                                                    
                                                    <!-- Inform Tip -->
                                                    <div class="form-tip w-100 pt-3 mt-sm-20">
                                                        <i class="icon-info size-16" aria-hidden="true"></i>
                                                        All the fields are required. By sending the form you agree to the <a href="/terms">Terms &amp; Conditions</a> and <a href="/privacy">Privacy Policy</a>.
                                                    </div>
                                                    <!-- End Inform Tip -->
                                                    
                                                </div>
                                            </div>
                                           
                                           <div id="result" role="region" aria-live="polite" aria-atomic="true"></div>
                                           
                                        </form>
                                        <!-- End Contact Form -->
                                        
                                    </div>
                                    
                                </div>                                
                            </div>    
                            <!-- End Right Column -->
                            
                        </div>            
                    
                    </div>
                </section>
                <!-- End Contact Section -->
                
           
            
            <!-- Footer -->
            <footer class="page-section footer bg-dark-1 light-content pb-30">
                <div class="container">
                    
                    <div class="row pb-120 pb-sm-80 pb-xs-50">
                                                
                       <div class="col-lg-3 text-gray mb-md-50">
                            
                            <div class="mb-30">
                                <img src="images/logo-white.png" alt="First Leaf" width="154" height="35">
                            </div>
                            
                            <p style="font-family:Urbanist">
                                Property Consultant In DUBAI
                            </p>
                            
                            <div class="clearlinks">                                
                                <strong>Tel.</strong> <a href="tel:+971564129929">+971 56 412 9929</a>
                            </div>
                            
                            <div class="clearlinks">
                                <strong>Email.</strong> <a href="mailto:[email protected]">[email protected]</a>
                            </div>
                            
                        </div>
                        
                        <div class="col-lg-7 offset-lg-2">                            
                            <div class="row mt-n30">
                                
                                <!-- Footer Widget -->
                                <div class="col-sm-4 mt-30">
                                    
                                    <h3 class="fw-title">Firstleaf</h3>
                                    
                                    <ul class="fw-menu clearlist local-scroll">                                        
                                        <li><a href="/about">About</a></li>
                                        
                                        <li><a href="/contact">Contact</a></li>
                                    </ul>
                                    
                                </div>
                                <!-- End Footer Widget -->
                                
                                <!-- Footer Widget -->
                                <div class="col-sm-4 mt-30">
                                    
                                    <h3 class="fw-title">Social Connect</h3>
                                    
                                    <ul class="fw-menu clearlist">
                                        <li>
                                            <a href="https://www.facebook.com/people/First-Leaf-Real-Estate/61559043805805/" rel="noopener nofollow" target="_blank">
                                                <i class="fa-facebook" aria-hidden="true"></i>
                                                Facebook
                                            </a>
                                        </li>
                                        <li>
                                            <a href="" rel="noopener nofollow" target="_blank">
                                                <i class="fa-youtube" aria-hidden="true"></i>
                                                Youtube
                                            </a>
                                        </li>
                                        
                                        <li>
                                            <a href="" rel="noopener nofollow" target="_blank">
                                                <i class="fa-linkedin" aria-hidden="true"></i>
                                                LinkedIn
                                            </a>
                                        </li>
                                    </ul>
                                    
                                </div>
                                <!-- End Footer Widget -->
                                
                                <!-- Footer Widget -->
                                <div class="col-sm-4 mt-30">
                                    
                                    <h3 class="fw-title">Legal</h3>
                                    
                                    <ul class="fw-menu clearlist">                                     
                                        <li><a href="/privacy">Privacy Policy</a></li>
                                        <li><a href="/terms">Terms &amp; Conditions</a></li>
                                       
                                    </ul>
                                    
                                </div>
                                <!-- End Footer Widget -->                                
                                
                            </div>                            
                        </div>
                        
                    </div>
                    
                    <!-- Footer Text -->
                    <div class="row text-gray">
                        
                        <div class="col-md-4 col-lg-3">
                            <b>© Firstleaf 2024.</b>
                        </div>
                        
                        <div class="col-md-7 offset-md-1 offset-lg-2 clearfix">
                            
                            <b>Zayed Road Dubai, United Arab Emirates</b>
                            
                            <!-- Back to Top Link -->
                            <div class="local-scroll float-end mt-n20 mt-sm-10">
                                <a href="#top" class="link-to-top">                                
                                    <i class="mi-arrow-up size-24" aria-hidden="true"></i>
                                    <span class="visually-hidden">Scroll to top</span>
                                </a>
                            </div>
                            <!-- End Back to Top Link -->
                            
                        </div>
                        
                    </div>
                    <!-- End Footer Text --> 
                    
                 </div>                 
            </footer>
            <!-- End Footer -->
        
        
        <!-- End Page Wrap -->      
        
        <!-- JS -->
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>
        <script src="js/plugins.js"></script><style type="text/css">.typewrite > .wrap:after {content: '|'}</style>
        <script src="js/jquery.ajaxchimp.min.js"></script>             
              
        <script src="js/all.js"></script> 
        <!-- End JS -->       
        
    

 

</body></html>