?
áEÓê¤ÎïLwebshll2019
| Current Path : /home/webyoo/www/events/crm/ |
|
|
| Current File : /home/webyoo/www/events/crm/index-directory-listing.html |
<!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>Property Listing | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="directory-listing/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link href="vendor/css/bundle.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="vendor/css/select2.min.css" rel="stylesheet">
<link href="vendor/css/revolution-settings.min.css" rel="stylesheet">
<link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="vendor/css/wow.css" rel="stylesheet">
<link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="directory-listing/css/bootstrap-select.min.css" rel="stylesheet">
<link href="directory-listing/css/sweetalert2.min.css" rel="stylesheet">
<link href="directory-listing/css/style.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!-- Preloader -->
<div class="preloader">
<div class="centrize full-width">
<div class="vertical-center">
<svg class="ha-logo loading"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 10 10">
<path class="house"
d="M1.9 8.5V5.3h-1l4-4.3 2.2
2.1v-.6h1v1.7l1 1.1H7.9v3.2z" />
<path class="circut"
d="M5 8.5V4m0 3.5l1.6-1.6V4.3M5
6.3L3.5 4.9v-.6m2.7.7l.4.4L7
5M5.9 6.1v.5h.5M4.2 5v.5h-.8m1
1.5v.6h-.6m1.2.8L3.6 6.7M5
8.4l1-.9h.7M4.6 3.6L5 4l.4-.4" />
</svg>
</div>
</div>
</div>
<!-- Preloader End -->
<!--Header Start-->
<header>
<!--Navigation-->
<nav class="navbar navbar-top-default navbar-expand-lg navbar-simple">
<div class="container">
<div class="inner-nav-wrap">
<a href="#home" title="Logo" class="logo scroll">
<!--Logo Default-->
<img src="directory-listing/img/logo-white.png" alt="logo" class="logo-white">
<img src="directory-listing/img/logo-orange.png" alt="logo" class="logo-dark">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse" id="megaone">
<div class="navbar-nav ml-auto">
<a class="nav-link active scroll" href="#slider-area"><span class="num">0 </span><span data-count="1" class="num num-width">1</span><span class="num">.</span> Home</a>
<a class="nav-link scroll" href="#team-section"><span class="num">0 </span> <span data-count="2" class="num num-width">2</span><span class="num">.</span> About</a>
<a class="nav-link scroll" href="#gallary-sec"><span class="num">0 </span> <span data-count="3" class="num num-width">3</span><span class="num">.</span> Properties</a>
<a class="nav-link scroll" href="#our-testimonial"><span class="num">0 </span> <span data-count="4" class="num num-width">4</span><span class="num">.</span> Clients</a>
<a class="nav-link scroll" href="#contact-sec"><span class="num">0 </span> <span data-count="5" class="num num-width">5</span><span class="num">.</span> Contact</a>
</div>
</div>
<!--Side Menu Button-->
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
<a href="javascript:void(0)" class="agency-num"><span><i class="lni lni-whatsapp"></i></span> <span class="whatsapp-num">+1 631 123 4567</span></a>
</div>
</div>
</nav>
<!--Side Nav-->
<div class="side-menu hidden">
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="#slider-area"><span>01.</span> Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#team-section"><span>02.</span> About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#gallary-sec"><span>03.</span> Properties</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#our-testimonial"><span>04.</span> Clients</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact-sec"><span>05.</span> Contact</a>
</li>
</ul>
</nav>
<div class="side-footer w-100">
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
</ul>
<p>© 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-->
<!-- BANNER SECTION START -->
<section class="slider-area position-relative d-flex" id="slider-area">
<div class="bg-overlay mix-gradient opacity-9"></div>
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="slider-content">
<h4 class="heading">
LET US FIND YOUR DREAM HOME
</h4>
<p class="text">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy.
</p>
</div>
</div>
</div>
</div>
<div class="slider-icons">
<ul class="slider-social banner-social">
<li class="animated-wrap"><a class="animated-element facebook_bg_hvr2" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li class="animated-wrap"><a class="animated-element twitter_bg_hvr2" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li class="animated-wrap"><a class="animated-element linkdin_bg_hvr2" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
<li class="animated-wrap"><a class="animated-element instagram_bg_hvr2" href="javascript:void(0);"><i class="fab fa-instagram"></i> </a></li>
</ul>
</div>
</section>
<!-- BANNER SECTION END -->
<!--BANNER FORM SECTION START-->
<div class="slider-form-area">
<div class="real-state-form">
<div class="container">
<div class="book-property">
<h2 class="booking-heading mb-4">Search Properties</h2>
</div>
<form class="contact-form" id="modal-contact-form-data">
<div class="row">
<!-- <div class="col-sm-12" id="result1"></div>-->
<div class="col-12 col-md-12 col-lg-12 mb-5">
<input type="text" name="userMessage" class=" form-control m-mb-20" placeholder="What are you looking for?">
</div>
<div class="col-12 col-md-12 col-lg-6 mb-3">
<div class="form-group">
<select class="form-control" name="userCity" id="set1" required>
<option class="selected" hidden>Select Location</option>
<option value="New York">New York</option>
<option value="London">London</option>
<option value="Paris">Paris</option>
</select>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mb-3">
<div class="form-group">
<select class="form-control" name="propertyType" id="set2" required>
<option class="selected hidden disabled" hidden>Property Type</option>
<option value="Single Family">Single Family</option>
<option value="Duplex">Duplex</option>
<option value="Bungalow">Bungalow</option>
</select>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mb-3">
<input type="text" name="userName" class=" form-control m-mb-20" placeholder="Full Name">
</div>
<div class="col-12 col-md-12 col-lg-6 mb-3">
<input type="text" name="userEmail" class=" form-control m-mb-20" placeholder="Email Address">
</div>
<div class="col-sm-12 col-md-12 col-lg-12">
<button type="button" class="btn standard-btn modal_contact_btn btn-large btn-rounded mt-4 w-100" id="submit_btn">GET MATCHING RESULT</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!--BANNER FORM SECTION END-->
<!--TEAM SECTION START-->
<section class="team-section padding-top padding-bottom" id="team-section">
<div class="container">
<div class="row">
<div class="col-12 stats-heading-area text-center wow fadeInUp">
<span class="sub-heading">Lorem ipsum is simply dummy text </span>
<h4 class="heading">WE ARE PROPERTY <span> & <span class="color js-rotating">REAL ESTATE,CONSULTING,DEVELOPING</span> AGENCY</span></h4>
<p class="text">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy.
</p>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-12 team-member-area">
<div class="testimonial-team owl-carousel owl-theme">
<div class="item text-center wow fadeInUp">
<div class="image-holder">
<img src="directory-listing/img/team1.png" alt="team1">
</div>
<h3 class="team-name">Richard Stevens</h3>
<span>Real Estate Agent</span>
</div>
<div class="item text-center wow fadeInDown">
<div class="image-holder">
<img src="directory-listing/img/team2.png" alt="team1">
</div>
<h3 class="team-name">Lisa Warrior</h3>
<span>Real Estate Agent</span>
</div>
<div class="item text-center wow fadeInUp">
<div class="image-holder">
<img src="directory-listing/img/team3.png" alt="team1">
</div>
<h3 class="team-name">Mark J Stevens</h3>
<span>Real Estate Agent</span>
</div>
<div class="item text-center">
<div class="image-holder">
<img src="directory-listing/img/team1.png" alt="team1">
</div>
<h3 class="team-name">Richard Stevens</h3>
<span>Real Estate Agent</span>
</div>
<div class="item text-center">
<div class="image-holder">
<img src="directory-listing/img/team2.png" alt="team1">
</div>
<h3 class="team-name">Lisa Warrior</h3>
<span>Real Estate Agent</span>
</div>
<div class="item text-center">
<div class="image-holder">
<img src="directory-listing/img/team3.png" alt="team1">
</div>
<h3 class="team-name">Mark J Stevens</h3>
<span>Real Estate Agent</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!--TEAM SECTION END-->
<!-- PROJECT SECTION START -->
<section id="project-sec" class="project-sec position-relative">
<div class="projects owl-carousel owl-theme no-gutters position-relative">
<div class="item project-area">
<div class="project-img order-1">
<img src="directory-listing/img/project-banner.jpg" alt="images">
</div>
<div class="container">
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-12 col-lg-5">
<div class="project-box wow fadeInLeft">
<div class="animate-in">
<p class="project-sub-heading"><span></span>Most Afordable Properties</p>
<h6 class="project-heading">A beautiful luxuries <span> home in centre of new York </span></h6>
<p class="project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<button class="btn secondary-btn rounded-pill">
LAUNCH DETAILS
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item project-area">
<div class="project-img order-1">
<img src="directory-listing/img/project-banner1.jpg" alt="images">
</div>
<div class="container">
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-12 col-lg-5">
<div class="project-box">
<div class="animate-in">
<p class="project-sub-heading"><span></span>Most Afordable Properties</p>
<h6 class="project-heading">A beautiful luxuries <span> home in centre of new York </span></h6>
<p class="project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<button class="btn secondary-btn rounded-pill">
LAUNCH DETAILS
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item project-area">
<div class="project-img order-1">
<img src="directory-listing/img/project-banner3.jpg" alt="images">
</div>
<div class="container">
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-12 col-lg-5">
<div class="project-box">
<div class="animate-in">
<p class="project-sub-heading"><span></span>Most Afordable Properties</p>
<h6 class="project-heading">A beautiful luxuries <span> home in centre of new York </span></h6>
<p class="project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<button class="btn secondary-btn rounded-pill">
LAUNCH DETAILS
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="project-links d-flex d-lg-block">
<a class="customPrevBtn"><i class="lni lni-chevron-left"></i></a>
<a class="customNextBtn"><i class="Ini lni-chevron-right"></i></a>
</div>
</section>
<!-- PROJECT SECTION END -->
<!--START Gallary SECTION-->
<section id="gallary-sec" class="gallary-sec position-relative">
<div class="container">
<div class="row gallary-content-top">
<div class="col-12 stats-heading-area text-center wow fadeInUp">
<span class="sub-heading">Lorem ipsum is simply dummy text </span>
<h4 class="heading">PREMIUM <span> & <span class="color js-rotating">REAL ESTATE,CONSULTING,DEVELOPING</span> AGENCY</span></h4>
<p class="text">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-4 wow fadeInUp">
<a href="directory-listing/property-detail.html">
<div class="card">
<div class="image-holder-gallary">
<img class="card-img-top" src="directory-listing/img/gallary-1.jpg" alt="Card image cap">
</div>
<div class="card-body">
<div class="row">
<div class="col-12 col-md-12 col-lg-6">
<div class="property-details">
<h5>New York 295</h5>
<ul class="user-rating">
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star"></i></a></li>
</ul>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 text-right">
<div class="property-price">
<h3>$3995</h3>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="col-sm-12 col-md-12 col-lg-4 wow fadeInUp">
<a href="directory-listing/property-detail.html">
<div class="card">
<div class="image-holder-gallary">
<img class="card-img-top" src="directory-listing/img/gallary-2.jpg" alt="Card image cap">
</div>
<div class="card-body">
<div class="row">
<div class="col-12 col-md-12 col-lg-6">
<div class="property-details">
<h5>London 120</h5>
<ul class="user-rating">
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star"></i></a></li>
</ul>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 text-right">
<div class="property-price">
<h3>$2360</h3>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="col-sm-12 col-md-12 col-lg-4 wow fadeInUp">
<a href="directory-listing/property-detail.html">
<div class="card">
<div class="image-holder-gallary">
<img class="card-img-top" src="directory-listing/img/gallary-3.jpg" alt="Card image cap">
</div>
<div class="card-body">
<div class="row">
<div class="col-12 col-md-12 col-lg-6">
<div class="property-details">
<h5>Paris 529</h5>
<ul class="user-rating">
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star"></i></a></li>
</ul>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 text-right">
<div class="property-price">
<h3>4730</h3>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="row gallary-manage-top">
<div class="col-sm-12 col-md-12 col-lg-4 wow fadeInUp" data-wow-delay="500ms">
<a href="directory-listing/property-detail.html">
<div class="card">
<div class="image-holder-gallary">
<img class="card-img-top" src="directory-listing/img/gallary-4.jpg" alt="Card image cap">
</div>
<div class="card-body">
<div class="row">
<div class="col-12 col-md-12 col-lg-6">
<div class="property-details">
<h5>Maian 103</h5>
<ul class="user-rating">
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star"></i></a></li>
</ul>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 text-right">
<div class="property-price">
<h3>$5500</h3>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="col-sm-12 col-md-12 col-lg-4 wow fadeInUp" data-wow-delay="500ms">
<a href="directory-listing/property-detail.html">
<div class="card">
<div class="image-holder-gallary">
<img class="card-img-top" src="directory-listing/img/gallary-5.jpg" alt="Card image cap">
</div>
<div class="card-body">
<div class="row">
<div class="col-12 col-md-12 col-lg-6">
<div class="property-details">
<h5>New York 143</h5>
<ul class="user-rating">
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star"></i></a></li>
</ul>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 text-right">
<div class="property-price">
<h3>$2835</h3>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="col-sm-12 col-md-12 col-lg-4 wow fadeInUp" data-wow-delay="500ms">
<a href="directory-listing/property-detail.html">
<div class="card">
<div class="image-holder-gallary">
<img class="card-img-top" src="directory-listing/img/gallary-6.jpg" alt="Card image cap">
</div>
<div class="card-body">
<div class="row">
<div class="col-12 col-md-12 col-lg-6">
<div class="property-details">
<h5>Toronto 156</h5>
<ul class="user-rating">
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star"></i></a></li>
</ul>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 text-right">
<div class="property-price">
<h3>$8000</h3>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="row gallary-contact-btn">
<div class="col-12 col-lg-6 offset-lg-3">
<a href="directory-listing/property-listing.html" class="btn standard-btn rounded-pill w-100"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i>VIEW ALL PROPERTY</a>
</div>
</div>
</div>
</section>
<!--END GALLARY SECTION -->
<!-- START Testimonials -->
<section id="our-testimonial" class="our-testimonial">
<div class="parallax page-header testimonial-bg">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="testimonial-content wow fadeInRight" data-wow-delay="300ms">
<span>Quisque tellus risus, adipisci </span>
<h2>Happy Custmers</h2>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="owl-carousel" id="testimonial-slider">
<!--item 1-->
<div class="item testi-box">
<div class="row align-items-center">
<div class="col-lg-4 col-md-12 text-center wow fadeInLeft">
<div class="testimonial-round d-inline-block">
<img src="directory-listing/img/testimonial-3.jpg" alt="">
</div>
<h4 class="defaultcolor font-light top15"><a href="#.">John Smith</a></h4>
<p>UPWORK, New York</p>
</div>
<div class="col-lg-6 offset-lg-2 col-md-10 offset-md-1 text-lg-left text-center rating-part wow fadeInRight">
<p class="bottom15 top90">We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we boast a years and years of service.</p>
<span class="d-inline-block test-star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</span>
</div>
</div>
</div>
<!--item 2-->
<div class="item testi-box">
<div class="row align-items-center">
<div class="col-lg-4 col-md-12 text-center wow fadeInLeft">
<div class="testimonial-round d-inline-block">
<img src="directory-listing/img/testimonial-2.jpg" alt="">
</div>
<h4 class="defaultcolor font-light top15"><a href="#.">Hayden Wood</a></h4>
<p>FIVERR, Italy</p>
</div>
<div class="col-lg-6 offset-lg-2 col-md-10 offset-md-1 text-lg-left text-center rating-part wow fadeInRight">
<p class="bottom15 top90">Trax’s customer testimonial page is another beauty. Its simple design focuses on videos and standout quotes from customers. This approach is clean, straightforward, text that can be overwhelming and easy to skip.</p>
<span class="d-inline-block test-star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
</span>
</div>
</div>
</div>
<!--item 3-->
<div class="item testi-box">
<div class="row align-items-center">
<div class="col-lg-4 col-md-12 text-center wow fadeInLeft">
<div class="testimonial-round d-inline-block">
<img src="directory-listing/img/testimonial-3.jpg" alt="">
</div>
<h4 class="defaultcolor font-light top15"><a href="#.">Kevin Miller</a></h4>
<p>ENVATO, Australia</p>
</div>
<div class="col-lg-6 offset-lg-2 col-md-10 offset-md-1 text-lg-left text-center rating-part wow fadeInRight">
<p class="bottom15 top90">Trax is a company that provides tools to help professional event planning and execution, and their customers are very happy folks! The thing I love about their customer testimonial page provides content formats.</p>
<span class="d-inline-block test-star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!--END Testimonials Ends-->
<!--Contact section start-->
<section class="contact-sec" id="contact-sec">
<div class="container">
<div class="row">
<div class="col-12 col-lg-7 wow fadeInLeft">
<h4 class="heading text-center text-lg-left">GET IN TOUCH</h4>
<form class="row contact-form" id="contact-form-data">
<div class="col-sm-12" id="result"></div>
<div class="col-12 col-md-5">
<input type="text" name="userName" placeholder="Your Name" class="form-control">
<input type="email" name="userEmail" placeholder="Email Address *" class="form-control">
<input type="text" name="userSubject" placeholder="Subject" class="form-control">
</div>
<div class="col-12 col-md-7">
<textarea class="form-control" name="userMessage" rows="6" placeholder="Your Message"></textarea>
</div>
<div class="col-12">
<a href="javascript:void(0);" class="btn standard-btn rounded-pill w-100 contact_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i>Send Message
</a>
</div>
</form>
</div>
<div class="col-12 col-lg-5 text-center text-lg-left position-relative">
<div class="contact-details wow fadeInRight">
<h4 class="heading">OUR LOCATION</h4>
<p class="text">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered .
</p>
<ul>
<li><i aria-hidden="true" class="fas fa-map-marker-alt"></i> 123 Park Avenue, New York, United States </li>
<li><i aria-hidden="true" class="fas fa-phone-volume"></i>
<span>+1 631 1234 5678</span>
<span>+1 631 1234 5678</span>
</li>
<li><i aria-hidden="true" class="fas fa-paper-plane"></i>email@website.com</li>
</ul>
</div>
<!-- <img src="seo-agency/img/contact-background.png" class="contact-background" alt="contact">-->
</div>
</div>
</div>
</section>
<!--Contact section end-->
<!--Footer Start-->
<footer class="footer-style-1">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-lg-6">
<div class="footer-social text-center text-lg-left ">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-lg-6 text-center text-lg-right">
<p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
</p>
</div>
</div>
</div>
</footer>
<!--Footer End-->
<!--Scroll Top Start-->
<span class="scroll-top-arrow">
<i class="fas fa-angle-up"></i>
</span>
<!--Scroll Top End-->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/select2.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="vendor/js/morphext.min.js"></script>
<script src="directory-listing/js/sweetalert2.all.min.js"></script>
<script src="directory-listing/js/bootstrap-select.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>
<!-- google map-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script>
<script src="directory-listing/js/map.js"></script>
<!--Tilt Js-->
<script src="vendor/js/contact_us.js"></script>
<!-- custom script-->
<script src="directory-listing/js/script.js"></script>
</body>
</html>