Home activities

This commit is contained in:
CHIEFSOFT\ameye
2024-10-04 13:31:24 -04:00
parent 108190a083
commit e600d21690
2 changed files with 155 additions and 161 deletions
+6 -12
View File
@@ -24,22 +24,16 @@ class Home extends BaseController
'description'=> 'My description' 'description'=> 'My description'
], ],
[ [
'title'=>'My title', 'title'=>'Mobility',
'category'=>'ecommerce', 'category'=>'mobility',
'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg', 'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
'description'=> 'My description' 'description'=> 'Optimizing Mobility'
], ],
[ [
'title'=>'My title', 'title'=>'Healthcare',
'category'=>'ecommerce', 'category'=>'healthcare',
'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg', 'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
'description'=> 'My description' 'description'=> 'Personal & Practices'
],
[
'title'=>'My title',
'category'=>'ecommerce',
'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
'description'=> 'My description'
], ],
[ [
'title'=>'My title', 'title'=>'My title',
+149 -149
View File
@@ -729,9 +729,9 @@
<div class="row"> <div class="row">
<div class="col col-12 pt-55 pb-25 module-col"> <div class="col col-12 pt-55 pb-25 module-col">
<div class="flex flex-wrap" data-custom-animations="true" data-ca-options='{"animationTarget": "h2", "ease": "bounce.in", "direction": "random", "initValues":{ "opacity": 0 }, "animations":{ "opacity": 1 }}'> <div class="flex flex-wrap" data-custom-animations="true" data-ca-options='{"animationTarget": "h2", "ease": "bounce.in", "direction": "random", "initValues":{ "opacity": 0 }, "animations":{ "opacity": 1 }}'>
<h2 class="text-94 font-medium -tracking-1 mr-0/25em mb-0/2em sm:text-60">.freelance</h2> <h2 class="text-94 font-medium -tracking-1 mr-0/25em mb-0/2em sm:text-60">.discovery</h2>
<h2 class="text-94 font-medium -tracking-1 mr-0/25em mb-0/2em sm:text-60">.solution</h2> <h2 class="text-94 font-medium -tracking-1 mr-0/25em mb-0/2em sm:text-60">.solution</h2>
<h2 class="text-94 font-medium -tracking-1 mr-0/25em mb-0/2em sm:text-60">.modern</h2> <h2 class="text-94 font-medium -tracking-1 mr-0/25em mb-0/2em sm:text-60">.operation</h2>
<h2 class="text-94 font-medium font-accent italic -tracking-1 mr-0/25em mb-0/2em sm:text-60">.innovative</h2> <h2 class="text-94 font-medium font-accent italic -tracking-1 mr-0/25em mb-0/2em sm:text-60">.innovative</h2>
</div> </div>
<div class="lqd-pf-grid mt-50"> <div class="lqd-pf-grid mt-50">
@@ -745,13 +745,13 @@
<li class="text-15" data-filter=".branding"> <li class="text-15" data-filter=".branding">
<span>Branding</span> <span>Branding</span>
</li> </li>
<li class="text-15" data-filter=".custom-print"> <li class="text-15" data-filter=".healthcare">
<span>HealthCare</span> <span>HealthCare</span>
</li> </li>
<li class="text-15" data-filter=".custom-print"> <li class="text-15" data-filter=".custom-print">
<span>Engineering</span> <span>Engineering</span>
</li> </li>
<li class="text-15" data-filter=".digital-design"> <li class="text-15" data-filter=".mobility">
<span>Mobility</span> <span>Mobility</span>
</li> </li>
<li class="text-15" data-filter=".ecommerce"> <li class="text-15" data-filter=".ecommerce">
@@ -811,144 +811,144 @@
} }
?> ?>
<div class="lqd-pf-column masonry-item digital-design ecommerce col-12 col-sm-6 col-lg-4 px-30"> <!-- <div class="lqd-pf-column masonry-item digital-design ecommerce col-12 col-sm-6 col-lg-4 px-30">-->
<article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6"> <!-- <article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6">-->
<div class="lqd-pf-item-inner rounded-inherit"> <!-- <div class="lqd-pf-item-inner rounded-inherit">-->
<div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden"> <!-- <div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden">-->
<figure class="w-full"> <!-- <figure class="w-full">-->
<img width="581" height="524" src="./assets/images/demo/asymmetric-9/case-studies/1.jpg" alt="case studies"> <!-- <img width="581" height="524" src="./assets/images/demo/asymmetric-9/case-studies/1.jpg" alt="case studies">-->
</figure> <!-- </figure>-->
<span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center"> <!-- <span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center">-->
<i class="lqd-icn-ess icon-md-arrow-forward"></i> <!-- <i class="lqd-icn-ess icon-md-arrow-forward"></i>-->
</span> <!-- </span>-->
</div> <!-- </div>-->
<div class="lqd-pf-details"> <!-- <div class="lqd-pf-details">-->
<h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1">Beer</h2> <!-- <h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1">Beer</h2>-->
<ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2"> <!-- <ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2">-->
<li> <!-- <li>-->
<a href="#">Digital Design</a> <!-- <a href="#">Digital Design</a>-->
</li> <!-- </li>-->
</ul> <!-- </ul>-->
</div> <!-- </div>-->
<a href="./assets/images/demo/asymmetric-9/case-studies/1.jpg" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a> <!-- <a href="./assets/images/demo/asymmetric-9/case-studies/1.jpg" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>-->
</div> <!-- </div>-->
</article> <!-- </article>-->
</div> <!-- </div>-->
<div class="lqd-pf-column masonry-item ecommerce masonry col-12 col-sm-6 col-lg-4 px-30"> <!-- <div class="lqd-pf-column masonry-item ecommerce masonry col-12 col-sm-6 col-lg-4 px-30">-->
<article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6"> <!-- <article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6">-->
<div class="lqd-pf-item-inner rounded-inherit"> <!-- <div class="lqd-pf-item-inner rounded-inherit">-->
<div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden"> <!-- <div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden">-->
<figure class="w-full"> <!-- <figure class="w-full">-->
<img width="581" height="527" src="./assets/images/demo/asymmetric-9/case-studies/2.jpg" alt="case studies"> <!-- <img width="581" height="527" src="./assets/images/demo/asymmetric-9/case-studies/2.jpg" alt="case studies">-->
</figure> <!-- </figure>-->
<span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center"> <!-- <span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center">-->
<i class="lqd-icn-ess icon-md-arrow-forward"></i> <!-- <i class="lqd-icn-ess icon-md-arrow-forward"></i>-->
</span> <!-- </span>-->
</div> <!-- </div>-->
<div class="lqd-pf-details"> <!-- <div class="lqd-pf-details">-->
<h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1">Nike</h2> <!-- <h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1">Nike</h2>-->
<ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2"> <!-- <ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2">-->
<li> <!-- <li>-->
<a href="#">Ecommerce</a> <!-- <a href="#">Ecommerce</a>-->
</li> <!-- </li>-->
</ul> <!-- </ul>-->
</div> <!-- </div>-->
<a href="./assets/images/demo/asymmetric-9/case-studies/2.jpg" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a> <!-- <a href="./assets/images/demo/asymmetric-9/case-studies/2.jpg" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>-->
</div> <!-- </div>-->
</article> <!-- </article>-->
</div> <!-- </div>-->
<div class="lqd-pf-column masonry-item branding custom-print masonry col-12 col-sm-6 col-lg-4 px-30"> <!-- <div class="lqd-pf-column masonry-item branding custom-print masonry col-12 col-sm-6 col-lg-4 px-30">-->
<article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6"> <!-- <article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6">-->
<div class="lqd-pf-item-inner rounded-inherit"> <!-- <div class="lqd-pf-item-inner rounded-inherit">-->
<div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden"> <!-- <div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden">-->
<figure class="w-full"> <!-- <figure class="w-full">-->
<img width="581" height="524" src="./assets/images/demo/asymmetric-9/case-studies/3.jpg" alt="case studies"> <!-- <img width="581" height="524" src="./assets/images/demo/asymmetric-9/case-studies/3.jpg" alt="case studies">-->
</figure> <!-- </figure>-->
<span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center"> <!-- <span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center">-->
<i class="lqd-icn-ess icon-md-arrow-forward"></i> <!-- <i class="lqd-icn-ess icon-md-arrow-forward"></i>-->
</span> <!-- </span>-->
</div> <!-- </div>-->
<div class="lqd-pf-details"> <!-- <div class="lqd-pf-details">-->
<h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1">Psalms</h2> <!-- <h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1">Psalms</h2>-->
<ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2"> <!-- <ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2">-->
<li> <!-- <li>-->
<a href="#">Branding</a> <!-- <a href="#">Branding</a>-->
</li> <!-- </li>-->
</ul> <!-- </ul>-->
</div> <!-- </div>-->
<a href="./assets/images/demo/asymmetric-9/case-studies/3.jpg" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a> <!-- <a href="./assets/images/demo/asymmetric-9/case-studies/3.jpg" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>-->
</div> <!-- </div>-->
</article> <!-- </article>-->
</div> <!-- </div>-->
<div class="lqd-pf-column col-12 col-sm-6 col-lg-4 masonry-item branding digital-design masonry px-30"> <!-- <div class="lqd-pf-column col-12 col-sm-6 col-lg-4 masonry-item branding digital-design masonry px-30">-->
<article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6"> <!-- <article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6">-->
<div class="lqd-pf-item-inner rounded-inherit"> <!-- <div class="lqd-pf-item-inner rounded-inherit">-->
<div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden"> <!-- <div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden">-->
<figure class="w-full"> <!-- <figure class="w-full">-->
<img width="581" height="524" src="./assets/images/demo/asymmetric-9/case-studies/4.jpg" alt="case studies"> <!-- <img width="581" height="524" src="./assets/images/demo/asymmetric-9/case-studies/4.jpg" alt="case studies">-->
</figure> <!-- </figure>-->
<span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center"> <!-- <span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center">-->
<i class="lqd-icn-ess icon-md-arrow-forward"></i> <!-- <i class="lqd-icn-ess icon-md-arrow-forward"></i>-->
</span> <!-- </span>-->
</div> <!-- </div>-->
<div class="lqd-pf-details"> <!-- <div class="lqd-pf-details">-->
<h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1">Pixel Phone</h2> <!-- <h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1">Pixel Phone</h2>-->
<ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2"> <!-- <ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2">-->
<li> <!-- <li>-->
<a href="#">Branding</a> <!-- <a href="#">Branding</a>-->
</li> <!-- </li>-->
</ul> <!-- </ul>-->
</div> <!-- </div>-->
<a href="./assets/images/demo/asymmetric-9/case-studies/4.jpg" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a> <!-- <a href="./assets/images/demo/asymmetric-9/case-studies/4.jpg" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>-->
</div> <!-- </div>-->
</article> <!-- </article>-->
</div> <!-- </div>-->
<div class="lqd-pf-column masonry-item custom-print ecommerce masonry col-12 col-sm-6 col-lg-4 px-30"> <!-- <div class="lqd-pf-column masonry-item custom-print ecommerce masonry col-12 col-sm-6 col-lg-4 px-30">-->
<article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6"> <!-- <article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6">-->
<div class="lqd-pf-item-inner rounded-inherit"> <!-- <div class="lqd-pf-item-inner rounded-inherit">-->
<div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden"> <!-- <div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden">-->
<figure class="w-full"> <!-- <figure class="w-full">-->
<img width="581" height="527" src="./assets/images/demo/asymmetric-9/case-studies/5.jpg" alt="case studies"> <!-- <img width="581" height="527" src="./assets/images/demo/asymmetric-9/case-studies/5.jpg" alt="case studies">-->
</figure> <!-- </figure>-->
<span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center"> <!-- <span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center">-->
<i class="lqd-icn-ess icon-md-arrow-forward"></i> <!-- <i class="lqd-icn-ess icon-md-arrow-forward"></i>-->
</span> <!-- </span>-->
</div> <!-- </div>-->
<div class="lqd-pf-details"> <!-- <div class="lqd-pf-details">-->
<h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1">Next Bank</h2> <!-- <h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1">Next Bank</h2>-->
<ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2"> <!-- <ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2">-->
<li> <!-- <li>-->
<a href="#">Custom Print</a> <!-- <a href="#">Custom Print</a>-->
</li> <!-- </li>-->
</ul> <!-- </ul>-->
</div> <!-- </div>-->
<a href="./assets/images/demo/asymmetric-9/case-studies/5.jpg" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a> <!-- <a href="./assets/images/demo/asymmetric-9/case-studies/5.jpg" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>-->
</div> <!-- </div>-->
</article> <!-- </article>-->
</div> <!-- </div>-->
<div class="lqd-pf-column masonry-item custom-print masonry col-12 col-sm-6 col-lg-4 px-30"> <!-- <div class="lqd-pf-column masonry-item custom-print masonry col-12 col-sm-6 col-lg-4 px-30">-->
<article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6"> <!-- <article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6">-->
<div class="lqd-pf-item-inner rounded-inherit"> <!-- <div class="lqd-pf-item-inner rounded-inherit">-->
<div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden"> <!-- <div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden">-->
<figure class="w-full"> <!-- <figure class="w-full">-->
<img width="581" height="524" src="./assets/images/demo/asymmetric-9/case-studies/6.jpg" alt="case studies"> <!-- <img width="581" height="524" src="./assets/images/demo/asymmetric-9/case-studies/6.jpg" alt="case studies">-->
</figure> <!-- </figure>-->
<span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center"> <!-- <span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center">-->
<i class="lqd-icn-ess icon-md-arrow-forward"></i> <!-- <i class="lqd-icn-ess icon-md-arrow-forward"></i>-->
</span> <!-- </span>-->
</div> <!-- </div>-->
<div class="lqd-pf-details"> <!-- <div class="lqd-pf-details">-->
<h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1">Network</h2> <!-- <h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1">Network</h2>-->
<ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2"> <!-- <ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2">-->
<li> <!-- <li>-->
<a href="#">Custom Print</a> <!-- <a href="#">Custom Print</a>-->
</li> <!-- </li>-->
</ul> <!-- </ul>-->
</div> <!-- </div>-->
<a href="./assets/images/demo/asymmetric-9/case-studies/6.jpg" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a> <!-- <a href="./assets/images/demo/asymmetric-9/case-studies/6.jpg" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>-->
</div> <!-- </div>-->
</article> <!-- </article>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
</div> </div>
@@ -1622,14 +1622,14 @@
<div class="ld-fancy-heading relative"> <div class="ld-fancy-heading relative">
<h3 class="ld-fh-element inline-block relative text-10 uppercase tracking-2 mb-3em text-white-30">Need help?</h3> <h3 class="ld-fh-element inline-block relative text-10 uppercase tracking-2 mb-3em text-white-30">Need help?</h3>
</div> </div>
<!-- <div class="ld-fancy-heading relative">-->
<!-- <h3 class="ld-fh-element inline-block relative text-10 uppercase tracking-2 mb-1em text-white-30">Call us directly</h3>-->
<!-- </div>-->
<!-- <div class="ld-fancy-heading relative mb-1em">-->
<!-- <h5 class="ld-fh-element mb-0/5em inline-block relative text-18 font-semibold text-white">+(1) 123 656 7890</h5>-->
<!-- </div>-->
<div class="ld-fancy-heading relative"> <div class="ld-fancy-heading relative">
<h3 class="ld-fh-element inline-block relative text-10 uppercase tracking-2 mb-1em text-white-30">Call us directly</h3> <h3 class="ld-fh-element inline-block relative text-10 uppercase tracking-2 mb-1em text-white-30">Contact</h3>
</div>
<div class="ld-fancy-heading relative mb-1em">
<h5 class="ld-fh-element mb-0/5em inline-block relative text-18 font-semibold text-white">+(1) 123 656 7890</h5>
</div>
<div class="ld-fancy-heading relative">
<h3 class="ld-fh-element inline-block relative text-10 uppercase tracking-2 mb-1em text-white-30">Need support?</h3>
</div> </div>
<div class="ld-fancy-heading relative"> <div class="ld-fancy-heading relative">
<h5 class="ld-fh-element mb-0/5em inline-block relative"> <h5 class="ld-fh-element mb-0/5em inline-block relative">