network page changes

css/style.min.css

@@ -3322,7 +3322,7 @@ b, strong {
   border-color: rgba(35, 35, 35, .2) !important
 }
 .border-color-transparent-white-very-light {
-  border-color: rgba(255, 255, 255, .3) !important
+  border-color: #d7d7d7 !important;
 }
 .border-color-transparent-white-light {
   border-color: rgba(255, 255, 255, .1) !important
@@ -18121,4 +18121,7 @@ footer .nav-link {
 .inverse-icon {
   color: #444;
 }
+.swiper-arrow {
+  color: #b61b5c;
+}
 /*custome css*/

network.php

@@ -160,59 +160,94 @@
 <!--Faq's Section End--> 
 
 <!--Team Section-->
-<section class="bg-very-light-gray background-repeat position-relative overflow-hidden">
+<section class="pt-5 pb-5 bg-very-light-gray">
-  <div class="position-absolute right-minus-100px bottom-100px d-none d-xl-inline-block skrollable skrollable-between" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)" style="transform: translateY(-23.6415px);"> </div>
   <div class="container">
     <div class="row justify-content-center mb-2">
-      <div class="col-lg-6 text-center appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&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; }">
+      <div class="col-xl-6 col-lg-8 col-md-10 text-center">
-        <h3 class="fw-600 ls-minus-1px text-dark-gray" style="">Our Professional Team</h3>
+        <h3 class="fw-600 text-dark-gray ls-minus-1px md-ls-0px">Putalisadak Branch Team</h3>
       </div>
     </div>
-    <div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;translateX&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; }"> 
+    <div class="row align-items-center">
-      <!-- start team member item -->
+      <div class="col-12 position-relative swiper-light-pagination">
-      <div class="col text-center team-style-05 md-mb-20px" style="">
+        <div class="swiper swiper-initialized swiper-horizontal swiper-backface-hidden" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 1600, &quot;disableOnInteraction&quot;: false }, &quot;pagination&quot;: { &quot;el&quot;: &quot;.swiper-pagination-bullets-03&quot;, &quot;clickable&quot;: true, &quot;dynamicBullets&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-one-slide-next-02&quot;, &quot;prevEl&quot;: &quot;.slider-one-slide-prev-02&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;992&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;480&quot;: { &quot;slidesPerView&quot;: 2 }, &quot;320&quot;: { &quot;slidesPerView&quot;: 1 } }, &quot;effect&quot;: &quot;slide&quot; }">
-        <div class="position-relative mb-30px border-radius-4px last-paragraph-no-margin overflow-hidden"> <img src="images/demo-spa-salon-team-01.jpg" class="border-radius-4px" alt="" data-no-retina="">
+          <div class="swiper-wrapper align-items-center" id="swiper-wrapper-5a10c123fd8b6e256" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-2033.33px, 0px, 0px); transition-delay: 0ms;"> 
-          <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">
+            <!-- start carousal item --> 
-            <div class="social-icon fs-19"> <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>
+            
+            <!-- end carousal item --> 
+            <!-- start carousal item --> 
+            
+            <!-- end carousal item --> 
+            <!-- start carousal item --> 
+            
+            <!-- end carousal item --> 
+            <!-- start carousal item --> 
+            
+            <!-- end carousal item --> 
+            <!-- start carousal item -->
+            <div class="swiper-slide" role="group" aria-label="5 / 8" style="width: 376.667px; margin-right: 30px;" data-swiper-slide-index="4"> <img class="w-100" src="images/demo-spa-salon-team-01.jpg" alt="" data-no-retina="">
+              <div class="text-center pt-4 pb-4">
+                <div class="text-dark-gray lh-24 fs-18 fw-600">Jeremy dupont</div>
+                <p>Manager</p>
+              </div>
+            </div>
+            <!-- end carousal item --> 
+            <!-- start carousal item -->
+            <div class="swiper-slide" role="group" aria-label="6 / 8" style="width: 376.667px; margin-right: 30px;" data-swiper-slide-index="5"> <img class="w-100" src="images/demo-spa-salon-team-02.jpg" alt="" data-no-retina="">
+              <div class="text-center pt-4 pb-4">
+                <div class="text-dark-gray lh-24 fs-18 fw-600">Jeremy dupont</div>
+                <p>Manager</p>
+              </div>
+            </div>
+            <!-- end carousal item --> 
+            <!-- start carousal item -->
+            <div class="swiper-slide" role="group" aria-label="7 / 8" style="width: 376.667px; margin-right: 30px;" data-swiper-slide-index="6"> <img class="w-100" src="images/demo-spa-salon-team-03.jpg" alt="" data-no-retina="">
+              <div class="text-center pt-4 pb-4">
+                <div class="text-dark-gray lh-24 fs-18 fw-600">Jeremy dupont</div>
+                <p>Manager</p>
+              </div>
+            </div>
+            <!-- end carousal item --> 
+            <!-- start carousal item -->
+            <div class="swiper-slide" role="group" aria-label="8 / 8" style="width: 376.667px; margin-right: 30px;" data-swiper-slide-index="7"> <img class="w-100" src="images/demo-spa-salon-team-04.jpg" alt="" data-no-retina="">
+              <div class="text-center pt-4 pb-4">
+                <div class="text-dark-gray lh-24 fs-18 fw-600">Jeremy dupont</div>
+                <p>Manager</p>
+              </div>
+            </div>
+            <!-- end carousal item -->
+            <div class="swiper-slide swiper-slide-prev" role="group" aria-label="1 / 8" style="width: 376.667px; margin-right: 30px;" data-swiper-slide-index="0"> <img class="w-100" src="images/demo-spa-salon-team-04.jpg" alt="" data-no-retina="">
+              <div class="text-center pt-4 pb-4">
+                <div class="text-dark-gray lh-24 fs-18 fw-600">Jeremy dupont</div>
+                <p>Manager</p>
+              </div>
+            </div>
+            <div class="swiper-slide swiper-slide-active" role="group" aria-label="2 / 8" style="width: 376.667px; margin-right: 30px;" data-swiper-slide-index="1"> <img class="w-100" src="images/demo-spa-salon-team-01.jpg" alt="" data-no-retina="">
+              <div class="text-center pt-4 pb-4">
+                <div class="text-dark-gray lh-24 fs-18 fw-600">Jeremy dupont</div>
+                <p>Manager</p>
+              </div>
+            </div>
+            <div class="swiper-slide swiper-slide-next" role="group" aria-label="3 / 8" style="width: 376.667px; margin-right: 30px;" data-swiper-slide-index="2"> <img class="w-100" src="images/demo-spa-salon-team-02.jpg" alt="" data-no-retina="">
+              <div class="text-center pt-4 pb-4">
+                <div class="text-dark-gray lh-24 fs-18 fw-600">Jeremy dupont</div>
+                <p>Manager</p>
+              </div>
+            </div>
+            <div class="swiper-slide" role="group" aria-label="4 / 8" style="width: 376.667px; margin-right: 30px;" data-swiper-slide-index="3"> <img class="w-100" src="images/demo-spa-salon-team-03.jpg" alt="" data-no-retina="">
+              <div class="text-center pt-4 pb-4">
+                <div class="text-dark-gray lh-24 fs-18 fw-600">Jeremy dupont</div>
+                <p>Manager</p>
+              </div>
+            </div>
           </div>
