Access_New/parts/team.php

<!--Team Section-->
<section class="big-section position-relative bg-very-light-gray">
  <div id="particles-style-01" class="position-absolute h-100 top-0 left-0 w-100" data-particle="true" data-particle-options="{&quot;particles&quot;:{&quot;number&quot;:{&quot;value&quot;:25,&quot;density&quot;:{&quot;enable&quot;:true,&quot;value_area&quot;:800}},&quot;color&quot;:{&quot;value&quot;:&quot;#115cfa&quot;},&quot;shape&quot;:{&quot;type&quot;:&quot;circle&quot;,&quot;stroke&quot;:{&quot;width&quot;:0,&quot;color&quot;:&quot;#000000&quot;},&quot;polygon&quot;:{&quot;nb_sides&quot;:5},&quot;image&quot;:{&quot;src&quot;:&quot;img/github.svg&quot;,&quot;width&quot;:100,&quot;height&quot;:100}},&quot;opacity&quot;:{&quot;value&quot;:1,&quot;random&quot;:false,&quot;anim&quot;:{&quot;enable&quot;:false,&quot;speed&quot;:1,&quot;opacity_min&quot;:0.1,&quot;sync&quot;:false}},&quot;size&quot;:{&quot;value&quot;:4,&quot;random&quot;:true,&quot;anim&quot;:{&quot;enable&quot;:false,&quot;speed&quot;:40,&quot;size_min&quot;:0.1,&quot;sync&quot;:false}},&quot;line_linked&quot;:{&quot;enable&quot;:false,&quot;distance&quot;:150,&quot;color&quot;:&quot;#ffffff&quot;,&quot;opacity&quot;:0.4,&quot;width&quot;:1},&quot;move&quot;:{&quot;enable&quot;:true,&quot;speed&quot;:6,&quot;direction&quot;:&quot;none&quot;,&quot;random&quot;:false,&quot;straight&quot;:false,&quot;out_mode&quot;:&quot;out&quot;,&quot;bounce&quot;:false,&quot;attract&quot;:{&quot;enable&quot;:false,&quot;rotateX&quot;:600,&quot;rotateY&quot;:1200}}},&quot;interactivity&quot;:{&quot;detect_on&quot;:&quot;canvas&quot;,&quot;events&quot;:{&quot;onhover&quot;:{&quot;enable&quot;:true,&quot;mode&quot;:&quot;repulse&quot;},&quot;onclick&quot;:{&quot;enable&quot;:true,&quot;mode&quot;:&quot;push&quot;},&quot;resize&quot;:true},&quot;modes&quot;:{&quot;grab&quot;:{&quot;distance&quot;:400,&quot;line_linked&quot;:{&quot;opacity&quot;:1}},&quot;bubble&quot;:{&quot;distance&quot;:400,&quot;size&quot;:40,&quot;duration&quot;:2,&quot;opacity&quot;:8,&quot;speed&quot;:3},&quot;repulse&quot;:{&quot;distance&quot;:200,&quot;duration&quot;:0.4},&quot;push&quot;:{&quot;particles_nb&quot;:4},&quot;remove&quot;:{&quot;particles_nb&quot;:2}}},&quot;retina_detect&quot;:true}">
    <canvas class="particles-js-canvas-el" width="1903" height="421" style="width: 100%; height: 100%;"></canvas>
  </div>
  <div class="container">
    <div class="row justify-content-center align-items-center mb-6 text-center text-lg-start">
      <div class="col-xl-6 col-md-8 col-sm-10 text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
        <h2 class="custom-title mb-0 text-dark-gray fw-700 ls-minus-1px w-85 xl-w-100 mx-auto">The People Behind Our Success</h2>
      </div>
    </div>
    <div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center"> 
      <!-- start team member item -->
      <div class="col text-center team-style-04 md-mb-50px">
        <figure class="mb-0 position-relative"> <img src="images/access-image/team4.jpg" class="border-radius-10px" alt="" data-no-retina="">
          <figcaption class="w-100 ps-50px pe-50px">
            <div class="position-relative p-30px lg-p-25px pb-0 border-radius-10px bg-base-color">
              <div class="fs-19 fw-500 text-white lh-20">Jeremy smith</div>
              <span class="text-white opacity-7 d-inline-block fs-15">Founder</span> </div>
          </figcaption>
        </figure>
      </div>
      <!-- end team member item --> 
      <!-- start team member item -->
      <div class="col text-center team-style-04 md-mb-50px">
        <figure class="mb-0 position-relative"> <img src="images/access-image/team5.jpg" class="border-radius-10px" alt="" data-no-retina="">
          <figcaption class="w-100 ps-50px pe-50px">
            <div class="position-relative p-30px lg-p-25px pb-0 border-radius-10px bg-base-color">
              <div class="fs-19 fw-500 text-white lh-20">Jenny smith</div>
              <span class="text-white opacity-7 d-inline-block fs-15">Manager</span> </div>
          </figcaption>
        </figure>
      </div>
      <!-- end team member item --> 
      <!-- start team member item -->
      <div class="col text-center team-style-04">
        <figure class="mb-0 position-relative"> <img src="images/access-image/team6.jpg" class="border-radius-10px" alt="" data-no-retina="">
          <figcaption class="w-100 ps-50px pe-50px">
            <div class="position-relative p-30px lg-p-25px pb-0 border-radius-10px bg-base-color">
              <div class="fs-19 fw-500 text-white lh-20">Michal smith</div>
              <span class="text-white opacity-7 d-inline-block fs-15">Creative</span> </div>
          </figcaption>
        </figure>
      </div>
      <!-- end team member item --> 
    </div>
  </div>
</section>
<!--Team Section End-->