49 lines
4.9 KiB
PHP
49 lines
4.9 KiB
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="{"particles":{"number":{"value":25,"density":{"enable":true,"value_area":800}},"color":{"value":"#115cfa"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":1,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":4,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":false,"distance":150,"color":"#ffffff","opacity":0.4,"width":1},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":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="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||
|
|
<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-->
|