114 lines
13 KiB
PHP
114 lines
13 KiB
PHP
<?php include('header.php');?>
|
|
<!--Hero Section-->
|
|
<section class="cover-background page-title-big-typography ipad-top-space-margin" style="margin-top: inherit;">
|
|
<div class="container">
|
|
<div class="row align-items-center align-items-lg-end justify-content-center extra-very-small-screen g-0">
|
|
<div class="col-xxl-5 col-xl-6 col-lg-7 position-relative page-title-extra-small md-mb-30px lg-pe-10px md-mt-auto appear anime-child anime-complete" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
|
<h1 class="text-base-color" style="">Meet our exclusive team</h1>
|
|
<h2 class="alt-font text-dark-gray fw-500 mb-0 ls-minus-1px shadow-none shadow-in" data-shadow-animation="true" data-animation-delay="700" style="">Greater trusted <span class="fw-700 text-highlight d-inline-block">agents<span class="bg-base-color h-10px bottom-10px opacity-3 separator-animation"></span></span> for you.</h2>
|
|
</div>
|
|
<div class="col-lg-5 offset-xxl-2 offset-xl-1 border-start border-2 border-color-base-color ps-40px sm-ps-25px md-mb-auto"> <span class="d-block w-85 lg-w-100 appear words lines splitting anime-child anime-complete" data-anime="{ "el": "lines", "translateY": [15, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }" style="--word-total: 20; --line-total: 3;"><span class="d-inline" style="will-change: inherit;">Online property marketplace to buy, sell, and rent</span> <span class="d-inline" style="will-change: inherit;">residential and commercial properties. Used by</span> <span class="d-inline" style="will-change: inherit;">millions of renters to find property.</span></span> </div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="overflow-hidden position-relative p-0">
|
|
<div class="container-fluid">
|
|
<div class="row overlap-height">
|
|
<div class="col-12 p-0 position-relative overlap-gap-section"> <img src="images/demo-real-estate-agents-01.jpg" alt="" class="w-100" data-no-retina="">
|
|
<div class="alt-font fw-600 fs-350 lg-fs-275 md-fs-250 xs-fs-160 ls-minus-5px xs-ls-minus-2px position-absolute right-minus-50px lg-right-minus-0px bottom-minus-80px md-bottom-minus-60px xs-bottom-minus-50px text-white text-outline text-outline-width-3px skrollable skrollable-between" data-bottom-top="transform: translate3d(80px, 0px, 0px);" data-top-bottom="transform: translate3d(-280px, 0px, 0px);" style="transform: translate3d(36.5899px, 0px, 0px);">agents</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--Hero Section-->
|
|
|
|
<!--Team Section-->
|
|
<section>
|
|
<div class="container">
|
|
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2">
|
|
<!-- start team member item -->
|
|
<div class="col text-center team-style-05 mb-30px mt-3 lg-mt-0 skrollable skrollable-between" data-bottom-top="transform: translateY(30px)" data-top-bottom="transform: translateY(-30px)" style="transform: translateY(-0.151844px);">
|
|
<div class="position-relative mb-30px last-paragraph-no-margin border-radius-6px overflow-hidden"> <img src="images/team-08.jpg" alt="" data-no-retina="">
|
|
<div class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-40px lg-p-20px team-content bg-gradient-gray-light-dark-transparent">
|
|
<div class="social-icon fs-18"> <a href="https://www.facebook.com/" target="_blank" class="text-white"><i class="fa-brands fa-facebook-f"></i></a> <a href="https://www.instagram.com/" target="_blank" class="text-white"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.twitter.com/" target="_blank" class="text-white"><i class="fa-brands fa-twitter"></i></a> <a href="http://www.dribbble.com" target="_blank" class="text-white"><i class="fa-brands fa-dribbble"></i></a> </div>
|
|
</div>
|
|
</div>
|
|
<div class="fw-600 text-dark-gray lh-22">Jeremy dupont</div>
|
|
<span class="fs-16">Director</span> </div>
|
|
<!-- end team member item -->
|
|
<!-- start team member item -->
|
|
<div class="col text-center team-style-05 mb-30px skrollable skrollable-between" data-bottom-top="transform: translateY(-30px)" data-top-bottom="transform: translateY(30px)" style="transform: translateY(0.929577px);">
|
|
<div class="position-relative mb-30px last-paragraph-no-margin border-radius-6px overflow-hidden"> <img src="images/team-09.jpg" alt="" data-no-retina="">
|
|
<div class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-40px lg-p-20px team-content bg-gradient-gray-light-dark-transparent">
|
|
<div class="social-icon fs-18"> <a href="https://www.facebook.com/" target="_blank" class="text-white"><i class="fa-brands fa-facebook-f"></i></a> <a href="https://www.instagram.com/" target="_blank" class="text-white"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.twitter.com/" target="_blank" class="text-white"><i class="fa-brands fa-twitter"></i></a> <a href="http://www.dribbble.com" target="_blank" class="text-white"><i class="fa-brands fa-dribbble"></i></a> </div>
|
|
</div>
|
|
</div>
|
|
<div class="fw-600 text-dark-gray lh-22">Jessica dover</div>
|
|
<span class="fs-16">Founder</span> </div>
|
|
<!-- end team member item -->
|
|
<!-- start team member item -->
|
|
<div class="col text-center team-style-05 mb-30px mt-3 lg-mt-0 skrollable skrollable-between" data-bottom-top="transform: translateY(30px)" data-top-bottom="transform: translateY(-30px)" style="transform: translateY(-0.151844px);">
|
|
<div class="position-relative mb-30px last-paragraph-no-margin border-radius-6px overflow-hidden"> <img src="images/team-10.jpg" alt="" data-no-retina="">
|
|
<div class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-40px lg-p-20px team-content bg-gradient-gray-light-dark-transparent">
|
|
<div class="social-icon fs-18"> <a href="https://www.facebook.com/" target="_blank" class="text-white"><i class="fa-brands fa-facebook-f"></i></a> <a href="https://www.instagram.com/" target="_blank" class="text-white"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.twitter.com/" target="_blank" class="text-white"><i class="fa-brands fa-twitter"></i></a> <a href="http://www.dribbble.com" target="_blank" class="text-white"><i class="fa-brands fa-dribbble"></i></a> </div>
|
|
</div>
|
|
</div>
|
|
<div class="fw-600 text-dark-gray lh-22">Matthew taylor</div>
|
|
<span class="fs-16">Designer</span> </div>
|
|
<!-- end team member item -->
|
|
<!-- start team member item -->
|
|
<div class="col text-center team-style-05 mb-30px skrollable skrollable-between" data-bottom-top="transform: translateY(-30px)" data-top-bottom="transform: translateY(30px)" style="transform: translateY(0.929577px);">
|
|
<div class="position-relative mb-30px last-paragraph-no-margin border-radius-6px overflow-hidden"> <img src="images/team-11.jpg" alt="" data-no-retina="">
|
|
<div class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-40px lg-p-20px team-content bg-gradient-gray-light-dark-transparent">
|
|
<div class="social-icon fs-18"> <a href="https://www.facebook.com/" target="_blank" class="text-white"><i class="fa-brands fa-facebook-f"></i></a> <a href="https://www.instagram.com/" target="_blank" class="text-white"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.twitter.com/" target="_blank" class="text-white"><i class="fa-brands fa-twitter"></i></a> <a href="http://www.dribbble.com" target="_blank" class="text-white"><i class="fa-brands fa-dribbble"></i></a> </div>
|
|
</div>
|
|
</div>
|
|
<div class="fw-600 text-dark-gray lh-22">Johncy parker</div>
|
|
<span class="fs-16">Writer</span> </div>
|
|
<!-- end team member item -->
|
|
<!-- start team member item -->
|
|
<div class="col text-center team-style-05 md-mb-30px skrollable skrollable-between" data-bottom-top="transform: translateY(30px)" data-top-bottom="transform: translateY(-30px)" style="transform: translateY(19.8121px);">
|
|
<div class="position-relative mb-30px last-paragraph-no-margin border-radius-6px overflow-hidden"> <img src="images/team-26.jpg" alt="" data-no-retina="">
|
|
<div class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-40px lg-p-20px team-content bg-gradient-gray-light-dark-transparent">
|
|
<div class="social-icon fs-18"> <a href="https://www.facebook.com/" target="_blank" class="text-white"><i class="fa-brands fa-facebook-f"></i></a> <a href="https://www.instagram.com/" target="_blank" class="text-white"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.twitter.com/" target="_blank" class="text-white"><i class="fa-brands fa-twitter"></i></a> <a href="http://www.dribbble.com" target="_blank" class="text-white"><i class="fa-brands fa-dribbble"></i></a> </div>
|
|
</div>
|
|
</div>
|
|
<div class="fw-600 text-dark-gray lh-22">Michal ruheen</div>
|
|
<span class="fs-16">Executive</span> </div>
|
|
<!-- end team member item -->
|
|
<!-- start team member item -->
|
|
<div class="col text-center team-style-05 md-mb-30px skrollable skrollable-between" data-bottom-top="transform: translateY(-30px)" data-top-bottom="transform: translateY(30px)" style="transform: translateY(-19.8121px);">
|
|
<div class="position-relative mb-30px last-paragraph-no-margin border-radius-6px overflow-hidden"> <img src="images/team-27.jpg" alt="" data-no-retina="">
|
|
<div class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-40px lg-p-20px team-content bg-gradient-gray-light-dark-transparent">
|
|
<div class="social-icon fs-18"> <a href="https://www.facebook.com/" target="_blank" class="text-white"><i class="fa-brands fa-facebook-f"></i></a> <a href="https://www.instagram.com/" target="_blank" class="text-white"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.twitter.com/" target="_blank" class="text-white"><i class="fa-brands fa-twitter"></i></a> <a href="http://www.dribbble.com" target="_blank" class="text-white"><i class="fa-brands fa-dribbble"></i></a> </div>
|
|
</div>
|
|
</div>
|
|
<div class="fw-600 text-dark-gray lh-22">Jeremy smith</div>
|
|
<span class="fs-16">Officer</span> </div>
|
|
<!-- end team member item -->
|
|
<!-- start team member item -->
|
|
<div class="col text-center team-style-05 xs-mb-30px skrollable skrollable-between" data-bottom-top="transform: translateY(30px)" data-top-bottom="transform: translateY(-30px)" style="transform: translateY(19.8121px);">
|
|
<div class="position-relative mb-30px last-paragraph-no-margin border-radius-6px overflow-hidden"> <img src="images/team-28.jpg" alt="" data-no-retina="">
|
|
<div class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-40px lg-p-20px team-content bg-gradient-gray-light-dark-transparent">
|
|
<div class="social-icon fs-18"> <a href="https://www.facebook.com/" target="_blank" class="text-white"><i class="fa-brands fa-facebook-f"></i></a> <a href="https://www.instagram.com/" target="_blank" class="text-white"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.twitter.com/" target="_blank" class="text-white"><i class="fa-brands fa-twitter"></i></a> <a href="http://www.dribbble.com" target="_blank" class="text-white"><i class="fa-brands fa-dribbble"></i></a> </div>
|
|
</div>
|
|
</div>
|
|
<div class="fw-600 text-dark-gray lh-22">Herman miller</div>
|
|
<span class="fs-16">Officer</span> </div>
|
|
<!-- end team member item -->
|
|
<!-- start team member item -->
|
|
<div class="col text-center team-style-05 skrollable skrollable-between" data-bottom-top="transform: translateY(-30px)" data-top-bottom="transform: translateY(30px)" style="transform: translateY(-19.8121px);">
|
|
<div class="position-relative mb-30px last-paragraph-no-margin border-radius-6px overflow-hidden"> <img src="images/team-29.jpg" alt="" data-no-retina="">
|
|
<div class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-40px lg-p-20px team-content bg-gradient-gray-light-dark-transparent">
|
|
<div class="social-icon fs-18"> <a href="https://www.facebook.com/" target="_blank" class="text-white"><i class="fa-brands fa-facebook-f"></i></a> <a href="https://www.instagram.com/" target="_blank" class="text-white"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.twitter.com/" target="_blank" class="text-white"><i class="fa-brands fa-twitter"></i></a> <a href="http://www.dribbble.com" target="_blank" class="text-white"><i class="fa-brands fa-dribbble"></i></a> </div>
|
|
</div>
|
|
</div>
|
|
<div class="fw-600 text-dark-gray lh-22">Bryan jonhson</div>
|
|
<span class="fs-16">Executive</span> </div>
|
|
<!-- end team member item -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--Tteam Section End-->
|
|
<?php include('footer.php');?>
|