first change
This commit is contained in:
571
resources/views/client/raffles/layouts/app.blade.php
Normal file
571
resources/views/client/raffles/layouts/app.blade.php
Normal file
@@ -0,0 +1,571 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<meta name="keywords"
|
||||
content="consultancy , seo, marketing, creative, modern, educare, education, responsive, raffles, usa, uk" />
|
||||
<meta name="author" content="LiquidThemes" />
|
||||
<meta name="description" content="Raffles is a consultancy with high performance, and award-winning consultancy." />
|
||||
<meta property="og:title" content="Raffles Educare" />
|
||||
<meta property="og:description"
|
||||
content="Raffles is a consultancy with high performance, and award-winning consultancy." />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<!-- favicon -->
|
||||
<link rel="apple-touch-icon" sizes="180x180"
|
||||
href="{{ asset('raffles/assets/images/logo/favicon/apple-touch-icon.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="32x32"
|
||||
href="{{ asset('raffles/assets/images/logo/favicon/favicon-32x32.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="16x16"
|
||||
href="{{ asset('raffles/assets/images/logo/favicon/favicon-16x16.png') }}">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
|
||||
|
||||
<link rel="stylesheet"
|
||||
href="{{ asset('raffles/assets/vendors/liquid-icon/lqd-essentials/lqd-essentials.min.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/theme.min.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/utility.min.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/style.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/swiper.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/demo/start-hub-1/base.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/demo/start-hub-1/start-hub-1.css') }}" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&family=Nunito:wght@400;600;700&family=Roboto&display=swap"
|
||||
rel="stylesheet" />
|
||||
<!-- FontAwesome CDN -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- for select2 -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
|
||||
|
||||
|
||||
<title>Raffles Educare</title>
|
||||
</head>
|
||||
|
||||
<body data-lqd-cc="true" data-mobile-nav-breakpoint="1199" data-mobile-nav-style="minimal" data-mobile-nav-scheme="gray"
|
||||
data-mobile-nav-trigger-alignment="right" data-mobile-header-scheme="custom" data-mobile-logo-alignment="default"
|
||||
data-overlay-onmobile="true">
|
||||
<div id="wrap">
|
||||
|
||||
<img src="{{ asset('raffles/assets/images/icons/aeroplane.png') }}" alt="Flying Plane" id="plane">
|
||||
|
||||
<div class="lqd-sticky-placeholder hidden"></div>
|
||||
|
||||
@include('client.raffles.layouts.partials.header')
|
||||
|
||||
@yield('content')
|
||||
|
||||
@include('client.raffles.layouts.partials.footer')
|
||||
|
||||
|
||||
</div>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
|
||||
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/jquery.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/js/swiper.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/jquery-ui/jquery-ui.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/fastdom/fastdom.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/bootstrap/js/bootstrap.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/fresco/js/fresco.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/lity/lity.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/minified/gsap.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/utils/CustomEase.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/minified/DrawSVGPlugin.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/minified/ScrollTrigger.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/draw-shape/liquidDrawShape.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/animated-blob/liquidAnimatedBlob.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/fontfaceobserver.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/tinycolor-min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/utils/SplitText.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/particles.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/flickity/flickity.pkgd.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/flickity/flickity-fade.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/isotope/isotope.pkgd.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/isotope/packery-mode.pkgd.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/js/liquid-gdpr.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/js/theme.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/js/liquid-ajax-contact-form.min.js') }}"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js')}}"></script>
|
||||
<div class="lqd-cc lqd-cc--inner fixed pointer-events-none"></div>
|
||||
<div
|
||||
class="lqd-cc--el lqd-cc-solid lqd-cc-explore flex items-center justify-center rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
||||
<div class="lqd-cc-solid-txt flex justify-center text-center relative">
|
||||
<div class="lqd-cc-solid-txt-inner">Explide</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-cc--el lqd-cc-solid lqd-cc-drag flex items-center justify-center rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
||||
<div class="lqd-cc-solid-ext lqd-cc-solid-ext-left inline-flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"
|
||||
style="width: 1em; height: 1em">
|
||||
<path fill="currentColor"
|
||||
d="M19.943 6.07L9.837 14.73a1.486 1.486 0 0 0 0 2.25l10.106 8.661c.96.826 2.457.145 2.447-1.125V7.195c0-1.27-1.487-1.951-2.447-1.125z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="lqd-cc-solid-txt flex justify-center text-center relative">
|
||||
<div class="lqd-cc-solid-txt-inner">Drag</div>
|
||||
</div>
|
||||
<div class="lqd-cc-solid-ext lqd-cc-solid-ext-right inline-flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"
|
||||
style="width: 1em; height: 1em">
|
||||
<path fill="currentColor"
|
||||
d="M11.768 25.641l10.106-8.66a1.486 1.486 0 0 0 0-2.25L11.768 6.07c-.96-.826-2.457-.145-2.447 1.125v17.321c0 1.27 1.487 1.951 2.447 1.125z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-cc--el lqd-cc-arrow inline-flex items-center fixed top-0 left-0 pointer-events-none">
|
||||
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M60.4993 0V4.77005H8.87285L80 75.9207L75.7886 79.1419L4.98796 8.35478V60.4993H0V0H60.4993Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="lqd-cc--el lqd-cc-custom-icon rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-ci inline-flex items-center justify-center rounded-full relative">
|
||||
<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"
|
||||
style="width: 1em; height: 1em">
|
||||
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M16.03 6a1 1 0 0 1 1 1v8.02h8.02a1 1 0 1 1 0 2.01h-8.02v8.02a1 1 0 1 1-2.01 0v-8.02h-8.02a1 1 0 1 1 0-2.01h8.02v-8.01a1 1 0 0 1 1.01-1.01z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-cc lqd-cc--outer fixed top-0 left-0 pointer-events-none"></div>
|
||||
<template id="lqd-temp-sticky-header-sentinel">
|
||||
<div class="lqd-sticky-sentinel invisible absolute pointer-events-none"></div>
|
||||
</template>
|
||||
<div class="lity" role="dialog" aria-label="Dialog Window (Press escape to close)" tabindex="-1"
|
||||
data-modal-type="default" style="display: none">
|
||||
<div class="lity-backdrop"></div>
|
||||
<div class="lity-wrap" data-lity-close role="document">
|
||||
<div class="lity-loader" aria-hidden="true">Loading...</div>
|
||||
<div class="lity-container">
|
||||
<div class="lity-content"></div>
|
||||
</div>
|
||||
<button class="lity-close" type="button" aria-label="Close (Press escape to close)" data-lity-close>
|
||||
×
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Your page content -->
|
||||
|
||||
<!-- Swiper JS (Best placed before closing </body>) -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
<script src="{{ asset('raffles/assets/js/style.js') }}"></script>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
<!-- for jquery and select2 -->
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
|
||||
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
|
||||
|
||||
<!-- for filtering -->
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const form = document.getElementById('contact-form');
|
||||
const submitBtn = document.getElementById('submit-btn');
|
||||
const url = form.action;
|
||||
form.addEventListener('submit', async (e) => {
|
||||
e.preventDefault();
|
||||
submitBtn.disabled = true;
|
||||
submitBtn.textContent = 'Submitting…';
|
||||
const formData = new FormData(form);
|
||||
try {
|
||||
const res = await fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')
|
||||
.content
|
||||
},
|
||||
body: formData
|
||||
});
|
||||
const data = await res.json();
|
||||
if (res.ok) {
|
||||
form.reset();
|
||||
toastr.success(data.message || 'Contact Submitted successful!');
|
||||
} else if (data.errors && data.errors.email) {
|
||||
data.errors.email.forEach(msg => toastr.error(msg));
|
||||
} else {
|
||||
toastr.error('Submittion failed. Please try again.');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
toastr.error('Something went wrong. Please try again.');
|
||||
} finally {
|
||||
submitBtn.disabled = false;
|
||||
submitBtn.textContent = 'Submit';
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var weekdays = [
|
||||
"sunday", "monday", "tuesday", "thursday", "friday"
|
||||
];
|
||||
$("#weekdays").select2({
|
||||
data: weekdays
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
$(document).ready(function() {
|
||||
|
||||
var eventType = [
|
||||
"full", "partail", "wedding", "intern", "associate"
|
||||
];
|
||||
$("#eventType").select2({
|
||||
data: eventType
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
$(document).ready(function() {
|
||||
|
||||
var resources = [
|
||||
"study", "travel", "master", "bachelors", "associate"
|
||||
];
|
||||
$("#resources").select2({
|
||||
data: resources
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
$(document).ready(function() {
|
||||
|
||||
var resources = [
|
||||
"study", "travel", "master", "bachelors", "associate"
|
||||
];
|
||||
$("#resources").select2({
|
||||
data: resources
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
var timeframe = [
|
||||
"", ""
|
||||
];
|
||||
$("#franchise-timeframe").select2({
|
||||
data: timeframe
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Your Swiper initialization script -->
|
||||
<script>
|
||||
var swiper = new Swiper(".swiper-events", {
|
||||
slidesPerView: 3, // Adjusts based on available space
|
||||
centeredSlides: true, // Ensures the center slide is the active one
|
||||
loop: true,
|
||||
autoplay: false,
|
||||
|
||||
navigation: {
|
||||
nextEl: '.swiper-events .swiper-button-next',
|
||||
prevEl: '.swiper-events .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
320: { // Small screens (mobile)
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10
|
||||
},
|
||||
768: { // Tablets
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20
|
||||
},
|
||||
1024: { // Laptops and desktops
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30
|
||||
},
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
var swiper = new Swiper(".swiper-banner", {
|
||||
slidesPerView: 1, // Adjusts based on available space
|
||||
|
||||
loop: true,
|
||||
autoplay: false,
|
||||
speed: 600, // duration in ms (600ms = smooth)
|
||||
spaceBetween: 30,
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true, // makes the dots clickable
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-banner .swiper-button-next',
|
||||
prevEl: '.swiper-banner .swiper-button-prev',
|
||||
},
|
||||
|
||||
|
||||
});
|
||||
|
||||
var swiper = new Swiper(".swiper-universities", {
|
||||
slidesPerView: "auto", // Adjusts based on available space
|
||||
centeredSlides: true, // Ensures the center slide is the active one
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
disableOnInteraction: false,
|
||||
pauseOnMouseEnter: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-universities .swiper-button-next',
|
||||
prevEl: '.swiper-universities .swiper-button-prev',
|
||||
},
|
||||
effect: "coverflow",
|
||||
coverflowEffect: {
|
||||
rotate: 0,
|
||||
stretch: 0,
|
||||
depth: 30,
|
||||
modifier: 3,
|
||||
slideShadows: false,
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
var swiper = new Swiper(".swiper-teachers", {
|
||||
slidesPerView: "auto", // Adjusts based on available space
|
||||
centeredSlides: true, // Ensures the center slide is the active one
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
disableOnInteraction: false,
|
||||
pauseOnMouseEnter: true,
|
||||
},
|
||||
|
||||
navigation: {
|
||||
nextEl: '.swiper-teachers .swiper-button-next',
|
||||
prevEl: '.swiper-teachers .swiper-button-prev',
|
||||
},
|
||||
effect: "coverflow",
|
||||
coverflowEffect: {
|
||||
rotate: 0,
|
||||
stretch: 0,
|
||||
depth: 100,
|
||||
modifier: 3,
|
||||
slideShadows: false,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
// var swiper = new Swiper(".mySwiper-banner", {
|
||||
// slidesPerView: 1,
|
||||
// spaceBetween: 0,
|
||||
// navigation: {
|
||||
// nextEl: '.mySwiper-banner .swiper-button-next',
|
||||
// prevEl: '.mySwiper-banner .swiper-button-prev',
|
||||
// },
|
||||
// breakpoints: {
|
||||
// 640: {
|
||||
// slidesPerView: 1,
|
||||
// spaceBetween: 10,
|
||||
// },
|
||||
// 768: {
|
||||
// slidesPerView: 1,
|
||||
// spaceBetween: 20,
|
||||
// },
|
||||
// 1024: {
|
||||
// slidesPerView: 1,
|
||||
// spaceBetween: 20,
|
||||
// },
|
||||
// },
|
||||
// });
|
||||
|
||||
|
||||
var swiper = new Swiper(".mySwiper-unis", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 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,
|
||||
spaceBetween: 10,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 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: 10,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper = new Swiper(".mySwiper-video", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
navigation: {
|
||||
nextEl: '.mySwiper-video .swiper-button-next',
|
||||
prevEl: '.mySwiper-video .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 10,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper = new Swiper(".mySwiper-uni", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 1,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 3,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 5,
|
||||
spaceBetween: 5,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
var swiper = new Swiper(".mySwiper-img", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.mySwiper-img .swiper-button-next',
|
||||
prevEl: '.mySwiper-img .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 10,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper = new Swiper(".mySwiper-team", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
|
||||
navigation: {
|
||||
nextEl: '.mySwiper-team .swiper-button-next',
|
||||
prevEl: '.mySwiper-team .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 50,
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
102
resources/views/client/raffles/layouts/partials/footer.blade.php
Normal file
102
resources/views/client/raffles/layouts/partials/footer.blade.php
Normal file
@@ -0,0 +1,102 @@
|
||||
</main>
|
||||
<footer id="site-footer" class="main-footer">
|
||||
<div class="footer-graphics"></div>
|
||||
<section class="lqd-section footer-content text-black" data-section-luminosity="dark">
|
||||
<div class="container footer-inside">
|
||||
<div class="row pb-10 ">
|
||||
<div class="col col-6 col-md-3 flex flex-col text-start mb-20 p-10">
|
||||
<div class=" mb-25 lqd-imggrp-single block relative">
|
||||
<div class=" lqd-imggrp-img-container inline-flex relative items-center justify-center">
|
||||
<h2 class="text-black text-24">{{ setting('title') }}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" ld-fancy-heading relative">
|
||||
|
||||
<p class="ld-fh-element inline-block relative text-16 leading-20 mb-1em text-black lg:m-0">
|
||||
{{ setting('description') }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@foreach ($footerMenus as $menu)
|
||||
<div class="col col-6 col-md-3 flex flex-col items-center">
|
||||
<div>
|
||||
<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">
|
||||
{{ $menu->title }}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="lqd-fancy-menu lqd-custom-menu relative left lqd-menu-td-none">
|
||||
<ul
|
||||
class="reset-ul link-14 link-font-normal flex flex-col justify-center text-center gap-10">
|
||||
@if ($menu->hasSubMenu())
|
||||
@foreach ($menu->children as $subMenu)
|
||||
<li>
|
||||
<a class="text-black btn btn-naked btn-icon-right btn-hover-swp animation-element"
|
||||
data-localscroll="true" href="franchise.php"><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>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
|
||||
<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">
|
||||
|
||||
<form class="flex" action="">
|
||||
<input class=" border-0 w-80percent px-20 text-14 py-10 text-black" type="email"
|
||||
name="email" id="email" placeholder="Enter your Email">
|
||||
<button class="border-0 text-white p-10 text-12 ">Subscribe</button>
|
||||
</form>
|
||||
|
||||
<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
|
||||
class="fa-brands fa-square-instagram"></i></a>
|
||||
<a href="{{ setting('tiktok') }}" target="blank"> <i class="fa-brands fa-tiktok"></i></a>
|
||||
<a href="{{ setting('whatsapp') }}" target="blank"> <i
|
||||
class="fa-brands fa-square-whatsapp"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="footer-logos">
|
||||
<div class="container">
|
||||
|
||||
<div class="flex justify-center items-center">
|
||||
<img src="{{ setting('other_image') }}" alt="">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="flex justify-between border-top pt-20 pb-30">
|
||||
<p class="text-black text-12 text-medium m-0">{{ setting('copyright') }}</p>
|
||||
<p class="text-black text-12 text-medium m-0">Designed by <a
|
||||
href="https://www.bibhutisolutions.com/" target="blank"
|
||||
class="text-black underline cursor-pointer">Bibhuti Solutions</a> </p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</footer>
|
||||
256
resources/views/client/raffles/layouts/partials/header.blade.php
Normal file
256
resources/views/client/raffles/layouts/partials/header.blade.php
Normal file
@@ -0,0 +1,256 @@
|
||||
<header id="site-header" class="main-header main-header-overlay sticky-header-noshadow" data-sticky-header="true"
|
||||
data-sticky-values-measured="false">
|
||||
|
||||
|
||||
<section class="lqd-section lg:mt-0 md:hidden">
|
||||
<div class=" bg-white w-full p-0 box-shadow-bottom-header">
|
||||
<div class=" main-heading h-full flex items-center justify-between transition-all rounded-6 ">
|
||||
<div class="w-auto flex">
|
||||
<div class="module-logo flex navbar-brand-plain py-20">
|
||||
<a class="navbar-brand flex p-0 relative w-140" href="{{ url('/') }}" rel="home"><span
|
||||
class="navbar-brand-inner post-rel"><img src="{{ setting('logo') }}"
|
||||
alt="raffle logo" /></span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-auto flex mx-15">
|
||||
<div class="module-primary-nav flex">
|
||||
<div class="navbar-collapse inline-flex p-0 lqd-submenu-cover flex-grow-1 flex-shrink-1 overflow-visible h-auto navbar"
|
||||
id="main-header-collapse" aria-expanded="false" role="navigation">
|
||||
<ul class="main-nav flex reset-ul inline-ul lqd-menu-counter-right lqd-menu-items-inline main-nav-hover-fade-inactive link-14 link-medium navbar-menu"
|
||||
data-submenu-options='{"toggleType": "fade", "handler": "mouse-in-out"}'
|
||||
data-localscroll="true"
|
||||
data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
|
||||
<li>
|
||||
<a class="text-ter leading-30 px-20 py-5 hover:text-brand" href="/about-us">About
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="text-ter leading-30 px-20 py-5 dropdown-toggle hover:text-brand"
|
||||
href="# ">Our Services <span
|
||||
class="link-icon inline-flex hide-if-empty right-icon"><i
|
||||
class="lqd-icn-ess icon-ion-ios-arrow-down"></i></span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-content">
|
||||
<!-- Background decorations -->
|
||||
<div class="bg-decoration bg-decoration-1"></div>
|
||||
<div class="bg-decoration bg-decoration-2"></div>
|
||||
|
||||
<div class="services-grid">
|
||||
<!-- Study Destinations -->
|
||||
<div class="service-category">
|
||||
<h3 class="category-title">Study Destinations</h3>
|
||||
<div class="service-items">
|
||||
@foreach ($countries as $country)
|
||||
<a href="{{ route('country.single', $country->slug) }}"
|
||||
class="service-item">
|
||||
<div class="service-icon blue-bg">
|
||||
<i class="fa-solid fa-globe"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<div class="service-name">{{ $country->title }}
|
||||
</div>
|
||||
<div class="service-description">
|
||||
{{ $country->short_description }}</div>
|
||||
</div>
|
||||
<div class="service-border blue-gradient"></div>
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Test Preparation -->
|
||||
<div class="service-category">
|
||||
<h3 class="category-title">Test Preparation</h3>
|
||||
<div class="service-items">
|
||||
@foreach ($tests as $test)
|
||||
<a href="{{ route('test.single', $test->slug) }}"
|
||||
class="service-item">
|
||||
<div class="service-icon indigo-bg">
|
||||
<i class="fa-solid fa-book-open"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<div class="service-name">Prepare
|
||||
{{ $test->title }}</div>
|
||||
<div class="service-description">
|
||||
{{ $test->short_description }}</div>
|
||||
</div>
|
||||
<div class="service-border indigo-gradient"></div>
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Support Services -->
|
||||
<div class="service-category">
|
||||
<h3 class="category-title">Support Services</h3>
|
||||
<div class="service-items">
|
||||
@foreach ($services as $service)
|
||||
<a href="{{ route('service.single', $service->slug) }}"
|
||||
class="service-item">
|
||||
<div class="service-icon cyan-bg">
|
||||
<i class="fa-solid fa-users"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<div class="service-name">{{ $service->title }}
|
||||
</div>
|
||||
<div class="service-description">
|
||||
{{ $service->short_description }}</div>
|
||||
</div>
|
||||
<div class="service-border cyan-gradient"></div>
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a class="text-ter leading-30 px-20 py-5 hover:text-brand" href="/blog">Blog</a>
|
||||
</li>
|
||||
<li><a href="/contact-us"
|
||||
class="text-ter leading-30 px-20 py-5 hover:text-brand">Contact </a></li>
|
||||
|
||||
|
||||
<li>
|
||||
<div
|
||||
class="btn btn-solid cursor-pointer text-14 font-bold rounded-30 leading-30 bg-yellow text-black module-btn-sm px-20 py-5">
|
||||
<span class="btn-txt" id="get-in-touch">Book a Counsellor</span>
|
||||
</div>
|
||||
|
||||
@include('client.raffles.parts.get-in-touch')
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="/course-finder"
|
||||
class="btn btn-solid text-14 font-medium rounded-30 leading-30 bg-yellow text-black module-btn-sm px-20 py-5 hover:text-black"><span
|
||||
class="btn-txt">Course Finder</span>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/resources"
|
||||
class="btn btn-solid text-14 font-medium rounded-30 leading-30 bg-yellow text-black module-btn-sm px-20 py-5 hover:text-black"><span
|
||||
class="btn-txt">Free Resources</span>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="lqd-section lqd-stickybar-wrap lqd-stickybar-right pointer-events-none md:hidden"
|
||||
data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"opacity":0} , "animations":{"opacity":1}}'>
|
||||
<div class="container">
|
||||
<div class="w-full h-full flex flex-col justify-between items-center p-10">
|
||||
<div class="spacer w-full">
|
||||
<div class="spacer-inner"></div>
|
||||
</div>
|
||||
<div class="lqd-scrl-indc flex whitespace-nowrap lqd-scrl-indc-style-dot vertical-lr -rotate-180 animation-element"
|
||||
data-lqd-scroll-indicator="true">
|
||||
<a class="pointer-events-auto text-black" href="#wrap" data-localscroll="true"
|
||||
data-lqd-interactive-color="true"><span class="lqd-scrl-indc-inner flex items-center"><span
|
||||
class="lqd-scrl-indc-txt" id="scroll-indicator-label">scroll</span>
|
||||
<span class="lqd-scrl-indc-line flex-grow-1 relative bg-black-20"><span
|
||||
class="lqd-scrl-indc-el inline-block absolute rounded-4"></span></span></span></a>
|
||||
</div>
|
||||
<div class="pl-20 -rotate-90">
|
||||
<a href="cost-calculator.php"
|
||||
class="btn btn-solid btn-icon-right rounded-full pointer-events-auto text-white bg-primary module-btn-circle"
|
||||
data-lqd-interactive-color="true"><span class="btn-icon rotate-90"><i
|
||||
class="fas fa-calculator text-20"></i></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="lqd-mobile-sec relative">
|
||||
<div class="lqd-mobile-sec-inner navbar-header flex items-stretch w-full bg-white">
|
||||
<div class="lqd-mobile-modules-container empty"></div>
|
||||
<button type="button"
|
||||
class="p-0 navbar-toggle collapsed nav-trigger style-mobile flex relative items-center justify-end border-none bg-transparent"
|
||||
data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#lqd-mobile-sec-nav"
|
||||
aria-expanded="false" data-toggle-options='{ "changeClassnames": {"html": "mobile-nav-activated"} }'>
|
||||
<span class="sr-only">Menu</span>
|
||||
<span class="bars inline-block relative z-1"><span
|
||||
class="bars-inner flex flex-col w-full h-full"><span class="bar inline-block"></span>
|
||||
<span class="bar inline-block"></span>
|
||||
<span class="bar inline-block"></span></span></span>
|
||||
</button>
|
||||
<a class="navbar-brand flex relative py-20 w-100" href="index.php"><span
|
||||
class="navbar-brand-inner -mr-20"><img width="100" src="assets/images/logo/logo.png"
|
||||
alt="raffle logo" /></span></a>
|
||||
</div>
|
||||
<div class="lqd-mobile-sec-nav w-full absolute z-10">
|
||||
<div class="mobile-navbar-collapse navbar-collapse collapse w-full" id="lqd-mobile-sec-nav"
|
||||
aria-expanded="false" role="navigation">
|
||||
<ul id="mobile-primary-nav" class="reset-ul lqd-mobile-main-nav main-nav nav"
|
||||
data-localscroll="true"
|
||||
data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
|
||||
<li><a href="about.php">About </a></li>
|
||||
<li class="accordion " id="accordion-questions" role="tablist" aria-multiselectable="true">
|
||||
<div class="accordion-item panel ">
|
||||
<div class="accordion-heading" role="tab" id="service-menu-1">
|
||||
<h4 class="accordion-title px-25">
|
||||
<a class="collapsed text-17 font-normal " role="button"
|
||||
data-bs-toggle="collapse" data-bs-parent="#menu-dropdown"
|
||||
href="index.php#collapse-service-menu-1" aria-expanded="false"
|
||||
aria-controls="collapse-service-menu-1" href="#">Our Services <span
|
||||
class="link-icon inline-flex hide-if-empty right-icon"><i
|
||||
class="lqd-icn-ess icon-ion-ios-arrow-down"></i></span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse-service-menu-1" class="accordion-collapse collapse menu-dropdown"
|
||||
data-bs-parent="#menu-dropdown" role="tabpanel" aria-labelledby="service-menu-1">
|
||||
<ul>
|
||||
<li><a class="hover:text-brand" href="study-uk.php">Study in UK</a></li>
|
||||
<li><a class="hover:text-brand" href="study-usa.php">Study in USA</a></li>
|
||||
<li><a class="hover:text-brand" class="hover:text-brand"
|
||||
href="study-canada.php">Study in Canada</a></li>
|
||||
<li><a class="hover:text-brand" href="study-denmark.php">Study in Denmark</a>
|
||||
</li>
|
||||
<li><a class="hover:text-brand" href="study-australia.php">Study in Australia</a>
|
||||
</li>
|
||||
<li><a class="hover:text-brand" href="ielts.php">Prepare IELTS</a></li>
|
||||
|
||||
|
||||
<li><a class="hover:text-brand" href="pte.php">Prepare PTE</a></li>
|
||||
<li><a class="hover:text-brand" href="duolingo.php">Prepare Duolingo</a></li>
|
||||
<li><a class="hover:text-brand" href="interview-preparation.php">Interview
|
||||
Preparation</a></li>
|
||||
<li><a class="hover:text-brand" href="visa-assistance.php">Visa Assistance</a>
|
||||
</li>
|
||||
<li><a class="hover:text-brand" href="financial-guidance.php">Financial
|
||||
Guidance</a></li>
|
||||
<li><a class="hover:text-brand" href="travel-assistance.php">Travel
|
||||
Assistance</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="contact-us.php">Contact</a></li>
|
||||
<li><a href="blogs.php">Blog</a></li>
|
||||
<li>
|
||||
<a href="book-counsellor.php">Book a Counsellor</a>
|
||||
</li>
|
||||
<li><a href="course-finder.php">Course Finder</a></li>
|
||||
<li><a href="resources.php">Free Resources</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main class="content" id="lqd-site-content">
|
||||
Reference in New Issue
Block a user