Add new pages for gallery, sitemap, social platforms, terms, and update study destination template

- Created gallery-template.blade.php for displaying a gallery of images.
- Added sitemap.blade.php to outline the structure of the website.
- Introduced social-platform-template.blade.php for showcasing social media links.
- Implemented terms-template.blade.php to present terms and conditions.
- Updated study-destination-template.blade.php to remove redundant code and improve structure.
- Commented out dashboard toggle switch in navbar for future reference.
This commit is contained in:
2025-08-21 15:40:47 +05:45
parent 7c25b17de9
commit 8c6719e6c3
14 changed files with 1973 additions and 381 deletions

View File

@@ -16,59 +16,59 @@ class PageController extends Controller
* Display a listing of the resource. * Display a listing of the resource.
*/ */
public function index(Request $request) public function index(Request $request)
{ {
$parentPages = Page::where(['status' => 1, 'type' => 'page'])->with("children")->get(); $parentPages = Page::where(['status' => 1, 'type' => 'page'])->with("children")->get();
if ($request->ajax()) { if ($request->ajax()) {
if ($request->filled("page_id")) { if ($request->filled("page_id")) {
$parentPage = Page::with('children')->find($request->get('page_id')); $parentPage = Page::with('children')->find($request->get('page_id'));
$pages = collect([]); $pages = collect([]);
if ($parentPage) { if ($parentPage) {
$pages = collect([$parentPage])->merge($parentPage->children); $pages = collect([$parentPage])->merge($parentPage->children);
}
} else {
$pages = Page::orderBy('order')->get();
} }
} else {
$pages = Page::orderBy('order')->get(); return DataTables::collection($pages)
->addIndexColumn()
->setRowClass('tableRow')
->editColumn('type', function ($page) {
return config("constants.page_type_options")[$page->type] ?? '-';
})
->editColumn('date', function ($page) {
return getFormatted(date: $page->date) ?? '-';
})
->editColumn('image', function (Page $page) {
return $page->getRawOriginal('image')
? "<img src='{$page->image}' alt='{$page->title}' class='rounded avatar-sm material-shadow ms-2 img-thumbnail'>"
: '-';
})
->addColumn('parents', function (Page $page) {
if ($page->parents->isEmpty()) {
return '-';
}
return $page->parents->map(function ($parent) {
return "<span class='badge bg-primary p-1'>{$parent->title}</span>";
})->implode(' ');
})
->editColumn('status', function (Page $page) {
$status = $page->status ? 'Published' : 'Draft';
$color = $page->status ? 'text-success' : 'text-danger';
return "<p class='{$color}'>{$status}</p>";
})
->addColumn('action', 'ccms::page.datatable.action')
->rawColumns(['parents', 'image', 'status', 'action'])
->toJson();
} }
return DataTables::collection($pages) return view('ccms::page.index', [
->addIndexColumn() 'title' => 'Page List',
->setRowClass('tableRow') 'parentPages' => $parentPages,
->editColumn('type', function ($page) { ]);
return config("constants.page_type_options")[$page->type] ?? '-';
})
->editColumn('date', function ($page) {
return getFormatted(date: $page->date) ?? '-';
})
->editColumn('image', function (Page $page) {
return $page->getRawOriginal('image')
? "<img src='{$page->image}' alt='{$page->title}' class='rounded avatar-sm material-shadow ms-2 img-thumbnail'>"
: '-';
})
->addColumn('parents', function (Page $page) {
if ($page->parents->isEmpty()) {
return '-';
}
return $page->parents->map(function ($parent) {
return "<span class='badge bg-primary p-1'>{$parent->title}</span>";
})->implode(' ');
})
->editColumn('status', function (Page $page) {
$status = $page->status ? 'Published' : 'Draft';
$color = $page->status ? 'text-success' : 'text-danger';
return "<p class='{$color}'>{$status}</p>";
})
->addColumn('action', 'ccms::page.datatable.action')
->rawColumns(['parents', 'image', 'status', 'action'])
->toJson();
} }
return view('ccms::page.index', [
'title' => 'Page List',
'parentPages' => $parentPages,
]);
}
/** /**
* Show the form for creating a new resource. * Show the form for creating a new resource.
@@ -92,7 +92,7 @@ class PageController extends Controller
$order = $maxOrder ? ++$maxOrder : 1; $order = $maxOrder ? ++$maxOrder : 1;
$request->merge([ $request->merge([
'order' => $order, 'order' => $order,
'status' => 0, 'status' => 1,
'slug' => $request->title == 'Homepage' ? '/' : Str::slug($request->title), 'slug' => $request->title == 'Homepage' ? '/' : Str::slug($request->title),
]); ]);
} }

View File

@@ -368,8 +368,8 @@
}); });
var swiper = new Swiper(".swiper-universities", { var swiper = new Swiper(".swiper-universities", {
slidesPerView: "auto", // Adjusts based on available space slidesPerView: 1,
centeredSlides: true, // Ensures the center slide is the active one spaceBetween: 10,
loop: true, loop: true,
autoplay: { autoplay: {
delay: 2000, delay: 2000,
@@ -441,33 +441,33 @@
// }); // });
var swiper = new Swiper(".mySwiper-unis", { var swiper = new Swiper(".mySwiper-unis", {
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 10, spaceBetween: 10,
loop: true, loop: true,
autoplay: { autoplay: {
delay: 500, // 3 seconds between slides delay: 500, // 3 seconds between slides
disableOnInteraction: false, // keeps autoplay running after user interacts disableOnInteraction: false, // keeps autoplay running after user interacts
}, },
// navigation: { // navigation: {
// nextEl: '.mySwiper-text .swiper-button-next', // nextEl: '.mySwiper-text .swiper-button-next',
// prevEl: '.mySwiper-text .swiper-button-prev', // prevEl: '.mySwiper-text .swiper-button-prev',
// }, // },
breakpoints: { breakpoints: {
640: { 640: {
slidesPerView: 2, slidesPerView: 2,
spaceBetween: 2, spaceBetween: 2,
}, },
768: { 768: {
slidesPerView: 3, slidesPerView: 3,
spaceBetween: 2, spaceBetween: 2,
}, },
1024: { 1024: {
slidesPerView: 4, slidesPerView: 4,
spaceBetween: 3, spaceBetween: 3,
}, },
}, },
}); });
var swiper = new Swiper(".mySwiper-text", { var swiper = new Swiper(".mySwiper-text", {
slidesPerView: 1, slidesPerView: 1,
@@ -604,19 +604,19 @@
}); });
</script> </script>
<script> <script>
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function() {
const tabs = document.querySelectorAll('.accordion-content.resource'); const tabs = document.querySelectorAll('.accordion-content.resource');
tabs.forEach(tab => { tabs.forEach(tab => {
tab.addEventListener('click', function () { tab.addEventListener('click', function() {
// Remove highlight from all // Remove highlight from all
tabs.forEach(t => t.classList.remove('highlight-tab')); tabs.forEach(t => t.classList.remove('highlight-tab'));
// Add highlight to clicked one // Add highlight to clicked one
this.classList.add('highlight-tab'); this.classList.add('highlight-tab');
}); });
}); });
}); });
</script> </script>
</div> </div>

View File

@@ -20,7 +20,7 @@
</div> </div>
@foreach ($footerMenus as $menu) @foreach ($footerMenus as $menu)
<div class="col col-6 col-md-3 flex flex-col items-center"> <div class="col col-6 col-md-2 flex flex-col items-center">
<div> <div>
<div class="mb-20 ld-fancy-heading relative module-title"> <div class="mb-20 ld-fancy-heading relative module-title">
<h3 <h3
@@ -38,7 +38,7 @@
data-localscroll="true" href="{{ $subMenu->route_name }}"><span data-localscroll="true" href="{{ $subMenu->route_name }}"><span
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"></span> class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"></span>
<span class="btn-txt" <span class="btn-txt"
data-text="Franchise">{{ $subMenu->title }}</span> data-text="{{ $subMenu->title }}">{{ $subMenu->title }}</span>
</a> </a>
</li> </li>
@endforeach @endforeach
@@ -51,14 +51,8 @@
<div class="col col-12 col-md-4 flex flex-col p-10"> <div class="col col-12 col-md-4 flex flex-col p-10">
{{-- <div class="mb-20 ld-fancy-heading relative module-title">
<h3
class="ld-fh-element inline-block relative font-title text-15 font-bold leading-20 mb-1em text-black">
Subscribe for Newsletter
</h3>
</div> --}}
<div class="lqd-fancy-menu lqd-custom-menu flex flex-col gap-5 relative left lqd-menu-td-none"> <div class="lqd-fancy-menu lqd-custom-menu flex flex-col gap-5 relative left lqd-menu-td-none">
<div class="flex gap-15 mt-10 flex-wrap social-icons-footer"> <div class="flex gap-15 mt-10 flex-wrap social-icons-footer">
<a href="{{ setting('facebook') }}" target="blank"><i class="fa-brands fa-facebook"></i></a> <a href="{{ setting('facebook') }}" target="blank"><i class="fa-brands fa-facebook"></i></a>
<a href="{{ setting('youtube') }}" target="blank"> <i class="fa-brands fa-youtube"></i></a> <a href="{{ setting('youtube') }}" target="blank"> <i class="fa-brands fa-youtube"></i></a>
<a href="{{ setting('instagram') }}" target="blank"> <i <a href="{{ setting('instagram') }}" target="blank"> <i
@@ -72,10 +66,13 @@
name="email" id="email" placeholder="Enter your Email"> name="email" id="email" placeholder="Enter your Email">
<button class="border-0 text-white p-10 text-12 ">Subscribe</button> <button class="border-0 text-white p-10 text-12 ">Subscribe</button>
</form> </form>
<div> <div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.3752814608883!2d85.32120487541293!3d27.705697025564373!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb1907f7e2f099%3A0x517cd88424589879!2sRaffles%20Educare!5e0!3m2!1sen!2snp!4v1755670491057!5m2!1sen!2snp" width="100%" height="150" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> <iframe
</div> src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.3752814608883!2d85.32120487541293!3d27.705697025564373!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb1907f7e2f099%3A0x517cd88424589879!2sRaffles%20Educare!5e0!3m2!1sen!2snp!4v1755670491057!5m2!1sen!2snp"
width="100%" height="150" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -0,0 +1,184 @@
@extends('client.raffles.layouts.app')
@section('content')
<section class="about">
<div class="services-banner">
<img src="{{ asset('raffles/assets/images/backgrounds_general/achievements-banner.png') }}" width="1425"
height="356" alt="interview preparation">
</div>
<section class="section ">
<div class="flex flex-col gap-5 justify-center items-center text-center">
<h2 class="text-60 md:text-30 text-brand">Achievements</h2>
<img class="w-20percent" src="assets/images/icons/line.png" alt="">
</div>
</section>
<!-- first row -->
<section class="lqd-section text-box-image pt-40 pb-30">
<div class="container">
<div class="row pb-20">
<div class="col col-sm-6 col-md-4">
<a href="" class="flex flex-col gap-20 p-20 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<h2 class="text-20 text-ter text-center">How Successfully Used Paid Marketing to Drive
Incremental
Ticket Sale </h2>
</div>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="" class="flex flex-col gap-20 p-20 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<h2 class="text-20 text-ter text-center">How Successfully Used Paid Marketing to Drive
Incremental
Ticket Sales</h2>
</div>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="" class="flex flex-col gap-20 p-20 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<h2 class="text-20 text-ter text-center">How Successfully Used Paid Marketing to Drive
Incremental
Ticket Sales</h2>
</div>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="" class="flex flex-col gap-20 p-20 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<h2 class="text-20 text-ter text-center">How Successfully Used Paid Marketing to Drive
Incremental
Ticket Sales</h2>
</div>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="" class="flex flex-col gap-20 p-20 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<h2 class="text-20 text-ter text-center">How Successfully Used Paid Marketing to Drive
Incremental
Ticket Sales</h2>
</div>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="" class="flex flex-col gap-20 p-20 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<h2 class="text-20 text-ter text-center">How Successfully Used Paid Marketing to Drive
Incremental
Ticket Sales</h2>
</div>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="" class="flex flex-col gap-20 p-20 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<h2 class="text-20 text-ter text-center">How Successfully Used Paid Marketing to Drive
Incremental
Ticket Sales</h2>
</div>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="" class="flex flex-col gap-20 p-20 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<h2 class="text-20 text-ter text-center">How Successfully Used Paid Marketing to Drive
Incremental
Ticket Sales</h2>
</div>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="" class="flex flex-col gap-20 p-20 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<h2 class="text-20 text-ter text-center">How Successfully Used Paid Marketing to Drive
Incremental
Ticket Sales</h2>
</div>
</a>
</div>
</div>
<div class="flex justify-center gap-10">
<div class="blog-pagination cursor-pointer ">
<p class="py-5 bg-sec px-20 text-20 rounded-10 text-white button-hover">1</p>
</div>
<div class="blog-pagination cursor-pointer">
<p class="py-5 bg-sec px-20 text-20 rounded-10 text-white button-hover">2</p>
</div>
<div class="blog-pagination cursor-pointer">
<p class="py-5 bg-sec px-20 text-20 rounded-10 text-white button-hover">3</p>
</div>
<div class="blog-pagination cursor-pointer">
<p class="py-5 bg-sec px-20 text-20 rounded-10 text-white button-hover">Next</p>
</div>
</div>
</div>
</section>
</section>
@endsection

View File

@@ -0,0 +1,182 @@
@extends('client.raffles.layouts.app')
@section('content')
<section class="career">
<div class="services-banner">
<img src="{{ asset('raffles/assets/images/backgrounds_general/career-banner.png') }}" width="1425" height="356"
alt="interview preparation">
</div>
<section class="section ">
<div class="flex flex-col gap-5 justify-center items-center text-center">
<h2 class="text-60 md:text-30 text-sec">Career Opportunities</h2>
<div class="title-line mx-auto"></div>
<!-- <img class="w-20percent" src="assets/images/icons/line.png" alt=""> -->
</div>
</section>
<section class="lqd-section pt-40 pb-30">
<div class="container">
<div class="row pb-20">
<div class="col col-sm-6 col-md-4">
<a href="career-detail.php" class="career-box flex flex-col gap-20 border">
<span>
<h5 class="text-white bg-sec px-20 py-10 rounded-10 text-18 mb-10 ml-0 inline-block">
Marketing</h5>
</span>
<h6 class="text-16 font-bols mb-10">Seo Executive</h6>
<div class="flex items-center gap-10 mb-10">
<i class="fa-solid fa-calendar-days text-20"></i>
<p class="font-bold text-16 text-black m-0 ">Post Date: 2025/03/05</p>
</div>
<div class="mb-10">
<h2 class="text-16 font-medium text-gray">Join our team as an SEO Executive and help
improve our website's visibility and search
engine rankings. The ideal candidate will be…</h2>
</div>
<button>View Detail</button>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="career-detail.php" class="career-box flex flex-col gap-20 border">
<span>
<h5 class="text-white bg-sec px-20 py-10 rounded-10 text-18 mb-10 ml-0 inline-block">
Marketing</h5>
</span>
<h6 class="text-16 font-bols mb-10">Seo Executive</h6>
<div class="flex items-center gap-10 mb-10">
<i class="fa-solid fa-calendar-days text-20"></i>
<p class="font-bold text-16 text-black m-0 ">Post Date: 2025/03/05</p>
</div>
<div class="mb-10">
<h2 class="text-16 font-medium text-gray">Join our team as an SEO Executive and help
improve our website's visibility and search
engine rankings. The ideal candidate will be…</h2>
</div>
<button>View Detail</button>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="career-detail.php" class="career-box flex flex-col gap-20 border">
<span>
<h5 class="text-white bg-sec px-20 py-10 rounded-10 text-18 mb-10 ml-0 inline-block">
Marketing</h5>
</span>
<h6 class="text-16 font-bols mb-10">Seo Executive</h6>
<div class="flex items-center gap-10 mb-10">
<i class="fa-solid fa-calendar-days text-20"></i>
<p class="font-bold text-16 text-black m-0 ">Post Date: 2025/03/05</p>
</div>
<div class="mb-10">
<h2 class="text-16 font-medium text-gray">Join our team as an SEO Executive and help
improve our website's visibility and search
engine rankings. The ideal candidate will be…</h2>
</div>
<button>View Detail</button>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="career-detail.php" class="career-box flex flex-col gap-20 border">
<span>
<h5 class="text-white bg-sec px-20 py-10 rounded-10 text-18 mb-10 ml-0 inline-block">
Marketing</h5>
</span>
<h6 class="text-16 font-bols mb-10">Seo Executive</h6>
<div class="flex items-center gap-10 mb-10">
<i class="fa-solid fa-calendar-days text-20"></i>
<p class="font-bold text-16 text-black m-0 ">Post Date: 2025/03/05</p>
</div>
<div class="mb-10">
<h2 class="text-16 font-medium text-gray">Join our team as an SEO Executive and help
improve our website's visibility and search
engine rankings. The ideal candidate will be…</h2>
</div>
<button>View Detail</button>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="career-detail.php" class="career-box flex flex-col gap-20 border">
<span>
<h5 class="text-white bg-sec px-20 py-10 rounded-10 text-18 mb-10 ml-0 inline-block">
Marketing</h5>
</span>
<h6 class="text-16 font-bols mb-10">Seo Executive</h6>
<div class="flex items-center gap-10 mb-10">
<i class="fa-solid fa-calendar-days text-20"></i>
<p class="font-bold text-16 text-black m-0 ">Post Date: 2025/03/05</p>
</div>
<div class="mb-10">
<h2 class="text-16 font-medium text-gray">Join our team as an SEO Executive and help
improve our website's visibility and search
engine rankings. The ideal candidate will be…</h2>
</div>
<button>View Detail</button>
</a>
</div>
<div class="col col-sm-6 col-md-4">
<a href="career-detail.php" class="career-box flex flex-col gap-20 border">
<span>
<h5 class="text-white bg-sec px-20 py-10 rounded-10 text-18 mb-10 ml-0 inline-block">
Marketing</h5>
</span>
<h6 class="text-16 font-bols mb-10">Seo Executive</h6>
<div class="flex items-center gap-10 mb-10">
<i class="fa-solid fa-calendar-days text-20"></i>
<p class="font-bold text-16 text-black m-0 ">Post Date: 2025/03/05</p>
</div>
<div class="mb-10">
<h2 class="text-16 font-medium text-gray">Join our team as an SEO Executive and help
improve our website's visibility and search
engine rankings. The ideal candidate will be…</h2>
</div>
<button>View Detail</button>
</a>
</div>
</div>
</div>
</section>
</section>
@endsection

View File

@@ -0,0 +1,221 @@
@extends('client.raffles.layouts.app')
@section('content')
<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> -->
</div>
</div>
<section class="section ">
<div class="flex flex-col gap-5 justify-center items-center text-center">
<h2 class="text-60 md:text-30 text-sec">CSR</h2>
<div class="title-line mx-auto"></div>
</div>
</section>
<section class=" about-page">
<div class="container">
<div class="ceo-container">
<div class="content-wrapper">
<div class="image-section">
<div class="image-frame">
<img src="assets/images/general/about-banner.png" alt="" class="ceo-image">
</div>
</div>
<div class="message-section">
<div class="accent-line"></div>
<div class="quote-mark">"</div>
<h2 class="heading">Your Trusted Study Abroad Partner.</h2>
<p class="message">
Were more than just a consultancy—were your ultimate study abroad ally! With years of
experience and a passion for helping students succeed, weve guided thousands of students to
their dream universities across the globe. Your dreams are our mission
</p>
</div>
</div>
</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="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">
Were more than just a consultancy—were your ultimate study abroad ally! With years of
experience and a passion for helping students succeed, weve 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="
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>
</section>
<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>
<section class="lqd-section pt-40 pb-30">
<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>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</section>
<section class="section ">
<div class="container">
<h2 class="text-60 md:text-30 text-brand text-center">Gallery</h2>
<!-- <img class="w-20percent" src="assets/images/icons/line.png" alt=""> -->
</div>
</section>
<section class="lqd-section pt-40 pb-30">
<div class="container">
<div class="swiper mySwiper-img">
<div class="swiper-wrapper">
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</section>
</section>
@endsection

View File

@@ -0,0 +1,380 @@
@extends('client.raffles.layouts.app')
@section('content')
<div class="services-banner">
<img src="{{ asset('raffles/assets/assets/images/backgrounds_general/events-banner.png') }}" width="1425"
height="356" alt="events ">
</div>
<section class="section ">
<div class="flex flex-col gap-5 justify-center items-center text-center">
<h2 class="text-60 md:text-30 text-sec">Events</h2>
<div class="title-line mx-auto"></div>
</div>
</section>
<div class="py-20 container events">
<div class="sm:block flex justify-between items-center mb-40 mt-40">
<h2 class="ld-fh-element inline-block relative mt-10 mb-0 section-heading-sec">
Upcoming Events
</h2>
<!-- <div class="flex gap-10 mt-10">
<select name="" id="weekdays">
<option value="" selected hidden>select category</option>
<option value=""></option>
</select>
<select name="" id="eventType">
<option value="" selected hidden>select category</option>
<option value=""></option>
</select>
</div> -->
</div>
<div class="swiper swiper-events mt-40 mb-40">
<div class="swiper-wrapper">
<a href="" class="swiper-slide">
<div class="event-block relative w-full">
<div class="w-full rounded-30">
<img src="assets/images/general/event1.jfif" alt="">
</div>
<div class="flex items-center gap-20 py-20 px-20 bg-white rounded-30">
<div>
<h4 class="text-16 text-ter">Apr</h4>
<h4 class="text-18 font-bold text-black">14</h4>
</div>
<div>
<h3 class="text-16 text-black">Free ilets Class: Raffles Educare Associates</h3>
<p class="text-14 p-0 m-0 text-grey">Join the free ilets Classes </p>
<p class="text-14 text-grey">Starting from 5 pm - 7 pm </p>
</div>
</div>
</div>
</a>
<a href="" class="swiper-slide">
<div class="event-block relative w-full">
<div class="w-full rounded-30">
<img src="assets/images/general/event1.jfif" alt="">
</div>
<div class="flex items-center gap-20 py-20 px-20 bg-white rounded-30">
<div>
<h4 class="text-16 text-ter">Apr</h4>
<h4 class="text-18 font-bold text-black">14</h4>
</div>
<div>
<h3 class="text-16 text-black">Free ilets Class: Raffles Educare Associates</h3>
<p class="text-14 p-0 m-0 text-grey">Join the free ilets Classes </p>
<p class="text-14 text-grey">Starting from 5 pm - 7 pm </p>
</div>
</div>
</div>
</a>
<a href="" class="swiper-slide">
<div class="event-block relative w-full">
<div class="w-full rounded-30">
<img src="assets/images/general/event1.jfif" alt="">
</div>
<div class="flex items-center gap-20 py-20 px-20 bg-white rounded-30">
<div>
<h4 class="text-16 text-ter">Apr</h4>
<h4 class="text-18 font-bold text-black">14</h4>
</div>
<div>
<h3 class="text-16 text-black">Free ilets Class: Raffles Educare Associates</h3>
<p class="text-14 p-0 m-0 text-grey">Join the free ilets Classes </p>
<p class="text-14 text-grey">Starting from 5 pm - 7 pm </p>
</div>
</div>
</div>
</a>
<a href="" class="swiper-slide">
<div class="event-block relative w-full">
<div class="w-full rounded-30">
<img src="assets/images/general/event1.jfif" alt="">
</div>
<div class="flex items-center gap-20 py-20 px-20 bg-white rounded-30">
<div>
<h4 class="text-16 text-ter">Apr</h4>
<h4 class="text-18 font-bold text-black">14</h4>
</div>
<div>
<h3 class="text-16 text-black">Free ilets Class: Raffles Educare Associates</h3>
<p class="text-14 p-0 m-0 text-grey">Join the free ilets Classes </p>
<p class="text-14 text-grey">Starting from 5 pm - 7 pm </p>
</div>
</div>
</div>
</a>
<a href="" class="swiper-slide">
<div class="event-block relative w-full">
<div class="w-full rounded-30">
<img src="assets/images/general/event1.jfif" alt="">
</div>
<div class="flex items-center gap-20 py-20 px-20 bg-white rounded-30">
<div>
<h4 class="text-16 text-ter">Apr</h4>
<h4 class="text-18 font-bold text-black">14</h4>
</div>
<div>
<h3 class="text-16 text-black">Free ilets Class: Raffles Educare Associates</h3>
<p class="text-14 p-0 m-0 text-grey">Join the free ilets Classes </p>
<p class="text-14 text-grey">Starting from 5 pm - 7 pm </p>
</div>
</div>
</div>
</a>
</div>
<!-- Pagination -->
<!-- <div class="swiper-pagination"></div> -->
<!-- Navigation Buttons -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<!-- past events -->
<div class="sm:block flex justify-between items-center mb-40 mt-40">
<h2 class="ld-fh-element inline-block relative mt-10 mb-0 section-heading-sec">
Past Events
</h2>
</div>
<div class="swiper swiper-events mt-40">
<div class="swiper-wrapper">
<a href="" class="swiper-slide">
<div class="event-block relative w-full">
<div class="w-full rounded-30">
<img src="assets/images/general/event1.jfif" alt="">
</div>
<div class="flex items-center gap-20 py-20 px-20 bg-white rounded-30">
<div>
<h4 class="text-16 text-ter">Apr</h4>
<h4 class="text-18 font-bold text-black">14</h4>
</div>
<div>
<h3 class="text-16 text-black">Free ilets Class: Raffles Educare Associates</h3>
<p class="text-14 p-0 m-0 text-grey">Join the free ilets Classes </p>
<p class="text-14 text-grey">Starting from 5 pm - 7 pm </p>
</div>
</div>
</div>
</a>
<a href="" class="swiper-slide">
<div class="event-block relative w-full">
<div class="w-full rounded-30">
<img src="assets/images/general/event1.jfif" alt="">
</div>
<div class="flex items-center gap-20 py-20 px-20 bg-white rounded-30">
<div>
<h4 class="text-16 text-ter">Apr</h4>
<h4 class="text-18 font-bold text-black">14</h4>
</div>
<div>
<h3 class="text-16 text-black">Free ilets Class: Raffles Educare Associates</h3>
<p class="text-14 p-0 m-0 text-grey">Join the free ilets Classes </p>
<p class="text-14 text-grey">Starting from 5 pm - 7 pm </p>
</div>
</div>
</div>
</a>
<a href="" class="swiper-slide">
<div class="event-block relative w-full">
<div class="w-full rounded-30">
<img src="assets/images/general/event1.jfif" alt="">
</div>
<div class="flex items-center gap-20 py-20 px-20 bg-white rounded-30">
<div>
<h4 class="text-16 text-ter">Apr</h4>
<h4 class="text-18 font-bold text-black">14</h4>
</div>
<div>
<h3 class="text-16 text-black">Free ilets Class: Raffles Educare Associates</h3>
<p class="text-14 p-0 m-0 text-grey">Join the free ilets Classes </p>
<p class="text-14 text-grey">Starting from 5 pm - 7 pm </p>
</div>
</div>
</div>
</a>
<a href="" class="swiper-slide">
<div class="event-block relative w-full">
<div class="w-full rounded-30">
<img src="assets/images/general/event1.jfif" alt="">
</div>
<div class="flex items-center gap-20 py-20 px-20 bg-white rounded-30">
<div>
<h4 class="text-16 text-ter">Apr</h4>
<h4 class="text-18 font-bold text-black">14</h4>
</div>
<div>
<h3 class="text-16 text-black">Free ilets Class: Raffles Educare Associates</h3>
<p class="text-14 p-0 m-0 text-grey">Join the free ilets Classes </p>
<p class="text-14 text-grey">Starting from 5 pm - 7 pm </p>
</div>
</div>
</div>
</a>
<a href="" class="swiper-slide">
<div class="event-block relative w-full">
<div class="w-full rounded-30">
<img src="assets/images/general/event1.jfif" alt="">
</div>
<div class="flex items-center gap-20 py-20 px-20 bg-white rounded-30">
<div>
<h4 class="text-16 text-ter">Apr</h4>
<h4 class="text-18 font-bold text-black">14</h4>
</div>
<div>
<h3 class="text-16 text-black">Free ilets Class: Raffles Educare Associates</h3>
<p class="text-14 p-0 m-0 text-grey">Join the free ilets Classes </p>
<p class="text-14 text-grey">Starting from 5 pm - 7 pm </p>
</div>
</div>
</div>
</a>
</div>
<!-- Pagination -->
<!-- <div class="swiper-pagination"></div> -->
<!-- Navigation Buttons -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<!-- Blog -->
<div class=" flex flex-col gap-20 justify-center items-center mb-40 mt-40">
<h2 class="ld-fh-element inline-block relative mt-10 mb-0 section-heading-sec">
Blog
</h2>
<p class="text-18 text-center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate, assumenda.
</p>
</div>
<div class="swiper swiper-events mt-40 mb-20">
<div class="swiper-wrapper">
<a href="" class="swiper-slide flex flex-col gap-20 p-10 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<span class="bg-gray text-sec rounded-30 text-10 py-5 px-10 mt-10">20 min read</span>
<h2 class="text-20 text-ter pt-10">How Successfully Used Paid Marketing to Drive Incremental
Ticket Sales</h2>
</div>
<div class="flex flex-col gap-10">
<p class="text-14 text-black">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Inventore reprehenderit, dolor ad quis dignissimos aliquid nesciunt distinctio suscipit
ipsam voluptatum.</p>
<p class="text-12">12 Mar - Jhon Doe</p>
</div>
</a>
<a href="" class="swiper-slide flex flex-col gap-20 p-10 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<span class="bg-gray text-sec rounded-30 text-10 py-5 px-10 mt-10">20 min read</span>
<h2 class="text-20 text-ter pt-10">How Successfully Used Paid Marketing to Drive Incremental
Ticket Sales</h2>
</div>
<div class="flex flex-col gap-10">
<p class="text-14 text-black">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Inventore reprehenderit, dolor ad quis dignissimos aliquid nesciunt distinctio suscipit
ipsam voluptatum.</p>
<p class="text-12">12 Mar - Jhon Doe</p>
</div>
</a>
<a href="" class="swiper-slide flex flex-col gap-20 p-10 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<span class="bg-gray text-sec rounded-30 text-10 py-5 px-10 mt-10">20 min read</span>
<h2 class="text-20 text-ter pt-10">How Successfully Used Paid Marketing to Drive Incremental
Ticket Sales</h2>
</div>
<div class="flex flex-col gap-10">
<p class="text-14 text-black">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Inventore reprehenderit, dolor ad quis dignissimos aliquid nesciunt distinctio suscipit
ipsam voluptatum.</p>
<p class="text-12">12 Mar - Jhon Doe</p>
</div>
</a>
<a href="" class="swiper-slide flex flex-col gap-20 p-10 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<span class="bg-gray text-sec rounded-30 text-10 py-5 px-10 mt-10">20 min read</span>
<h2 class="text-20 text-ter pt-10">How Successfully Used Paid Marketing to Drive Incremental
Ticket Sales</h2>
</div>
<div class="flex flex-col gap-10">
<p class="text-14 text-black">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Inventore reprehenderit, dolor ad quis dignissimos aliquid nesciunt distinctio suscipit
ipsam voluptatum.</p>
<p class="text-12">12 Mar - Jhon Doe</p>
</div>
</a>
<a href="" class="swiper-slide flex flex-col gap-20 p-10 blog-post">
<div class="w-100percent h-210 overflow-hidden rounded-16">
<img class="w-full h-full object-cover rounded-16" src="assets/images/general/blog1.jfif"
alt="">
</div>
<div>
<span class="bg-gray text-sec rounded-30 text-10 py-5 px-10 mt-10">20 min read</span>
<h2 class="text-20 text-ter pt-10">How Successfully Used Paid Marketing to Drive Incremental
Ticket Sales</h2>
</div>
<div class="flex flex-col gap-10">
<p class="text-14 text-black">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Inventore reprehenderit, dolor ad quis dignissimos aliquid nesciunt distinctio suscipit
ipsam voluptatum.</p>
<p class="text-12">12 Mar - Jhon Doe</p>
</div>
</a>
</div>
<!-- Pagination -->
<!-- <div class="swiper-pagination"></div> -->
<!-- Navigation Buttons -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<div class="flex justify-center items-center ">
<button class="text-center bg-white text-ter rounded-30 text-14">Load More</button>
</div>
</div>
@endsection

View File

@@ -1,108 +1,272 @@
@extends('client.raffles.layouts.app') @extends('client.raffles.layouts.app')
@section('content') @section('content')
@include('client.raffles.pages.partials.breadcumb') <div class="study-destinations-banner">
<img src="{{ asset('raffles/assets/images/backgrounds_general/franchise-banner.png') }}" alt="">
</div>
<div class="pt-40 why-us">
<!-- Intro Section--> <div class="container-fluid">
<section class="p-0 ipad-top-space-margin page-title-big-typography cover-background md-background-position-left-center" <div class="row sm:px-20 pr-30 first-row pt-20 pb-30">
style="background-image: url('{{ asset('raffles/assets/images/demo-elder-care-title-bg.jpg') }}')"> <div class="col col-xl-6">
<div class="container"> <div class="franchise-model">
<div class="down-section text-center" <img src="assets/images/backgrounds_general/franchise-model.png" alt="">
data-anime="{ &quot;translateY&quot;: [-50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<a href="#down-section" class="section-link">
<div class="text-dark-gray">
<i class="feather icon-feather-chevron-down icon-very-medium"></i>
</div>
</a>
</div>
</div>
</div>
</section>
<section id="down-section">
<div class="container">
<div class="row">
<div class="col-lg-4 pe-5 order-2 order-lg-1 lg-pe-3 md-pe-15px"
data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="bg-dark-gray border-radius-6px ps-35px pb-25px pt-25px lg-ps-25px mb-25px">
<div class="feature-box feature-box-left-icon-middle">
<div
class="feature-box-icon feature-box-icon-rounded w-65px h-65px me-20px lg-me-15px rounded-circle bg-base-color rounded-box">
<i class="bi bi-telephone-outbound icon-extra-medium text-white"></i>
</div>
<div class="feature-box-content last-paragraph-no-margin">
<span class="mb-5px d-block text-white opacity-6 fw-300">Connect with us?</span>
<a href="tel:{{ setting('mobile') }}"
class="text-white fs-20 fw-500 lh-22">{{ setting('mobile') }}</a>
</div>
</div>
</div>
<div class="bg-very-light-gray border-radius-6px p-40px lg-p-25px md-p-35px">
<span class="fs-22 alt-font text-dark-gray fw-600 mb-25px d-inline-block">Contact Us?</span>
<div class="contact-form-style-01 mt-0">
<form action="email-templates/contact-form.php" method="post">
<div class="position-relative form-group mb-20px">
<span class="form-icon"><i class="bi bi-emoji-smile"></i></span>
<input type="text" name="name"
class="form-control border-white box-shadow-large required"
placeholder="Your name*" />
</div>
<div class="position-relative form-group mb-20px">
<span class="form-icon"><i class="bi bi-envelope"></i></span>
<input type="email" name="email"
class="form-control border-white box-shadow-large required"
placeholder="Your email address*" />
</div>
<div class="position-relative form-group form-textarea">
<span class="form-icon"><i class="bi bi-chat-square-dots"></i></span>
<textarea placeholder="Your message" name="comment" class="form-control border-white box-shadow-large" rows="3"></textarea>
<input type="hidden" name="redirect" value>
<button
class="btn btn-large btn-round-edge btn-base-color btn-box-shadow mt-20px submit w-100"
type="submit">Send message</button>
<div class="mt-20px form-results d-none"></div>
</div>
</form>
</div>
</div> </div>
</div> </div>
<div class="col-lg-8 order-1 order-lg-2 md-mb-50px" <div class="col col-xl-6">
data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }"> <div class="flex flex-col gap-10 pb-30 border-bottom">
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-20px d-block"> <h2 class="md:text-20 text-50 text-sec">Franchise</h2>
{{ $page->short_description }}</h4> <h3 class="md:text-20 text-50 text-brand">Raffles EduCare</h3>
{!! $page->description !!} <p>Raffles Educare Associates Pvt. Ltd., established in 2005, is one of the best educational
<img src="{{ $page->image }}" class="mt-30px md-mt-15px mb-60px md-mb-40px border-radius-6px" alt> consultancy
<div class="row row-cols-1 row-cols-md-2 mb-30px md-mb-15px"> with a successful track record in the overseas education.Over the 15 years of excellence we have
@isset($page->custom) 97%
@foreach ($page->custom as $item) visa success rate along with highest student satisfaction, fulfilling the career dreams of many
<div class="col"> students. Since the year of inception, we have been providing educational services of
<span international
class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">{{ $item['key'] }}</span> standards and escalated to be one of the leading institutions.</p>
<p class="w-90 sm-w-100">{{ $item['value'] }}</p>
</div>
@endforeach
@endisset
</div> </div>
<div class="cover-background p-7 border-radius-6px mb-60px md-mb-40px d-flex justify-content-end align-items-end sm-h-500px"
style="background-image: url('{{ $page->sidebar_image }}')"> <div class="flex flex-col gap-20 pt-20">
<div <h5 class="text-20 text-black">Have any questions?
class="bg-white box-shadow-quadruple-large border-radius-4px w-50 lg-w-55 sm-w-100 overflow-hidden"> Call/Whatsapp</h5>
<div class="p-40px lg-p-25px last-paragraph-no-margin"> <a class="text-26 text-black" href="tel:9801086208">+977 9801086208</a>
<span
class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">{{ $page->sidebar_title }}</span>
<p class="w-95 lg-w-100">{{ $page->sidebar_content }}</p>
</div>
<div class="bg-dark-gray p-15px text-center">
<a href="{{ url('/contact') }}" class="text-white fw-600"><i
class="feather icon-feather-mail me-10px"></i>Connect with Our Team</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section>
<div class="become-member">
<div class="container">
<div class="row sm:p-20 mt-20 p-60 ">
<div class="col-sm-12">
<div class="flex flex-col gap-20 justify-center text-center">
<h4 class="text-white text-20">Become one of us!</h4>
<h3 class="text-white md:text-24 text-40">Members Benefit</h3>
</div>
</div>
<div class="row py-20">
<div class="col col-sm-6 col-md-4">
<div class="flex gap-20 items-start pt-20">
<h4 class="md:text-30 text-80 text-white font-bold">1</h4>
<h3 class="md:text-20 text-28 text-white font-bold">Brand value Exposure</h3>
</div>
</div>
<div class="col col-sm-6 col-md-4">
<div class="flex gap-10 items-start pt-20">
<h4 class="md:text-30 text-80 text-white font-bold">2</h4>
<h3 class="md:text-20 text-28 text-white font-bold">Leads generation & Referral</h3>
</div>
</div>
<div class="col col-sm-6 col-md-4">
<div class="flex gap-10 items-start pt-20">
<h4 class="md:text-30 text-80 text-white font-bold">3</h4>
<h3 class="md:text-20 text-28 text-white font-bold">Business Expertise support</h3>
</div>
</div>
<div class="col col-sm-6 col-md-4">
<div class="flex gap-10 items-start pt-20">
<h4 class="md:text-30 text-80 text-white font-bold">4</h4>
<h3 class="md:text-20 text-28 text-white font-bold">Be Part of a Global Legacy</h3>
</div>
</div>
<div class="col col-sm-6 col-md-4">
<div class="flex gap-10 items-start pt-20">
<h4 class="md:text-30 text-80 text-white font-bold">5</h4>
<h3 class="md:text-20 text-28 text-white font-bold">Revenue sharing opportunities</h3>
</div>
</div>
<div class="col col-sm-6 col-md-4">
<div class="flex gap-10 items-start pt-20">
<h4 class="md:text-30 text-80 text-white font-bold">6</h4>
<h3 class="md:text-20 text-28 text-white font-bold">Dedicated partnerships Manager</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row sm:p-20 p-60 bg-sec">
<div class="col col-12">
<div class=" py-20 ">
<div class="py-10">
<h3 class="text-white md:text-24 text-44 text-center">Lets discuss
on something <span class="text-brand">cool</span> together</h3>
</div>
<div class="franchise-form bg-white">
<form action="">
<label class="text-16 pb-5" for="">Your Name <span
class="text-brand">(Required)</span></label>
<div class="flex gap-10 ">
<div class="w-full">
<label class="text-14 pb-5" for="">First</label>
<input class="w-full mb-30 rounded-6 py-10 text-14 px-10" type="text" name=""
id="">
</div>
<div class="w-full">
<label class="text-14 pb-5" for="">Last</label>
<input class="w-full mb-30 rounded-6 py-10 text-14 px-10" type="text" name=""
id="">
</div>
</div>
<label class="text-16 pb-5" for="">Your Email Address <span
class="text-brand">(Required)</span></label>
<input class="w-full mb-20 rounded-6 py-10 text-14 px-10" type="email" name=""
id="">
<label class="text-16 pb-5" for="">Your Phone <span
class="text-brand">(Required)</span></label>
<input class="w-full mb-20 rounded-6 py-10 text-14 px-10" type="text" name=""
id="">
<label class="text-16 pb-5" for="">Your Address <span
class="text-brand">(Required)</span></label>
<input class="w-full mb-20 rounded-6 py-10 text-14 px-10" type="text" name=""
id="">
<div class="flex gap-10 ">
<div class="w-full">
<label class="text-14 pb-5" for="">City</label>
<input class="w-full mb-30 rounded-6 py-10 text-14 px-10" type="text"
name="" id="">
</div>
<div class="w-full">
<label class="text-14 pb-5" for="">State/Region/Province</label>
<input class="w-full mb-30 rounded-6 py-10 text-14 px-10" type="text"
name="" id="">
</div>
</div>
<div class="sm:block flex gap-10 ">
<div class="w-full">
<label class="text-14 pb-5" for="">Level to Invest</label>
<select class="w-full py-5" name="" id="">
<option value="">Less than $20,000</option>
<option value="">Less than $30,000</option>
<option value="">Less than $40,000</option>
<option value="">Less than $50,000</option>
</select>
<!-- <select name="" id="franchise-invest">
<option value="" selected hidden> Less than $10,000</option>
<option value=""></option>
</select> -->
</div>
<div class="w-full">
<label class="text-14 pb-5" for="">Do you currently own a business?
(Yes/No)</label>
<input class="w-full mb-30 rounded-6 py-10 text-14 px-10" type="text"
name="" id="">
</div>
</div>
<label class="text-14 pb-5" for=""> If yes, please describe your current
business</label>
<textarea class="w-full mb-20 rounded-6 py-10 text-14 px-10" name="" id=""></textarea>
<div class="sm:block flex gap-10 ">
<div class="w-full">
<label class="text-14 pb-5" for="">Preferred Franchise Location</label>
<input class="w-full mb-30 rounded-6 py-10 text-14 px-10" type="text"
name="" id="">
</div>
<div class="w-full">
<label class="text-14 pb-5" for="">Timeframe to Start</label>
<select class="w-full py-5" name="" id="">
<option value="">within 1 year</option>
<option value="">After 1 year</option>
</select>
<!-- <select name="" id="franchise-timeframe">
<option value="" selected hidden> within 6 months</option>
<option value=""></option>
</select> -->
</div>
</div>
<div class="sm:w-full w-50percent">
<label class="text-14 pb-5" for="">Do u already have an office setup ?</label>
<input class="w-full mb-30 rounded-6 py-10 text-14 px-10" type="text" name=""
id="">
</div>
<label class="text-14 pb-5" for=""> Please add your bussiness portfolio website ,and
let us know
if you have any questions?</label>
<textarea class="w-full mb-20 rounded-6 py-10 text-14 px-10" name="" id=""></textarea>
<button class="button-hover px-20 py-10 bg-sec text-white text-16 border-0">Send
Message</button>
</form>
</div>
<div class="flex justify-center gap-30 pt-30 flex-wrap">
<a class="flex items-center gap-10 border px-10 py-20" href="mailto:info@raffleseducare.com">
<i class="fa-solid fa-envelope text-brand text-18"></i>
<p class="text-white text-18 m-0 p-0">info@raffleseducare.com</p>
</a>
<a class="flex items-center gap-10 border px-10 py-20" href="tel:info@+977-1234567890">
<i class="fa-solid fa-phone text-brand text-18"></i>
<p class="text-white text-18 m-0 p-0">+977-1234567890</p>
</a>
<div class="flex items-center gap-10 border px-10 py-20">
<i class="fa-solid fa-location-dot text-brand text-18"></i>
<p class="text-white text-18 m-0 p-0">Kathmandu, Nepal</p>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection @endsection

View File

@@ -0,0 +1,55 @@
@extends('client.raffles.layouts.app')
@section('content')
<div class="services-banner">
<img src="assets/images/backgrounds_general/gallery-banner.png" width="1425" height="356" alt="Gallery ">
</div>
<section class="section ">
<div class="flex flex-col gap-5 justify-center items-center text-center">
<h2 class="text-60 md:text-30 text-sec">Gallery</h2>
<div class="title-line mx-auto"></div>
</div>
</section>
<section class="pt-40 pb-40 ">
<div class="container">
<div class="gallery" id="gallery">
<img src="assets/images/gallery/1.png" alt="img1">
<img src="assets/images/gallery/2.png" alt="img1">
<img src="assets/images/gallery/3.png" alt="img1">
<img src="assets/images/gallery/4.png" alt="img1">
<img src="assets/images/gallery/5.png" alt="img1">
<img src="assets/images/gallery/16.png" alt="img1">
<img src="assets/images/gallery/7.png" alt="img1">
<img src="assets/images/gallery/8.png" alt="img1">
<img src="assets/images/gallery/9.png" alt="img1">
<img src="assets/images/gallery/10.png" alt="img1">
<img src="assets/images/gallery/11.png" alt="img1">
<img src="assets/images/gallery/12.png" alt="img1">
<img src="assets/images/gallery/13.png" alt="img1">
<img src="assets/images/gallery/14.png" alt="img1">
<img src="assets/images/gallery/15.png" alt="img1">
<img src="assets/images/gallery/16.png" alt="img1">
<img src="assets/images/gallery/17.png" alt="img1">
<img src="assets/images/gallery/17.png" alt="img1">
<img src="assets/images/gallery/17.png" alt="img1">
<img src="assets/images/gallery/17.png" alt="img1">
<img src="assets/images/gallery/9.png" alt="img1">
<img src="assets/images/gallery/11.png" alt="img1">
</div>
</div>
<div class="lightbox" id="lightbox">
<span class="close-btn" onclick="closeLightbox()"></span>
<button class="nav-button prev" onclick="changeSlide(-1)"></button>
<img id="lightbox-img" src="" alt="fullscreen">
<button class="nav-button next" onclick="changeSlide(1)"></button>
</div>
</section>
@endsection

View File

@@ -0,0 +1,133 @@
@extends('client.raffles.layouts.app')
@section('content')
<section class="py-40">
<div class="container">
<div class="flex justify-center flex-col text-center items-center w-80percent mx-auto top-20percent ">
<h2 class="md:text-30 text-60 text-sec">SiteMap</h2>
<div class="title-line mx-auto"></div>
</div>
<div class="stats-section">
<div class="stats-grid">
<div class="stat-item">
<div class="stat-number">30+</div>
<div class="stat-label">Total Pages</div>
</div>
<div class="stat-item">
<div class="stat-number">5</div>
<div class="stat-label">Main Categories</div>
</div>
<div class="stat-item">
<div class="stat-number">5</div>
<div class="stat-label">Study Destinations</div>
</div>
<div class="stat-item">
<div class="stat-number">8</div>
<div class="stat-label">Student Services</div>
</div>
</div>
</div>
<div class="sitemap-grid">
<div class="sitemap-category core-pages">
<h2>
<div class="category-icon"><img src="{{ asset('raffles/assets/images/icons/house.svg') }}"
alt=""></div>
Core Pages
</h2>
<ul>
<li><a href="{{ url('/') }}">Home</a></li>
<li><a href="{{ url('/about-us') }}">About Us</a></li>
<li><a href="{{ url('/contact-us') }}">Contact Us</a></li>
<li><a href="{{ url('/sitemap') }}">Sitemap</a></li>
<li><a href="{{ url('/terms') }}">Terms & Conditions</a>
</li>
</ul>
</div>
<div class="sitemap-category study-abroad">
<h2>
<div class="category-icon"><img src="{{ asset('raffles/assets/images/icons/earth.svg') }}"
alt=""></div>
Study Abroad
</h2>
<ul>
<li><a href="{{ url('/destination/uk') }}">Study in UK</a></li>
<li><a href="{{ url('/destination/usa') }}">Study in USA</a></li>
<li><a href="{{ url('/destination/canada') }}">Study in Canada</a></li>
<li><a href="{{ url('/destination/denmark') }}">Study in Denmark</a></li>
<li><a href="{{ url('/destination/australia') }}">Study in Australia</a></li>
</ul>
</div>
<div class="sitemap-category student-support">
<h2>
<div class="category-icon"><img src="{{ asset('raffles/assets/images/icons/cap.svg') }}"
alt=""></div>
Student Support
</h2>
<ul>
<li><a href="{{ url('/service/interview-preparation') }}">Interview Preparation</a>
</li>
<li><a href="{{ url('/service/visa-assistance') }}">Visa Assistance</a></li>
<li><a href="{{ url('/service/financial-guidance') }}">Financial Guidance</a></li>
<li><a href="{{ url('travel-assistance') }}">Travel Assistance</a></li>
<li><a href="{{ url('/course-finder') }}">Course Finder</a></li>
<li><a href="{{ url('/cost-calculator') }}">Cost Calculator</a></li>
<li><a href="{{ url('/resources') }}">Free Resources</a></li>
<li><a href="{{ url('/book-counsellor') }}">Book a Counsellor</a></li>
</ul>
</div>
<div class="sitemap-category more-info">
<h2>
<div class="category-icon"><img src="{{ asset('raffles/assets/images/icons/books.svg') }}"
alt=""></div>
More Information
</h2>
<ul>
<li><a href="{{ url('/blog') }}">Blogs</a></li>
<li><a href="{{ url('/events') }}">Events</a></li>
<li><a href="{{ url('/gallery') }}">Gallery</a></li>
<li><a href="{{ url('/social-platform') }}">Social Platform</a></li>
<li><a href="{{ url('/achievements') }}">Achievements</a></li>
<li><a href="{{ url('/csr') }}">CSR</a></li>
<li><a href="{{ url('/franchise') }}">Franchise</a></li>
</ul>
</div>
<div class="sitemap-category study-abroad">
<h2>
<div class="category-icon"><img src="{{ asset('raffles/assets/images/icons/earth.svg') }}"
alt=""></div>
Test Preparation
</h2>
<ul>
<li><a href="{{ url('test/ielts') }}">IELTS Preparation</a></li>
<li><a href="{{ url('test/pte') }}">PTE Preparation</a></li>
<li><a href="{{ url('test/duolingo') }}">Duolingo Preparation</a></li>
</ul>
</div>
<div class="sitemap-category careers">
<h2>
<div class="category-icon"><img src="{{ asset('raffles/assets/images/icons/case.svg') }}"
alt=""></div>
Careers
</h2>
<ul>
<li><a href="{{ url('/career') }}">Career Opportunities</a></li>
<li><a href="https://www.raffleseducare.my-urls.com/career-detail">Career Details</a></li>
</ul>
</div>
</div>
</div>
</section>
@endsection

View File

@@ -0,0 +1,380 @@
@extends('client.raffles.layouts.app')
@section('content')
<section class="">
<div class="services-banner">
<img src="{{ asset('raffles/assets/images/backgrounds_general/social-banner.png') }}" width="1425" height="356"
alt="Social Platform">
</div>
<section class="lqd-section about social-platform pt- pb-40">
<div class="container">
<!-- <div class="section-break mt-0"></div> -->
<h2 class="text-36 md:text-24 text-brand text-center pt-40">Lets Connect</h2>
<div class="section-break "></div>
<div class="social-facebook pb-30">
<h3 class="text-sec2 text-46 md:text-24 pb-30 text-center">Facebook </h3>
<div class="row">
<div class="col col-12 p-0">
<div class="w-full flex flex-wrap justify-center module-icon-box">
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-blue-100 text-30">
<i class="fa-brands fa-facebook text-sec"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles<br />Educare
</h3>
</div>
</div>
</div>
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-blue-100 text-30">
<i class="fa-brands fa-facebook text-sec"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles Study in<br />UK
</h3>
</div>
</div>
</div>
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-blue-100 text-30">
<i class="fa-brands fa-facebook text-sec"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles Study in<br />USA
</h3>
</div>
</div>
</div>
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-blue-100 text-30">
<i class="fa-brands fa-facebook text-sec"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles Learning<br />Center
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="social-instagram pb-30">
<h3 class="text-sec2 text-46 md:text-24 pb-30 text-center">Instagram </h3>
<div class="row">
<div class="col col-12 p-0">
<div class="w-full flex flex-wrap justify-center module-icon-box">
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all pr-60 mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-red-100 text-50">
<i class="fa-brands fa-instagram text-brand"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles<br />Educare
</h3>
</div>
</div>
</div>
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all pr-60 mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-red-100 text-50">
<i class="fa-brands fa-instagram text-brand"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles Educare<br /> USA
</h3>
</div>
</div>
</div>
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all pr-60 mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-red-100 text-50">
<i class="fa-brands fa-instagram text-brand"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles Learning<br />Center
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="social-tiktok pb-30">
<h3 class="text-sec2 text-46 md:text-24 pb-30 text-center">Tiktok & Google </h3>
<div class="row">
<div class="col col-12 p-0">
<div class="w-full flex flex-wrap justify-center module-icon-box">
<div class="w-25percent sm:w-50percent ">
<div
class="flex justify-center items-center text-center lqd-iconbox-scale transition-all pl-60 mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col justify-center iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-gray-100 text-30">
<i class="fa-brands fa-tiktok text-black"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles<br />Educare
</h3>
</div>
</div>
</div>
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all pl-60 mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-gray-100 text-30">
<i class="fa-brands fa-tiktok text-black"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles Study<br />Abroad
</h3>
</div>
</div>
</div>
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all pr-60 mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-green-100 text-30">
<i class="fa-brands fa-google"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles<br />Educare
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mad:block flex flex-wrap justify-center gap-90 items-center">
<div class="social-pinterest pb-30">
<h3 class="text-sec2 text-46 md:text-24 pb-30 text-center">Pinterest </h3>
<div class="row">
<div class="col col-12 p-0">
<div class="w-full flex flex-wrap justify-center module-icon-box">
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all pr-60 mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-red-100 text-50">
<i class="fa-brands fa-pinterest text-brand"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles<br />Educare
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="social-linkedin pb-30">
<h3 class="text-sec2 text-46 md:text-24 pb-30 text-center">Linkedin </h3>
<div class="row">
<div class="col col-12 p-0">
<div class="w-full flex flex-wrap justify-center module-icon-box">
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-blue-100 text-30">
<i class="fa-brands fa-linkedin text-sec"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles<br />Educare
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="social-youtube pb-30">
<h3 class="text-sec2 text-46 md:text-24 pb-30 text-center">Youtube </h3>
<div class="row">
<div class="col col-12 p-0">
<div class="w-full flex flex-wrap justify-center module-icon-box">
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all pr-60 mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-red-100 text-50">
<i class="fa-brands fa-youtube text-brand"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles<br />Educare
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="social-google pb-30">
<h3 class="text-sec2 text-46 md:text-24 pb-30 text-center">Google Business </h3>
<div class="row">
<div class="col col-12 p-0">
<div class="w-full flex flex-wrap justify-center module-icon-box">
<div class="w-25percent sm:w-50percent">
<div class="lqd-iconbox-scale transition-all pr-60 mb-30 sm:mb-0 hover:scale-1/1">
<div
class="iconbox flex items-center flex-grow-1 relative flex-col iconbox-default iconbox-circle">
<div class="iconbox-icon-wrap">
<div
class="iconbox-icon-container inline-flex relative z-1 rounded-full mb-20 w-75 h-75 bg-green-100 text-30">
<i class="fa-brands fa-google"></i>
</div>
</div>
<h3 class="lqd-iconbox-heading text-16 font-bold text-center leading-1em">
Raffles<br />Educare
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
</div>
</div>
</section>
@endsection

View File

@@ -372,184 +372,3 @@
@include('client.raffles.pages.call-request') @include('client.raffles.pages.call-request')
</section> </section>
@endsection @endsection
@extends('client.raffles.layouts.app')
@section('content')
<div class="study-destinations-banner">
<img src="{{ asset($page->banner) }}" width="1425" height="356" alt="study uk">
</div>
<section class="container py-30 free-resources">
<div class="flex justify-center flex-col text-center items-center w-80percent mx-auto top-20percent ">
<h2 class="md:text-30 text-60 text-sec">Study in {{ $page->title }}</h2>
<div class="title-line mx-auto"></div>
</div>
@if ($page->children)
<section class="free-resources-content tab-container">
<div class="row">
<div class="col col-md-3">
<ul class="first-row tab-buttons ">
@foreach ($page->children as $index => $child)
<li class="px-20 tab-btn cursor-pointer fade {{ $loop->first ? 'show active' : '' }} "
role="tabpanel" onclick="showTab('tabs_{{ $index + 1 }}')">
<div class="text-17 font-bold flex gap-10 items-center">
<img class="w-40" src="assets/images/icons/one.svg" alt="">
<h5 class="text-16 p-0 m-0">{{ $child->title }}</h5>
</div>
</li>
@endforeach
<a href="{{ route('resources') }}">
<li class="px-20 tab-btn cursor-pointer fade " role="tabpanel"
onclick="showTab('tabs_7')">
<div class="text-17 font-bold flex gap-10 items-center">
<img class="w-40" src="assets/images/icons/question.png" alt="">
<h5 class="text-16 p-0 m-0">Free Resources </h5>
</div>
</li>
</a>
</ul>
</div>
<div class="col col-md-9">
<div class="second-row">
@foreach ($page->children as $index => $child)
<div class="tab-content {{ $loop->first ? 'active' : '' }}"
id="tabs_{{ $index + 1 }}">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 ">{{ $child->short_description }}</h3>
<div class="row items-center">
<div class="col col-md-6">
<p class="text-16 text-justify">{!! $child->description !!}</p>
</div>
<div class="col col-md-6" data-float="ease-in-out">
<div class="">
<img class="w-full h-full rounded-10"
src="{{ asset($child->image) }}" alt="">
</div>
<div
class="lqd-particles-bg-wrap lqd-overlay flex pointer-events-none">
<div
class="ld-particles-container relative w-full lqd-particles-as-bg lqd-overlay flex h-450">
<div class="ld-particles-inner lqd-overlay flex pointer-events-none"
id="lqd-particle-banner" data-particles="true"
data-particles-options='{"particles":{"number":{"value":4} , "color":{"value": "random"} , "shape":{"type":["circle"]} , "opacity":{"value":1} , "size":{"value":4} , "move":{"enable": true, "direction": "none", "out_mode": "out"}} , "interactivity":[], "retina_detect": true}'>
</div>
</div>
</div>
</div>
</div>
<div class="py-40">
<h3 class="text-20 text-brand">
Why Study in {{ $page->title }}
</h3>
<div class="accordion accordion-title-underlined accordion-sm pt-20"
id="accordion-questions" role="tablist" aria-multiselectable="true">
@foreach ($page->children as $index => $value)
@foreach ($value->custom as $key => $item)
<div class="accordion-item panel mb-10">
<div class="accordion-heading" role="tab"
id="heading-question-{{ $key + 1 }}">
<h4 class="accordion-title">
<a class="collapsed text-17 font-bold"
role="button" data-bs-toggle="collapse"
data-bs-parent="#accordion-questions"
href="index.php#collapse-question-item-{{ $key + 1 }}"
aria-expanded="false"
aria-controls="collapse-question-item-{{ $key + 1 }}">
<span
class="accordion-expander text-16 text-black"><i
class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
<i
class="lqd-icn-ess icon-ion-ios-arrow-forward"></i></span><span
class="accordion-title-txt">{{ $item['icon'] ?? '' }}</span>
</a>
</h4>
</div>
<div id="collapse-question-item-{{ $key + 1 }}"
class="accordion-collapse collapse"
data-bs-parent="#accordion-questions" role="tabpanel"
aria-labelledby="heading-question-{{ $key + 1 }}">
<div
class="accordion-content text-14 leading-20 text-black">
<p>{{ $item['key'] ?? '' }}</p>
</div>
</div>
</div>
@endforeach
@endforeach
</div>
</div>
<!-- blog -->
<div class="lqd-section blog pt-20" id="blog"
data-custom-animations="true"
data-ca-options='{"animationTarget": ".btn, .animation-element", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
<div class="container">
<div class="row">
<div class="col col-12">
<div class="w-full flex mb-20 justify-start">
<div class="btn btn-solid bg-sec text-white rounded-20 text-15 module-btn-xs"
data-localscroll="true"><span class="btn-txt"
data-text="Office Blog">Office Blog</span></div>
</div>
<div class="flex flex-wrap -mr-15 -ml-15 animation-element">
@foreach ($child->custom as $index => $item)
<div
class="module-blog w-50percent sm:w-full px-15 mb-0">
<article
class="lqd-lp relative lqd-lp-style-9 flex flex-wrap text-start format-standard has-post-thumbnail hentry category-blog-single">
<div class="lqd-lp-img w-full">
<figure
class="relative overflow-hidden rounded-8">
<img width="370" height="470"
src="{{ asset('raffles/assets/images/demo/start-hub-1/blog-1.png') }}"
alt="blog" />
<div
class="lqd-overlay flex items-center justify-center">
<i
class="lqd-icn-ess icon-md-arrow-forward"></i>
</div>
</figure>
</div>
<div class="lqd-lp-contents w-full">
<div class="lqd-lp-header">
<h2
class="entry-title lqd-lp-title mt-0/75em mb-0/85em text-20 font-bold leading-25 font-title text-slate-700">
{{ $item['key'] ?? '' }}
</h2>
</div>
<div class="lqd-lp-excerpt">
<p>
{{ $item['value'] ?? '' }}
</p>
</div>
</div>
</article>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</section>
@endif
@include('client.raffles.pages.call-request')
</section>
@endsection

View File

@@ -0,0 +1,77 @@
@extends('client.raffles.layouts.app')
@section('content')
<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>
</div>
<section class="section ">
<div class="flex flex-col gap-5 justify-center items-center text-center">
<h2 class="text-60 md:text-30 text-sec">Terms and Conditions</h2>
<div class="title-line mx-auto"></div>
</div>
</section>
<section class="lqd-section pt-40 pb-30">
<div class="container">
<section>
<div class="pb-30">
<h5 class="text-14 font-bold underline">Last updated: April 17, 2025</h5>
</div>
<div class="pb-20">
<p class="text-16 text-black">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae
sed vitae explicabo unde veritatis? Assumenda dignissimos atque consectetur facilis soluta.</p>
<p class="text-16 text-black">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae
sed vitae explicabo unde veritatis? Assumenda dignissimos atque consectetur facilis soluta.</p>
<p class="text-16 text-black"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae
sed vitae explicabo unde veritatis? Assumenda dignissimos atque consectetur facilis soluta.</p>
</div>
<div class="pb-20">
<h4 class="text-24 font-bold pb-20">Accounts</h4>
<p class="text-16 text-black">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae
sed vitae explicabo unde veritatis? Assumenda dignissimos atque consectetur facilis soluta.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nemo, assumenda!</p>
<p class="text-16 text-black">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae
sed vitae explicabo unde veritatis? Assumenda dignissimos atque consectetur facilis soluta.</p>
<p class="text-16 text-black">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae
sed vitae explicabo unde veritatis? Assumenda dignissimos atque consectetur facilis soluta.</p>
</div>
<div class="pb-20">
<h4 class="text-24 font-bold pb-20">Links To Other Web Sites</h4>
<p class="text-16 text-black">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae
sed vitae explicabo unde veritatis? Assumenda dignissimos atque consectetur facilis soluta.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nemo, assumenda!</p>
<p class="text-16 text-black">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae
sed vitae explicabo unde veritatis? Assumenda dignissimos atque consectetur facilis soluta.</p>
<p class="text-16 text-black">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae
sed vitae explicabo unde veritatis? Assumenda dignissimos atque consectetur facilis soluta.</p>
</div>
<div class="pb-20">
<h4 class="text-24 font-bold pb-20">Termination</h4>
<p class="text-16 text-black">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae
sed vitae explicabo unde veritatis? Assumenda dignissimos atque consectetur facilis soluta.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nemo, assumenda!</p>
<p class="text-16 text-black">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae
sed vitae explicabo unde veritatis? Assumenda dignissimos atque consectetur facilis soluta.</p>
<p class="text-16 text-black">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae
sed vitae explicabo unde veritatis? Assumenda dignissimos atque consectetur facilis soluta.</p>
</div>
</section>
</section>
@endsection

View File

@@ -38,9 +38,9 @@
</div> </div>
</div> </div>
@can('dashboard.toggleDashboard') {{-- @can('dashboard.toggleDashboard')
<livewire:toggle-switch /> <livewire:toggle-switch />
@endcan @endcan --}}
<div class="ms-1 header-item d-none d-sm-flex"> <div class="ms-1 header-item d-none d-sm-flex">
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle"
data-toggle="fullscreen"> data-toggle="fullscreen">