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

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

View File

@@ -20,7 +20,7 @@
</div>
@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 class="mb-20 ld-fancy-heading relative module-title">
<h3
@@ -38,7 +38,7 @@
data-localscroll="true" href="{{ $subMenu->route_name }}"><span
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"></span>
<span class="btn-txt"
data-text="Franchise">{{ $subMenu->title }}</span>
data-text="{{ $subMenu->title }}">{{ $subMenu->title }}</span>
</a>
</li>
@endforeach
@@ -51,14 +51,8 @@
<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="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('youtube') }}" target="blank"> <i class="fa-brands fa-youtube"></i></a>
<a href="{{ setting('instagram') }}" target="blank"> <i
@@ -72,10 +66,13 @@
name="email" id="email" placeholder="Enter your Email">
<button class="border-0 text-white p-10 text-12 ">Subscribe</button>
</form>
<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>
</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>
</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')
@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>
<!-- Intro Section-->
<section class="p-0 ipad-top-space-margin page-title-big-typography cover-background md-background-position-left-center"
style="background-image: url('{{ asset('raffles/assets/images/demo-elder-care-title-bg.jpg') }}')">
<div class="container">
<div class="down-section text-center"
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 class="pt-40 why-us">
<div class="container-fluid">
<div class="row sm:px-20 pr-30 first-row pt-20 pb-30">
<div class="col col-xl-6">
<div class="franchise-model">
<img src="assets/images/backgrounds_general/franchise-model.png" alt="">
</div>
</div>
<div class="col-lg-8 order-1 order-lg-2 md-mb-50px"
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; }">
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-20px d-block">
{{ $page->short_description }}</h4>
{!! $page->description !!}
<img src="{{ $page->image }}" class="mt-30px md-mt-15px mb-60px md-mb-40px border-radius-6px" alt>
<div class="row row-cols-1 row-cols-md-2 mb-30px md-mb-15px">
@isset($page->custom)
@foreach ($page->custom as $item)
<div class="col">
<span
class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">{{ $item['key'] }}</span>
<p class="w-90 sm-w-100">{{ $item['value'] }}</p>
</div>
@endforeach
@endisset
<div class="col col-xl-6">
<div class="flex flex-col gap-10 pb-30 border-bottom">
<h2 class="md:text-20 text-50 text-sec">Franchise</h2>
<h3 class="md:text-20 text-50 text-brand">Raffles EduCare</h3>
<p>Raffles Educare Associates Pvt. Ltd., established in 2005, is one of the best educational
consultancy
with a successful track record in the overseas education.Over the 15 years of excellence we have
97%
visa success rate along with highest student satisfaction, fulfilling the career dreams of many
students. Since the year of inception, we have been providing educational services of
international
standards and escalated to be one of the leading institutions.</p>
</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="bg-white box-shadow-quadruple-large border-radius-4px w-50 lg-w-55 sm-w-100 overflow-hidden">
<div class="p-40px lg-p-25px last-paragraph-no-margin">
<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 class="flex flex-col gap-20 pt-20">
<h5 class="text-20 text-black">Have any questions?
Call/Whatsapp</h5>
<a class="text-26 text-black" href="tel:9801086208">+977 9801086208</a>
</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

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')
</section>
@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>
@can('dashboard.toggleDashboard')
{{-- @can('dashboard.toggleDashboard')
<livewire:toggle-switch />
@endcan
@endcan --}}
<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"
data-toggle="fullscreen">