Access_New/team.php

<?php include('header.php');?>
<!--Tteam 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');?>