Sujan/Access_New
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

network page changes

Browse Source
This commit is contained in:
sujan 2024-09-17 10:53:56 +05:45
parent f510403a7a
commit 50f85ceef2
2 changed files with 86 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/style.min.css vendored
View File

@ -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*/

121
network.php
View File

@ -160,59 +160,94 @@
<!--Faq's Section End-->
<!--Team Section-->
<section class="bg-very-light-gray background-repeat position-relative overflow-hidden">
<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>
<section class="pt-5 pb-5 bg-very-light-gray">
<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; }">
<h3 class="fw-600 ls-minus-1px text-dark-gray" style="">Our Professional 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; }">
<!-- 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-01.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">Lisa pedersen</div>
<p class="mb-0">Therapist</p>
</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 class="col-xl-6 col-lg-8 col-md-10 text-center">
<h3 class="fw-600 text-dark-gray ls-minus-1px md-ls-0px">Putalisadak Branch Team</h3>
</div>
</div>
<div class="row align-items-center">
<div class="col-12 position-relative swiper-light-pagination">
<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="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;">
<!-- start carousal item -->
<!-- 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 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>
<p>Manager</p>
</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>
<!-- 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>
<div class="text-dark-gray lh-24 fs-18 fw-600">Matthew taylor</div>
<p class="mb-0">Cosmetologist</p>
<!-- 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>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<!-- start slider navigation -->
<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 -->
</div>
</div>
</section>