?
ELwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>Realestate | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="realestate/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="vendor/css/revolution-settings.min.css">
<link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="vendor/css/jquery-ui.bundle.css">
<link rel="stylesheet" href="vendor/css/select2.min.css">
<link rel="stylesheet" href="vendor/css/slick-theme.css">
<link rel="stylesheet" href="vendor/css/slick.css">
<!-- REVOLUTION STYLE SHEETS -->
<link rel="stylesheet" type="text/css" href="realestate/css/settings.css">
<link rel="stylesheet" type="text/css" href="realestate/css/navigation.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="realestate/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90" class="position-relative">
<!--Preloader-->
<div class="loader" id="loader-fade">
<div class="position-relative">
<div class="load">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!--End Preloader-->
<!--Header Start-->
<header class="cursor-light">
<!--Navigation-->
<nav class="navbar navbar-top-default nav-radius navbar-expand-lg pb-0">
<div class="container">
<a href="javascript:void(0)" title="Logo" class="logo scroll">
<!--Logo Default-->
<img src="realestate/img/logo.png" alt="logo" class="logo-dark logo-default">
<img src="realestate/img/logo.png" alt="logo" class="logo-light logo-scrolled">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse">
<div class="navbar-nav ml-250">
<a class="nav-link scroll" href="#home">Home</a>
<a class="nav-link scroll" href="#about">About Us</a>
<a class="nav-link scroll" href=#work>Projects</a>
<a class="nav-link scroll" href="#news">Blog</a>
<a class="nav-link scroll" href="#contactus">Contact Us</a>
</div>
</div>
<!--Side Menu Button-->
<a href="javascript:void(0)" class="parallax-btn sidemenu_btn" id="sidemenu_toggle">
<div class="animated-wrap sidemenu_btn_inner">
<div class="animated-element">
<span></span>
<span></span>
<span></span>
</div>
</div>
</a>
</div>
</nav>
<!--Side Nav-->
<div class="side-menu hidden">
<div class="inner-wrapper">
<span class="btn-close link" id="btn_sideNavClose"></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#work">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#news">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contactus">Contact Us</a>
</li>
</ul>
</nav>
<div class="side-footer text-white w-100">
<ul class="social-icons-simple">
<li><a class="wow fadeInUp facebook-bg-hvr" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInUp instagram-bg-hvr" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
</ul>
<p class="text-white">© 2020 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- End side menu -->
</header>
<!--Header end-->
<!--Rev Slider-->
<section class="bg-white pb-0 about-banner" id="home">
<h2 class="d-none">heading</h2>
<div id="rev_slider_19_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="wexim_slider_01" data-source="gallery" style="background:transparent;padding:0px;">
<!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
<div id="rev_slider_19_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
<ul>
<!-- SLIDE -->
<li data-index="rs-1" data-transition="crossfade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="images/slide-img1.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="realestate/img/banner-1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme"
id="slide-91-layer-1"
data-x="['center','center','center','center']" data-hoffset="['-12','-12','-10','5']"
data-y="['top','top','middle','middle']" data-voffset="['195','160','-75','-120']"
data-fontsize="['50','50','40','30']"
data-width="['600','600','400','400']"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":200,"speed":900,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":900,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; white-space: nowrap; font-size: 60px; line-height: 20px; max-width: 960px; font-weight: 200; color: #ffffff; letter-spacing: 0px;font-family:Raleway;">Luxury</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme"
id="slide-91-layer-2"
data-x="['center','center','center','center']" data-hoffset="['-15','160','-10','5']"
data-y="['top','top','top','top']" data-voffset="['270','230','220','100']"
data-fontsize="['60','60','50','40']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":720,"split":"chars","splitdelay":0.1,"speed":900,"split_direction":"forward","frame":"0","from":"sX:0.8;sY:0.8;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":900,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; white-space: nowrap; font-size: 30px; line-height: 30px; max-width: 960px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Raleway, sans-serif;">Beautiful Resort</div>
<!-- LAYER NR. 12 -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['-10','160','-10','5']"
data-y="['top','top','middle','middle']" data-voffset="['360','360','90','50']"
data-width="['600','600','400','400']"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":2150,"speed":900,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":900,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 9; letter-spacing: .5px;"><a class="btn btn-green btn btn btn-large btn-rounded scroll" href="#about">Learn More</a> <a class="btn btn-green btn btn btn-large btn-rounded scroll ml-sm-3" href="javascript:void(0);">Contact Us</a></div>
</li>
<!-- SLIDE -->
<li data-index="rs-2" data-transition="crossfade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="images/slide-img2.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="realestate/img/banner-2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- Overlay -->
<div class="bg-overlay opacity-8 z-index-1"></div>
<!-- LAYER NR. 8 -->
<div class="tp-caption tp-resizeme"
id="slide-92-layer-1"
data-x="['center','center','center','center']" data-hoffset="['-5','-5','-5','5']"
data-y="['middle','middle','middle','middle']" data-voffset="['-95','-77','-77','-112']"
data-fontsize="['50','50',40','30']"
data-fontweight="['200','200','600','500']"
data-letterspacing="['4','0','0','2']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":240,"speed":900,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":900,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; white-space: nowrap; font-size: 50px; line-height: 30px; font-weight: 200; color: #ffffff; letter-spacing: 0px;font-family:Raleway, sans-serif; text-transform: capitalize">Luxury</div>
<!-- LAYER NR. 9 -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['-5','-5','0','5']"
data-y="['middle','middle','middle','middle']" data-voffset="['-20','-8','-4','-55']"
data-fontsize="['60','60','60','40']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":950,"speed":2000,"sfxcolor":"#ffffff","sfx_effect":"blockfromleft","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":900,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; white-space: nowrap; font-size: 60px; line-height: 80px; font-weight: 700; color: #ffffff; letter-spacing: 4px;font-family:Raleway, sans-serif; text-transform: capitalize">Residence Resort</div>
<!-- LAYER NR. 11 -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','5']"
data-y="['middle','middle','middle','middle']" data-voffset="['80','80','90','50']"
data-fontsize="['20','20','16','16']"
data-width="['600','600','400','400']"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":2300,"speed":900,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":900,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 9; letter-spacing: .5px;"><a class="btn btn-green btn btn-large btn-rounded scroll" href="#about">Learn More</a></div>
</li>
<!-- SLIDE -->
<li data-index="rs-3" data-transition="crossfade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="images/slide-img2.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="realestate/img/banner-3.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- Overlay -->
<div class="bg-overlay opacity-8 z-index-1"></div>
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['10','160','-10','5']"
data-y="['top','top','middle','middle']" data-voffset="['195','160','-75','-120']"
data-fontsize="['50','50','40','30']"
data-width="['600','600','400','400']"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":200,"speed":900,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":900,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; white-space: nowrap; font-size: 50px; line-height: 20px; max-width: 960px; font-weight: 200; color: #ffffff; letter-spacing: 0px;font-family:Roboto;">Interior &</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['-10','160','-10','5']"
data-y="['top','top','top','top']" data-voffset="['270','230','220','102']"
data-fontsize="['60','60','50','40']"
data-width="['600','600','400','400']"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":720,"split":"chars","splitdelay":0.1,"speed":900,"split_direction":"forward","frame":"0","from":"sX:0.8;sY:0.8;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":900,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; white-space: nowrap; font-size: 60px; line-height: 20px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Raleway, sans-serif">Life Style Design</div>
<!-- LAYER NR. 12 -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['10','160','-10','5']"
data-y="['top','top','middle','middle']" data-voffset="['360','360','90','50']"
data-width="['600','600','400','400']"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":2150,"speed":900,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":900,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 9; letter-spacing: .5px;"><a class="btn btn-green btn btn-large btn-rounded scroll" href="#about">Learn More</a></div>
</li>
</ul>
</div>
<!-- END REVOLUTION SLIDER -->
<svg id="bigTriangleColor" xmlns="http://www.w3.org/2000/svg" fill="#f9f9f9" version="1.1" width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none">
<path d="M0 30 L50 90 L100 30 V100 H0" />
</svg>
</div>
<!-- END REVOLUTION SLIDER -->
</section>
<!--End Rev Slider-->
<!--about section-->
<section class="about bg-light" id="about">
<h2 class="d-none">heading</h2>
<div class="container">
<div class="row">
<div class="col-lg-6 pr-5 wow fadeInLeft">
<div class="rare-box"></div>
<img src="realestate/img/about.jpg" class="image-about position-relative w-100" alt="">
</div>
<div class="col-lg-6 pl-6 center-about">
<h5 class="pb-3 sm-pt-3 wow fadeInUp text-capitalize" data-wow-delay="300ms">Lorem ipsum dolor sit amet consectetur</h5>
<h2 class="wow fadeInUp text-capitalize font-42" data-wow-delay="400ms">We are <span class="orange">making business</span> better for everyone</h2>
<p class="pt-3 wow fadeInUp about-p" data-wow-delay="500ms">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed augue diam, accumsan vitae justo non, euismod aliquam lectus.
Etiam elementum tortor quis risus posuere, in cursus arcu lobortis.</p>
<ul class="pl-0 pt-2 left-about wow fadeInUp bg-grey" data-wow-delay="600ms">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Morbi ornare nibh id cursus vestibulum.</li>
<li>Duis vitae lectus facilisis, tristique lorem sit amet, malesuada diam.</li>
</ul>
<a class="btn btn-rounded btn-large btn btn-green-orange text-capitalize mt-30">Get Started</a>
</div>
</div>
</div>
</section>
<!--about section end-->
<!--Counter start-->
<section class="counter">
<div class="container">
<div class="row">
<div class="col-md-5 wow fadeInLeft">
<h3 class="text-capitalize num-conuter">Our many years of experience in numbers</h3>
<span class="hr-line gradient-bg1"></span>
<p class="pt-3 pb-0">We show you our professional achievements in numbers, which show the acquired skills and trust of many clients.</p>
</div>
<div class="col-md-7 text-center wow fadeInRight">
<div class="row">
<div class="col-md-4 icon-block pt-3 pt-md-0">
<div class="icon">
<i class="fa fa-home bluee"></i>
</div>
<div class="counters mt-3">
<h3 class="text-capitalize"><span class="count_nums num-scrolling num-conuter" data-to="2500" data-speed="2500">2500 </span><i class="Open-Sans">+</i></h3>
</div>
<p class="num-counts mb-5 mt-10 mb-md-0">Upgreat To Bigger Home</p>
</div>
<div class="col-md-4 icon-block">
<div class="icon">
<i class="fa fa-handshake bluee"></i>
</div>
<div class="counters mt-3">
<h3 class="text-capitalize"><span class="count_nums num-scrolling num-conuter" data-to="9500" data-speed="2500">9500</span><i class="Open-Sans">+</i></h3>
</div>
<p class="num-counts mb-5 mt-10 mb-md-0">Perfect & Good Dealing</p>
</div>
<div class="col-md-4 icon-block">
<div class="icon">
<i class="fa fa-user bluee"></i>
</div>
<div class="counters num-conuter mt-3">
<h3 class="text-capitalize"><span class="count_nums num-scrolling num-conuter" data-to="6000" data-speed="2500">6000</span><i class="Open-Sans">+</i></h3>
</div>
<p class="num-counts mt-10 mb-md-0">Satisfied Coutomers</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Counter end-->
<!--Parallax Section-->
<section class="parallex-section parallax parallaxie index-1 section-padding p-0 m-25">
<div class="section-padding">
<div class="col-lg-12 text-center text-rotate">
<p class="parallex-para text-center text-white">Lorem ipsum dolor sit amet, consectetur</p>
<h2 class="parallex-heading text-center font-weight-bold text-white text-capitalize mb-30">Grow Your Business With Us</h2>
<a class="btn btn-green btn btn-large btn-rounded btn btn-medium btn-transparent-white text-capitalize" href="javascript:void(0);">Learn More</a>
</div>
</div>
</section>
<!--End Parallax Section-->
<!--Team Section-->
<section id="team" class="#team-slider">
<div class="container">
<!--Heading-->
<div class="row wow fadeIn">
<div class="col-md-12 text-center">
<div class="title d-inline-block">
<h5 class="mb-3 blue mb-20 text-capitalize">Heros Behind the Company</h5>
<h2 class="mb-3 mb-20 text-capitalize gradient-text1">Our Business Team</h2>
<p class="margin-30 text-width">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>
</div>
</div>
</div>
<!--Team-->
<div class="row">
<div class="col-sm-12">
<div id="team-slider" class="owl-carousel owl-theme wow fadeInUp">
<!--Team Item-->
<div class="team-box item">
<!--Team Image-->
<div class="team-image">
<img src="realestate/img/team-mem-3.jpg" alt="image">
<!--Team Overlay-->
<div class="overlay center-block">
<!--Team Social-->
<ul class="team-social p-0">
<li><a class="facebook-bg-hvr" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a class="instagram-bg-hvr" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a class="pinterest-bg-hvr" href="javascript:void(0);"><i class="fab fa-pinterest-p" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<!--Team Text-->
<div class="team-text">
<h3 class="text-capitalize">Alex Walkin</h3>
<span class="alt-font text-capitalize">Owner / Co-founder</span>
</div>
<!--Team Progress-->
<ul class="team-progress text-left">
<!--Progress Item-->
<li class="progress-item">
<h5 class="text-capitalize">Project Management <span class="float-right"><b class="count">90</b>%</span></h5>
<div class="progress">
<span class="progress-bar green-background gradient-bg1" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
<!--Progress Item-->
<li class="progress-item">
<h5 class="text-capitalize">Consulting<span class="float-right"><b class="count">75</b>%</span></h5>
<div class="progress">
<span class="progress-bar blue-background" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
</ul>
</div>
<!--Team Item-->
<div class="team-box item">
<!--Team Image-->
<div class="team-image">
<img src="realestate/img/team-mem-2.jpg" alt="image">
<!--Team Overlay-->
<div class="overlay center-block">
<!--Team Social-->
<ul class="team-social p-0">
<li><a class="facebook-bg-hvr" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a class="instagram-bg-hvr" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a class="pinterest-bg-hvr" href="javascript:void(0);"><i class="fab fa-pinterest-p" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<!--Team Text-->
<div class="team-text">
<h3 class="text-capitalize">Teena Jhon</h3>
<span class="alt-font text-capitalize">Lead Designer</span>
</div>
<!--Team Progress-->
<ul class="team-progress text-left">
<!--Progress Item-->
<li class="progress-item">
<h5 class="text-capitalize">Designer<span class="float-right"><b class="count">75</b>%</span></h5>
<div class="progress">
<span class="progress-bar blue-background" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
<!--Progress Item-->
<li class="progress-item">
<h5 class="text-capitalize">Customer Care<span class="float-right"><b class="count">90</b>%</span></h5>
<div class="progress">
<span class="progress-bar green-background gradient-bg1" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
</ul>
</div>
<!--Team Item-->
<div class="team-box item">
<!--Team Image-->
<div class="team-image">
<img src="realestate/img/team-mem-1.jpg" alt="image">
<!--Team Overlay-->
<div class="overlay center-block">
<!--Team Social-->
<ul class="team-social p-0">
<li><a class="facebook-bg-hvr" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a class="instagram-bg-hvr" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a class="pinterest-bg-hvr" href="javascript:void(0);"><i class="fab fa-pinterest-p" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<!--Team Text-->
<div class="team-text">
<h3 class="text-capitalize">David Warrior</h3>
<span class="alt-font text-capitalize">Marketing Head</span>
</div>
<!--Team Progress-->
<ul class="team-progress text-left">
<!--Progress Item-->
<li class="progress-item">
<h5 class="text-capitalize">Marketing Online<span class="float-right"><b class="count">90</b>%</span></h5>
<div class="progress">
<span class="progress-bar green-background gradient-bg1" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
<!--Progress Item-->
<li class="progress-item">
<h5 class="text-capitalize">Dealing<span class="float-right"><b class="count">75</b>%</span></h5>
<div class="progress">
<span class="progress-bar blue-background" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
</ul>
</div>
<!--Team Item-->
<div class="team-box item">
<!--Team Image-->
<div class="team-image">
<img src="realestate/img/team-mem-3.jpg" alt="image">
<!--Team Overlay-->
<div class="overlay center-block">
<!--Team Social-->
<ul class="team-social p-0">
<li><a class="facebook-bg-hvr" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a class="instagram-bg-hvr" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a class="pinterest-bg-hvr" href="javascript:void(0);"><i class="fab fa-pinterest-p" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<!--Team Text-->
<div class="team-text">
<h3 class="text-capitalize">Alex Walkin</h3>
<span class="alt-font text-capitalize">Owner / Co-founder</span>
</div>
<!--Team Progress-->
<ul class="team-progress text-left">
<!--Progress Item-->
<!--Progress Item-->
<li class="progress-item">
<h5 class="text-capitalize">Consulting<span class="float-right"><b class="count">75</b>%</span></h5>
<div class="progress">
<span class="progress-bar blue-background" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
<li class="progress-item">
<h5 class="text-capitalize">Project Management <span class="float-right"><b class="count">90</b>%</span></h5>
<div class="progress">
<span class="progress-bar green-background gradient-bg1" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
</ul>
</div>
<!--Team Item-->
<div class="team-box item">
<!--Team Image-->
<div class="team-image">
<img src="realestate/img/team-mem-2.jpg" alt="image">
<!--Team Overlay-->
<div class="overlay center-block">
<!--Team Social-->
<ul class="team-social p-0">
<li><a class="facebook-bg-hvr" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a class="instagram-bg-hvr" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a class="pinterest-bg-hvr" href="javascript:void(0);"><i class="fab fa-pinterest-p" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<!--Team Text-->
<div class="team-text">
<h3 class="text-capitalize">Teena Jhon</h3>
<span class="alt-font text-capitalize">Lead Designer</span>
</div>
<!--Team Progress-->
<ul class="team-progress text-left">
<!--Progress Item-->
<li class="progress-item">
<h5 class="text-capitalize">Customer Care<span class="float-right"><b class="count">90</b>%</span></h5>
<div class="progress">
<span class="progress-bar green-background gradient-bg1" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
<!--Progress Item-->
<li class="progress-item">
<h5 class="text-capitalize">Designer<span class="float-right"><b class="count">75</b>%</span></h5>
<div class="progress">
<span class="progress-bar blue-background" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End Team Section-->
<!--work section-->
<section class="work-section portfolio-three" id="work">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="title text-center pb-4">
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h2 class="font-weight-600 mb-20 gradient-text1 text-capitalize">Recent Projects</h2>
<!-- filter links -->
<div class="filtering col-sm-12 text-center pt-2 p-0">
<span data-filter="*" class="active">All</span>
<span data-filter=".graphic">Interior</span>
<span data-filter=".web">Design</span>
<span data-filter=".brand">Brand</span>
</div>
</div>
</div>
<div class="clearfix"></div>
<!-- gallery -->
<div class="gallery text-center">
<!-- gallery item -->
<div class="col-md-4 items web">
<div class="item-img">
<a href="realestate/img/portfolio-three-img1.jpg" data-fancybox="images">
<img src="realestate/img/portfolio-three-img1.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info">
<span class="plus mb-3"></span>
<h4 class="mb-1 text-white text-capitalize">Recent Work</h4>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-4 items web">
<div class="item-img">
<a href="realestate/img/portfolio-three-img2.jpg" data-fancybox="images">
<img src="realestate/img/portfolio-three-img2.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info">
<span class="plus mb-3"></span>
<h4 class="mb-1 text-white text-capitalize">Recent Work</h4>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-4 items web">
<div class="item-img">
<a href="realestate/img/portfolio-three-img3.jpg" data-fancybox="images">
<img src="realestate/img/portfolio-three-img3.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info">
<span class="plus mb-3"></span>
<h4 class="mb-1 text-white text-capitalize">Recent Work</h4>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-4 items graphic brand">
<div class="item-img">
<a href="realestate/img/portfolio-three-img4.jpg" data-fancybox="images">
<img src="realestate/img/portfolio-three-img4.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info">
<span class="plus mb-3"></span>
<h4 class="mb-1 text-white text-capitalize">Recent Work</h4>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-4 items brand">
<div class="item-img">
<a href="realestate/img/portfolio-three-img5.jpg" data-fancybox="images">
<img src="realestate/img/portfolio-three-img5.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info">
<span class="plus mb-3"></span>
<h4 class="mb-1 text-white text-capitalize">Recent Work</h4>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-8 items graphic">
<div class="item-img">
<a href="realestate/img/portfolio-three-img6.jpg" data-fancybox="images">
<img src="realestate/img/portfolio-three-img6.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info">
<span class="plus mb-3"></span>
<h4 class="mb-1 text-white text-capitalize">Recent Work</h4>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-4 items graphic">
<div class="item-img">
<a href="realestate/img/portfolio-three-img7.jpg" data-fancybox="images">
<img src="realestate/img/portfolio-three-img7.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info">
<span class="plus mb-3"></span>
<h4 class="mb-1 text-white text-capitalize">Recent Work</h4>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-4 items graphic">
<div class="item-img">
<a href="realestate/img/portfolio-three-img8.jpg" data-fancybox="images">
<img src="realestate/img/portfolio-three-img8.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info">
<span class="plus mb-3"></span>
<h4 class="mb-1 text-white text-capitalize">Recent Work</h4>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-4 items graphic">
<div class="item-img">
<a href="realestate/img/portfolio-three-img9.jpg" data-fancybox="images">
<img src="realestate/img/portfolio-three-img9.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info">
<span class="plus mb-3"></span>
<h4 class="mb-1 text-white text-capitalize">Recent Work</h4>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-4 items graphic">
<div class="item-img">
<a href="realestate/img/portfolio-three-img10.jpg" data-fancybox="images">
<img src="realestate/img/portfolio-three-img10.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info">
<span class="plus mb-3"></span>
<h4 class="mb-1 text-white text-capitalize">Recent Work</h4>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="clear-fix"></div>
</div>
</div>
</section>
<!--end work section-->
<!--particles-->
<section class="p-0">
<div class="particles-version p-0 rotate-left clr-blue">
<h2 class="d-none">heading</h2>
<div id="particles-js" class="g-background">
<div class="col-sm-12 text-center center-col">
<p class="text-white text-rotate2">Pursue Your Passion</p>
<h2 class="mb-30 text-rotate2 text-capitalize text-white"><span class="text-color-white">Think Big Really Big</span> </h2>
<a class="btn btn-green btn btn-large btn-rounded btn btn-medium btn-transparent-white text-capitalize text-rotate2 text-white" href="javascript:void(0);">Learn More</a>
</div>
</div>
</div>
</section>
<!--end particles-->
<!--Pricing Start-->
<section id="plan" class="price-sec">
<div class="container">
<!--Heading-->
<div class="row">
<div class="col-lg-12 text-center">
<h4 class="">Most Economical Pricing</h4>
<h2>Our Best Pricing</h2>
<p class="about-max pt-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nisi enim, vulputate at justo tristique, tempor sagittis dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sit amet ligula consequat urna posuere convallis.</p>
</div>
</div>
<!--Team-->
<div class="row">
<!--price item-->
<div class="col-md-4">
<div class="price-item text-left">
<h3 class="alt-font d-inline-block font-weight-600 mb-4 blue text-capitalize">Platinum</h3>
<div class="price-tag d-flex align-items-center">
<div class="price alt-font text-dark-gray">
<h3 class="currency text-capitalize m-0"><span class="sign">$</span>39</h3>
<span class="month text-capitalize">YEAR</span>
</div>
<p class="price-text no-margin">It has survived not only five centu but also the leap electronic.</p>
</div>
<ul class="packages">
<li><i class="fa fa-check" aria-hidden="true"></i>Full access</li>
<li><i class="fa fa-check text-capitalize" aria-hidden="true"></i>Unlimited Bandwidth</li>
<li><i class="fa fa-check text-capitalize" aria-hidden="true"></i>Powerful Admin Panel</li>
<li><i class="fa fa-check text-capitalize" aria-hidden="true"></i>Email Accounts</li>
<li><i class="fa fa-check text-capitalize" aria-hidden="true"></i>8 Free Forks Every Months</li>
</ul>
<a href="javascript:void(0);" class="btn btn-rounded btn-large btn-transparent w-100 text-capitalize">Get Started Now</a>
</div>
</div>
<!--price item-->
<div class="col-md-4">
<div class="price-item text-left">
<h3 class="alt-font d-inline-block font-weight-600 mb-4 blue text-capitalize">Silver</h3>
<div class="price-tag d-flex align-items-center">
<div class="price alt-font text-dark-gray">
<h3 class="currency text-capitalize m-0"><span class="sign">$</span>49</h3>
<span class="month text-capitalize">YEAR</span>
</div>
<p class="price-text no-margin">It has survived not only five centu but also the leap electronic.</p>
</div>
<ul class="packages">
<li><i class="fa fa-check" aria-hidden="true"></i>Full access</li>
<li><i class="fa fa-check text-capitalize" aria-hidden="true"></i>Unlimited Bandwidth</li>
<li><i class="fa fa-check text-capitalize" aria-hidden="true"></i>Powerful Admin Panel</li>
<li><i class="fa fa-check text-capitalize" aria-hidden="true"></i>Email Accounts</li>
<li><i class="fa fa-check text-capitalize" aria-hidden="true"></i>8 Free Forks Every Months</li>
</ul>
<a href="javascript:void(0);" class="btn btn-rounded btn-large btn-blue w-100 text-capitalize">Get Started Now</a>
</div>
</div>
<!--price item-->
<div class="col-md-4">
<div class="price-item text-left">
<h3 class="alt-font d-inline-block font-weight-600 mb-4 blue text-capitalize">Golden</h3>
<div class="price-tag d-flex align-items-center">
<div class="price alt-font text-dark-gray">
<h3 class="currency text-capitalize m-0"><span class="sign">$</span>99</h3>
<span class="month text-capitalize">YEAR</span>
</div>
<p class="price-text no-margin">It has survived not only five centu but also the leap electronic.</p>
</div>
<ul class="packages">
<li><i class="fa fa-check" aria-hidden="true"></i>Full access</li>
<li><i class="fa fa-check text-capitalize" aria-hidden="true"></i>Unlimited Bandwidth</li>
<li><i class="fa fa-check text-capitalize" aria-hidden="true"></i>Powerful Admin Panel</li>
<li><i class="fa fa-check text-capitalize" aria-hidden="true"></i>Email Accounts</li>
<li><i class="fa fa-check text-capitalize" aria-hidden="true"></i>8 Free Forks Every Months</li>
</ul>
<a href="javascript:void(0);" class="btn btn-rounded btn-large btn-transparent w-100 text-capitalize">Get Started Now</a>
</div>
</div>
</div>
</div>
</section>
<!--Pricing End Start-->
<!--Testimonial-->
<section id="client" class="testimonial bg-white">
<div class="container">
<div class="row">
<div class="col-md-12">
<!--Testimonials with background 02-->
<div class="feedback-slides">
<div class="client-thumbnails">
<div>
<div class="item">
<div class="img-fill"><img src="realestate/img/testimonial-1.jpg" alt="client"></div>
<div class="title">
<h3 class="blue text-center mt-30 font-weight-600">John Terry</h3>
<p class="blue text-center pt-10 testi-heading">New York City</p>
</div>
</div>
<div class="item">
<div class="img-fill"><img src="realestate/img/testimonial-2.jpg" alt="client"></div>
<div class="title">
<h3 class="blue text-center mt-30 font-weight-600">Jessica Miller</h3>
<p class="blue text-center pt-10 testi-heading">New York City</p>
</div>
</div>
<div class="item">
<div class="img-fill"><img src="realestate/img/testimonial-3.jpg" alt="client"></div>
<div class="title">
<h3 class="blue text-center mt-30 font-weight-600">David Muller</h3>
<p class="blue text-center pt-10 testi-heading">New York City</p>
</div>
</div>
<div class="item">
<div class="img-fill"><img src="realestate/img/testimonial-2.jpg" alt="client"></div>
<div class="title">
<h3 class="blue text-center mt-30 font-weight-600">Jessica Miller</h3>
<p class="blue text-center pt-10 testi-heading">New York City</p>
</div>
</div>
</div>
</div>
<div class="client-feedback">
<div>
<div class="item">
<div class="single-feedback">
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit, incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida.”</p>
</div>
</div>
<div class="item">
<div class="single-feedback">
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit, incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida.”</p>
</div>
</div>
<div class="item">
<div class="single-feedback">
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit, incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida.”</p>
</div>
</div>
<div class="item">
<div class="single-feedback">
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit, incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida.”</p>
</div>
</div>
</div>
</div>
</div>
<!--Testimonials with background ends-->
</div>
</div>
</div>
</section>
<!--End Testimonial-->
<!-- our client -->
<section class="our-client">
<h2 class="d-none" aria-hidden="true">slider</h2>
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 p-0">
<div class="owl-carousel partners-slider">
<div class="item">
<div class="logo-item"> <img alt="image" src="realestate/img/client-one.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="image" src="realestate/img/client-two.png"></div>
</div>
<div class="item">
<div class="logo-item"> <img alt="image" src="realestate/img/client-one.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="image" src="realestate/img/client-two.png"></div>
</div>
<div class="item">
<div class="logo-item"> <img alt="image" src="realestate/img/client-one.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="image" src="realestate/img/client-two.png"></div>
</div>
<div class="item">
<div class="logo-item"> <img alt="image" src="realestate/img/client-one.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="image" src="realestate/img/client-two.png"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- our client end -->
<!--Blog Start-->
<section id="news" class="bg-white">
<h2 class="d-none">heading</h2>
<div class="container">
<div class="row align-items-center mb-5">
<div class="col-md-6 order-2 wow fadeInRight">
<!--Blog Content-->
<div class="blog-text blog-right ml-lg-auto">
<h2>Best Realestate Agency</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in velit dolor. Vivamus gravida,
neque nec interdum cursus, erat ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="realestate/news.html" class="btn btn-rounded btn-large btn btn-green-orange fadeInDown-slide animated text-capitalize">Learn More</a>
</div>
</div>
<div class="col-md-6">
<!--Blog Image-->
<div class="img-hvr">
<div class="date">
<h5 class="m-0">20</h5>
<h5 class="m-0">Feb</h5>
<h5 class="m-0">2020</h5>
</div>
</div>
<div id="blog-slider" class=" owl-carousel">
<div class="item blog-image wow hover-effect fadeInLeft">
<img src="realestate/img/news-img1.jpg" alt="image">
</div>
<div class="item blog-image wow hover-effect fadeInLeft">
<img src="realestate/img/news-img2.jpg" alt="image">
</div>
<div class="item blog-image wow hover-effect fadeInLeft">
<img src="realestate/img/news-img3.jpg" alt="image">
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-6 order-2 order-md-1 wow fadeInLeft">
<!--Blog Content-->
<div class="blog-text">
<h2>25 Year Of Experience</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in velit dolor. Vivamus gravida,
neque nec interdum cursus, erat ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="realestate/news.html" class="btn btn-rounded btn-large btn btn-green-orange fadeInDown-slide animated text-capitalize">Learn More</a>
</div>
</div>
<div class="col-md-6 order-md-2">
<div class="img-hvr">
<div class="date-2">
<h5 class="m-0">20</h5>
<h5 class="m-0">Feb</h5>
<h5 class="m-0">2020</h5>
</div>
</div>
<!--Blog Image-->
<div id="blog-slider-1" class="owl-carousel">
<div class="item blog-image2 text-right hover-effect wow fadeInRight">
<img src="realestate/img/news-img4.jpg" alt="image">
</div>
<div class="item blog-image2 text-right hover-effect wow fadeInRight">
<img src="realestate/img/news-img5.jpg" alt="image">
</div>
<div class="item blog-image2 text-right hover-effect wow fadeInRight">
<img src="realestate/img/news-img6.jpg" alt="image">
</div>
</div>
</div>
</div>
</div>
</section>
<!--Blog End-->
<!--== Start Newsletter Area Wrapper ==-->
<section class="p-0">
<div class="newsletter-area-wrapper bg-brand section-padding">
<div class="container">
<div class="row">
<!-- Start Section title -->
<div class="col-lg-6 m-auto text-center">
<div class="section-title-wrap layout--2 white mb-4">
<i class="fa fa-envelope-open"></i>
<h2 class="newsletter text-capitalize">Newsletter</h2>
<p class="mb-0 text-white">Nullam eleifend in varius arcu vitae feugiat magna id ut morbi consectetuer.</p>
</div>
</div>
<!-- End Section title -->
</div>
<div class="row">
<div class="col-lg-6 m-auto">
<div class="newsletter-content">
<div class="newsletter-form-wrap layout--2 d-flex justify-content-center flex-column">
<form class="subscribe-two">
<div class="input-group">
<input type="email" class="form-control" placeholder="Your Email Address" required>
<button type="submit" class="btn btn-green-orange btn btn-large btn-rounded d-sm-flex d-none"><b class="font-weight-normal">Subscribe</b>
</button>
</div>
</form>
<button type="submit" class="btn btn-green-orange btn btn-large btn-rounded d-sm-none d-flex mt-3"><b class="font-weight-normal">Subscribe</b>
</button>
<!-- MailChimp Alerts Start -->
<div class="mailchimp-alerts text-centre">
<div class="mailchimp-submitting"></div>
<div class="mailchimp-success"></div>
<div class="mailchimp-error"></div>
</div>
<!-- MailChimp Alerts End -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--== End Newsletter Area Wrapper ==-->
<!-- Contact Start -->
<section class="p-0 bg-light">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<div class="address-box tittle mb-0 bg-img4">
<!--overlay-->
<div class="bg-overlay opacity-8"></div>
<div class="address-text text-md-left text-white position-relative wow fadeInUp">
<h5 class="mb-3 text-capitalize">Lorem ipsum dolor sit amet consectetur</h5>
<!--title-->
<h2 class="mb-4 gradient-text1 text-capitalize">Realestate Agency, Newyork</h2>
<!--Address-->
<p class="mb-3">123 Stree New York City , United States Of America. </p>
<!--Phone-->
<p class="mb-3">Office Telephone : 001 01085379709<br>
Mobile : 001 63165370895 </p>
<!--Email-->
<p class="mb-3">mail : admin@website.com<br>
Inquiries : email@website.com</p>
<!--Timing-->
<p class="mb-3">Mon-Fri: 9am to 6pm</p>
<!--Social Icon-->
<div class="address-social pt-3">
<ul class="mb-0">
<li><a class="facebook-bg-hvr" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a class="google-bg-hvr" href="javascript:void(0);"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a></li>
<li><a class="linkedin-bg-hvr" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
<li><a class="instagram-bg-hvr" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-6 p-0">
<div id="google-map" class="bg-light-gray map"></div>
</div>
</div>
</div>
</section>
<!-- Contact end -->
<!--Form Start-->
<section class="contact-us bg-white" id="contactus">
<div class="container">
<!--Heading-->
<div class="row">
<div class="col-md-12 text-center">
<div class="title d-inline-block">
<h5 class="mb-3 text-capitalize">Lorem ipsum dolor sit amet</h5>
<h2 class="text-capitalize gradient-text1">Let's Get In Touch</h2>
</div>
</div>
</div>
<!--contact us-->
<form class="contact-form" id="contact-form-data">
<div class="row">
<div class="col-sm-12" id="result"></div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<input class="form-control" type="text" placeholder="First Name:" required="" id="first_name" name="firstName">
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<input class="form-control" type="text" placeholder="Last Name:" required="" id="last_name" name="lastName">
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<input class="form-control" type="email" placeholder="Email:" required="" id="email" name="userEmail">
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<input class="form-control" type="tel" required="" placeholder="Phone:" id="phone" name="userPhone">
</div>
</div>
<div class="col-md-12 col-sm-12">
<div class="form-group">
<textarea class="form-control" placeholder="Message" id="message" name="userMessage"></textarea>
</div>
</div>
<div class="col-sm-12">
<button type="button" class="btn btn-rounded btn-large btn-green-orange mt-30 contact_btn" id="submit_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i> <span class="text-capitalize">Contact Now</span></button>
</div>
</div>
</form>
</div>
</section>
<!--Form End-->
<!--Footer Start-->
<section class="text-center bg-blue m-0">
<h2 class="d-none">hidden</h2>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="footer-social">
<ul class="list-unstyled text-white">
<li><a class="wow fadeInUp facebook-bg-hvr" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInUp google-bg-hvr" href="javascript:void(0);"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown linkedin-bg-hvr" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInUp instagram-bg-hvr" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown mail-bg-hvr" href="javascript:void(0);"><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
</ul>
</div>
<p class="company-about fadeIn text-capitalize">© 2020 Megaone. Made With Love By <a href="javascript:void(0);">Themesindustry</a></p>
</div>
</div>
</div>
</section>
<!--Footer End-->
<!--G0 Top-->
<div class="go-top"><i class="fas fa-chevron-up"></i><i class="fas fa-chevron-up"></i></div>
<!--End Go Top-->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/flip.js"></script>
<script src="vendor/js/jquery-ui.bundle.js"></script>
<script src="vendor/js/select2.min.js"></script>
<script src="vendor/js/jquery.hoverdir.js"></script>
<script src="vendor/js/hover-item.js"></script>
<script src="vendor/js/slick.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/isotope.pkgd.min.js"></script>
<script src="vendor/js/particles.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.video.min.js"></script>
<!--contact form-->
<script src="vendor/js/contact_us.js"></script>
<!-- custom script -->
<script src="http://maps.google.com/maps/api/js?key=AIzaSyCo_pcAdFNbTDCAvMwAD19oRTuEmb9M50c"></script>
<script src="realestate/js/maps.min.js"></script>
<script src="realestate/js/script.js"></script>
</body>
</html>