banners
This commit is contained in:
CHIEFSOFT\ameye
+51
-12
@@ -6,22 +6,61 @@ class Home extends BaseController
|
||||
{
|
||||
public function index(): string
|
||||
{
|
||||
// $siteData =[];
|
||||
// //http://10.204.5.100:9083/en/wrench/api/v1/blogdata
|
||||
// $out = $this->APIcall('GET','http://10.204.5.100:9083/en/wrench/api/v1/blogdata',[]);
|
||||
// // var_dump($out['blogdata']);
|
||||
// //exit();
|
||||
// $siteData['blogdata'] = $out['blogdata'];
|
||||
// //var_dump($siteData);
|
||||
// // exit;
|
||||
|
||||
$siteData =[];
|
||||
//http://10.204.5.100:9083/en/wrench/api/v1/blogdata
|
||||
// $out = $this->APIcall('GET','http://10.204.5.100:9083/en/wrench/api/v1/blogdata',[]);
|
||||
$out = $this->APIcall('GET','http://10.10.10.35:8805/blogdata/oluameye',[]);
|
||||
//var_dump($out);
|
||||
//exit();
|
||||
$siteData['blogdata'] = $out['payload']['blogdata'];
|
||||
$siteData['blog_media_url'] = $out['payload']['image_url'];
|
||||
$siteData['recent_works'] = $this->recentWorks();
|
||||
return view('view_home', $siteData);
|
||||
}
|
||||
|
||||
private function recentWorks(){
|
||||
return [
|
||||
[
|
||||
'title'=>'My title',
|
||||
'category'=>'ecommerce',
|
||||
'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
|
||||
'description'=> 'My description'
|
||||
],
|
||||
[
|
||||
'title'=>'My title',
|
||||
'category'=>'ecommerce',
|
||||
'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
|
||||
'description'=> 'My description'
|
||||
],
|
||||
[
|
||||
'title'=>'My title',
|
||||
'category'=>'ecommerce',
|
||||
'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
|
||||
'description'=> 'My description'
|
||||
],
|
||||
[
|
||||
'title'=>'My title',
|
||||
'category'=>'ecommerce',
|
||||
'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
|
||||
'description'=> 'My description'
|
||||
],
|
||||
[
|
||||
'title'=>'My title',
|
||||
'category'=>'ecommerce',
|
||||
'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
|
||||
'description'=> 'My description'
|
||||
],
|
||||
[
|
||||
'title'=>'My title',
|
||||
'category'=>'ecommerce',
|
||||
'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
|
||||
'description'=> 'My description'
|
||||
],
|
||||
[
|
||||
'title'=>'My title',
|
||||
'category'=>'ecommerce',
|
||||
'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
|
||||
'description'=> 'My description'
|
||||
],
|
||||
|
||||
];
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
+42
-62
@@ -730,9 +730,9 @@
|
||||
<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 }}'>
|
||||
<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">.ensoleille</h2>
|
||||
<h2 class="text-94 font-medium -tracking-1 mr-0/25em mb-0/2em sm:text-60">.attractif</h2>
|
||||
<h2 class="text-94 font-medium font-accent italic -tracking-1 mr-0/25em mb-0/2em sm:text-60">.detaille</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 font-accent italic -tracking-1 mr-0/25em mb-0/2em sm:text-60">.innovative</h2>
|
||||
</div>
|
||||
<div class="lqd-pf-grid mt-50">
|
||||
<div class="liquid-filter-items items-center justify-between">
|
||||
@@ -746,10 +746,13 @@
|
||||
<span>Branding</span>
|
||||
</li>
|
||||
<li class="text-15" data-filter=".custom-print">
|
||||
<span>Custom Print</span>
|
||||
<span>HealthCare</span>
|
||||
</li>
|
||||
<li class="text-15" data-filter=".custom-print">
|
||||
<span>Engineering</span>
|
||||
</li>
|
||||
<li class="text-15" data-filter=".digital-design">
|
||||
<span>Digital Design</span>
|
||||
<span>Mobility</span>
|
||||
</li>
|
||||
<li class="text-15" data-filter=".ecommerce">
|
||||
<span>Ecommerce</span>
|
||||
@@ -765,7 +768,7 @@
|
||||
</select>
|
||||
</div>
|
||||
<a href="#contact-modal" class="btn btn-naked btn-icon-right btn-hover-swp text-13 font-normal uppercase leading-1em text-black rounded-100 whitespace-nowrap capitalize" data-lity="#contact-modal">
|
||||
<span class="btn-txt" data-text="Hire me">Hire me</span>
|
||||
<span class="btn-txt" data-text="Contact me">Contact me</span>
|
||||
<span class="btn-icon">
|
||||
<i class="lqd-icn-ess icon-md-arrow-forward"></i>
|
||||
</span>
|
||||
@@ -776,6 +779,38 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-pf-row row flex flex-wrap -mr-30 -ml-30" data-liquid-masonry="true" data-masonry-options='{ "filtersID": "#pf-filter-case-studies", "filtersCounter": true }'>
|
||||
<?php
|
||||
foreach ($recent_works as $ritem){
|
||||
$category = $ritem['category'];
|
||||
?>
|
||||
<div class="lqd-pf-column masonry-item digital-design <?=$category?> 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">
|
||||
<div class="lqd-pf-item-inner rounded-inherit">
|
||||
<div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden">
|
||||
<figure class="w-full">
|
||||
<img width="581" height="524" src="<?=$ritem['banner']?>" alt="case studies">
|
||||
</figure>
|
||||
<span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center">
|
||||
<i class="lqd-icn-ess icon-md-arrow-forward"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="lqd-pf-details">
|
||||
<h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1"><?=$ritem['title']?></h2>
|
||||
<ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2">
|
||||
<li>
|
||||
<a href="#"><?=$ritem['description']?></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="<?=$ritem['banner']?>" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
|
||||
<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">
|
||||
<div class="lqd-pf-item-inner rounded-inherit">
|
||||
@@ -1275,62 +1310,7 @@
|
||||
</section>
|
||||
<!-- End Testimonials -->
|
||||
|
||||
<!-- Start Clients Carousel -->
|
||||
<section class="lqd-section clients-carousel">
|
||||
<div class="container-fluid mx-20">
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<div class="carousel-container relative carousel-nav-shaped yes">
|
||||
<div class="carousel-items relative lqd-fade-sides -mr-30 -ml-30" data-lqd-flickity='{"marquee": true, "equalHeightCells": true, "middleAlignContent": true, "marqueeTickerSpeed": "1", "pauseAutoPlayOnHover": false}'>
|
||||
<div class="carousel-item flex flex-col justify-center items-center w-20percent px-30 lg:w-40percent">
|
||||
<div class="carousel-item-inner relative w-full h-220 bg-transparent border-1 border-white-10">
|
||||
<div class="carousel-item-content relative w-full justify-center">
|
||||
<img width="93" height="27" src="./assets/images/demo/asymmetric-9/clients/4-1.svg" alt="clients">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item flex flex-col justify-center items-center w-20percent px-30 lg:w-40percent">
|
||||
<div class="carousel-item-inner relative w-full h-220 bg-transparent border-1 border-white-10">
|
||||
<div class="carousel-item-content relative w-full justify-center">
|
||||
<img width="75" height="27" src="./assets/images/demo/asymmetric-9/clients/nike-1.svg" alt="clients">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item flex flex-col justify-center items-center w-20percent px-30 lg:w-40percent">
|
||||
<div class="carousel-item-inner relative w-full h-220 bg-transparent border-1 border-white-10">
|
||||
<div class="carousel-item-content relative w-full justify-center">
|
||||
<img width="46" height="33" src="./assets/images/demo/asymmetric-9/clients/Path-46878.svg" alt="clients">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item flex flex-col justify-center items-center w-20percent px-30 lg:w-40percent">
|
||||
<div class="carousel-item-inner relative w-full h-220 bg-transparent border-1 border-white-10">
|
||||
<div class="carousel-item-content relative w-full justify-center">
|
||||
<img width="92" height="13" src="./assets/images/demo/asymmetric-9/clients/Path-46880.svg" alt="clients">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item flex flex-col justify-center items-center w-20percent px-30 lg:w-40percent">
|
||||
<div class="carousel-item-inner relative w-full h-220 bg-transparent border-1 border-white-10">
|
||||
<div class="carousel-item-content relative w-full justify-center">
|
||||
<img width="68" height="30" src="./assets/images/demo/asymmetric-9/clients/Path-46881.svg" alt="clients">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item flex flex-col justify-center items-center w-20percent px-30 lg:w-40percent">
|
||||
<div class="carousel-item-inner relative w-full h-220 bg-transparent border-1 border-white-10">
|
||||
<div class="carousel-item-content relative w-full justify-center">
|
||||
<img width="52" height="52" src="./assets/images/demo/asymmetric-9/clients/volkswagen-1.svg" alt="clients">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Clients Carousel -->
|
||||
|
||||
</section>
|
||||
<!-- End Section Dark -->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user