This commit is contained in:
CHIEFSOFT\ameye
2024-09-27 17:32:04 -04:00
parent f902d93678
commit 3377c7919d
+11 -109
View File
@@ -706,6 +706,10 @@
<div class="col col-12">
<div class="carousel-container carousel-nav-left carousel-nav-mobile-center no carousel-nav-md carousel-dots-mobile-center carousel-dots-style4 carousel-dots-mobile-outside pt-50">
<div class="carousel-items -mx-20" data-lqd-flickity='{ "cellSelector" :".carousel-item", "cellAlign" :"left", "prevNextButtons" :false, "pageDots" :true, "groupCells" :false, "wrapAround" :true, "pauseAutoPlayOnHover" :false, "buttonsAppendTo" :"self", "addSlideNumbersToArrows" :false, "dotsIndicator" :"dots", "numbersStyle" :"circle", "dotsAppendTo" :"self" }'>
<?php
foreach ($research_area as $item){
?>
<div class="carousel-item has-width w-33percent px-20 md:w-50percent sm:w-full">
<div class="carousel-item-inner w-full relative">
<div class="carousel-item-content w-full relative">
@@ -722,7 +726,7 @@
<div class="lqd-fb-bg lqd-overlay"></div>
</div>
<div class="w-80percent pr-md-2 relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1200, "delay" : 120, "startDelay" : 800, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
<h2 class="my-0" data-split-text="true" data-split-options='{ "type" : "lines" }'>Immigration Issues</h2>
<h2 class="my-0" data-split-text="true" data-split-options='{ "type" : "lines" }'><?=$item["topic"]?></h2>
</div>
<div class="w-20percent relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1100, "delay" : 120, "startDelay" : 950, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
<a class="lh-1 flex items-center justify-end lqd-fb-icon text-amber-700">
@@ -730,122 +734,20 @@
</a>
</div>
</div>
<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Immigration Issues</a>
<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide"><?=$item["topic"]?></a>
</div>
<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Immigration Issues</a>
<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide"><?=$item["topic"]?></a>
</div>
</div>
<div class="ld-fancy-heading">
<p class="ld-fh-element mb-0/5em pt-1/5em px-30 text-14 leading-1/7em md:p-0"> Our process applies techniques from a variety of disciplines distinction in detail and gives careful attention.</p>
</div>
</div>
</div>
</div>
<div class="carousel-item has-width w-33percent px-20 md:w-50percent sm:w-full">
<div class="carousel-item-inner w-full relative">
<div class="carousel-item-content w-full relative">
<div class="lqd-fb lqd-fb-style-8 relative lqd-fb-content-bc mb-1/5em">
<div class="lqd-fb-inner">
<div class="lqd-fb-img round overflow-hidden" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "figure", "duration" : 1200, "initValues" : { "scale" : 1.075, "opacity" : 0 }, "animations" : { "scale" : 1, "opacity" : 1 } }'>
<figure data-responsive-bg="true">
<img width="720" height="492" src="./assets/images/demo/lawyer/practice-carousel-2.jpg" alt="practice-carousel">
</figure>
</div>
<div class="lqd-fb-content z-2 w-90percent relative rounded-4">
<div class="lqd-fb-content-inner flex flex-wrap items-center relative rounded-4 px-2rem py-1/5rem">
<div class="lqd-overlay" data-reveal="true" data-reveal-options='{ "direction" : "bt", "delay" : 150, "duration" : 500, "coverArea" : 100 }'>
<div class="lqd-fb-bg lqd-overlay"></div>
</div>
<div class="w-80percent pr-md-2 relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1200, "delay" : 120, "startDelay" : 800, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
<h2 class="my-0" data-split-text="true" data-split-options='{ "type" : "lines" }'>Intellectual Property</h2>
</div>
<div class="w-20percent relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1100, "delay" : 120, "startDelay" : 950, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
<a class="lh-1 flex items-center justify-end lqd-fb-icon text-amber-700">
<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
</a>
</div>
</div>
<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Intellectual Property</a>
</div>
<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Intellectual Property</a>
</div>
</div>
<div class="ld-fancy-heading">
<p class="ld-fh-element mb-0/5em pt-1/5em px-30 text-14 leading-1/7em md:p-0"> Our process applies techniques from a variety of disciplines distinction in detail and gives careful attention.</p>
</div>
</div>
</div>
</div>
<div class="carousel-item has-width w-33percent px-20 md:w-50percent sm:w-full">
<div class="carousel-item-inner w-full relative">
<div class="carousel-item-content w-full relative">
<div class="lqd-fb lqd-fb-style-8 relative lqd-fb-content-bc mb-1/5em">
<div class="lqd-fb-inner">
<div class="lqd-fb-img round overflow-hidden" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "figure", "duration" : 1200, "initValues" : { "scale" : 1.075, "opacity" : 0 }, "animations" : { "scale" : 1, "opacity" : 1 } }'>
<figure data-responsive-bg="true">
<img width="720" height="492" src="./assets/images/demo/lawyer/practice-carousel-3.jpg" alt="practice-carousel">
</figure>
</div>
<div class="lqd-fb-content z-2 w-90percent relative rounded-4">
<div class="lqd-fb-content-inner flex flex-wrap items-center relative rounded-4 px-2rem py-1/5rem">
<div class="lqd-overlay" data-reveal="true" data-reveal-options='{ "direction" : "bt", "delay" : 150, "duration" : 500, "coverArea" : 100 }'>
<div class="lqd-fb-bg lqd-overlay"></div>
</div>
<div class="w-80percent pr-md-2 relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1200, "delay" : 120, "startDelay" : 800, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
<h2 class="my-0" data-split-text="true" data-split-options='{ "type" : "lines" }'>Citizenship</h2>
</div>
<div class="w-20percent relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1100, "delay" : 120, "startDelay" : 950, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
<a class="lh-1 flex items-center justify-end lqd-fb-icon text-amber-700">
<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
</a>
</div>
</div>
<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Citizenship</a>
</div>
<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Citizenship</a>
</div>
</div>
<div class="ld-fancy-heading">
<p class="ld-fh-element mb-0/5em pt-1/5em px-30 text-14 leading-1/7em md:p-0"> Our process applies techniques from a variety of disciplines distinction in detail and gives careful attention.</p>
</div>
</div>
</div>
</div>
<div class="carousel-item has-width w-33percent px-20 md:w-50percent sm:w-full">
<div class="carousel-item-inner w-full relative">
<div class="carousel-item-content w-full relative">
<div class="lqd-fb lqd-fb-style-8 relative lqd-fb-content-bc mb-1/5em">
<div class="lqd-fb-inner">
<div class="lqd-fb-img round overflow-hidden" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "figure", "duration" : 1200, "initValues" : { "scale" : 1.075, "opacity" : 0 }, "animations" : { "scale" : 1, "opacity" : 1 } }'>
<figure data-responsive-bg="true">
<img width="720" height="492" src="./assets/images/demo/lawyer/practice-carousel-4.jpg" alt="practice-carousel">
</figure>
</div>
<div class="lqd-fb-content z-2 w-90percent relative rounded-4">
<div class="lqd-fb-content-inner flex flex-wrap items-center relative rounded-4 px-2rem py-1/5rem">
<div class="lqd-overlay" data-reveal="true" data-reveal-options='{ "direction" : "bt", "delay" : 150, "duration" : 500, "coverArea" : 100 }'>
<div class="lqd-fb-bg lqd-overlay"></div>
</div>
<div class="w-80percent pr-md-2 relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1200, "delay" : 120, "startDelay" : 800, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
<h2 class="my-0" data-split-text="true" data-split-options='{ "type" : "lines" }'>Intellectual Property</h2>
</div>
<div class="w-20percent relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1100, "delay" : 120, "startDelay" : 950, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
<a class="lh-1 flex items-center justify-end lqd-fb-icon text-amber-700">
<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
</a>
</div>
</div>
<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Intellectual Property</a>
</div>
<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Intellectual Property</a>
</div>
</div>
<div class="ld-fancy-heading">
<p class="ld-fh-element mb-0/5em pt-1/5em px-30 text-14 leading-1/7em md:p-0"> Our process applies techniques from a variety of disciplines distinction in detail and gives careful attention.</p>
<p class="ld-fh-element mb-0/5em pt-1/5em px-30 text-14 leading-1/7em md:p-0"> <?=$item["description"]?>.</p>
</div>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
</div>