-        </div>
+          <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
-        <div class="text-dark-gray lh-24 fs-18 fw-600">Lisa pedersen</div>
+        <!-- start slider navigation -->
-        <p class="mb-0">Therapist</p>
+        <div class="slider-one-slide-prev-02 bg-transparent border border-2 border-color-transparent-white-very-light h-50px w-50px swiper-button-prev slider-navigation-style-03" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-5a10c123fd8b6e256"><i class="fa-solid fa-arrow-left swiper-arrow"></i></div>
+        <div class="slider-one-slide-next-02 bg-transparent border border-2 border-color-transparent-white-very-light h-50px w-50px swiper-button-next slider-navigation-style-03" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-5a10c123fd8b6e256"><i class="fa-solid fa-arrow-right swiper-arrow"></i></div>
+        <!-- end slider navigation --> 
+        <!-- start slider pagination -->
+        <!-- end slider pagination --> 
       </div>
-      <!-- end team member item --> 
-      <!-- start team member item -->
-      <div class="col text-center team-style-05 md-mb-20px" style="">
-        <div class="position-relative mb-30px border-radius-4px last-paragraph-no-margin overflow-hidden"> <img src="images/demo-spa-salon-team-02.jpg" class="border-radius-4px" 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-19"> <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="text-dark-gray lh-24 fs-18 fw-600">Jeremy dupont</div>
-        <p class="mb-0">Manager</p>
-      </div>
-      <!-- end team member item --> 
-      <!-- start team member item -->
-      <div class="col text-center team-style-05 sm-mb-20px" style="">
-        <div class="position-relative mb-30px border-radius-4px last-paragraph-no-margin overflow-hidden"> <img src="images/demo-spa-salon-team-03.jpg" class="border-radius-4px" 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-19"> <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="text-dark-gray lh-24 fs-18 fw-600">Johncy parker</div>
-        <p class="mb-0">Masseuse</p>
-      </div>
-      <!-- end team member item --> 
-      <!-- start team member item -->
-      <div class="col text-center team-style-05" style="">
-        <div class="position-relative mb-30px border-radius-4px last-paragraph-no-margin overflow-hidden"> <img src="images/demo-spa-salon-team-04.jpg" class="border-radius-4px" 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-19"> <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="text-dark-gray lh-24 fs-18 fw-600">Matthew taylor</div>
-        <p class="mb-0">Cosmetologist</p>
-      </div>
-      <!-- end team member item --> 
     </div>
   </div>
 </section>