fix: Update image sources to use dynamic asset paths and implement blog loop in CSR template
This commit is contained in:
@@ -3,12 +3,7 @@
|
||||
<section class="career">
|
||||
<div class="p-20 ">
|
||||
<div class="h-175 rounded-10 bg-after relative">
|
||||
<img class="h-full w-full rounded-30 object-cover" src="assets/images/general/about-banner.png" alt="">
|
||||
<!-- <div
|
||||
class="flex justify-center flex-col text-center items-center w-70percent mx-auto absolute top-20percent left-15percent z-30">
|
||||
<h2 class="md:text-40 text-94 text-white">CSR</h2>
|
||||
|
||||
</div> -->
|
||||
<img class="h-full w-full rounded-30 object-cover" src="{{ asset($page->banner) }}" alt="">
|
||||
</div>
|
||||
|
||||
|
||||
@@ -29,7 +24,7 @@
|
||||
<div class="content-wrapper">
|
||||
<div class="image-section">
|
||||
<div class="image-frame">
|
||||
<img src="assets/images/general/about-banner.png" alt="" class="ceo-image">
|
||||
<img src="{{ asset($page->image) }}" alt="" class="ceo-image">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -50,46 +45,46 @@
|
||||
</div>
|
||||
|
||||
<!-- <div class="row items-center">
|
||||
<div class="col col-12 col-md-6">
|
||||
<div class="flex flex-wrap mr-120 ml-40 lg:m-0">
|
||||
<div class="col col-12 col-md-6">
|
||||
<div class="flex flex-wrap mr-120 ml-40 lg:m-0">
|
||||
|
||||
<div class="mb-20 relative">
|
||||
<h2 class="ld-fh-element inline-block relative lqd-highlight-classic lqd-highlight-grow-left mt-0/5em mb-0 md:text-20 font-bold w-full"
|
||||
data-inview="true" data-transition-delay="true"
|
||||
data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'>
|
||||
<span>Your Trusted Study Abroad
|
||||
</span>
|
||||
<mark class="lqd-highlight"><span class="lqd-highlight-txt">Partner.</span>
|
||||
<span class="left-0 bottom-10 lqd-highlight-inner"></span></mark>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="mb-20 ld-fancy-heading relative">
|
||||
<p class="leading-25 ld-fh-element inline-block relative mb-0/5em">
|
||||
We’re more than just a consultancy—we’re your ultimate study abroad ally! With years of
|
||||
experience and a passion for helping students succeed, we’ve guided thousands of
|
||||
students to their dream universities across the globe. Your dreams are our mission
|
||||
</p>
|
||||
</div>
|
||||
<div class="mb-20 relative">
|
||||
<h2 class="ld-fh-element inline-block relative lqd-highlight-classic lqd-highlight-grow-left mt-0/5em mb-0 md:text-20 font-bold w-full"
|
||||
data-inview="true" data-transition-delay="true"
|
||||
data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'>
|
||||
<span>Your Trusted Study Abroad
|
||||
</span>
|
||||
<mark class="lqd-highlight"><span class="lqd-highlight-txt">Partner.</span>
|
||||
<span class="left-0 bottom-10 lqd-highlight-inner"></span></mark>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="mb-20 ld-fancy-heading relative">
|
||||
<p class="leading-25 ld-fh-element inline-block relative mb-0/5em">
|
||||
We’re more than just a consultancy—we’re your ultimate study abroad ally! With years of
|
||||
experience and a passion for helping students succeed, we’ve guided thousands of
|
||||
students to their dream universities across the globe. Your dreams are our mission
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12 col-md-6 p-0">
|
||||
<div class="module-section flex items-center justify-center transition-all p-20 lg:p-0">
|
||||
<div class="flex items-center justify-center bg-center bg-no-repeat bg-contain" style="
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12 col-md-6 p-0">
|
||||
<div class="module-section flex items-center justify-center transition-all p-20 lg:p-0">
|
||||
<div class="flex items-center justify-center bg-center bg-no-repeat bg-contain" style="
|
||||
background-image: url('assets/images/demo/start-hub-1/shape-ellipse.png');
|
||||
">
|
||||
<div class="lqd-imggrp-single block relative " data-float="ease-in-out">
|
||||
<div class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
|
||||
<figure class="w-full relative">
|
||||
<img width="450" height="450" src="assets/images/general/about-banner.png"
|
||||
alt="text box image" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="lqd-imggrp-single block relative " data-float="ease-in-out">
|
||||
<div class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
|
||||
<figure class="w-full relative">
|
||||
<img width="450" height="450" src="assets/images/general/about-banner.png"
|
||||
alt="text box image" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -99,8 +94,6 @@
|
||||
<section class="section ">
|
||||
<div class="container">
|
||||
<h2 class="text-60 md:text-30 text-brand text-center">Blogs</h2>
|
||||
<!-- <img class="w-20percent" src="assets/images/icons/line.png" alt=""> -->
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -108,63 +101,16 @@
|
||||
<div class="container">
|
||||
<div class="swiper mySwiper-img">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30"
|
||||
src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30"
|
||||
src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30"
|
||||
src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30"
|
||||
src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30"
|
||||
src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img
|
||||
class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img
|
||||
class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@foreach ($blogs as $blog)
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img
|
||||
class="rounded-30" src="{{ route('blog.single', $blog->slug) }}" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">{{ $blog->title }}</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
|
||||
Reference in New Issue
Block a user