Bibhuti-Solutions/new_raffles
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Update image sources to use dynamic asset paths and implement blog loop in CSR template

Browse Source
This commit is contained in:
Subash
2025-08-21 18:08:59 +05:45
parent 6e9b6291d3
commit 7155c1a6fc
1 changed files with 48 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
resources/views/client/raffles/pages/csr-template.blade.php
View File

@@ -3,12 +3,7 @@
<section class="career"> <section class="career">
<div class="p-20 "> <div class="p-20 ">
<div class="h-175 rounded-10 bg-after relative"> <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=""> <img class="h-full w-full rounded-30 object-cover" src="{{ asset($page->banner) }}" 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> -->
</div> </div>
@@ -29,7 +24,7 @@
<div class="content-wrapper"> <div class="content-wrapper">
<div class="image-section"> <div class="image-section">
<div class="image-frame"> <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>
</div> </div>
@@ -50,46 +45,46 @@
</div> </div>
<!-- <div class="row items-center"> <!-- <div class="row items-center">
<div class="col col-12 col-md-6"> <div class="col col-12 col-md-6">
<div class="flex flex-wrap mr-120 ml-40 lg:m-0"> <div class="flex flex-wrap mr-120 ml-40 lg:m-0">
<div class="mb-20 relative"> <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" <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-inview="true" data-transition-delay="true"
data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'> data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'>
<span>Your Trusted Study Abroad <span>Your Trusted Study Abroad
</span> </span>
<mark class="lqd-highlight"><span class="lqd-highlight-txt">Partner.</span> <mark class="lqd-highlight"><span class="lqd-highlight-txt">Partner.</span>
<span class="left-0 bottom-10 lqd-highlight-inner"></span></mark> <span class="left-0 bottom-10 lqd-highlight-inner"></span></mark>
</h2> </h2>
</div> </div>
<div class="mb-20 ld-fancy-heading relative"> <div class="mb-20 ld-fancy-heading relative">
<p class="leading-25 ld-fh-element inline-block relative mb-0/5em"> <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 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 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 students to their dream universities across the globe. Your dreams are our mission
</p> </p>
</div> </div>
</div> </div>
</div> </div>
<div class="col col-12 col-md-6 p-0"> <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="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 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'); 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-single block relative " data-float="ease-in-out">
<div class="lqd-imggrp-img-container inline-flex relative items-center justify-center"> <div class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
<figure class="w-full relative"> <figure class="w-full relative">
<img width="450" height="450" src="assets/images/general/about-banner.png" <img width="450" height="450" src="assets/images/general/about-banner.png"
alt="text box image" /> alt="text box image" />
</figure> </figure>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> --> </div> -->
</div> </div>
</section> </section>
@@ -99,8 +94,6 @@
<section class="section "> <section class="section ">
<div class="container"> <div class="container">
<h2 class="text-60 md:text-30 text-brand text-center">Blogs</h2> <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> </div>
</section> </section>
@@ -108,63 +101,16 @@
<div class="container"> <div class="container">
<div class="swiper mySwiper-img"> <div class="swiper mySwiper-img">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide "> @foreach ($blogs as $blog)
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" <div class="swiper-slide ">
src="assets/images/general/about-banner.png" alt=""> <a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img
<div class="absolute left-5percent bottom-20"> class="rounded-30" src="{{ route('blog.single', $blog->slug) }}" alt="">
<h3 class="text-white text-20">How do i manage my financials?</h3> <div class="absolute left-5percent bottom-20">
</div> <h3 class="text-white text-20">{{ $blog->title }}</h3>
</a> </div>
</div> </a>
<div class="swiper-slide "> </div>
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" @endforeach
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> </div>
<div class="swiper-button-prev"></div> <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> <div class="swiper-button-next"></div>