Access_New/team.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="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
        <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="{ &quot;el&quot;: &quot;lines&quot;, &quot;translateY&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }" 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');?>