first change
This commit is contained in:
12
resources/views/client/raffles/errors/404.blade.php
Normal file
12
resources/views/client/raffles/errors/404.blade.php
Normal file
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>404</h1>
|
||||
</body>
|
||||
</html>
|
||||
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">
|
||||
314
resources/views/client/raffles/pages/about-template.blade.php
Normal file
314
resources/views/client/raffles/pages/about-template.blade.php
Normal file
@@ -0,0 +1,314 @@
|
||||
@php
|
||||
$services = getServices(limit: 4, order: 'desc');
|
||||
$institutions = getInstitutions(limit: 10, order: 'desc');
|
||||
@endphp
|
||||
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center align-items-end">
|
||||
<div class="col-xl-6 col-lg-7 md-mb-20px"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div
|
||||
class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">
|
||||
Welcome to {{ setting('title') }}</div>
|
||||
<h3 class="fw-700 text-dark-gray ls-minus-1px mb-0 w-90 md-w-100">{{ $page->short_description }}</h3>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-xl-1 last-paragraph-no-margin"
|
||||
data-anime="{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
{!! $page->description !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center mt-4 mb-4 sm-mb-8"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
||||
|
||||
@foreach ($services as $service)
|
||||
<div class="col icon-with-text-style-03">
|
||||
<div class="feature-box p-8 overflow-hidden">
|
||||
<div class="feature-box-icon mb-25px">
|
||||
<img src="{{ $service->icon_image }}" class="h-100px" alt>
|
||||
</div>
|
||||
<div class="feature-box-content last-paragraph-no-margin">
|
||||
<span
|
||||
class="d-block fs-18 fw-600 text-dark-gray mb-5px ls-minus-05px">{{ $service->title }}</span>
|
||||
<p>{{ $service->short_description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@break($loop->index == 3)
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center"
|
||||
data-anime="{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="col-auto text-center">
|
||||
<div class="icon-with-text-style-06">
|
||||
<div class="feature-box feature-box-left-icon-middle">
|
||||
<div class="feature-box-icon me-10px">
|
||||
<i class="bi bi-patch-check icon-very-medium text-base-color"></i>
|
||||
</div>
|
||||
<div class="feature-box-content last-paragraph-no-margin">
|
||||
<div class="text-dark-gray fs-20 ls-minus-05px">We provide <span class="fw-600">quality
|
||||
service</span> that best suites students.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@if ($page->children->isNotEmpty())
|
||||
<section class="pt-0 bg-very-light-gray overflow-hidden">
|
||||
<div class="border-bottom border-top border-color-extra-medium-gray bg-white box-shadow-extra-large">
|
||||
<div class="container tab-style-08 text-center">
|
||||
<ul class="nav nav-tabs border-0 justify-content-center ls-minus-05px fw-500 fs-19 text-dark-gray active-tab-border-bottom"
|
||||
data-anime="{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
@foreach ($page->children as $item)
|
||||
<li class="nav-item">
|
||||
<a data-bs-toggle="tab" href="#tab-{{ $item->slug }}"
|
||||
class="nav-link @if ($loop->first) active @endif">
|
||||
{{ $item->title }}
|
||||
<span class="tab-border bg-dark-gray"></span>
|
||||
</a>
|
||||
</li>
|
||||
@break($loop->index == 3)
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row mt-4">
|
||||
<div class="col-12 tab-style-08">
|
||||
<div class="tab-content">
|
||||
@foreach ($page->children as $item)
|
||||
<div class="tab-pane fade in @if ($loop->first) active show @endif"
|
||||
id="tab-{{ $item->slug }}">
|
||||
<div class="row align-items-center g-lg-0">
|
||||
<div class="col-lg-6 col-md-11 offset-lg-0 offset-md-1 position-relative md-mb-20px"
|
||||
data-anime="{ "effect": "slide", "color": "#FFFFFF", "direction":"lr", "easing": "easeOutQuad", "delay":50}">
|
||||
<figure class="position-relative m-0 text-center">
|
||||
<img src="{{ $item->image }}" alt>
|
||||
<figcaption class="position-absolute bottom-80px left-0px"
|
||||
data-anime="{ "translateY": [-50, 0], "opacity": [0,1], "duration": 800, "delay": 1000, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<img src="{{ asset(setting('other_image')) }}" class="animation-float"
|
||||
alt>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="col-xl-4 offset-lg-1 col-lg-5"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue":200, "easing": "easeOutQuad" }">
|
||||
<span
|
||||
class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">{{ setting('title') }}</span>
|
||||
<h3 class="fw-700 text-dark-gray ls-minus-1px">{{ $item->short_description }}
|
||||
</h3>
|
||||
{!! $item->description !!}
|
||||
|
||||
<a href="{{ $item->button_url }}" target="{{ $item->button_target }}"
|
||||
class="btn btn-large btn-dark-gray btn-hover-animation-switch btn-round-edge btn-box-shadow me-30px sm-me-20px">
|
||||
<span>
|
||||
<span class="btn-text">{{ $item->button_text }}</span>
|
||||
<span class="btn-icon"><i
|
||||
class="feather icon-feather-arrow-right"></i></span>
|
||||
<span class="btn-icon"><i
|
||||
class="feather icon-feather-arrow-right"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@break($loop->index == 3)
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@if ($page->children->count() > 4)
|
||||
@php
|
||||
$fifthPage = $page->children[4];
|
||||
@endphp
|
||||
<section class="overlap-height overflow-hidden">
|
||||
<div class="container overlap-gap-section">
|
||||
<div class="row justify-content-center align-items-end mb-7 sm-mb-9">
|
||||
<div class="col-xl-6 col-lg-7 md-mb-20px"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<h3 class="fw-700 text-dark-gray ls-minus-1px mb-0 w-90 md-w-100">
|
||||
{{ $fifthPage->short_description }}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-xl-1 last-paragraph-no-margin"
|
||||
data-anime="{"el": "lines", "translateY": [30, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
{!! $fifthPage->description !!}
|
||||
</div>
|
||||
</div>
|
||||
@if (!is_null($fifthPage->custom))
|
||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 g-0 justify-content-center"
|
||||
data-anime="{ "el": "childs", "translateX": [-50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
|
||||
@foreach ($fifthPage->custom as $item)
|
||||
<div
|
||||
class="col process-step-style-06 text-center last-paragraph-no-margin hover-box md-mb-50px">
|
||||
<h4 class="d-block text-dark-gray mb-0 fw-700 ls-minus-2px">{{ $item['icon'] ?? '' }}
|
||||
</h4>
|
||||
<div class="process-step-icon-box position-relative mt-25px mb-25px">
|
||||
<span
|
||||
class="progress-step-separator bg-dark-gray w-100 separator-line-1px opacity-1"></span>
|
||||
<div
|
||||
class="step-box d-flex align-items-center justify-content-center bg-light-red-grey border-radius-100 mx-auto w-30px h-30px">
|
||||
<span class="w-8px h-8px bg-base-color border-radius-100"></span>
|
||||
</div>
|
||||
</div>
|
||||
<span
|
||||
class="d-inline-block alt-font fw-600 text-dark-gray fs-18 mb-5px ls-minus-05px">{{ $item['key'] ?? '' }}</span>
|
||||
<p class="w-75 sm-w-85 d-inline-block">{{ $item['value'] ?? '' }}</p>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
|
||||
<section class="bg-gradient-very-light-gray">
|
||||
<div class="container-fluid overlap-section">
|
||||
<div class="row position-relative mb-4 md-mb-5">
|
||||
<div class="col swiper swiper-width-auto text-center pb-30px md-pb-20px feather-shadow"
|
||||
data-slider-options="{ "slidesPerView": "auto", "spaceBetween":50, "speed": 10000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper marquee-slide">
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-150 lg-fs-130 md-fs-110 sm-fs-90 text-dark-gray fw-600 ls-minus-5px">RAFFLES
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div
|
||||
class="fs-150 lg-fs-130 md-fs-110 sm-fs-90 fw-600 text-outline text-outline-color-extra-medium-gray ls-minus-5px">
|
||||
EDUCARE</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-150 lg-fs-130 md-fs-110 sm-fs-90 text-dark-gray fw-600 ls-minus-5px">
|
||||
ASSOCIATES
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
@if ($page->children->count() > 5)
|
||||
@php
|
||||
$sixthPage = $page->children[5];
|
||||
@endphp
|
||||
<div class="row justify-content-center align-items-end mb-6">
|
||||
<div class="col-xl-6 col-lg-7 md-mb-20px text-center text-lg-start"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<h3 class="fw-700 text-dark-gray ls-minus-1px mb-0 w-90 md-w-100">
|
||||
{{ $sixthPage->short_description }}</h3>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-xl-1 last-paragraph-no-margin text-center text-lg-start"
|
||||
data-anime="{"el": "lines", "translateX": [30, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
{!! $sixthPage->description !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center mb-7 md-mb-10 sm-mb-15"
|
||||
data-anime="{"el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 800, "delay": 200, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div class="col md-mb-30px">
|
||||
<div
|
||||
class="position-relative bg-white overflow-hidden h-100 p-50px lg-p-30px box-shadow-quadruple-large border-radius-6px">
|
||||
<span
|
||||
class="d-block text-dark-gray fw-600 fs-22 mb-25px position-relative z-index-1 ls-minus-1px w-90 xl-w-100">Build
|
||||
a greatest career with Raffles</span>
|
||||
<a href="contact.php"
|
||||
class="btn btn-medium btn-dark-gray btn-hover-animation-switch btn-round-edge btn-box-shadow">
|
||||
<span>
|
||||
<span class="btn-text">Join with us</span>
|
||||
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
|
||||
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
<div
|
||||
class="position-absolute bottom-minus-10px right-minus-40px fs-300 lh-100 fw-900 text-dark-gray opacity-1 z-index-0">
|
||||
<</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col md-mb-30px">
|
||||
<div
|
||||
class="position-relative bg-yellow overflow-hidden h-100 p-50px lg-p-30px box-shadow-quadruple-large border-radius-6px">
|
||||
<span
|
||||
class="d-block text-dark-gray fw-600 fs-22 mb-25px position-relative z-index-1 ls-minus-1px w-90 xl-w-100">Ready
|
||||
to work together for better solutions.</span>
|
||||
<a href="contact.php"
|
||||
class="btn btn-medium btn-dark-gray btn-hover-animation-switch btn-round-edge btn-box-shadow">
|
||||
<span>
|
||||
<span class="btn-text">View our job</span>
|
||||
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
|
||||
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
<div
|
||||
class="position-absolute bottom-minus-10px right-minus-40px fs-300 lh-100 fw-900 text-dark-gray opacity-1 z-index-0 animation-zoom">
|
||||
<</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div
|
||||
class="position-relative bg-white overflow-hidden h-100 p-50px lg-p-30px box-shadow-quadruple-large border-radius-6px">
|
||||
<span
|
||||
class="d-block text-dark-gray fw-600 fs-22 mb-25px position-relative z-index-1 ls-minus-1px w-90 xl-w-100">Best
|
||||
consultants for you</span>
|
||||
<a href="contact.php"
|
||||
class="btn btn-medium btn-dark-gray btn-hover-animation-switch btn-round-edge btn-box-shadow">
|
||||
<span>
|
||||
<span class="btn-text">Contact now</span>
|
||||
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
|
||||
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
<div
|
||||
class="position-absolute bottom-minus-10px right-minus-40px fs-300 lh-100 fw-900 text-dark-gray opacity-1 z-index-0">
|
||||
<</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if ($institutions)
|
||||
<div class="row position-relative clients-style-08 mb-9 md-mb-19 sm-mb-3">
|
||||
<div class="col swiper text-center feather-shadow"
|
||||
data-slider-options="{ "slidesPerView": 2, "spaceBetween":0, "speed": 4000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 4 }, "992": { "slidesPerView": 3 }, "768": { "slidesPerView": 3 } }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper marquee-slide">
|
||||
|
||||
@foreach ($institutions as $institution)
|
||||
<div class="swiper-slide">
|
||||
<a href="javascript:void(0)"><img src="{{ $institution->image }}"
|
||||
class="institution-logo" alt="{{ $institution->title }}" /></a>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
286
resources/views/client/raffles/pages/about-us-template.blade.php
Normal file
286
resources/views/client/raffles/pages/about-us-template.blade.php
Normal file
@@ -0,0 +1,286 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<section class="about scroll-section" id="about-page">
|
||||
<div class="about-page-banner">
|
||||
<img src="{{ asset($page->banner) }}" alt="">
|
||||
</div>
|
||||
<section class=" section lqd-section analysis bg-transparent transition-all about-page" id="analysis">
|
||||
<div class="container">
|
||||
<div class="w-80percent mx-auto">
|
||||
<h2 class="md:text-30 text-60 text-sec text-center">{{ $page->title }}</h2>
|
||||
<div class="title-line mx-auto"></div>
|
||||
<p class="md:text-14 text-20 text-center leading-10">{{ $page->short_description }}</p>
|
||||
</div>
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$firstPage = $page->children[0];
|
||||
@endphp
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<div class="module-content px-10percent">
|
||||
<div class="container p-0">
|
||||
<div class="ceo-container">
|
||||
<div class="design-element"></div>
|
||||
<div class="content-wrapper">
|
||||
<div class="image-section">
|
||||
<div class="image-frame">
|
||||
<img src="{{ asset($firstPage->image) }}" alt="CEO portrait"
|
||||
class="ceo-image">
|
||||
</div>
|
||||
<span class="name-badge">Dinesh Dhakal</span>
|
||||
</div>
|
||||
<div class="message-section">
|
||||
<div class="accent-line"></div>
|
||||
<div class="quote-mark">"</div>
|
||||
<h3 class="title">{{ $firstPage->short_description }}</h3>
|
||||
<h2 class="heading">{{ $firstPage->title }}</h2>
|
||||
<p class="message">
|
||||
{!! $firstPage->description !!}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</section>
|
||||
|
||||
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$secondPage = $page->children[1];
|
||||
@endphp
|
||||
<section class="section pt-30">
|
||||
<div class="container">
|
||||
<div class="flex flex-col gap-5 justify-center items-center text-center">
|
||||
<h2 class="text-42 md:text-30 text-black">Empowering Students to Succeed Beyond Borders</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- first row -->
|
||||
<section class="lqd-section text-box-image pt-30">
|
||||
<div class="container">
|
||||
<div class="row items-center">
|
||||
<div class="col col-12 col-md-6">
|
||||
<div class="flex flex-wrap mr-120 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 text-30 font-bold w-full"
|
||||
data-inview="true" data-transition-delay="true"
|
||||
data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'>
|
||||
<span>
|
||||
{{ $secondPage->title }}
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="mb-20 ld-fancy-heading relative">
|
||||
<p class="leading-25 ld-fh-element inline-block relative mb-0/5em text-justify">
|
||||
{{ $secondPage->short_description }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-12 col-md-6 p-0">
|
||||
<div class="module-section flex items-center justify-end transition-all p-20 lg:p-0 ">
|
||||
<div class="flex items-center justify-end bg-center bg-no-repeat bg-contain">
|
||||
<div class="lqd-imggrp-single block relative " data-float="ease-in-out">
|
||||
<div class="lqd-imggrp-img-container inline-flex relative items-center justify-end">
|
||||
<figure class=" relative">
|
||||
<img width="450" height="450" src="{{ asset($secondPage->image) }}"
|
||||
alt="text box image" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
<!-- second row -->
|
||||
|
||||
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$thirdPage = $page->children[2];
|
||||
@endphp
|
||||
<!-- second row -->
|
||||
<section class="lqd-section text-box-image pt-10">
|
||||
<div class="container">
|
||||
<div class="row items-center">
|
||||
<div class="col col-12 col-md-6 p-0 order-first sm:order-last ">
|
||||
<div class="module-section flex items-center justify-start transition-all mr-120 lg:m-0 ">
|
||||
<div class="flex items-center justify-start bg-center bg-no-repeat bg-contain">
|
||||
<div class="lqd-imggrp-single block relative " data-float="ease-in-out">
|
||||
<div
|
||||
class="lqd-imggrp-img-container inline-flex relative items-center justify-start">
|
||||
<figure class=" relative">
|
||||
<img width="450" height="450" src="{{ asset($thirdPage->image) }}"
|
||||
alt="text box image" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12 col-md-6 order-last sm:order-first">
|
||||
<div class="flex flex-wrap 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 text-30 font-bold w-full"
|
||||
data-inview="true" data-transition-delay="true"
|
||||
data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'>
|
||||
<span>
|
||||
{{ $thirdPage->title }}
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="mb-20 ld-fancy-heading relative">
|
||||
<p class="leading-25 ld-fh-element inline-block relative mb-0/5em text-justify">
|
||||
{{ $thirdPage->short_description }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$fourthPage = $page->children[3];
|
||||
@endphp
|
||||
<section class="lqd-section text-box-image pt-10 ">
|
||||
<div class="container">
|
||||
<div class="row items-center">
|
||||
<div class="col col-12 col-md-6">
|
||||
<div class="flex flex-wrap mr-120 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 text-30 font-bold w-full"
|
||||
data-inview="true" data-transition-delay="true"
|
||||
data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'>
|
||||
<span>
|
||||
{{ $fourthPage->title }}
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="mb-20 ld-fancy-heading relative">
|
||||
<p class="leading-25 ld-fh-element inline-block relative mb-0/5em text-justify">
|
||||
{{ $fourthPage->short_description }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col col-12 col-md-6 p-0">
|
||||
<div class="module-section flex items-center justify-start transition-all p-20 lg:p-0">
|
||||
<div class="flex items-center justify-start ">
|
||||
<div class="lqd-imggrp-single block relative " data-float="ease-in-out">
|
||||
<div
|
||||
class="lqd-imggrp-img-container inline-flex relative items-center justify-start">
|
||||
<figure class=" relative">
|
||||
<img width="450" height="450" src="{{ asset($fourthPage->image) }}"
|
||||
alt="text box image" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section-break"></div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
|
||||
<!-- teachers slider -->
|
||||
<section class="section pt-30">
|
||||
<div class="flex flex-col gap-5 justify-center items-center text-center">
|
||||
<h2 class="text-42 md:text-30 text-black">Team</h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container">
|
||||
<div class="swiper mySwiper-team">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($teams as $team)
|
||||
<div class="swiper-slide ">
|
||||
<div class="image">
|
||||
<img src="{{ $team->image }}" alt="">
|
||||
<div class="text bg-sec ">
|
||||
<h3 class="text-14 m-0 text-white text-center">{{ $team->title }}</h3>
|
||||
<p class="text-12 text-white text-center m-0 p-0">{{ $team->designation }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
<div class="section-break"></div>
|
||||
</section>
|
||||
|
||||
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$fifthPage = $page->children[4];
|
||||
@endphp
|
||||
<div class="container section">
|
||||
<section class="section">
|
||||
<div class="flex flex-col gap-5 justify-center items-center text-center">
|
||||
<h2 class="text-42 md:text-30 text-sec">{{ $fifthPage->title }}</h2>
|
||||
</div>
|
||||
</section>
|
||||
<div class="row section">
|
||||
@foreach ($fifthPage->custom as $child)
|
||||
<div class="col col-md-4">
|
||||
<div class="flex flex-col gap-10 ceo-container px-20 py-20">
|
||||
<h3 class="text-brand text-26 md:text-18 font-bold leading-30">{{ $child['icon'] ?? '' }}
|
||||
</h3>
|
||||
<p class="text-black text-14 text-center">{{ $child['key'] ?? '' }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="section-break"></div>
|
||||
</div>
|
||||
@endif
|
||||
<!-- blog -->
|
||||
<section class="section pb-30">
|
||||
<div class="container">
|
||||
<div class="flex flex-col gap-5 justify-center items-center text-center">
|
||||
<h2 class="text-42 md:text-30 text-sec">Blogs</h2>
|
||||
</div>
|
||||
<div class="row pb-20">
|
||||
@foreach ($blogs as $blog)
|
||||
<div class="col col-sm-6 col-xxl-4">
|
||||
<a href="blog-detail.php" class="flex flex-col gap-20 p-5 blog-post">
|
||||
<div class="w-100percent h-210 overflow-hidden rounded-16 relative">
|
||||
<img class="w-full h-full object-cover rounded-16" src="{{ asset($blog->image) }}"
|
||||
alt="">
|
||||
<span class=" text-sec rounded-30 text-10 py-5 px-10 reading-time">20 min read</span>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="text-20 text-ter pt-10">{{ $blog->title }}</h2>
|
||||
</div>
|
||||
<div class="flex flex-col gap-20">
|
||||
<p class="text-16 text-black">{{ $blog->short_description }}</p>
|
||||
<p class="text-14">{{ $blog->created_at }}</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
@endsection
|
||||
@@ -0,0 +1,54 @@
|
||||
@php
|
||||
$achievementGalleries = getGalleriesByCategory(limit: null, order: 'asc', category: 'achievement');
|
||||
$institutions = getInstitutions(limit: null, order: 'asc');
|
||||
@endphp
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
|
||||
@isset($institutions)
|
||||
<section class="ps-12 pe-12 xl-ps-10 xl-pe-10 lg-ps-3 lg-pe-3 half-section" id="down-section">
|
||||
<div class="container-fluid">
|
||||
<div class="row row-cols-1 row-cols-md-4 row-cols-sm-2 clients-style-06"
|
||||
data-anime='{ "el": "childs", "scale": [0,1], "opacity": [0,1], "duration": 300, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }'>
|
||||
@foreach ($institutions as $institution)
|
||||
<div class="col client-box text-center pt-6 pb-6 sm-pt-8 sm-pb-8">
|
||||
<a href="javascript:void(0)"><img src="{{ $institution->image }}" class="h-80px md-h-60px sm-h-80px"
|
||||
alt="{{ $institution->title }}"></a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
|
||||
@if ($achievementGalleries->galleries->isNotEmpty())
|
||||
<section id="down-section bg-solitude-blue">
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center mb-2">
|
||||
<div class="col-xxl-4 col-xl-5 col-lg-6 col-sm-8 text-center"
|
||||
data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
|
||||
<span
|
||||
class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">{{ setting('title') }}</span>
|
||||
<h3 class="alt-font text-dark-gray fw-600 ls-minus-1px mb-0">{{ $page->short_description }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center" data-anime='{ " perspective": 1200 }'>
|
||||
@foreach ($achievementGalleries->galleries as $achievement)
|
||||
<div class="col-lg-6 md-mb-40px"
|
||||
data-anime='{ "translateY": [0, 0], "zoom": [1.1, 1], "rotateX": [50, 0], "opacity": [0,1], "duration": 800, "delay": 200, "staggervalue": 300, "easing": "easeOutQuad" }'>
|
||||
<figure class="position-relative m-0">
|
||||
<img src="{{ $achievement->images[0] }}" alt="" class="w-100 border-radius-5px">
|
||||
</figure>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,85 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<section class="career">
|
||||
|
||||
<div class="container-fluid">
|
||||
<section class="section ">
|
||||
<div class="blog-hero">
|
||||
<img src="{{ $page->banner }}" alt="Students studying abroad">
|
||||
<div class="blog-hero-overlay">
|
||||
<span class="blog-category">Study Abroad</span>
|
||||
<h1 class="blog-title text-white">{{ $page->title }}
|
||||
</h1>
|
||||
<div class="blog-meta">
|
||||
<span>{{ $page->created_by }}</span>
|
||||
<span class="blog-meta-divider">|</span>
|
||||
<span>{{ $page->created_at }}</span>
|
||||
<span class="blog-meta-divider">|</span>
|
||||
<span>12 min read</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-md-8">
|
||||
<div class="blog-detail-box">
|
||||
{!! $page->description !!}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col col-md-4">
|
||||
<div class="blog-detail-box">
|
||||
<!-- Popular Posts Widget -->
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="widget-title">Popular Posts</h3>
|
||||
<ul class="popular-posts-list">
|
||||
@foreach ($blogs->take(3) as $value)
|
||||
<li>
|
||||
<a href="{{ route('blog.single', $value->slug) }}"
|
||||
class="popular-post-item">
|
||||
<div class="popular-post-image">
|
||||
<img src="{{ asset($value->image) }}" alt="Scholarship post">
|
||||
</div>
|
||||
<div>
|
||||
<div class="popular-post-title">{{ $value->short_description }}
|
||||
</div>
|
||||
<div class="popular-post-date">{{ $value->created_at }}</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget cta-widget">
|
||||
<h3 class="cta-title">Need Personalized Guidance?</h3>
|
||||
<p class="cta-text">Our education consultants are here to help you find the perfect
|
||||
university match.</p>
|
||||
<a href="/contact-us" class="cta-button">Book a Free Consultation</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
@endsection
|
||||
219
resources/views/client/raffles/pages/blog-template.blade.php
Normal file
219
resources/views/client/raffles/pages/blog-template.blade.php
Normal file
@@ -0,0 +1,219 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<div class="about-banner">
|
||||
</div>
|
||||
|
||||
<div class=" container py-40 px-30 blog">
|
||||
<div class="w-80percent mx-auto">
|
||||
<h2 class="md:text-30 text-60 text-sec text-center">{{ $page->title }}</h2>
|
||||
<div class="title-line mx-auto"></div>
|
||||
</div>
|
||||
|
||||
<div class="row ">
|
||||
<aside class="col col-md-3">
|
||||
<h2 class="text-20 pt-30 text-center text-sec">Filter and search for your preference</h2>
|
||||
<div class="blog-filter">
|
||||
|
||||
|
||||
<form class=" py-20 justify-center" action="">
|
||||
<div class="flex flex-wrap items-center gap-10 pb-30 sm:block xl:hidden">
|
||||
<input class=" w-70percent px-10 py-5 rounded-10 text-12 " type="text" name=""
|
||||
id="" placeholder="Search or choose from category">
|
||||
<button class="bg-transpa rent border-0 px-10 py-5 bg-blue-50"><i
|
||||
class="lqd-icn-ess icon-ld-search-2 text-14 font-bold pt-10"></i></button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-col gap-30">
|
||||
<div>
|
||||
<h4 class="text-24 text-black">Category</h4>
|
||||
<div class="blog-line"></div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
||||
|
||||
<h5 class="text-20 text-sec font-medium">Country:</h5>
|
||||
<div class="flex flex-wrap gap-20">
|
||||
|
||||
<div class="flex gap-5 items-center w-40percent">
|
||||
<input type="checkbox" name="" id="uk">
|
||||
|
||||
<label class="text-16 " for="uk">UK</label>
|
||||
</div>
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="usa">
|
||||
|
||||
<label class="text-16 " for="usa">USA</label>
|
||||
</div>
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="denmark">
|
||||
|
||||
<label class="text-16 " for="denmark">Denmark</label>
|
||||
</div>
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="canada">
|
||||
|
||||
<label class="text-16 " for="canada">Canada</label>
|
||||
</div>
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="australia">
|
||||
|
||||
<label class="text-16 " for="australia">Australia</label>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
|
||||
|
||||
<h5 class="text-20 text-sec py-10 font-medium">Language Test:</h5>
|
||||
<div class="flex flex-wrap gap-20">
|
||||
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="ielts">
|
||||
|
||||
<label class="text-16 " for="ielts">IELTS</label>
|
||||
</div>
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="pte">
|
||||
|
||||
<label class="text-16 " for="pte">PTE</label>
|
||||
</div>
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="duolingo">
|
||||
|
||||
<label class="text-16 " for="duolingo">Duolingo</label>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
|
||||
|
||||
<h5 class="text-20 text-sec font-medium">Other:</h5>
|
||||
<div class="flex flex-col justify-start gap-20">
|
||||
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="cost">
|
||||
|
||||
<label class="text-16 " for="cost">Cost</label>
|
||||
</div>
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="process">
|
||||
|
||||
<label class="text-16 " for="process">Process</label>
|
||||
</div>
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="ticketing">
|
||||
|
||||
<label class="text-16 " for="ticketing">Ticketing</label>
|
||||
</div>
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="accomodation">
|
||||
|
||||
<label class="text-16 " for="accomodation">Accomodation</label>
|
||||
</div>
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="universities">
|
||||
|
||||
<label class="text-16 " for="universities">Universities</label>
|
||||
</div>
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="fees">
|
||||
|
||||
<label class="text-16 " for="fees">Fees</label>
|
||||
</div>
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="scholarships">
|
||||
|
||||
<label class="text-16 " for="scholarships">Scholarships</label>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<button
|
||||
class="button-hover px-20 py-10 bg-sec text-white rounded-30 text-14 border-0">Submit</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</aside>
|
||||
<div class="col col-md-9">
|
||||
<div class="flex gap-10 items-center pt-30 px-20 scroll-section" id="pinned-posts">
|
||||
<i class="fa-solid fa-map-pin text-sec text-18"></i>
|
||||
<h2 class="text-sec text-20 m-0">Pinned Posts</h2>
|
||||
|
||||
</div>
|
||||
<div class="line-through pl-20 pt-10"></div>
|
||||
<div class="row pb-10">
|
||||
@foreach ($blogs as $blog)
|
||||
<div class="col col-sm-6 col-xxl-4">
|
||||
<a href="{{ route('blog.single', $blog->slug) }}" class="flex flex-col gap-20 p-5 blog-post">
|
||||
<div class="w-100percent h-210 overflow-hidden rounded-16 relative">
|
||||
<img class="w-full h-full object-cover rounded-16" src="{{ asset($blog->image) }}"
|
||||
alt="">
|
||||
<span
|
||||
class=" text-sec rounded-30 text-10 py-5 px-10 reading-time">{{ $blog->created_at }}</span>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
<h2 class="text-20 text-ter pt-10">{{ $blog->title }}</h2>
|
||||
</div>
|
||||
<div class="flex flex-col gap-20">
|
||||
<p class="text-16 text-black">{{ $blog->short_description }}</p>
|
||||
<p class="text-14">{{ $blog->created_at }}</p>
|
||||
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</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">1</p>
|
||||
</div>
|
||||
{{-- <div class="blog-pagination cursor-pointer">
|
||||
<p class="py-5 bg-sec px-20 text-20 rounded-10 text-white">2</p>
|
||||
</div>
|
||||
<div class="blog-pagination cursor-pointer">
|
||||
<p class="py-5 bg-sec px-20 text-20 rounded-10 text-white">3</p>
|
||||
</div>
|
||||
<div class="blog-pagination cursor-pointer">
|
||||
<p class="py-5 bg-sec px-20 text-20 rounded-10 text-white">Next</p>
|
||||
</div> --}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,72 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<section class="career">
|
||||
<div class="study-destinations-banner">
|
||||
<img src="{{ $page->banner }}" alt="">
|
||||
</div>
|
||||
|
||||
<section class="lqd-section pt-40 pb-30">
|
||||
<div class="container">
|
||||
<div class="w-80percent mx-auto">
|
||||
<h2 class="md:text-30 text-60 text-sec text-center">Our Details</h2>
|
||||
<div class="title-line mx-auto"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col col-md-4">
|
||||
<div class="flex flex-col gap-30 justify-center items-center contact-box">
|
||||
<i class="fa-solid fa-mobile-screen-button text-sec text-50"></i>
|
||||
<h4 class="text-24 text-sec">Call Us</h4>
|
||||
<div class="flex flex-col gap-5">
|
||||
<a class="text-16 text-grey" href="tel:+977-1234567890">{{ setting('mobile') }}</a>
|
||||
<a class="text-16 text-grey" href="tel:+977-1234567890">{{ setting('phone') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-4">
|
||||
<div class="flex flex-col gap-30 justify-center items-center contact-box">
|
||||
<i class="fa-solid fa-envelope text-brand text-50"></i>
|
||||
<h4 class="text-24 text-sec">Drop Us a Line</h4>
|
||||
<div class="flex flex-col gap-5">
|
||||
<a class="text-16 text-grey" href="mailto:info@raffles.com">{{ setting('email') }}</a>
|
||||
<a class="text-16 text-sec" href="https://www.raffleseducare.com/"
|
||||
target="blank">raffleseducare.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-4">
|
||||
<div class="flex flex-col gap-30 justify-center items-center contact-box">
|
||||
<i class="fa-solid fa-location-dot text-50"></i>
|
||||
<h4 class="text-24 text-sec">Visit Us</h4>
|
||||
<div class="flex flex-col gap-5">
|
||||
<h4 class="text-16 text-grey font-medium">{{ setting('location') }}</h4>
|
||||
<h4 class="text-16 text-grey font-medium">Way to putalisadak</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="lqd-section pt-40 pb-40">
|
||||
<div class="container">
|
||||
<h3 class="text-black text-36 md:text-24 text-center pb-10">Fill In The Form</h3>
|
||||
<div class="contact-form">
|
||||
<form action="{{ route('enquiry.store') }}" method="post" id="contact-form">
|
||||
@csrf
|
||||
<div class="flex gap-10">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="name"
|
||||
id="name" placeholder=" Name">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name="email"
|
||||
id="email" placeholder="Email">
|
||||
</div>
|
||||
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="subject"
|
||||
id="subject" placeholder="Subject">
|
||||
<textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10" name="message" id="message" placeholder="Message"></textarea>
|
||||
<button type="submit" id="submit-btn"
|
||||
class="button-hover px-20 py-10 bg-sec text-white text-16 border-0">Send
|
||||
Message</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,320 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<div class="about-banner">
|
||||
</div>
|
||||
|
||||
<div class="container section course-finder">
|
||||
<div class="w-80percent mx-auto">
|
||||
<h2 class="md:text-30 text-60 text-sec text-center">Course-Finder</h2>
|
||||
<div class="title-line mx-auto"></div>
|
||||
|
||||
<p class="md:text-14 text-20 text-center leading-10">With so many courses and universities to choose from,
|
||||
deciding where and what to study abroad can be a daunting task. Don't worry, we are here to guide you during
|
||||
the entire process.</p>
|
||||
</div>
|
||||
<form id="filterForm" method="GET">
|
||||
<div class="row">
|
||||
<div class=" col col-md-9 ">
|
||||
<div class=" course-finder-top">
|
||||
<h2 class="text-black text-center text-24 py-10">Browse Subjects</h2>
|
||||
<input class="w-full px-10 py-10" type="text" name="" id=""
|
||||
value="{{ request('search') }}" placeholder="Search Your Favourite Subjects" autocomplete="off">
|
||||
<button type="submit" class="bg-transparent border-0"><i
|
||||
class="lqd-icn-ess icon-ld-search-2 text-24 font-bold"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="py-20 ">
|
||||
<div class="row">
|
||||
<div class="col col-md-9">
|
||||
<div class="course-finder-form">
|
||||
<h2 class="text-22 text-center text-sec font-bold">Browse Through Category</h2>
|
||||
<div class="row">
|
||||
<div class="col col-sm-6 col-md-4">
|
||||
<select class="w-full py-10 px-5 text-14" name="country_id"
|
||||
value="{{ request('country_id') }}">
|
||||
<option value="" selected hidden>Choose Country</option>
|
||||
@foreach ($countryOptions as $key => $value)
|
||||
<option value="{{ $key }}" @selected(request('country_id') == $key)>
|
||||
{{ $value }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col col-sm-6 col-md-4">
|
||||
<select class=" w-full py-10 px-5 text-14" name="" id="institutionDropdown"
|
||||
name="institution_id">
|
||||
<option value="" selected>Choose Institution</option>
|
||||
@foreach ($institutionOptions as $key => $Institution)
|
||||
<option value="{{ $key }}" @selected(request('institution_id') == $key)>
|
||||
{{ $Institution }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col col-sm-6 col-md-4">
|
||||
<select class=" w-full py-10 px-5 text-14" name="programlevel_id"
|
||||
value="{{ request('institution_id') }}">
|
||||
<option value="" selected hidden>Choose Level</option>
|
||||
@foreach ($programLevelOptions as $key => $Level)
|
||||
<option value="{{ $key }}" @selected(request('programlevel_id') == $key)>
|
||||
{{ $Level }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col col-sm-6 col-md-4">
|
||||
<select class=" w-full py-10 px-5 text-14" name="intake_id"
|
||||
value="{{ request('intake_id') }}">
|
||||
<option value="" selected hidden>Choose Intake</option>
|
||||
@foreach ($intakeOptions as $key => $Intake)
|
||||
<option value="{{ $key }}" @selected(request('intake_id') == $key)>
|
||||
{{ $Intake }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col col-sm-6 col-md-4">
|
||||
<select class=" w-full py-10 px-5 text-14" name="test_id"
|
||||
value="{{ request('test_id') }}">
|
||||
<option value="" selected hidden>Choose Class</option>
|
||||
@foreach ($testOptions as $key => $Test)
|
||||
<option value="{{ $key }}" @selected(request('test_id') == $key)>
|
||||
{{ $Test }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col col-sm-6 col-md-4">
|
||||
<div class="flex gap-10 items-center flex-wrp">
|
||||
<input class="text-14 px-5 py-10 w-50percent" type="text" name="min_score"
|
||||
placeholder="Min score" value="{{ request('min_score') }}">
|
||||
<input class="text-14 px-5 py-10 w-50percent" type="text" placeholder="Max Score"
|
||||
value="{{ request('max_score') }}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-sm-12">
|
||||
<div class="flex gap-20 justify-center items-center">
|
||||
<button type="submit"
|
||||
class="text-14 px-20 py-10 rounded-10 bg-sec text-white border-0">Submit</button>
|
||||
<a href="javascript:void(0)" onclick="resetForm()"><button
|
||||
class="text-14 px-20 py-10 rounded-10 bg-brand text-white border-0">Reset</button></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<div class="py-20">
|
||||
{{-- <div class="course-finder-box">
|
||||
<div class="row">
|
||||
<div class="col col-md-2">
|
||||
<div class="sm:w-50percent w-full h-70">
|
||||
<img class="w-full h-full" src="assets/images/general/university.jpg" alt="">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="col col-md-7">
|
||||
<div class="flex flex-col gap-5">
|
||||
<h3 class="text-20 font-medium">(STEM) Bachelor of Architecture (BArch)</h3>
|
||||
<h5 class="text-16 font-lighter">Marywood University <span class="text-brand">(USA)</span></h5>
|
||||
<div class="flex gap-10 items-center">
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Code:</span>
|
||||
BArch</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Fee:</span>
|
||||
$41,3700 per year</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Schlorship:</span> Upto
|
||||
$23,000</h6>
|
||||
</div>
|
||||
<div class="flex gap-10 items-center">
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Level:</span>
|
||||
Bachelor</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Duration:</span> N/A
|
||||
</h6>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col col-md-3">
|
||||
<div class="flex flex-col gap-10 ">
|
||||
<h6 class="text-black text-16 font-medium"><span class="font-bold">IELTS:</span>
|
||||
5.5(5.5)</h6>
|
||||
<h6 class="text-gray text-16 font-medium"><span class="font-bold">PTE:</span>
|
||||
48(48)</h6>
|
||||
<h6 class="text-gray text-16 font-medium"><span class="font-bold">Duolingo:</span>
|
||||
90 Overall</h6>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<div class="flex items-center gap-10">
|
||||
<h6 class="text-16">Intake:</h6>
|
||||
<h6 class="bg-sec text-14 text-white px-5 py-5 rounded-10 font-bold">January
|
||||
</h6>
|
||||
<h6 class="bg-sec text-14 text-white px-5 py-5 rounded-10 font-bold">January
|
||||
</h6>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="course-finder-box">
|
||||
<div class="row">
|
||||
<div class="col col-md-2">
|
||||
<div class="sm:w-50percent w-full h-70">
|
||||
<img class="w-full h-full" src="assets/images/general/university.jpg" alt="">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="col col-md-7">
|
||||
<div class="flex flex-col gap-5">
|
||||
<h3 class="text-20 font-medium">(STEM) Bachelor of Architecture (BArch)</h3>
|
||||
<h5 class="text-16 font-lighter">Marywood University <span class="text-brand">(USA)</span>
|
||||
</h5>
|
||||
<div class="flex gap-10 items-center">
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Code:</span>
|
||||
BArch</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Fee:</span>
|
||||
$41,3700 per year</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Schlorship:</span> Upto
|
||||
$23,000</h6>
|
||||
</div>
|
||||
<div class="flex gap-10 items-center">
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Level:</span> Bachelor
|
||||
</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Duration:</span> N/A
|
||||
</h6>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3">
|
||||
<div class="flex flex-col gap-10 ">
|
||||
<h6 class="text-black text-16 font-medium"><span class="font-bold">IELTS:</span>
|
||||
5.5(5.5)</h6>
|
||||
<h6 class="text-gray text-16 font-medium"><span class="font-bold">PTE:</span>
|
||||
48(48)</h6>
|
||||
<h6 class="text-gray text-16 font-medium"><span class="font-bold">Duolingo:</span>
|
||||
90 Overall</h6>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<div class="flex items-center gap-10">
|
||||
<h6 class="text-16">Intake:</h6>
|
||||
<h6 class="bg-sec text-14 text-white px-5 py-5 rounded-10 font-bold">January
|
||||
</h6>
|
||||
<h6 class="bg-sec text-14 text-white px-5 py-5 rounded-10 font-bold">January
|
||||
</h6>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course-finder-box">
|
||||
<div class="row">
|
||||
<div class="col col-md-2">
|
||||
<div class="sm:w-50percent w-full h-70">
|
||||
<img class="w-full h-full" src="assets/images/general/university.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-7">
|
||||
<div class="flex flex-col gap-5">
|
||||
<h3 class="text-20 font-medium">(STEM) Bachelor of Architecture (BArch)</h3>
|
||||
<h5 class="text-16 font-lighter">Marywood University <span class="text-brand">(USA)</span>
|
||||
</h5>
|
||||
<div class="flex gap-10 items-center">
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Code:</span>
|
||||
BArch</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Fee:</span>
|
||||
$41,3700 per year</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Schlorship:</span> Upto
|
||||
$23,000</h6>
|
||||
</div>
|
||||
<div class="flex gap-10 items-center">
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Level:</span> Bachelor
|
||||
</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Duration:</span> N/A
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3">
|
||||
<div class="flex flex-col gap-10 ">
|
||||
<h6 class="text-black text-16 font-medium"><span class="font-bold">IELTS:</span>
|
||||
5.5(5.5)</h6>
|
||||
<h6 class="text-gray text-16 font-medium"><span class="font-bold">PTE:</span>
|
||||
48(48)</h6>
|
||||
<h6 class="text-gray text-16 font-medium"><span class="font-bold">Duolingo:</span>
|
||||
90 Overall</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<div class="flex items-center gap-10">
|
||||
<h6 class="text-16">Intake:</h6>
|
||||
<h6 class="bg-sec text-14 text-white px-5 py-5 rounded-10 font-bold">January
|
||||
</h6>
|
||||
<h6 class="bg-sec text-14 text-white px-5 py-5 rounded-10 font-bold">January
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
<div class="text-center">
|
||||
<p class="text-danger">No Course Found !!!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3">
|
||||
<div class=" sticky top-60 " data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".btn, h2", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
<div
|
||||
class="module-title flex flex-col h-full relative bg-size bg-no-repeat bg-center-right transition-all pt-30 pb-30 px-20 sm:mr-0 rounded-10">
|
||||
|
||||
<div class="d-flex justify-center pb-10">
|
||||
<h2 class="ld-fh-element mb-0/2em inline-block relative leading-45 -mt-0/2em text-sec text-20">
|
||||
Get Your Free Counselling!
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<form action="">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10 bg-light-blue border-light-grey" type="text"
|
||||
name="" id="" placeholder="Full Name">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10 bg-light-blue border-light-grey" type="text"
|
||||
name="" id="" placeholder="Phone">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10 bg-light-blue border-light-grey" type="email"
|
||||
name="" id="" placeholder="Email">
|
||||
<textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10 bg-light-blue border-light-grey" name=""
|
||||
id="" placeholder="Message"></textarea>
|
||||
<button class="px-20 py-10 bg-sec text-white rounded-30 text-14 border-0 button-hover">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- next row for b -->
|
||||
<!-- form starts -->
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,108 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
|
||||
|
||||
<!-- 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="{ "translateY": [-50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<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="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="bg-dark-gray border-radius-6px ps-35px pb-25px pt-25px lg-ps-25px mb-25px">
|
||||
<div class="feature-box feature-box-left-icon-middle">
|
||||
<div
|
||||
class="feature-box-icon feature-box-icon-rounded w-65px h-65px me-20px lg-me-15px rounded-circle bg-base-color rounded-box">
|
||||
<i class="bi bi-telephone-outbound icon-extra-medium text-white"></i>
|
||||
</div>
|
||||
<div class="feature-box-content last-paragraph-no-margin">
|
||||
<span class="mb-5px d-block text-white opacity-6 fw-300">Connect with us?</span>
|
||||
<a href="tel:{{ setting('mobile') }}"
|
||||
class="text-white fs-20 fw-500 lh-22">{{ setting('mobile') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-very-light-gray border-radius-6px p-40px lg-p-25px md-p-35px">
|
||||
<span class="fs-22 alt-font text-dark-gray fw-600 mb-25px d-inline-block">Contact Us?</span>
|
||||
<div class="contact-form-style-01 mt-0">
|
||||
|
||||
<form action="email-templates/contact-form.php" method="post">
|
||||
<div class="position-relative form-group mb-20px">
|
||||
<span class="form-icon"><i class="bi bi-emoji-smile"></i></span>
|
||||
<input type="text" name="name"
|
||||
class="form-control border-white box-shadow-large required"
|
||||
placeholder="Your name*" />
|
||||
</div>
|
||||
<div class="position-relative form-group mb-20px">
|
||||
<span class="form-icon"><i class="bi bi-envelope"></i></span>
|
||||
<input type="email" name="email"
|
||||
class="form-control border-white box-shadow-large required"
|
||||
placeholder="Your email address*" />
|
||||
</div>
|
||||
<div class="position-relative form-group form-textarea">
|
||||
<span class="form-icon"><i class="bi bi-chat-square-dots"></i></span>
|
||||
<textarea placeholder="Your message" name="comment" class="form-control border-white box-shadow-large" rows="3"></textarea>
|
||||
<input type="hidden" name="redirect" value>
|
||||
<button
|
||||
class="btn btn-large btn-round-edge btn-base-color btn-box-shadow mt-20px submit w-100"
|
||||
type="submit">Send message</button>
|
||||
<div class="mt-20px form-results d-none"></div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 order-1 order-lg-2 md-mb-50px"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
106
resources/views/client/raffles/pages/get-in-touch.blade.php
Normal file
106
resources/views/client/raffles/pages/get-in-touch.blade.php
Normal file
@@ -0,0 +1,106 @@
|
||||
<div id="get-in-touch-page" class="popup-container">
|
||||
|
||||
|
||||
<span id="close-btn" class="close-btn"><i class="fa-solid fa-xmark text-18 text-black"></i></span>
|
||||
|
||||
<div class="popup-container-inside ">
|
||||
<div class="row">
|
||||
<div class=" col-md-9 ">
|
||||
<div class="inside1">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class=" col-md-3 ">
|
||||
<div class="inside2">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="inside-content">
|
||||
<div class="row">
|
||||
<div class=" col-md-7 " data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".btn, h2", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
<div
|
||||
class="w-full p-30 ml-5 bg-white rounded-10 module-title flex flex-col h-full relative bg-size bg-no-repeat bg-center-right transition-all mr-50 sm:mr-0">
|
||||
|
||||
<div class=" pt-10">
|
||||
<h4 class="text-ter text-46">
|
||||
Get in <span class="text-brand">touch</span>
|
||||
</h4>
|
||||
<h5 class="font-medium text-20">Book your <span class="font-bold">FREE
|
||||
consultation </span>with Certified Counsellors</h5>
|
||||
</div>
|
||||
|
||||
<form action="">
|
||||
|
||||
|
||||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
|
||||
name="" id="" placeholder=" Name">
|
||||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
|
||||
name="" id="" placeholder=" Address">
|
||||
|
||||
<div class="flex justify-between items-center ">
|
||||
|
||||
<input class="w-60percent mb-10 rounded-6 py-15 text-14 px-10" type="email" name=""
|
||||
id="" placeholder="Your Email">
|
||||
<input class="w-30percent mb-10 rounded-6 py-15 text-14 px-10" type="number"
|
||||
inputmode="numeric" name="" id="" placeholder="Contact">
|
||||
</div>
|
||||
|
||||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10" type="text" name="" id=""
|
||||
placeholder="Language Test Score (ilets overall: 7.0 )">
|
||||
<input class="w-full mb-20 rounded-6 py-15 text-14 px-10" type="text" name="" id=""
|
||||
placeholder="Recent Education Qualification">
|
||||
<input class="mb-20" type="checkbox">
|
||||
<label class="text-14 mb-20" for="">I accept the terms & conditions</label>
|
||||
<button
|
||||
class=" w-full py-10 bg-sec text-white rounded-10 text-16 border-0 button-hover">
|
||||
<i class="fa-solid fa-paper-plane text-white text-16 pr-5"></i>
|
||||
Send Message</button>
|
||||
</form>
|
||||
<div class="flex gap-40 py-30">
|
||||
<div class="flex gap-30 items-center">
|
||||
<i class="fa-solid fa-phone-volume text-black text-24"></i>
|
||||
<div class="flex flex-col gap-5">
|
||||
<h4 class="text-16 text-black">Phone</h4>
|
||||
<a class="text-16 text-brand" href="tel+977-1234567890">+977-1234567890</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-30 items-center">
|
||||
<i class="fa-solid fa-envelope text-black text-24"></i>
|
||||
<div class="flex flex-col gap-5">
|
||||
<h4 class="text-16 text-black">E-MAIL</h4>
|
||||
<a class="text-16 text-brand"
|
||||
href="mailto:info@raffles.com">info@raffles.com</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class=" col-md-5 map" data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".btn, h2", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.375435225042!2d85.32120487546732!3d27.70569227618345!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb1907f7e2f099%3A0x517cd88424589879!2sRaffles%20Educare!5e0!3m2!1sen!2snp!4v1743144326514!5m2!1sen!2snp"
|
||||
width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"
|
||||
referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
10
resources/views/client/raffles/pages/home-template.blade.php
Normal file
10
resources/views/client/raffles/pages/home-template.blade.php
Normal file
@@ -0,0 +1,10 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.parts.banner')
|
||||
@include('client.raffles.parts.testimonial')
|
||||
@include('client.raffles.parts.universities')
|
||||
@include('client.raffles.parts.process')
|
||||
@include('client.raffles.parts.courses')
|
||||
@include('client.raffles.parts.contact')
|
||||
@include('client.raffles.parts.achievements')
|
||||
@endsection
|
||||
1601
resources/views/client/raffles/pages/interview-template.blade.php
Normal file
1601
resources/views/client/raffles/pages/interview-template.blade.php
Normal file
File diff suppressed because it is too large
Load Diff
154
resources/views/client/raffles/pages/message-template.blade.php
Normal file
154
resources/views/client/raffles/pages/message-template.blade.php
Normal file
@@ -0,0 +1,154 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
|
||||
|
||||
<section
|
||||
class="bg-gradient-tranquil-white pt-0 align-items-center position-relative z-index-1 background-position-left-top background-no-repeat overflow-hidden"
|
||||
style="background-image: url('{{ asset('raffles/assets/images/demo-elearning-02.png') }}')">
|
||||
<div class="container-fluid">
|
||||
<div class="row position-relative mt-40px xs-mt-20px pt-5 pb-5">
|
||||
<div class="col swiper swiper-width-auto feather-shadow text-center"
|
||||
data-slider-options="{ "slidesPerView": "auto", "spaceBetween":80, "centeredSlides": true, "speed": 30000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper marquee-slide">
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-190 ls-minus-10px pt-10px pb-10px alt-font fw-600 opacity-1">Raffles Educare
|
||||
Associates</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-190 ls-minus-10px pt-10px pb-10px alt-font fw-600 opacity-1">Guiding Your Future,
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-190 ls-minus-10px pt-10px pb-10px alt-font fw-600 opacity-1">Empowering Your
|
||||
Success.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="col-12 position-absolute top-0 h-100 d-flex justify-content-center align-items-center left-0px z-index-1 text-center">
|
||||
<h4 class="alt-font text-dark-gray fs-45 fw-600 ls-minus-2px xs-ls-minus-1px mb-0 mt-40px xs-mt-15px">
|
||||
Raffles Educare Associates</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="pb-40px pt-0 md-pb-20px">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-7"
|
||||
data-anime="{ "effect": "slide", "color": "#d39121", "direction":"lr", "easing": "easeOutQuad", "delay":50}"
|
||||
data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)">
|
||||
<img src="{{ $page->image }}" class="border-radius-6px" alt="{{ setting('president') }}" />
|
||||
</div>
|
||||
<div class="col-lg-5 align-self-end position-relative bottom-minus-50px md-bottom-minus-25px"
|
||||
data-anime="{ "effect": "slide", "color": "#383632", "direction":"lr", "easing": "easeOutQuad", "delay":150}"
|
||||
data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
|
||||
<div
|
||||
class="bg-very-light-gray h-100 p-15 lg-p-17 outside-box-left-5 border-radius-6px md-outside-box-left-0 md-p-10">
|
||||
<h3 class="alt-font text-base-color text-uppercase mb-5px">{{ setting('president') }}</h2>
|
||||
<span
|
||||
class="fs-15 text-uppercase text-dark-gray d-block fw-600 mb-30px ls-minus-05px lh-20">Founder/
|
||||
CEO</span>
|
||||
<div class="h-2px bg-base-color mb-25px"></div>
|
||||
<p>{!! $page->description !!}</p>
|
||||
{{-- <img src="" alt> --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="sm-pt-0">
|
||||
<div class="container">
|
||||
{{-- <div class="row justify-content-center">
|
||||
<div class="col-lg-11" data-bottom-top="transform:translateX(50px)"
|
||||
data-top-bottom="transform:translateX(-50px)">
|
||||
<div class="row g-0 blockquote-style-04">
|
||||
<div class="col-md-4 blockquote-img position-relative z-index-1">
|
||||
<img src="images/raffles/md.jpg" class="d-none d-md-block" alt>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div
|
||||
class="blockquote-content bg-base-color position-relative overflow-hidden h-100 d-flex align-items-center">
|
||||
<img src="images/blockquote-right-icon.svg"
|
||||
class="position-absolute right-0px bottom-0px h-350px md-h-180px lg-h-250px xl-h-300px"
|
||||
alt>
|
||||
<blockquote class="position-relative z-index-1 mb-0 last-paragraph-no-margin">
|
||||
<p class="fs-24 md-fs-20 fw-300 text-white ls-minus-05px w-75 sm-w-80">Lorem ipsum amet
|
||||
consectetur pellentesque blandit ultrices purus suspendisse iaculis ultricies
|
||||
sagittis. Proin vulputate eleifend cras lacinia iaculis feugiat egestas neque
|
||||
sodales</span></p>
|
||||
<div class="fs-20 lh-28 md-fs-18 fw-500 text-white mt-25px">Dinesh Dhakal<span
|
||||
class="d-block fs-16 opacity-6 fw-400">Founder/ CEO</span></div>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<div class="row justify-content-center align-items-center mt-5 xs-mt-10"
|
||||
data-anime="{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="col-12 text-center last-paragraph-no-margin">
|
||||
<div
|
||||
class="d-inline-block align-middle bg-red fw-500 text-white border-radius-30px ps-20px pe-20px fs-14 me-10px sm-m-10px">
|
||||
{{ setting('title') }}</div>
|
||||
<div class="d-inline-block align-middle text-dark-gray fs-18 fw-500">Nepal's Best Study Abroad <span
|
||||
class="text-decoration-line-bottom-medium fw-600">Education Consultant</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="background-position-center-top position-relative overflow-hidden sm-background-image-none"
|
||||
style="background-image: url('{{asset('raffles/assets/images/vertical-line-bg.svg')}}')">
|
||||
<div class="skrollr-parallax mx-auto" data-bottom-top="width: 70%" data-center-top="width: 100%;"
|
||||
data-parallax-background-ratio="0.5" style="background-image: url('{{ $page->getRawOriginal('images') ? $page->images[0] : '' }}')">
|
||||
<div class="opacity-extra-medium bg-dark-gray"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center align-items-center one-third-screen">
|
||||
<div
|
||||
class="col-xl-6 col-lg-8 text-center position-relative last-paragraph-no-margin parallax-scrolling-style-2">
|
||||
<a href="{{ $page->link }}"
|
||||
aria-label="popup-video"
|
||||
class="position-relative d-inline-block text-center bg-gradient-emerald-blue-emerald-green rounded-circle video-icon-box video-icon-large popup-youtube mb-9 md-mb-6">
|
||||
<span>
|
||||
<span class="video-icon">
|
||||
<i class="fa-solid fa-play text-white"></i>
|
||||
<span class="video-icon-sonar">
|
||||
<span
|
||||
class="video-icon-sonar-bfr bg-gradient-emerald-blue-emerald-green opacity-9"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="row justify-content-center xs-mt-12"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay":100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="col-xl-9 col-lg-10">
|
||||
<div
|
||||
class="row align-items-center justify-content-center border border-color-extra-medium-gray border-radius-100px sm-border-radius-6px sm-mx-0">
|
||||
<div
|
||||
class="col-md-6 p-20px border-end border-color-transparent-dark-very-light text-center ls-minus-05px align-items-center d-flex justify-content-center sm-border-end-0 sm-pb-0 sm-mb-10px">
|
||||
<i class="bi bi-emoji-smile text-dark-gray icon-extra-medium me-10px"></i>
|
||||
<span class="text-dark-gray fs-18 text-start fw-500 xs-lh-28">Join the <span
|
||||
class="fw-800">10000+</span> people trusting us.</span>
|
||||
</div>
|
||||
<div
|
||||
class="col-md-6 p-20px sm-pt-0 text-center ls-minus-05px align-items-center d-flex justify-content-center">
|
||||
<i class="bi bi-star text-dark-gray icon-extra-medium me-10px"></i>
|
||||
<span class="text-dark-gray fs-18 text-start fw-500">4.9 out of 5 - <span class="fw-800">8549</span>
|
||||
Total reviews.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,75 @@
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$firstPage = $page->children[0];
|
||||
$words = explode(' ', $firstPage->title);
|
||||
$last_word = array_pop($words);
|
||||
$new_title = implode(' ', $words);
|
||||
@endphp
|
||||
|
||||
<section class="background-repeat"
|
||||
style="background-image:url('{{ asset('raffles/assets/images/home-bg-1.jpg') }}');">
|
||||
<div class="container">
|
||||
<div class="row align-items-center mb-10 md-mb-17 xs-mb-25">
|
||||
<div class="col-xl-5 col-lg-6 md-mb-70px sm-mb-45px">
|
||||
<span class="fs-15 mb-15px text-base-color fw-500 d-block text-uppercase ls-2px"
|
||||
data-anime="{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
Raffles EduCare
|
||||
</span>
|
||||
<h3 class="alt-font ls-minus-1px text-dark-gray w-80 xl-w-90 md-w-100"
|
||||
data-anime="{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "delay": 0, "duration": 600, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
{{ $firstPage->short_description }}</h3>
|
||||
<p class="w-80 md-w-100 mb-40px"
|
||||
data-anime="{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "delay": 200, "duration": 600, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
{!! $firstPage->description !!}.
|
||||
|
||||
</p>
|
||||
<div class="d-inline-block w-100"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "delay":300, "duration": 600, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<a href="{{ $firstPage->button_url }}"
|
||||
class="btn btn-small btn-double-border btn-border-base-color me-25px xs-me-15px">
|
||||
<span>
|
||||
<span class="btn-double-text"
|
||||
data-text="Explore more">{{ $firstPage->button_text }}</span>
|
||||
<span><i class="fa-solid fa-arrow-right"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
<div class="fw-500 d-inline-block align-middle text-dark-gray fs-18 xs-mt-20px xs-mb-20px"><i
|
||||
class="bi bi-telephone-outbound icon-small me-10px"></i><a
|
||||
href="tel:{{ setting('mobile') }}">{{ setting('mobile') }}</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 col-lg-5 position-relative offset-lg-1 offset-md-2">
|
||||
<span
|
||||
class="position-absolute fs-75 left-20px top-80px text-dark-gray fw-600 z-index-1 ls-minus-4px lg-top-40px"
|
||||
data-anime="{ "opacity": [0,1], "duration": 600, "delay": 1000, "staggervalue": 100, "easing": "easeOutQuad" }"><span
|
||||
class="fs-15 d-table lh-16 text-uppercase text-medium-gray fw-500 ls-1px">{{ $new_title }}</span>{{ $last_word }}</span>
|
||||
<div class="w-80 overflow-hidden position-relative md-w-90 border-radius-6px float-end"
|
||||
data-anime="{ "effect": "slide", "color": "#F4866E", "direction":"rl", "easing": "easeOutQuad", "duration": 600, "delay":500}">
|
||||
<img class="w-100" src="{{ $firstPage->image }}" alt>
|
||||
</div>
|
||||
|
||||
<div class="position-absolute left-minus-70px bottom-minus-30px w-60 overflow-hidden md-left-minus-100px sm-left-15px"
|
||||
data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)"
|
||||
data-anime="{ "effect": "slide", "color": "#36332e", "direction":"lr", "easing": "easeOutQuad", "duration": 600, "delay":500}">
|
||||
<img class="w-100 border-radius-6px" src="{{ asset(setting('other_image')) }}" alt>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@isset ($firstPage->custom)
|
||||
<div class="row row-cols-1 row-cols-md-4 row-cols-sm-2 text-center text-sm-start"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "delay":300, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
@foreach ($firstPage->custom as $item)
|
||||
<div class="col last-paragraph-no-margin sm-mb-30px">
|
||||
<h2 class="fw-600 ls-minus-3px text-dark-gray m-0">{{ $item['key'] ?? '' }}<sup><i
|
||||
class="bi bi-arrow-up-short icon-medium text-base-color animation-float"></i></sup>
|
||||
</h2>
|
||||
<p class="text-dark-gray lh-28">{{ $item['value'] ?? '' }}</p>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endisset
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
@@ -0,0 +1,15 @@
|
||||
@if ($achievementGalleries->galleries->isNotEmpty())
|
||||
<div class="half-section row justify-content-center align-items-center"
|
||||
data-anime="{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="col-xl-3 col-lg-4 md-mb-40px text-center text-lg-start">
|
||||
<h4 class="alt-font text-dark-gray mb-0 fw-500">Powerful <span
|
||||
class="fw-700 font-style-italic text-decoration-line-bottom-medium">achievement</span></h4>
|
||||
</div>
|
||||
|
||||
@foreach ($achievementGalleries->galleries as $item)
|
||||
<div class="col-6 col-lg-2 col-md-3 col-sm-6 sm-mb-30px text-center">
|
||||
<img src="{{ $item->images[0] ?? '' }}" alt="{{ $item->title }}">
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
40
resources/views/client/raffles/pages/partials/blog.blade.php
Normal file
40
resources/views/client/raffles/pages/partials/blog.blade.php
Normal file
@@ -0,0 +1,40 @@
|
||||
@isset($blogs)
|
||||
<section class="pb-3 bg-gradient-very-light-gray lg-pb-40px md-pb-20px">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center mb-25px">
|
||||
<div class="col-lg-5 text-center"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<span class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Insights & Inspiration</span>
|
||||
<h4 class="alt-font text-dark-gray fw-700 mb-20px">Explore Our Blog!</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<ul class="blog-classic blog-wrapper grid-loading grid grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay":100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<li class="grid-sizer"></li>
|
||||
|
||||
@foreach ($blogs as $blog)
|
||||
<li class="grid-item">
|
||||
<div class="card bg-transparent border-0 h-100">
|
||||
<div class="blog-image position-relative overflow-hidden border-radius-4px">
|
||||
<a href="{{ route('blog.single', $blog->slug) }}">
|
||||
<img src="{{ $blog->image }}" alt="{{ $blog->title }}" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-body px-0 pt-30px pb-30px xs-pb-15px">
|
||||
<span class="fs-13 text-uppercase d-block mb-5px fw-500">
|
||||
<a href="{{ route('blog.single', $blog->slug) }}" class="text-dark-gray fw-700 categories-text">{{ $blog->category?->title }}</a>
|
||||
<a href="{{ route('blog.single', $blog->slug) }}" class="blog-date">{{ getFormatted(date:$blog->date) }}</a>
|
||||
</span>
|
||||
<a href="{{ route('blog.single', $blog->slug) }}" class="card-title alt-font fw-600 fs-17 lh-30 text-dark-gray d-inline-block w-95 sm-w-100">{{ $blog->title }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
@@ -0,0 +1,22 @@
|
||||
<section class="page-title-big-typography bg-dark-gray ipad-top-space-margin" data-parallax-background-ratio="0.5"
|
||||
style="background-image: url({{ $page->getRawOriginal('banner') ? $page->banner : asset(setting('banner')) }})">
|
||||
<div class="opacity-extra-medium bg-dark-slate-blue"></div>
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center extra-small-screen">
|
||||
<div class="col-12 position-relative text-center page-title-extra-large">
|
||||
<h1 class="m-auto text-white text-shadow-double-large fw-500 ls-minus-3px xs-ls-minus-2px"
|
||||
data-anime='{ "translateY": [15, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
|
||||
{{ $page->title }}</h1>
|
||||
</div>
|
||||
<div class="down-section text-center"
|
||||
data-anime='{ "translateY": [-15, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
|
||||
<a href="#down-section" aria-label="scroll down" class="section-link">
|
||||
<div
|
||||
class="d-flex justify-content-center align-items-center mx-auto rounded-circle fs-30 text-white">
|
||||
<i class="feather icon-feather-chevron-down"></i>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,59 @@
|
||||
@if ($page->children->count() > 2)
|
||||
@php
|
||||
$thirdPage = $page->children[2];
|
||||
@endphp
|
||||
<section class="overflow-hidden bg-gradient-very-light-gray">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-xl-4 col-lg-5 md-mb-50px sm-mb-35px">
|
||||
<span class="fs-20 d-inline-block mb-15px text-base-color">Preparation classes with Raffles</span>
|
||||
<h3 class="alt-font fw-500 text-dark-gray ls-minus-1px w-90 xl-w-100 shadow-none"
|
||||
data-shadow-animation="true" data-animation-delay="700">{{ $thirdPage->short_description }}<span
|
||||
class="bg-base-color h-10px bottom-1px opacity-3 separator-animation"></span></h3>
|
||||
<p class="mb-30px w-90 md-w-100">
|
||||
{!! $thirdPage->description !!}
|
||||
</p>
|
||||
<div class="d-flex">
|
||||
<div
|
||||
class="slider-one-slide-prev-1 swiper-button-prev slider-navigation-style-04 bg-white box-shadow-large">
|
||||
<i class="fa-solid fa-arrow-left icon-small text-dark-gray"></i>
|
||||
</div>
|
||||
<div
|
||||
class="slider-one-slide-next-1 swiper-button-next slider-navigation-style-04 bg-white box-shadow-large">
|
||||
<i class="fa-solid fa-arrow-right icon-small text-dark-gray"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-8 col-lg-7">
|
||||
<div class="outside-box-right-20 sm-outside-box-right-0"
|
||||
data-anime="{ "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="swiper magic-cursor slider-one-slide"
|
||||
data-slider-options="{ "slidesPerView": 3, "spaceBetween": 30, "loop": true, "pagination": { "el": ".slider-three-slide-pagination", "clickable": true, "dynamicBullets": true }, "navigation": { "nextEl": ".slider-one-slide-next-1", "prevEl": ".slider-one-slide-prev-1" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 3 }, "768": { "slidesPerView": 2 }, "320": { "slidesPerView": 1 } }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
@foreach ($classes as $class)
|
||||
<div class="swiper-slide">
|
||||
<div class="col interactive-banner-style-05">
|
||||
<figure
|
||||
class="m-0 hover-box overflow-hidden position-relative border-radius-6px">
|
||||
<a href="{{ route('service.single', ['alias' => 'test-preparation']) }}">
|
||||
<img src="{{ $class->image }}" class="w-100 border-radius-6px"
|
||||
alt="{{ $class->title }}" />
|
||||
<div
|
||||
class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent">
|
||||
</div>
|
||||
</a>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
@@ -0,0 +1,21 @@
|
||||
@isset ($counters)
|
||||
<section class="border-bottom border-color-extra-medium-gray pt-40px pb-40px overflow-hidden">
|
||||
<div class="container">
|
||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center align-items-center"
|
||||
data-anime="{ "el": "childs", "translateX": [-15, 0], "translateY": [15, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
||||
@foreach ($counters as $counter)
|
||||
<div class="col icon-with-text-style-08 md-mb-30px text-center text-sm-start">
|
||||
<div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
|
||||
<div class="feature-box-icon me-10px">
|
||||
<i class="{{ $counter->icon }} icon-very-medium text-base-color"></i>
|
||||
</div>
|
||||
<div class="feature-box-content">
|
||||
<span class="alt-font fw-500 text-dark-gray d-block lh-26">{{ $counter->title }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
@@ -0,0 +1,49 @@
|
||||
@isset($destinations)
|
||||
<section class="bg-solitude-blue">
|
||||
<div class="container">
|
||||
<div class="row pb-5 align-items-center justify-content-center">
|
||||
<div class="col-12 col-lg-7 text-center position-relative page-title-double-large">
|
||||
<div class="d-flex flex-column justify-content-center extra-very-small-screen">
|
||||
<h3 class="text-dark-gray alt-font ls-minus-1px fw-700 mb-20px">Explore Your Global Horizons: Study
|
||||
in Top Destinations</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@php
|
||||
$transformArray = [80, 40, 80];
|
||||
$flipperDirectionArray = ['to-left', 'to-top', 'to-right', 'to-left', 'to-bottom', 'to-bottom'];
|
||||
@endphp
|
||||
|
||||
<div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center">
|
||||
@foreach ($destinations as $index => $destination)
|
||||
@php
|
||||
$transformIndex = $index % count($transformArray);
|
||||
$directionIndex = $index % count($flipperDirectionArray);
|
||||
@endphp
|
||||
<div class="col text-center rotate-box-style-01 lg-mb-45px"
|
||||
data-bottom-top="transform: translateY({{ $transformArray[$transformIndex] }}px)"
|
||||
data-top-bottom="transform: translateY(-{{ $transformArray[$transformIndex] }}px)">
|
||||
<div class="rm-rotate-box text-center">
|
||||
<div class="flipper {{ $flipperDirectionArray[$directionIndex] }}">
|
||||
<div class="thumb-wrap">
|
||||
<div class="front overflow-hidden h-250px md-h-250px border-radius-4px overflow-hidden"
|
||||
style="background-image:url('{{ $destination->image }}')">
|
||||
</div>
|
||||
<div class="back border-radius-4px overflow-hidden">
|
||||
<div class="box-overlay bg-dark-gray"></div>
|
||||
<div class="content-wrap last-paragraph-no-margin">
|
||||
<p class="text-white p-4 opacity-7 lh-30 sm-w-70 xs-w-100 mx-auto">
|
||||
{{ str()->limit($destination->short_description, 250) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="fs-20 d-inline-block mt-30px fw-600 text-dark-gray">
|
||||
<a href="{{ route('country.single', $destination->slug)}}" class="destination">Study in {{ $destination->title }}</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
47
resources/views/client/raffles/pages/partials/faq.blade.php
Normal file
47
resources/views/client/raffles/pages/partials/faq.blade.php
Normal file
@@ -0,0 +1,47 @@
|
||||
<section class="position-relative pb-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-5 col-lg-6 md-mb-20px"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
||||
<span class="text-base-color fw-600 mb-15px text-uppercase d-block"># Frequently asked questions</span>
|
||||
<h2 class="alt-font fw-700 ls-minus-1px text-dark-gray mb-35px md-w-80 sm-w-100">Got Questions? We’ve Got
|
||||
Answers!</h2>
|
||||
<div class="fw-500 w-100 position-relative left-minus-20px d-flex align-items-center">
|
||||
<span>Expert support available 24/7.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-5 col-lg-6 offset-xxl-2 pe-20px md-pe-15px"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
||||
<div class="accordion accordion-style-02" id="accordion-style-02" data-active-icon="fa-angle-up"
|
||||
data-inactive-icon="fa-angle-down">
|
||||
|
||||
@foreach ($faqs as $faq)
|
||||
<div class="accordion-item @if ($loop->first)
|
||||
active-accordion
|
||||
@endif">
|
||||
<div class="accordion-header border-bottom border-color-extra-medium-gray">
|
||||
<a href="javascript:void(0);" data-bs-toggle="collapse"
|
||||
data-bs-target="#accordion-style-02-01" aria-expanded="true"
|
||||
data-bs-parent="#accordion-style-02">
|
||||
<div class="accordion-title mb-0 position-relative text-dark-gray">
|
||||
<i class="fa-solid fa-angle-up icon-small"></i><span class="fw-700 fs-19">{{ $faq->title }}</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div id="accordion-style-02-01" class="accordion-collapse collapse @if ($loop->first)
|
||||
show
|
||||
@endif"
|
||||
data-bs-parent="#accordion-style-02">
|
||||
<div
|
||||
class="accordion-body last-paragraph-no-margin border-bottom border-color-extra-medium-gray">
|
||||
<p>{{ $faq->description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,84 @@
|
||||
@if ($page->children->count() > 1)
|
||||
@php
|
||||
$secondPage = $page->children[1];
|
||||
@endphp
|
||||
<section class="bg-solitude-blue pb-0">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center mb-4">
|
||||
<div class="col-xl-7 col-lg-9 col-md-10 text-center">
|
||||
<h3 class="alt-font text-dark-gray fw-600 ls-minus-1px"
|
||||
data-anime='{"translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad"}'>
|
||||
{{ $secondPage->short_description }}
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row align-items-center"
|
||||
data-anime='{"el": "childs", "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 150, "staggervalue": 300, "easing": "easeOutQuad"}'>
|
||||
|
||||
<!-- Left-side nav items -->
|
||||
<div class="col-xl-3 col-lg-4 col-md-12 tab-style-05 md-mb-30px sm-mb-20px">
|
||||
<ul class="nav nav-tabs justify-content-center border-0 text-left fw-500 fs-18 alt-font">
|
||||
@foreach ($services as $service)
|
||||
<li class="nav-item">
|
||||
<a href="{{ route('service.single', $service->slug) }}"
|
||||
class="nav-link d-flex align-items-center active">
|
||||
<i
|
||||
class="bi bi-check-circle icon-extra-medium text-dark-gray"></i><span>{{ $service->title }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@break($loop->index == 3)
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Center image -->
|
||||
<div class="col-xl-6 col-lg-4 col-md-12 text-center">
|
||||
<img src="{{ $secondPage->image }}" alt="{{ $secondPage->title }}"
|
||||
class="border-radius-6px w-100" />
|
||||
</div>
|
||||
|
||||
<!-- Right-side nav items -->
|
||||
<div class="col-xl-3 col-lg-4 col-md-12 tab-style-05 md-mb-30px sm-mb-20px">
|
||||
<ul class="nav nav-tabs justify-content-center border-0 text-left fw-500 fs-18 alt-font">
|
||||
@foreach ($services->skip(4) as $service)
|
||||
<li class="nav-item">
|
||||
<a data-bs-toggle="tab" href="{{ route('service.single', $service->slug) }}"
|
||||
class="nav-link d-flex align-items-center active">
|
||||
<i
|
||||
class="bi bi-check-circle icon-extra-medium text-dark-gray"></i><span>{{ $service->title }}</span>
|
||||
</a>
|
||||
@break($loop->index == 7)
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@isset ($secondPage->custom)
|
||||
<section class="py-0 border-top lg-border-top-0 border-color-medium-gray bg-very-light-gray position-relative">
|
||||
<div class="container">
|
||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 g-0"
|
||||
data-anime="{"el": "childs", "translateX": [40, 0], "opacity": [0,1], "duration": 300, "delay": 300, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
|
||||
@foreach ($secondPage->custom as $item)
|
||||
<div class="col process-step-style-06 hover-box lg-mb-50px md-mb-0 xs-mb-50px">
|
||||
<div class="process-step-icon-box position-relative top-minus-14px">
|
||||
<span class="progress-step-separator bg-medium-gray w-100 separator-line-1px"></span>
|
||||
<div
|
||||
class="step-box d-flex align-items-center justify-content-center bg-base-color border-radius-100 w-25px h-25px">
|
||||
<span class="w-9px h-9px bg-white border-radius-100"></span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="d-block fs-19 text-dark-gray fw-600 mt-20px mb-5px">{{ $item['key'] ?? '' }}</span>
|
||||
<p class="w-80 xl-w-90 md-w-80 xs-w-100 mb-20px">{{ $item['value'] ?? '' }}</p>
|
||||
</div>
|
||||
@break($loop->index == 4)
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
@endif
|
||||
@@ -0,0 +1,37 @@
|
||||
@isset ($sliders)
|
||||
<section class="section-dark p-0 bg-dark-gray">
|
||||
<div class="swiper lg-no-parallax magic-cursor full-screen md-h-600px sm-h-500px ipad-top-space-margin swiper-light-pagination"
|
||||
data-slider-options="{ "slidesPerView": 1, "loop": true, "parallax": true, "speed": 1000, "pagination": { "el": ".swiper-pagination-bullets", "clickable": true }, "navigation": { "nextEl": ".slider-one-slide-next-1", "prevEl": ".slider-one-slide-prev-1" }, "autoplay": { "delay": 4000, "disableOnInteraction": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($sliders as $slider)
|
||||
<div class="swiper-slide overflow-hidden">
|
||||
<div class="cover-background position-absolute top-0 start-0 w-100 h-100" data-swiper-parallax="500"
|
||||
style="background-image:url('{{ $slider->images[0] }}');">
|
||||
<div class="opacity-light "></div>
|
||||
<div class="container h-100" data-swiper-parallax="-500">
|
||||
<div class="row align-items-center h-100">
|
||||
<div class="col-xl-7 col-lg-8 col-md-10 position-relative text-white text-center text-md-start"
|
||||
data-anime="{ "el": "childs", "translateX": [100, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div>
|
||||
<span
|
||||
class="fs-20 opacity-6 mb-25px sm-mb-15px d-inline-block fw-300">{{ $slider->title }}</span>
|
||||
</div>
|
||||
<h1 class="alt-font w-90 xl-w-100 text-shadow-double-large ls-minus-2px">
|
||||
{!! $slider->description !!}</span></h1>
|
||||
<a href="{{ $slider->button_url }}" target="{{ $slider->button_target }}"
|
||||
class="btn btn-extra-large btn-rounded with-rounded btn-base-color btn-box-shadow box-shadow-extra-large mt-20px sm-mt-0">{{ $slider->button_text }}<span
|
||||
class="bg-white text-base-color"><i
|
||||
class="fas fa-arrow-right"></i></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
|
||||
|
||||
@@ -0,0 +1,63 @@
|
||||
@isset($testimonials)
|
||||
<section id="reviews" class="overflow-hidden bg-gradient-very-light-gray">
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center mb-1">
|
||||
<div class="col-lg-7 text-center">
|
||||
<span class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Why Raffles Educare?</span>
|
||||
<h3 class="fw-500 alt-font text-dark-gray text-uppercase ls-minus-2px">Our Students Voices</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12 position-relative">
|
||||
<div
|
||||
class="outside-box-right-15 outside-box-left-15 lg-outside-box-right-30 lg-outside-box-left-30 md-outside-box-right-40 md-outside-box-left-40 sm-outside-box-right-0 sm-outside-box-left-0">
|
||||
<div class="swiper magic-cursor"
|
||||
data-slider-options="{ "slidesPerView": 1, "spaceBetween": 30, "loop": true, "autoplay": { "delay": 3000, "disableOnInteraction": false }, "pagination": { "el": ".slider-four-slide-pagination-1", "clickable": true, "dynamicBullets": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 4 }, "992": { "slidesPerView": 3 }, "768": { "slidesPerView": 3 } }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper pt-20px pb-20px">
|
||||
|
||||
@foreach ($testimonials as $testimonial)
|
||||
<div class="swiper-slide">
|
||||
<div class="review-style-05">
|
||||
<div
|
||||
class="border-radius-4px bg-white box-shadow-large last-paragraph-no-margin">
|
||||
<div
|
||||
class="d-flex align-items-center ps-45px pe-45px pt-35px pb-35px xl-p-25px">
|
||||
<img class="rounded-circle w-110px md-w-75px h-110px md-h-75px me-30px"
|
||||
src="{{ $testimonial->image }}" alt />
|
||||
<p>{{ $testimonial->description }}</p>
|
||||
</div>
|
||||
<div
|
||||
class="d-flex align-items-center border-top border-color-extra-medium-gray pt-15px pb-15px ps-45px pe-45px xl-ps-25px xl-pe-25px">
|
||||
<span
|
||||
class="fs-17 fw-500 text-dark-gray ms-auto xs-fs-15">{{ $testimonial->designation }},
|
||||
{{ $testimonial->company }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<div
|
||||
class="d-inline-block bg-dark-gray text-white border-radius-4px ps-15px pe-15px fs-15 lh-36 ls-minus-1px me-15px sm-m-10px align-middle">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</div>
|
||||
<h6 class="text-dark-gray fw-400 mb-0 d-inline-block align-middle ls-minus-1px">Two Decades of<span
|
||||
class="fw-700"> Success</span> Stories <a href="javascript:void(0)" target="_blank"><img
|
||||
src="{{ asset(setting('logo')) }}" alt="{{ setting('title') }}" /></a></h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
@@ -0,0 +1,23 @@
|
||||
@isset ($institutions)
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center align-items-center mb-5 sm-mb-30px"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 1], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue":200, "easing": "easeOutQuad" }">
|
||||
<div class="col-12 col-md-auto ps-25px sm-ps-15px text-center">
|
||||
<h3 class="text-dark-gray fw-700 ls-minus-1px">Referred College & Universities <br>
|
||||
by Raffles Educare</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-md-4 clients-style-04"
|
||||
data-anime="{"opacity": [0,1], "duration": 400, "delay": 300, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
@foreach ($institutions as $institution)
|
||||
<div
|
||||
class="col text-center border-end border-bottom border-color-transparent-dark-very-light sm-border-end-0 transition-inner-all pt-40px pb-40px sm-pt-30px sm-pb-30px">
|
||||
<div class="client-box"> <a href="javascript:void(0);"><img src="{{ $institution->image }}"
|
||||
alt ="{{ $institution->title }}" /></a> </div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
@@ -0,0 +1,18 @@
|
||||
@if ($successGalleries->galleries->isNotEmpty())
|
||||
<section class="bg-gradient-very-light-gray ps-6 pe-6 lg-ps-2 lg-pe-2">
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-12 text-center mb-2">
|
||||
<h3 class="alt-font fw-700 text-dark-gray ls-minus-1px">Voices of Success: Real Stories, Real Impact</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
@foreach ($successGalleries->galleries as $gallery)
|
||||
<div class="col-lg-4 col-md-6 fit-videos text-center mb-4">
|
||||
<iframe width="100%" height="55px" src="{{ $gallery->link }}?autoplay=1&mute=1&loop=1" allow="autoplay; encrypted-media;" allowfullscreen></iframe>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
@@ -0,0 +1,49 @@
|
||||
@if ($visaGalleries->galleries->isNotEmpty())
|
||||
<section class="bg-white pt-3 sm-pt-50px">
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center mb-2">
|
||||
<div class="col-xxl-5 col-xl-6 col-lg-8 col-md-10 text-center"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<span class="fs-15 alt-font fw-600 text-base-color mb-5px d-block text-uppercase ls-3px">Happy
|
||||
memories</span>
|
||||
<h3 class="alt-font text-dark-gray ls-minus-1px md-ls-0px">Your Visa Success Story Starts Here!</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row position-relative">
|
||||
<div class="col-md-12 p-sm-0"
|
||||
data-anime="{ "el": "childs", "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="swiper swiper-width-auto magic-cursor"
|
||||
data-slider-options="{ "slidesPerView": 3, "spaceBetween": 30, "loop": true, "pagination": { "el": ".slider-four-slide-pagination", "clickable": true }, "autoplay": { "delay": 3000, "disableOnInteraction": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper image-gallery-style-01">
|
||||
|
||||
@foreach ($visaGalleries->galleries as $item)
|
||||
<div class="swiper-slide transition-inner-all">
|
||||
<div class="gallery-box">
|
||||
<a href="{{ $item->images[0] ?? '' }}" data-group="lightbox-gallery"
|
||||
title="{{ $item->title }}">
|
||||
<div
|
||||
class="position-relative gallery-image bg-dark-gray overflow-hidden border-radius-6px">
|
||||
<img src="{{ $item->images[0] ?? '' }}" class="fixed-image"
|
||||
alt="{{ $item->title }}" />
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center w-75px h-75px rounded-circle bg-base-color">
|
||||
<i
|
||||
class="feather icon-feather-search text-white icon-extra-medium"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
@@ -0,0 +1,938 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<div class="about-banner">
|
||||
</div>
|
||||
|
||||
<section class="container py-30 free-resources">
|
||||
<div class="w-100percent mx-auto">
|
||||
<h2 class="md:text-30 text-60 text-sec text-center">Free-Resources</h2>
|
||||
<div class="title-line mx-auto"></div>
|
||||
</div>
|
||||
|
||||
<section class="free-resources-content tab-container">
|
||||
<div class="row">
|
||||
<div class="col col-md-3">
|
||||
<ul class="first-row tab-buttons ">
|
||||
|
||||
<li class=" px-20 tab-btn cursor-pointer show fade active rounded-10" role="tabpanel">
|
||||
<div class="accordion " id="accordion-questions" role="tablist" aria-multiselectable="true">
|
||||
<div class="accordion-item panel mb-10">
|
||||
|
||||
<div class="accordion-heading" role="tab" id="heading-question-1">
|
||||
<h4 class="accordion-title">
|
||||
<a class="collapsed text-17 font-bold flex gap-10 items-center" role="button"
|
||||
data-bs-toggle="collapse" data-bs-parent="#accordion-questions"
|
||||
href="index.php#collapse-question-item-1" aria-expanded="false"
|
||||
aria-controls="collapse-question-item-1">
|
||||
<img class="w-40" src="asset('raffles/assets/images/icons/one.svg')}}"
|
||||
alt="">
|
||||
<h5 class="text-16 p-0 m-0">Countries</h5>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div id="collapse-question-item-1" class="accordion-collapse collapse active show"
|
||||
data-bs-parent="#accordion-questions" role="tabpanel"
|
||||
aria-labelledby="heading-question-1">
|
||||
@foreach ($countries as $country)
|
||||
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
|
||||
onclick="showTab('tab{{ $country->slug }}')">
|
||||
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
|
||||
<p>{{ $country->title }}</p>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class=" px-20 tab-btn cursor-pointer rounded-10 fade " role="tabpanel">
|
||||
<div class="accordion " id="accordion-questions" role="tablist" aria-multiselectable="true">
|
||||
<div class="accordion-item panel mb-10">
|
||||
<div class="accordion-heading" role="tab" id="heading-question-2">
|
||||
<h4 class="accordion-title">
|
||||
<a class="collapsed text-17 font-bold flex gap-10 items-center" role="button"
|
||||
data-bs-toggle="collapse" data-bs-parent="#accordion-questions"
|
||||
href="index.php#collapse-question-item-2" aria-expanded="false"
|
||||
aria-controls="collapse-question-item-2">
|
||||
<img class="w-40" src="{{ asset('raffles/assets/images/icons/two.svg') }}" alt="">
|
||||
<h5 class="text-16 p-0 m-0">Language Test</h5>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="collapse-question-item-2" class="accordion-collapse collapse "
|
||||
data-bs-parent="#accordion-questions" role="tabpanel"
|
||||
aria-labelledby="heading-question-2">
|
||||
|
||||
@foreach($tests as test)
|
||||
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
|
||||
onclick="showTab('tab{{ $test->slug }}')">
|
||||
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
|
||||
<p>{{ $test->title }}</p>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class=" px-20 tab-btn cursor-pointer rounded-10 fade " role="tabpanel">
|
||||
<div class="accordion " id="accordion-questions" role="tablist" aria-multiselectable="true">
|
||||
<div class="accordion-item panel mb-10">
|
||||
<div class="accordion-heading" role="tab" id="heading-question-3">
|
||||
<h4 class="accordion-title">
|
||||
<a class="collapsed text-17 font-bold flex gap-10 items-center" role="button"
|
||||
data-bs-toggle="collapse" data-bs-parent="#accordion-questions"
|
||||
href="index.php#collapse-question-item-3" aria-expanded="false"
|
||||
aria-controls="collapse-question-item-3">
|
||||
<img class="w-40" src="{{ asset('raffles/assets/images/icons/three.svg')}}" alt="">
|
||||
<h5 class="text-16 p-0 m-0">Interview Preparation</h5>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="collapse-question-item-3" class="accordion-collapse collapse "
|
||||
data-bs-parent="#accordion-questions" role="tabpanel"
|
||||
aria-labelledby="heading-question-2">
|
||||
|
||||
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
|
||||
onclick="showTab('tabcasinterview')">
|
||||
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
|
||||
<p>CAS Interview</p>
|
||||
|
||||
</div>
|
||||
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
|
||||
onclick="showTab('tabusainterview')">
|
||||
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
|
||||
|
||||
<p>US Interview</p>
|
||||
|
||||
</div>
|
||||
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
|
||||
onclick="showTab('tabukinterview')">
|
||||
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
|
||||
|
||||
<p>UK Interview</p>
|
||||
|
||||
</div>
|
||||
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
|
||||
onclick="showTab('tabaustraliainterview')">
|
||||
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
|
||||
<p>Australia Visa Interview</p>
|
||||
|
||||
</div>
|
||||
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
|
||||
onclick="showTab('tabcanadainterview')">
|
||||
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
|
||||
<p>Canada Visa Interview</p>
|
||||
|
||||
</div>
|
||||
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
|
||||
onclick="showTab('tabdenmarkinterview')">
|
||||
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
|
||||
<p>Denmark Visa Interview</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class=" px-20 tab-btn cursor-pointer rounded-10 fade " role="tabpanel">
|
||||
<div class="accordion " id="accordion-questions" role="tablist" aria-multiselectable="true">
|
||||
<div class="accordion-item panel mb-10">
|
||||
<div class="accordion-heading" role="tab" id="heading-question-4">
|
||||
<h4 class="accordion-title">
|
||||
<a class="collapsed text-17 font-bold flex gap-10 items-center" role="button"
|
||||
data-bs-toggle="collapse" data-bs-parent="#accordion-questions"
|
||||
href="index.php#collapse-question-item-4" aria-expanded="false"
|
||||
aria-controls="collapse-question-item-4">
|
||||
<img class="w-40" src="assets/images/icons/four.svg" alt="">
|
||||
<h5 class="text-16 p-0 m-0">Visa Assistance</h5>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="collapse-question-item-4" class="accordion-collapse collapse "
|
||||
data-bs-parent="#accordion-questions" role="tabpanel"
|
||||
aria-labelledby="heading-question-4">
|
||||
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
|
||||
onclick="showTab('tabvisa1')">
|
||||
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
|
||||
<p>Visa Assistance 1</p>
|
||||
|
||||
</div>
|
||||
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
|
||||
onclick="showTab('tabvisa2')">
|
||||
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
|
||||
|
||||
<p>Visa Assistance 2</p>
|
||||
|
||||
</div>
|
||||
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
|
||||
onclick="showTab('tabvisa3')">
|
||||
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
|
||||
<p>Visa Assistance 3</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col col-md-7">
|
||||
|
||||
<div class="second-row">
|
||||
<div class="tab-content active lg:w-full lg:text-end bg-center bg-contain bg-no-repeat -mt-20"
|
||||
style="
|
||||
background-image: url('assets/images/demo/start-hub-1/shape-Blob.svg');
|
||||
">
|
||||
|
||||
<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">
|
||||
<div class="w-60percent h-400 mx-auto lqd-imggrp-single relative monkey-img"
|
||||
data-float="ease-in-out">
|
||||
<img class="w-full h-full " src="assets/images/general/monkey.png"
|
||||
alt="">
|
||||
<div class="absolute top-30 -left-20 flex gap-10 items-center">
|
||||
<i class="fa-solid fa-arrow-left text-20 text-brand md:hiden"></i>
|
||||
<i class="fa-solid fa-arrow-up text-20 text-brand md:bloc hidden"></i>
|
||||
|
||||
<h5 class="text-18 text-brand m-0">Search Here</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tab-content " id="tabuk">
|
||||
<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 mb-30">UK</h3>
|
||||
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center justify-end gap-10"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content " id="tabusa">
|
||||
<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 mb-30">USA</h3>
|
||||
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16"> Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0 ">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content " id="tabaustralia">
|
||||
<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 mb-30">Australia</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tab-content " id="tabcanada">
|
||||
<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 mb-30">Canada</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content " id="tabdenmark">
|
||||
<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 mb-30">Denmark</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-content " id="tabielts">
|
||||
<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 mb-30">IELTS</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content " id="tabpte">
|
||||
<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 mb-30">PTE</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content " id="tabduolingo">
|
||||
|
||||
<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 mb-30">Duolingo</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tab-content " id="tabcasinterview">
|
||||
<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 mb-30">CAS Interview</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tab-content " id="tabusainterview">
|
||||
<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 mb-30">USA Interview</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content " id="tabcanadainterview">
|
||||
<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 mb-30">Canada Interview</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content " id="tabaustraliainterview">
|
||||
<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 mb-30">Australia Interview</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content " id="tabukinterview">
|
||||
<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 mb-30">UK Interview</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content " id="tabdenmarkinterview">
|
||||
<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 mb-30">Denmark Interview</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content " id="tabvisa1">
|
||||
<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 mb-30">Visa Assistance 1</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tab-content " id="tabvisa2">
|
||||
<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 mb-30">Visa Assistance 2</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content " id="tabvisa3">
|
||||
<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 mb-30">Visa Assistance 3</h3>
|
||||
<table class="">
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">1</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">2</td>
|
||||
<td class="text-brand text-16">Checklists for Canada</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-20 text-brand text-16">3</td>
|
||||
<td class="text-brand text-16">Australia Documents Checklist</td>
|
||||
<td class=" flex items-center gap-10 justify-end"><button
|
||||
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
|
||||
<button
|
||||
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-md-2">
|
||||
<div class="third-row">
|
||||
<h3 class="text-brand text-20">Study Abroad</h3>
|
||||
<div class="divider"></div>
|
||||
<ul class="flex-flex-col gap-20 list-none px-0 py-20">
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="study-australia.php">Australia</a></li>
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="study-usa.php">USA</a></li>
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="study-uk.php">UK</a></li>
|
||||
<!-- <li class="py-10 border-bottom text-16 text-hover"><a class="text-grey " href="study-newzealand.php">New Zealand</a></li> -->
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="study-canada.php">Canada</a></li>
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="study-denmark.php">Denmark</a></li>
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="ielts.php">IELTS</a></li>
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="duolingo.php">Duolingo</a></li>
|
||||
</ul>
|
||||
<h3 class="text-brand text-20">Let's Connect Quick</h3>
|
||||
<div class="divider"></div>
|
||||
<form class="pt-20" action="">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
|
||||
name="" id="" placeholder="Your Name">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name=""
|
||||
id="" placeholder="Your Email">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name=""
|
||||
id="" placeholder="Phone">
|
||||
<textarea class="w-full mb-40 rounded-6 text-14 px-10" name="" id="" placeholder="Your Message"></textarea>
|
||||
<button class="px-10 py-10 bg-brand text-white rounded-10 text-16 border-0 button-hover">
|
||||
<i class="fa-solid fa-paper-plane text-white text-16 pr-5"></i>
|
||||
Send Message</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
@endsection
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,483 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
|
||||
<section class="bg-gradient-very-light-gray">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 tab-style-04">
|
||||
<ul
|
||||
class="nav nav-tabs border-0 justify-content-center fw-500 fs-19 md-fs-16 mb-4 md-mb-6 sm-mb-5px alt-font">
|
||||
|
||||
@isset($tests)
|
||||
@foreach ($tests as $test)
|
||||
<li class="nav-item"><a data-bs-toggle="tab" href="#{{ $test->slug }}"
|
||||
@class(['nav-link', 'active' => $loop->first])>
|
||||
{{ $test->title }} Preparation
|
||||
<span class="tab-border bg-dark-gray"></span></a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endisset
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content">
|
||||
@foreach ($tests as $test)
|
||||
<div class="tab-pane fade in @if ($loop->first) active show @endif" id="{{ $test->slug }}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center text-md-start"
|
||||
data-anime="{"opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div class="fs-140 xxl-fs-100 sm-fs-60 fw-600 text-dark-gray alt-font ls-minus-8px sm-ls-minus-2px"
|
||||
data-bottom-top="transform: translate3d(-50px, 0px, 0px);"
|
||||
data-top-bottom="transform: translate3d(50px, 0px, 0px);">{{ $test->title }}
|
||||
Preparation
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="row align-items-center align-items-lg-end"
|
||||
data-bottom-top="transform: translate3d(-30px, 0px, 0px);"
|
||||
data-top-bottom="transform: translate3d(30px, 0px, 0px);">
|
||||
<div class="col-lg-2 col-md-4 text-md-end text-center md-mt-30px md-mb-20px"
|
||||
data-anime="{"opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div class="position-relative">
|
||||
<img src="{{ asset('raffles/assets/images/demo-branding-agency-about-01.png') }}"
|
||||
class="animation-rotation position-relative z-index-2" alt>
|
||||
<div class="absolute-middle-center w-100 z-index-1"><img
|
||||
src="{{ asset('raffles/assets/images/demo-branding-agency-about-02.png') }}"
|
||||
alt></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 text-center text-md-start text-decoration-underline"
|
||||
data-anime="{"opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div
|
||||
class="fs-140 xxl-fs-100 sm-fs-60 fw-600 text-dark-gray alt-font ls-minus-8px sm-ls-minus-2px">
|
||||
RAFFLES</div>
|
||||
</div>
|
||||
<div class="col-lg-4 last-paragraph-no-margin md-mt-30px"
|
||||
data-anime="{"opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<p class="w-95 md-w-80 mx-auto text-center text-lg-start lg-w-100">
|
||||
{{ $test->short_description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="position-relative">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center"
|
||||
data-anime="{ "el": "childs", "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div class="col-lg-8 md-mb-50px">
|
||||
<div class="col-12">
|
||||
<img src="{{ $test->image }}" alt="{{ $test->title }}"
|
||||
class="w-100 border-radius-6px mb-7">
|
||||
{!! $test->description !!}
|
||||
<div class="col-12 p-0 tab-style-04 mt-45px">
|
||||
<ul
|
||||
class="nav nav-tabs justify-content-center fw-500 fs-18 ls-minus-05px mb-50px sm-mb-30px lh-70 sm-lh-40 text-center">
|
||||
@foreach ($test->children as $item)
|
||||
<li class="nav-item"><a data-bs-toggle="tab" href="#{{ $item->slug }}"
|
||||
class="nav-link @if ($loop->first) active @endif">{{ $item->title }}<span
|
||||
class="tab-border bg-dark-gray"></span></a>
|
||||
</li>
|
||||
@endforeach
|
||||
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
|
||||
@foreach ($test->children as $item)
|
||||
<div class="tab-pane fade in @if ($loop->first) active show @endif"
|
||||
id="{{ $item->slug }}">
|
||||
<div class="row align-items-center justify-content-center">
|
||||
<div class="col-12 last-paragraph-no-margin">
|
||||
{!! $item->description !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<aside class="col-lg-4 ps-60px lg-ps-30px md-ps-15px">
|
||||
<div class="position-sticky top-150px lg-position-relative lg-top-0px">
|
||||
<div class="border-radius-6px overflow-hidden bg-tranquil">
|
||||
<div class="position-relative">
|
||||
<img src="{{ $test->image }}" class="md-w-100" alt />
|
||||
<a href="https://www.youtube.com/watch?v=7U4O3GwAPVE"
|
||||
class="absolute-middle-center d-inline-block text-center bg-white box-shadow-extra-large rounded-circle video-icon-box video-icon-large popup-youtube">
|
||||
<span>
|
||||
<span class="video-icon bg-white">
|
||||
<i class="fa-solid fa-play text-dark-gray"></i>
|
||||
<span class="video-icon-sonar">
|
||||
<span
|
||||
class="video-icon-sonar-bfr bg-white opacity-9"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="p-35px lg-p-25px">
|
||||
<ul class="p-0 mb-20px list-style-02">
|
||||
@isset($test->custom)
|
||||
@foreach ($test->custom as $item)
|
||||
<li class="border-bottom border-color-extra-medium-gray pb-15px">
|
||||
<span class="text-dark-gray">
|
||||
<span class="me-5px"><i
|
||||
class="{{ $item['icon'] ?? '' }} fs-20"></i></span>
|
||||
<span class="fw-600">{{ $item['key'] ?? '' }}</span>
|
||||
</span>
|
||||
<span class="ms-auto">{{ $item['value'] ?? '' }}</span>
|
||||
</li>
|
||||
@endforeach
|
||||
@endisset
|
||||
|
||||
|
||||
</ul>
|
||||
<a href="{{ $test->button_url }}" target="{{ $test->button_target }}"
|
||||
class="btn btn-extra-large btn-base-color btn-rounded btn-switch-text fw-600 left-icon w-100">
|
||||
<span>
|
||||
<span><i class="feather icon-feather-thumbs-up"></i></span>
|
||||
<span class="btn-double-text"
|
||||
data-text="Enroll now">{{ $test->button_text }}</span>
|
||||
</span>
|
||||
</a>
|
||||
<div class="elements-social social-icon-style-02 mt-20px">
|
||||
<ul class="small-icon dark text-center">
|
||||
<li class="sm-mb-0"><a class="facebook"
|
||||
href="{{ setting('facebook') }}" target="_blank"><i
|
||||
class="fa-brands fa-facebook-f"></i></a></li>
|
||||
<li class="sm-mb-0"><a class="dribbble"
|
||||
href="{{ setting('mobile') }}" target="_blank"><i
|
||||
class="fa-brands fa-whatsapp"></i></a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="background-position-center background-repeat overlap-height"
|
||||
style="background-image: url('{{ asset('raffles/assets/images/vertical-center-line-bg.svg') }}')">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-12 col-lg-12 md-mb-50px sm-mb-35px">
|
||||
<h6 class="alt-font text-dark-gray mb-30px"
|
||||
data-anime="{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
Start Preparing for Success Today!<br>
|
||||
Join Raffles Educare's Test Preparation classes and take the first step toward
|
||||
achieving
|
||||
your
|
||||
academic goals abroad. Whether you’re aiming for high scores in IELTS, TOEFL, or
|
||||
PTE,
|
||||
we’re here
|
||||
to help you succeed.</h6>
|
||||
<div class="row row-cols-1 row-cols-sm-3"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div class="col">
|
||||
<ul class="p-0 m-0 list-style-02"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<li class="pb-5px"><i
|
||||
class="fa-solid fa-plus fs-12 me-10px"></i>Best-In-Class
|
||||
Learning
|
||||
</li>
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Expert
|
||||
Guidance</li>
|
||||
<li class="pb-5px"><i
|
||||
class="fa-solid fa-plus fs-12 me-10px"></i>Personalized
|
||||
Coaching
|
||||
</li>
|
||||
<li class="pb-5px"><i
|
||||
class="fa-solid fa-plus fs-12 me-10px"></i>Comprehensive
|
||||
Test
|
||||
Prep
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col">
|
||||
<ul class="p-0 m-0 list-style-02"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Small
|
||||
Class
|
||||
Sizes
|
||||
</li>
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Proven
|
||||
Success</li>
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Flexible
|
||||
Schedules
|
||||
</li>
|
||||
<li class="pb-5px"><i
|
||||
class="fa-solid fa-plus fs-12 me-10px"></i>Supportive
|
||||
Environment
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col">
|
||||
<ul class="p-0 m-0 list-style-02"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<li class="pb-5px"><i
|
||||
class="fa-solid fa-plus fs-12 me-10px"></i>Result-Oriented
|
||||
Strategy</li>
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Mock
|
||||
Tests &
|
||||
Feedback
|
||||
</li>
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Complete
|
||||
Exam
|
||||
Preparation</li>
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Unmatched
|
||||
Support
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@php
|
||||
$classArray = [
|
||||
'mt-4 md-mt-6 xs-mt-0 xs-mb-30px',
|
||||
'mt-2 md-mt-0 xs-mb-30px',
|
||||
'xs-mb-30px',
|
||||
'mt-8 md-mt-5 xs-mt-0',
|
||||
];
|
||||
@endphp
|
||||
|
||||
<section class="background-position-center background-repeat"
|
||||
style="background-image: url('{{ asset('raffles/assets/images/vertical-center-line-bg.svg') }}')">
|
||||
<div class="container">
|
||||
<div
|
||||
class="outside-box-left-5 outside-box-right-5 lg-outside-box-left-0 lg-outside-box-right-0 mb-7 xs-mb-40px">
|
||||
<div class="row row-cols-1 row-cols-md-4 row-cols-sm-2">
|
||||
|
||||
@foreach ($page->images as $index => $image)
|
||||
<div class="{{ $classArray[$index] }}">
|
||||
<img src="{{ $image }}" class="border-radius-6px w-100"
|
||||
@if ($loop->even) data-bottom-top="transform: translate3d(0px, 50px, 0px)"
|
||||
data-top-bottom="transform: translate3d(0px, -50px, 0px)"
|
||||
@else
|
||||
data-bottom-top="transform: translate3d(0px, -50px, 0px)"
|
||||
data-top-bottom="transform: translate3d(0px, 50px, 0px)" @endif
|
||||
alt>
|
||||
</div>
|
||||
@break($loop->index == 3)
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row position-relative">
|
||||
<div class="col swiper feather-shadow text-cente"
|
||||
data-slider-options="{ "slidesPerView": "auto", "spaceBetween":0, "centeredSlides": true, "speed": 10000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":1, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper swiper-width-auto marquee-slide">
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-28 sm-fs-22 alt-font ls-minus-05px text-dark-gray"><span
|
||||
class="w-10px h-10px border border-radius-100 border-color-base-color d-inline-block ms-50px me-50px md-ms-30px md-me-30px"></span>Modern
|
||||
Classroom for best Learning Environment</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-28 sm-fs-22 alt-font ls-minus-05px text-dark-gray"><span
|
||||
class="w-10px h-10px border border-radius-100 border-color-base-color d-inline-block ms-50px me-50px md-ms-30px md-me-30px"></span>Almost
|
||||
2 decades of experieced & effective teaching methods</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-28 sm-fs-22 alt-font ls-minus-05px text-dark-gray"><span
|
||||
class="w-10px h-10px border border-radius-100 border-color-base-color d-inline-block ms-50px me-50px md-ms-30px md-me-30px"></span>Full
|
||||
Assistance with guide books and materials</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-28 sm-fs-22 alt-font ls-minus-05px text-dark-gray"><span
|
||||
class="w-10px h-10px border border-radius-100 border-color-base-color d-inline-block ms-50px me-50px md-ms-30px md-me-30px"></span>Sustainable
|
||||
and meaningful ecosystem of hospitality</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-28 sm-fs-22 alt-font ls-minus-05px text-dark-gray"><span
|
||||
class="w-10px h-10px border border-radius-100 border-color-base-color d-inline-block ms-50px me-50px md-ms-30px md-me-30px"></span>Our
|
||||
hotel has been present for over 20 years</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-28 sm-fs-22 alt-font ls-minus-05px text-dark-gray"><span
|
||||
class="w-10px h-10px border border-radius-100 border-color-base-color d-inline-block ms-50px me-50px md-ms-30px md-me-30px"></span>We
|
||||
make the best for all our customers</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="bg-very-light-gray background-position-right-top background-no-repeat half-section"
|
||||
style="background-image: url('images/demo-ebook-07.jpg')">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center">
|
||||
<div class="col-lg-6 col-md-10 contact-form-style-03 md-mb-50px sm-mb-30px"
|
||||
data-anime="{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
<div class="p-14 lg-p-11 border-radius-6px bg-dark-gray h-100">
|
||||
<h4 class="fw-500 alt-font text-white mb-30px md-mb-15px ls-minus-1px">Sign Up
|
||||
Today!</h3>
|
||||
|
||||
<form action="{{ route('enquiry.store') }}" method="post"
|
||||
id="contact-form">
|
||||
@csrf
|
||||
<div class="position-relative form-group mb-20px">
|
||||
<span class="form-icon"><i
|
||||
class="bi bi-person icon-extra-medium"></i></span>
|
||||
<input
|
||||
class="ps-2 border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray form-control required"
|
||||
type="text" name="name" placeholder="Enter your name*"
|
||||
required>
|
||||
</div>
|
||||
<div class="position-relative form-group mb-20px">
|
||||
<span class="form-icon"><i
|
||||
class="bi bi-envelope icon-extra-medium"></i></span>
|
||||
<input
|
||||
class="ps-2 border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray form-control required"
|
||||
type="email" name="email"
|
||||
placeholder="Enter your email address*" required>
|
||||
</div>
|
||||
|
||||
<div class="position-relative form-group mb-20px">
|
||||
<span class="form-icon"><i
|
||||
class="bi bi-phone icon-extra-medium"></i></span>
|
||||
<input
|
||||
class="ps-2 border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray form-control required"
|
||||
type="text" name="mobile" placeholder="Enter mobile number*"
|
||||
required>
|
||||
</div>
|
||||
|
||||
<div class="position-relative form-group mb-20px">
|
||||
<span class="form-icon"><i
|
||||
class="bi bi-display icon-extra-medium"></i></span>
|
||||
<select
|
||||
class="ps-2 border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray form-select required"
|
||||
name="class" required>
|
||||
<option
|
||||
class="border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray"
|
||||
value="" selected>Select Class</option>
|
||||
<option
|
||||
class="border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray"
|
||||
value="ILETS">ILETs</option>
|
||||
<option
|
||||
class="border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray"
|
||||
value="PTE">PTE</option>
|
||||
<option
|
||||
class="border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray"
|
||||
value="Duolingo">Duolingo</option>
|
||||
<option
|
||||
class="border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray"
|
||||
value="TOEFL">TOEFL</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="position-relative form-group form-textarea mt-15px mb-25px">
|
||||
<textarea
|
||||
class="ps-2 border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray form-control"
|
||||
name="message" placeholder="Enter your message" id="message" rows="3"></textarea>
|
||||
<span class="form-icon"><i
|
||||
class="bi bi-chat-square-dots icon-extra-medium"></i></span>
|
||||
|
||||
@if (setting('enable_reCaptcha') == 1)
|
||||
<div class="mt-15px mb-15px">
|
||||
<div id="g-recaptcha-response" class="g-recaptcha mb-2"
|
||||
data-sitekey="{{ setting('recaptcha_site_key') }}"></div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<button
|
||||
class="btn btn-medium btn-base-color mt-30px w-100 btn-round-edge btn-box-shadow"
|
||||
type="submit" id="submit">Submit now</button>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 alert-notification">
|
||||
<div id="message-notification" class="alert-msg mt-2 text-success">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-lg-1 col-md-10 text-center text-lg-start"
|
||||
data-anime="{ "el": "childs", "translateY": [0, 0], "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
<span
|
||||
class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Good
|
||||
Reasons to
|
||||
Take the First Step Today</span>
|
||||
<h2 class="fw-600 text-dark-gray ls-minus-2px mb-35px">What Our Students Are Saying
|
||||
</h2>
|
||||
<div class="swiper position-relative magic-cursor"
|
||||
data-slider-options="{ "autoHeight": true, "loop": true, "allowTouchMove": true, "autoplay": { "delay": 4000, "disableOnInteraction": false }, "navigation": { "nextEl": ".swiper-button-next", "prevEl": ".swiper-button-prev" }, "effect": "fade" }">
|
||||
<div class="swiper-wrapper mb-50px lg-mb-35px">
|
||||
@foreach ($testimonials as $testimonial)
|
||||
<div class="swiper-slide review-style-08">
|
||||
<p class="fs-18">{{ $testimonial->description }}</p>
|
||||
<div class="mt-20px">
|
||||
<img class="rounded-circle w-95px h-95px me-15px"
|
||||
src="{{ $testimonial->image }}" alt>
|
||||
<div class="d-inline-block align-middle text-start">
|
||||
<div class="text-dark-gray fs-20 fw-600 ls-minus-05px">
|
||||
{{ $testimonial->title }}</div>
|
||||
<div class="review-star-icon fs-18">
|
||||
<i class="bi bi-star-fill"></i><i
|
||||
class="bi bi-star-fill"></i><i
|
||||
class="bi bi-star-fill"></i><i
|
||||
class="bi bi-star-fill"></i><i
|
||||
class="bi bi-star-fill"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center justify-content-lg-start">
|
||||
|
||||
<div
|
||||
class="slider-one-slide-prev-1 swiper-button-prev slider-navigation-style-04 bg-white text-dark-gray box-shadow-medium">
|
||||
<i class="fa-solid fa-arrow-left icon-small text-dark-gray"></i>
|
||||
</div>
|
||||
<div
|
||||
class="slider-one-slide-next-1 swiper-button-next slider-navigation-style-04 bg-white text-dark-gray box-shadow-medium">
|
||||
<i class="fa-solid fa-arrow-right icon-small text-dark-gray"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,176 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@php
|
||||
$firstAcc = $page->children[0];
|
||||
@endphp
|
||||
<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->count() > 0)
|
||||
<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 $child)
|
||||
<li class="px-20 tab-btn cursor-pointer show fade {{ $loop->first ? 'active' : '' }}"
|
||||
role="tabpanel" onclick="showTab('tabs_{{ $loop->index + 1 }}')">
|
||||
<div class="text-17 font-bold flex gap-10 items-center">
|
||||
<img class="w-40" src="{{ asset('raffles/assets/images/icons/one.svg') }}"
|
||||
alt="">
|
||||
<h5 class="text-16 p-0 m-0">{{ $child->title }}</h5>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col col-md-9">
|
||||
<div class="second-row">
|
||||
@foreach ($page->children as $child)
|
||||
<div class="tab-pane {{ $loop->first ? 'active' : '' }}" id="tabs_{{ $loop->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">
|
||||
{{ $child->title }}
|
||||
</h3>
|
||||
<div class="accordion accordion-title-underlined accordion-sm pt-20"
|
||||
id="accordion-questions" role="tablist" aria-multiselectable="true">
|
||||
|
||||
@foreach ($page->custom as $index => $item)
|
||||
@php
|
||||
$isFirst = $loop->first;
|
||||
$headingId = 'heading-question-' . ($index + 1);
|
||||
$collapseId = 'collapse-question-item-' . ($index + 1);
|
||||
@endphp
|
||||
|
||||
<div class="accordion-item panel mb-10">
|
||||
<div class="accordion-heading" role="tab"
|
||||
id="{{ $headingId }}">
|
||||
<h4 class="accordion-title">
|
||||
<a class="accordion-toggle text-17 font-bold {{ $isFirst ? '' : 'collapsed' }}"
|
||||
role="button" data-bs-toggle="collapse"
|
||||
href="#{{ $collapseId }}"
|
||||
aria-expanded="{{ $isFirst ? 'true' : 'false' }}"
|
||||
aria-controls="{{ $collapseId }}">
|
||||
<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="{{ $collapseId }}"
|
||||
class="accordion-collapse collapse {{ $isFirst ? 'show' : '' }}"
|
||||
aria-labelledby="{{ $headingId }}"
|
||||
data-bs-parent="#accordion-questions">
|
||||
<div
|
||||
class="accordion-content text-14 leading-20 text-black">
|
||||
<p>{{ $item['key'] }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@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 $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['icon'] }}
|
||||
</h2>
|
||||
</div>
|
||||
<div class="lqd-lp-excerpt">
|
||||
<p>
|
||||
{{ $item['key'] }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
</section>
|
||||
@endsection
|
||||
148
resources/views/client/raffles/pages/team-template.blade.php
Normal file
148
resources/views/client/raffles/pages/team-template.blade.php
Normal file
@@ -0,0 +1,148 @@
|
||||
@php
|
||||
$teams = getTeams(limit: null, order: 'asc');
|
||||
@endphp
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
|
||||
|
||||
<section id="down-section">
|
||||
<div id="particles-01" data-particle="true"
|
||||
data-particle-options="{"particles": {"number": {"value": 6,"density": {"enable": true,"value_area": 1000}},"color":{"value":["#b7b9be", "#dd6531"]},"shape": {"type": "circle","stroke":{"width":0,"color":"#000000"}},"opacity": {"value": 0.5,"random": false,"anim": {"enable": false,"speed": 1,"sync": false}},"size": {"value": 8,"random": true,"anim": {"enable": false,"sync": true}},"move": {"enable": true,"speed":2,"direction": "right","random": false,"straight": false}},"interactivity": {"detect_on": "canvas","events": {"onhover": {"enable": false,"mode": "repulse"},"onclick": {"enable": false,"mode": "push"},"resize": true}},"retina_detect": false}"
|
||||
class="position-absolute h-100 top-0 left-0 z-index-minus-1"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center align-items-end text-center text-lg-start">
|
||||
<div class="col-xl-5 col-lg-6 md-mb-30px xs-mb-25px">
|
||||
<h2 class="fw-600 text-dark-gray ls-minus-2px mb-0"
|
||||
data-anime="{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
{{ $page->short_description }}</h2>
|
||||
</div>
|
||||
<div class="col-lg-6 offset-xl-1">
|
||||
<p class="w-90 sm-w-100 mx-auto mx-lg-0"
|
||||
data-anime="{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
{!! $page->description !!}</p>
|
||||
<a target="{{ $page->button_target }}" href="{{ $page->button_url }}"
|
||||
class="btn btn-link btn-large text-dark-gray fw-600"
|
||||
data-anime="{ "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 300, "staggervalue": 300, "easing": "easeOutQuad" }">{{ $page->button_text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center align-items-center mt-5 md-mt-10">
|
||||
|
||||
<div class="col-xl-4 col-lg-3 col-md-4 sm-mb-35px"
|
||||
data-anime="{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
|
||||
@isset($page->custom)
|
||||
@foreach ($page->custom as $item)
|
||||
<div class="row align-items-center @if ($loop->first) mb-50px sm-mb-35px @endif">
|
||||
<div class="col-5 col-xl-5 col-md-12 text-end">
|
||||
<h2 class="alt-font fw-600 text-dark-gray ls-minus-2px mb-0 counter" data-speed="2000"
|
||||
data-to="{{ $item['icon'] ?? '' }}"></h2>
|
||||
</div>
|
||||
<div class="col-7 col-xl-7 col-md-12 last-paragraph-no-margin text-md-end text-xl-start">
|
||||
<span class="fs-20 text-dark-gray fw-600 alt-font">{{ $item['key'] ?? '' }}</span>
|
||||
<p>{{ $item['value'] ?? '' }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@break($loop->index == 1)
|
||||
@endforeach
|
||||
@endisset
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-lg-6 col-md-4 text-center animation-float sm-mb-65px"
|
||||
data-anime="{ "el": "childs", "scale": [0, 1], "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
<img class="border-radius-100 w-350px" src="{{ $page->image }}" alt="{{ $page->title }}" />
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-3 col-md-4"
|
||||
data-anime="{ "el": "childs", "translateX": [-50, 0], "opacity": [0,1], "duration": 600, "delay": 200, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
|
||||
@isset($page->custom)
|
||||
@foreach (collect($page->custom)->skip(2) as $item)
|
||||
<div class="row align-items-center @if ($loop->first) mb-50px sm-mb-35px @endif">
|
||||
<div class="col-5 col-xl-5 col-md-12 text-end text-xl-end text-md-start">
|
||||
<h2 class="alt-font fw-600 text-dark-gray ls-minus-2px mb-0 counter" data-speed="2000"
|
||||
data-to="{{ $item['icon'] ?? '' }}"></h2>
|
||||
</div>
|
||||
<div class="col-7 col-xl-7 col-md-12 last-paragraph-no-margin">
|
||||
<span class="fs-20 text-dark-gray fw-600 alt-font">{{ $item['key'] ?? '' }}</span>
|
||||
<p>{{ $item['value'] ?? '' }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@endisset
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@isset($teams)
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center mb-3">
|
||||
<div class="col-xl-5 col-lg-6 col-sm-8 text-center"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<span
|
||||
class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Creative
|
||||
team</span>
|
||||
<h3 class="alt-font text-dark-gray fw-600 ls-minus-2px">Committed staff are ready to help you</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "translateX": [-30, 0], "opacity": [0,1], "duration": 700, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
|
||||
@foreach ($teams as $team)
|
||||
<div class="col text-center team-style-05 md-mb-35px">
|
||||
<div class="position-relative mb-30px last-paragraph-no-margin">
|
||||
<img src="{{ $team->image }}" class="border-radius-4px" alt="{{ $team->title }}" />
|
||||
{{-- <div
|
||||
class="w-100 h-100 d-flex flex-column justify-content-end align-items-center border-radius-4px p-40px team-content bg-base-color-transparent">
|
||||
<p class="text-white w-80 lg-w-75 sm-w-80 absolute-middle-center opacity-7">Lorem ipsum simply
|
||||
of printing typesetting.</p>
|
||||
<div class="social-icon fs-19">
|
||||
<a href="https://www.facebook.com/" target="_blank" class="text-white"><i
|
||||
class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="https://www.instagram.com/" target="_blank" class="text-white"><i
|
||||
class="fa-brands fa-instagram"></i></a>
|
||||
<a href="https://www.twitter.com/" target="_blank" class="text-white"><i
|
||||
class="fa-brands fa-twitter"></i></a>
|
||||
</div>
|
||||
</div> --}}
|
||||
</div>
|
||||
<div class="alt-font fw-500 text-dark-gray lh-22 fs-18">{{ $team->title }}</div>
|
||||
<span>{{ $team->designation }}</span>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
|
||||
<section class="background-position-center-top position-relative overflow-hidden py-0 sm-background-image-none"
|
||||
style="background-image: url('{{asset('raffles/assets/images/vertical-line-bg.svg')}}')">
|
||||
<div class="skrollr-parallax mx-auto" data-bottom-top="width: 70%" data-center-top="width: 100%;"
|
||||
data-parallax-background-ratio="0.5" style="background-image: url('{{ $page->getRawOriginal("images") ? $page->images[0] : '' }}')">
|
||||
<div class="opacity-extra-medium bg-dark-gray"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center align-items-center one-third-screen">
|
||||
<div
|
||||
class="col-xl-6 col-lg-8 text-center position-relative last-paragraph-no-margin parallax-scrolling-style-2">
|
||||
<a href="{{ $page->link }}"
|
||||
aria-label="popup-video"
|
||||
class="position-relative d-inline-block text-center bg-gradient-emerald-blue-emerald-green rounded-circle video-icon-box video-icon-large popup-youtube mb-9 md-mb-6">
|
||||
<span>
|
||||
<span class="video-icon">
|
||||
<i class="fa-solid fa-play text-white"></i>
|
||||
<span class="video-icon-sonar">
|
||||
<span
|
||||
class="video-icon-sonar-bfr bg-gradient-emerald-blue-emerald-green opacity-9"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@@ -0,0 +1,187 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
|
||||
<div class="test-preparations-banner">
|
||||
<img src="{{ $page->banner ?? '' }}" width="1425" height="356" alt="prepare ielts">
|
||||
</div>
|
||||
|
||||
|
||||
<section class="container py-30 free-resources">
|
||||
<div class="row">
|
||||
<div class="col col-md-3"></div>
|
||||
<div class="col col-md-9">
|
||||
<div class="flex justify-between items-center ">
|
||||
<div>
|
||||
<h2 class="md:text-30 text-60 text-sec"> {{ $page->title }}</h2>
|
||||
<div class="title-line "></div>
|
||||
</div>
|
||||
<button class="review-button">
|
||||
<p>Review</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($page->children->count() > 0)
|
||||
<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 $child)
|
||||
<li class="px-20 tab-btn cursor-pointer show fade {{ $loop->first ? 'active' : '' }}"
|
||||
role="tabpanel" onclick="showTab('tabs_{{ $loop->index + 1 }}')">
|
||||
<div class="text-17 font-bold flex gap-10 items-center">
|
||||
<img class="w-40" src="{{ asset('raffles/assets/images/icons/one.svg') }}"
|
||||
alt="">
|
||||
<h5 class="text-16 p-0 m-0">{{ $child->title }}</h5>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col col-md-9">
|
||||
<div class="second-row">
|
||||
@foreach ($page->children as $child)
|
||||
<div class="tab-pane {{ $loop->first ? 'active' : '' }}" id="tabs_{{ $loop->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->title }}</h3>
|
||||
<div class="row items-center">
|
||||
<div class="col col-md-6">
|
||||
<p class="text-16 text-justify">
|
||||
{{ $child->short_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">
|
||||
{{ $child->title }}
|
||||
</h3>
|
||||
<div class="accordion accordion-title-underlined accordion-sm pt-20"
|
||||
id="accordion-questions" role="tablist" aria-multiselectable="true">
|
||||
|
||||
@foreach ($page->custom as $index => $item)
|
||||
@php
|
||||
$isFirst = $loop->first;
|
||||
$headingId = 'heading-question-' . ($index + 1);
|
||||
$collapseId = 'collapse-question-item-' . ($index + 1);
|
||||
@endphp
|
||||
|
||||
<div class="accordion-item panel mb-10">
|
||||
<div class="accordion-heading" role="tab"
|
||||
id="{{ $headingId }}">
|
||||
<h4 class="accordion-title">
|
||||
<a class="accordion-toggle text-17 font-bold {{ $isFirst ? '' : 'collapsed' }}"
|
||||
role="button" data-bs-toggle="collapse"
|
||||
href="#{{ $collapseId }}"
|
||||
aria-expanded="{{ $isFirst ? 'true' : 'false' }}"
|
||||
aria-controls="{{ $collapseId }}">
|
||||
<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['key'] }}</span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="{{ $collapseId }}"
|
||||
class="accordion-collapse collapse {{ $isFirst ? 'show' : '' }}"
|
||||
aria-labelledby="{{ $headingId }}"
|
||||
data-bs-parent="#accordion-questions">
|
||||
<div
|
||||
class="accordion-content text-14 leading-20 text-black">
|
||||
<p>{{ $item['value'] }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@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 $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['icon'] }}
|
||||
</h2>
|
||||
</div>
|
||||
<div class="lqd-lp-excerpt">
|
||||
<p>
|
||||
{{ $item['key'] }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
|
||||
</section>
|
||||
@endsection
|
||||
@@ -0,0 +1,95 @@
|
||||
@php
|
||||
$testimonials = getTestimonials(limit: null, order: 'desc');
|
||||
$visaGalleries = getGalleriesByCategory(limit: 3, order: 'asc', category: 'visa-grant');
|
||||
@endphp
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
|
||||
<section class="half-section position-relative">
|
||||
<div id="particles-01" data-particle="true"
|
||||
data-particle-options="{"particles": {"number": {"value": 10,"density": {"enable": true,"value_area": 1000}},"color":{"value":["#ff5b74", "#820f89"]},"shape": {"type": "circle","stroke":{"width":0,"color":"#000000"}},"opacity": {"value": 0.7,"random": false,"anim": {"enable": false,"speed": 2,"sync": false}},"size": {"value": 7,"random": true,"anim": {"enable": false,"sync": true}},"move": {"enable": true,"speed":2,"direction": "right","random": false,"straight": false}},"interactivity": {"detect_on": "canvas","events": {"onhover": {"enable": false,"mode": "repulse"},"onclick": {"enable": false,"mode": "push"},"resize": true}},"retina_detect": false}"
|
||||
class="position-absolute top-0px left-0px w-100 z-index-minus-1"></div>
|
||||
<div class="container-fluid">
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xxl-4 col-xl-5 col-lg-6 col-sm-8 text-center"
|
||||
data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
|
||||
<span
|
||||
class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Student
|
||||
speaks</span>
|
||||
<h3 class="alt-font text-dark-gray fw-600 ls-minus-1px mb-0">{{ $page->short_description }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 text-center"
|
||||
data-anime="{ "rotateX": [-40, 0], "opacity": [0,1], "duration": 1200, "delay": 100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="swiper swiper-horizontal-3d pt-8 pb-5 lg-pt-10 lg-pb-10 md-pt-12 sm-pt-15 sm-pb-11 swiper-pagination-bottom testimonials-style-04 magic-cursor"
|
||||
data-slider-options="{ "loop": true, "slidesPerView": 1,"centeredSlides":true,"effect":"coverflow","coverflowEffect":{"rotate":0,"stretch":100,"depth":150,"modifier":1.5,"slideShadows":true}, "navigation": { "nextEl": ".swiper-button-next-nav.slider-navigation-style-04", "prevEl": ".swiper-button-previous-nav.slider-navigation-style-04" }, "autoplay": { "delay": 5000, "disableOnInteraction": false }, "pagination": { "el": ".swiper-pagination-04", "clickable": true, "dynamicBullets": true }, "breakpoints": { "768": { "slidesPerView": 2 } } }">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
@if ($testimonials)
|
||||
@foreach ($testimonials as $testimonial)
|
||||
<div class="swiper-slide bg-white border-radius-4px">
|
||||
<div
|
||||
class="position-relative ps-13 pe-13 md-ps-10 md-pe-10 sm-ps-7 sm-pe-7 pt-20 pb-10 lg-pt-22 md-pt-30 sm-pt-20">
|
||||
<img alt src="{{ $testimonial->image }}"
|
||||
class="absolute-middle-center top-0px rounded-circle w-150px xs-w-100px border border-color-white box-shadow-extra-large border-8">
|
||||
<div class="testimonials-content">
|
||||
|
||||
<p class="mb-25px">{!! $testimonial->description !!}
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
class="testimonials-author fs-18 mb-5px text-gradient-fast-blue-purple fw-600 d-inline-block">
|
||||
{{ $testimonial->title }}</div>
|
||||
<div class="testimonials-position fs-15 lh-20">{{ $testimonial->designation }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 text-center"
|
||||
data-anime="{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div
|
||||
class="text-center bg-dark-gray text-white fs-16 lh-36 border-radius-30px d-inline-block ps-20px pe-20px align-middle me-10px mt-10px mb-10px">
|
||||
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i
|
||||
class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||||
</div>
|
||||
<h6 class="text-dark-gray fw-400 mb-0 d-inline-block align-middle ls-minus-1px">Explore more <span
|
||||
class="fw-700">Student Stories</span> on <a href="https://www.youtube.com/@raffleseducare"
|
||||
target="_blank"><img class="img-fluid h-35px"
|
||||
src="{{ asset('raffles/assets/images/youtube.png') }}" alt="YouTube Logo" /></a></h6>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@if ($visaGalleries->galleries->isNotEmpty())
|
||||
<section class="half-section bg-gradient-very-light-gray ps-6 pe-6 lg-ps-2 lg-pe-2">
|
||||
<div class="container-fluid">
|
||||
<div class="row gy-3 row-cols-1 row-cols-lg-3 row-cols-sm-2">
|
||||
@foreach ($visaGalleries->galleries as $gallery)
|
||||
<div class="col fit-videos text-center md-mb-50px sm-mb-30px">
|
||||
<div class="fluid-width-video-wrapper" style="padding-top: 56.25%;">
|
||||
<iframe src="{{ $gallery->link }}" name="fitvid0"></iframe>
|
||||
</div>
|
||||
<div class="text-dark-gray fs-18 fw-600 mt-5">{{ $gallery->title }}</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
@endsection
|
||||
22
resources/views/client/raffles/pagination/custom.blade.php
Normal file
22
resources/views/client/raffles/pagination/custom.blade.php
Normal file
@@ -0,0 +1,22 @@
|
||||
<div class="row">
|
||||
<div class="col-12 mt-2 d-flex justify-content-center">
|
||||
<ul class="pagination pagination-style-01 fs-13 fw-500 mb-0"
|
||||
data-anime="{ "translate": [0, 0], "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<li class="page-item"><a class="page-link" href="{{ $data->previousPageUrl() }}"><i
|
||||
class="feather icon-feather-arrow-left fs-18 d-xs-none"></i></a></li>
|
||||
|
||||
@foreach ($data->links()->elements[0] as $page => $url)
|
||||
@if ($page == $data->currentPage())
|
||||
<li class="page-item active"><a class="page-link" href="javascript:void(0);">{{ $page }}</a>
|
||||
</li>
|
||||
@else
|
||||
<li><a href="{{ $url }}">{{ $page }}</a></li>
|
||||
<li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
<li class="page-item"><a class="page-link" href="{{ $data->nextPageUrl() }}"><i
|
||||
class="feather icon-feather-arrow-right fs-18 d-xs-none"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
36
resources/views/client/raffles/parts/achievements.blade.php
Normal file
36
resources/views/client/raffles/parts/achievements.blade.php
Normal file
@@ -0,0 +1,36 @@
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$firstPage = $page->children[3];
|
||||
$words = explode(' ', $firstPage->title);
|
||||
$last_word = array_pop($words);
|
||||
$new_title = implode(' ', $words);
|
||||
@endphp
|
||||
<div class="container py- scroll-section" id="achievement" data-name="Achievement">
|
||||
<div class="w-full block section">
|
||||
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 section-heading-sec text-ter">
|
||||
Achievements
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="py-40">
|
||||
<div class="swiper mySwiper-img">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($firstPage as $item)
|
||||
@foreach ($firstPage->images as $data)
|
||||
<div class="swiper-slide">
|
||||
<img class="rounded-10" src="{{ $data }}" alt="">
|
||||
</div>
|
||||
@endforeach
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endif
|
||||
170
resources/views/client/raffles/parts/banner.blade.php
Normal file
170
resources/views/client/raffles/parts/banner.blade.php
Normal file
@@ -0,0 +1,170 @@
|
||||
<div id="lqd-contents-wrap">
|
||||
<section class="lqd-section banner pt-140 pb-80 scroll-section" id="banner" data-name="Banner">
|
||||
<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 class="banner-size">
|
||||
<div class="swiper swiper-banner">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($sliders as $slider)
|
||||
<div class="swiper-slide">
|
||||
<div class="row">
|
||||
<div class="col col-12 col-md-7 col-xl-6" data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"y": "60px", "rotationY":65, "opacity":0, "transformOrigin": "50% 50% 80px"} , "animations":{"y": "0px", "rotationY":0, "opacity":1, "transformOrigin": "50% 50% 0px"}}'>
|
||||
<div class="flex flex-wrap module-content mt-5 mr-80">
|
||||
<div class=" w-full ld-fancy-heading relative animation-element">
|
||||
|
||||
<h1
|
||||
class="ld-fh-element inline-block relative -tracking-1/5 mb-0 text-four font-light">
|
||||
{{ $slider->title }}
|
||||
</h1>
|
||||
|
||||
|
||||
</div>
|
||||
<div class=" w-full ld-fancy-heading relative animation-element">
|
||||
<h3
|
||||
class="ld-fh-element inline-block relative -tracking-1/5 mb-0 font-light text-ter">
|
||||
with expert
|
||||
</h3>
|
||||
</div>
|
||||
<div class="mb-20 w-full ld-fancy-heading relative animation-element">
|
||||
<h3
|
||||
class="ld-fh-element inline-block relative -tracking-1/5 mb-0 font-light text-ter">
|
||||
guidance from
|
||||
</h3>
|
||||
</div>
|
||||
<div class="-mt-10 mb-10 w-full ld-fancy-heading relative animation-element">
|
||||
<h3 class="ld-fh-element inline-block relative text-rotator-activated bg-transparent -tracking-1/5 m-0 animated-text"
|
||||
data-text-rotator="true">
|
||||
<span class="txt-rotate-keywords"><span
|
||||
class="txt-rotate-keyword active">international
|
||||
students</span>
|
||||
<span class="txt-rotate-keyword ">international students</span>
|
||||
<span class="txt-rotate-keyword ">international
|
||||
students</span></span>
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-wrap flex-xl-nowrap">
|
||||
<div class="w-100percent lg:w-full flex animation-element">
|
||||
|
||||
<a href="study-usa.php"
|
||||
class="btn btn-solid btn-hover-txt-marquee btn-hover-txt-marquee-y btn-icon-right lg:text-12 text-18 font-light rounded-20 leading-5 bg-brand module-btn-sm">
|
||||
<span class="btn-txt " data-text="Find my dream university"
|
||||
data-split-text="true"
|
||||
data-split-options='{"type": "chars, words"}'>Find my dream
|
||||
university</span>
|
||||
<span class="btn-icon mt-3"><i
|
||||
class="fa-solid fa-arrow-right text-11 bg-white rounded-full text-brand banner-arrow"></i></span></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<section class="lqd-section social-media pt-40 w-85percent">
|
||||
<div class="">
|
||||
<div class="row py-25 px-5 rounded-20 bg-yellow">
|
||||
<div class="col col-6 col-md-3 text-center p-0">
|
||||
<div
|
||||
class=" iconbox flex flex-grow-1 relative flex-col iconbox-default border-right border-white">
|
||||
<div>
|
||||
|
||||
<h3 class=" text-ter text-22 font-light m-0"><span
|
||||
class="counter" data-target="4">0</span> k</h3>
|
||||
</div>
|
||||
<div class="contents">
|
||||
<h3
|
||||
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
|
||||
Universities
|
||||
</h3>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-3 text-center p-0 ">
|
||||
<div
|
||||
class="iconbox flex flex-grow-1 relative flex-col iconbox-default border-right border-white">
|
||||
<div>
|
||||
<h3 class=" text-ter text-22 font-light m-0"><span
|
||||
class="counter" data-target="3">0</span> k</h3>
|
||||
</div>
|
||||
<div class="contents">
|
||||
<h3
|
||||
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
|
||||
mentors
|
||||
</h3>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-3 text-center p-0">
|
||||
<div
|
||||
class="iconbox flex flex-grow-1 relative flex-col iconbox-default border-right border-white">
|
||||
<div>
|
||||
<h3 class=" text-ter text-22 font-light m-0"><span
|
||||
class="counter" data-target="40">0</span> </h3>
|
||||
</div>
|
||||
<div class="contents">
|
||||
<h3
|
||||
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
|
||||
countries
|
||||
</h3>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-3 text-center p-0">
|
||||
<div
|
||||
class=" iconbox flex flex-grow-1 relative flex-col iconbox-default ">
|
||||
<div>
|
||||
<h3 class=" text-ter text-22 font-light m-0"><span
|
||||
class="counter" data-target="90">0</span> k</h3>
|
||||
</div>
|
||||
<div class="contents">
|
||||
<h3
|
||||
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
|
||||
success stories
|
||||
</h3>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12 col-md-5 col-xl-6">
|
||||
<div class="mb-20"></div>
|
||||
<div class="lg:w-full lg:text-end bg-center bg-contain bg-no-repeat -mt-20"
|
||||
style="background-image: url('assets/images/demo/start-hub-1/shape-Blob.svg');">
|
||||
<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">
|
||||
<video autoplay muted loop src="{{ asset($slider->images[0]) }}">
|
||||
</video>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
81
resources/views/client/raffles/parts/contact.blade.php
Normal file
81
resources/views/client/raffles/parts/contact.blade.php
Normal file
@@ -0,0 +1,81 @@
|
||||
<section class="lqd-section how-it-work scroll-section" id="contact" data-name="Contact">
|
||||
<div class="container w-full block mb-35 section">
|
||||
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 text-four font-light">
|
||||
Do you have a <span class="section-heading-sec text-ter">Query?</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class=" bg-brand rounded-20 py-20 px-20">
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-md-6 " data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".btn, h2", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
<div
|
||||
class="w-full p-10 ml-5 bg-white rounded-10 module-title flex flex-col h-full relative bg-size bg-no-repeat bg-center-right transition-all pt-30 px-20 mr-50 sm:mr-0">
|
||||
|
||||
<div class="d-flex justify-center pt-10">
|
||||
<h2
|
||||
class="ld-fh-element mb-0/2em inline-block relative leading-45 -mt-0/2em section-heading">
|
||||
Get in Touch
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<form action="{{ route('enquiry.store') }}" method="post" id="contact-form">
|
||||
@csrf
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="name"
|
||||
id="" placeholder="Full Name">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="phone"
|
||||
id="" placeholder="Phone">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name="email"
|
||||
id="" placeholder="Email">
|
||||
<textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10" name="message" id="" placeholder="Message"></textarea>
|
||||
<button class="button-hover px-20 py-10 bg-brand text-white rounded-30 text-14 border-0"
|
||||
type="submit" id="submit-btn">Submit</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- next column -->
|
||||
<div class="col col-12 col-md-6" data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".accordion", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
|
||||
<h2 class="text-26 text-white text-center">FAQ</h2>
|
||||
<div class="accordion accordion-title-underlined accordion-sm xl:ml-0 pl-10"
|
||||
id="accordion-questions" role="tablist" aria-multiselectable="true">
|
||||
@foreach ($faqs as $index => $faq)
|
||||
<div class="accordion-item panel mb-10">
|
||||
<div class="accordion-heading" role="tab" id="contact-question-{{ $index + 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-contact-{{ $index + 1 }}"
|
||||
aria-expanded="false" aria-controls="collapse-question-contact-1"><span
|
||||
class="accordion-title-txt">{{ $faq->title }}</span>
|
||||
<span class="accordion-expander text-16 text-white"><i
|
||||
class="lqd-icn-ess icon-ion-ios-add"></i>
|
||||
<i class="lqd-icn-ess icon-ion-ios-remove"></i></span></a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse-question-contact-{{ $index + 1 }}"
|
||||
class="accordion-collapse collapse" data-bs-parent="#accordion-questions"
|
||||
role="tabpanel" aria-labelledby="contact-question-{{ $index + 1 }}">
|
||||
<div class="accordion-content text-14 leading-20 text-white">
|
||||
<p>
|
||||
{{ $faq->description }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
41
resources/views/client/raffles/parts/courses.blade.php
Normal file
41
resources/views/client/raffles/parts/courses.blade.php
Normal file
@@ -0,0 +1,41 @@
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$firstCourse = $page->children[2];
|
||||
@endphp
|
||||
|
||||
<section class="course-section">
|
||||
|
||||
|
||||
<div class="container mb-20 scroll-section" id="course" data-name="Course">
|
||||
<div class="w-full block mb-35 section">
|
||||
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 section-heading-sec">
|
||||
Courses
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row ">
|
||||
@foreach ($firstCourse->custom as $index => $data)
|
||||
<div class=" col col-md-3">
|
||||
<a href="course-finder.php" class=" course-box rounded-10 ">
|
||||
<div class="w-100">
|
||||
<img class="w-full " src="{{ asset($firstCourse->images[$index]) }}" alt="">
|
||||
</div>
|
||||
<div class="pt-10">
|
||||
<p class=" text-16 text-white m-0">{{ $data['key'] ?? '' }}</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="flex justify-center mt-30">
|
||||
<a class="button-hover px-10 py-5 bg-sec text-16 text-white rounded-30" href="/course-finder">Apply
|
||||
Now</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
99
resources/views/client/raffles/parts/get-in-touch.blade.php
Normal file
99
resources/views/client/raffles/parts/get-in-touch.blade.php
Normal file
@@ -0,0 +1,99 @@
|
||||
<div id="get-in-touch-page" class="popup-container">
|
||||
|
||||
<span id="close-btn" class="close-btn"><i class="fa-solid fa-xmark text-18 text-black"></i></span>
|
||||
|
||||
<div class="popup-container-inside ">
|
||||
<div class="row">
|
||||
<div class=" col-md-9 ">
|
||||
<div class="inside1">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class=" col-md-3 ">
|
||||
<div class="inside2">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="inside-content">
|
||||
<div class="row">
|
||||
<div class=" col-md-7 " data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".btn, h2", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
<div
|
||||
class="w-full p-30 ml-5 bg-white rounded-10 module-title flex flex-col h-full relative bg-size bg-no-repeat bg-center-right transition-all mr-50 sm:mr-0">
|
||||
|
||||
<div class=" pt-10">
|
||||
<h4 class="text-ter text-46">
|
||||
Get in <span class="text-brand">touch</span>
|
||||
</h4>
|
||||
<h5 class="font-medium text-20">Book your <span class="font-bold">FREE
|
||||
consultation </span>with Certified Counsellors</h5>
|
||||
</div>
|
||||
|
||||
<form action="{{ route('enquiry.store') }}" method="POST" id="contact-form">
|
||||
@csrf
|
||||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
|
||||
name="name" id="name" placeholder=" Name">
|
||||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
|
||||
name="address" id="address" placeholder=" Address">
|
||||
|
||||
<div class="flex justify-between items-center ">
|
||||
|
||||
<input class="w-60percent mb-10 rounded-6 py-15 text-14 px-10" type="email"
|
||||
name="email" id="email" placeholder="Your Email">
|
||||
<input class="w-30percent mb-10 rounded-6 py-15 text-14 px-10" type="number"
|
||||
inputmode="numeric" name="mobile" id="mobile" placeholder="Contact">
|
||||
</div>
|
||||
|
||||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10" type="text" name="score"
|
||||
id="score" placeholder="Language Test Score (ilets overall: 7.0 )">
|
||||
<input class="w-full mb-20 rounded-6 py-15 text-14 px-10" type="text"
|
||||
name="qualification" id="qualification"
|
||||
placeholder="Recent Education Qualification">
|
||||
<input class="mb-20" type="checkbox">
|
||||
<label class="text-14 mb-20" for="">I accept the terms & conditions</label>
|
||||
<button type="submit" id="submit-btn"
|
||||
class=" w-full py-10 bg-sec text-white rounded-10 text-16 border-0 button-hover">
|
||||
<i class="fa-solid fa-paper-plane text-white text-16 pr-5"></i>
|
||||
Send Message</button>
|
||||
</form>
|
||||
|
||||
<div class="flex gap-40 py-30">
|
||||
<div class="flex gap-30 items-center">
|
||||
<i class="fa-solid fa-phone-volume text-black text-24"></i>
|
||||
<div class="flex flex-col gap-5">
|
||||
<h4 class="text-16 text-black">Phone</h4>
|
||||
<a class="text-16 text-brand"
|
||||
href="tel{{ setting('phone') }}">{{ setting('phone') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-30 items-center">
|
||||
<i class="fa-solid fa-envelope text-black text-24"></i>
|
||||
<div class="flex flex-col gap-5">
|
||||
<h4 class="text-16 text-black">E-MAIL</h4>
|
||||
<a class="text-16 text-brand"
|
||||
href="mailto:{{ setting('email') }}">{{ setting('email') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class=" col-md-5 map" data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".btn, h2", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
<iframe src="{{ setting('map') }}" width="100%" height="100%" style="border:0;"
|
||||
allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
278
resources/views/client/raffles/parts/process.blade.php
Normal file
278
resources/views/client/raffles/parts/process.blade.php
Normal file
@@ -0,0 +1,278 @@
|
||||
<section class="lqd-section process scroll-section " id="process" data-name="Process" data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
<div class="container">
|
||||
<div class="w-full block mb-15 section">
|
||||
<div class="w-700 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 text-four font-light">
|
||||
Get Real Guidelines <span class="section-heading-sec text-ter">From Expert Counsellor</span>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<div class="w-full pt-80 -mt-60 mb-0 bg-no-repeat bg-center transition-all bg-auto module-icon-box">
|
||||
<div class="container">
|
||||
<div class="row items-center -mr-20 -ml-20">
|
||||
|
||||
<div class="col col-6 col-md-4 col-lg-2 text-center curve-1">
|
||||
<div
|
||||
class="shadow-green mt-115 mx-20 sm:mx-0 iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-circle animation-element">
|
||||
<div class="iconbox-icon-wrap curve-1 relative">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 w-80 h-80 bg-sec text-white">
|
||||
<img class="w-30 process-icon"
|
||||
src="{{ asset('raffles/assets/images/icons/handshake.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-center">
|
||||
<div class="dotted"></div>
|
||||
</div>
|
||||
<img src="{{ asset('raffles/assets/images/icons/dotted-curve.png') }}"
|
||||
alt="">
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 mb-15 w-40 h-40 bg-sec text-white">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-num-1"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-22 font-bold pb-10">MEET</h3>
|
||||
</div>
|
||||
<div class="w-40 bg-sec h-2 mx-auto mb-5"></div>
|
||||
<div class="contents">
|
||||
<p class="text-14 leading-20 text-secondary">
|
||||
Bring your ideas to life with an intuitive
|
||||
visual editor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-6 col-md-4 col-lg-2 text-center curve-2">
|
||||
<div
|
||||
class="shadow-green mb-30 mx-20 sm:mx-0 iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-circle animation-element">
|
||||
|
||||
<div class="iconbox-icon-wrap curve-1 icon1">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 w-80 h-80 bg-sec text-white">
|
||||
<img class="w-30 process-icon"
|
||||
src="{{ asset('raffles/assets/images/icons/meet.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
<img class="curve-img"
|
||||
src="{{ asset('raffles/assets/images/icons/curve.png') }}"
|
||||
alt="">
|
||||
<img class="curve-img1"
|
||||
src="{{ asset('raffles/assets/images/icons/curve.png') }}"
|
||||
alt="">
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="dotted-b"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 mb-15 w-40 h-40 bg-change text-white">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-num-2"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-22 font-bold pb-10">PLAN</h3>
|
||||
|
||||
</div>
|
||||
<div class="w-40 bg-black h-2 mx-auto mb-5"></div>
|
||||
|
||||
|
||||
<div class="contents">
|
||||
<p class="text-14 leading-20 text-secondary">
|
||||
Bring your ideas to life with an intuitive
|
||||
visual editor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-4 col-lg-2 text-center">
|
||||
<div
|
||||
class="shadow-green mt-115 mx-20 sm:mx-0 iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-circle animation-element">
|
||||
|
||||
<div class="iconbox-icon-wrap curve-1">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 w-80 h-80 bg-sec text-white">
|
||||
<img class="w-30 process-icon"
|
||||
src="{{ asset('raffles/assets/images/icons/prepare.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="dotted"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 mb-15 w-40 h-40 bg-sec text-white">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-num-3"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-22 font-bold pb-10">PREPARE</h3>
|
||||
|
||||
</div>
|
||||
<div class="w-40 bg-sec h-2 mx-auto mb-5"></div>
|
||||
|
||||
|
||||
<div class="contents">
|
||||
<p class="text-14 leading-20 text-secondary">
|
||||
Bring your ideas to life with an intuitive
|
||||
visual editor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-4 col-lg-2 text-center">
|
||||
<div
|
||||
class="shadow-green mb-30 mx-20 sm:mx-0 iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-circle animation-element">
|
||||
|
||||
<div class="iconbox-icon-wrap curve-1 icon1">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 w-80 h-80 bg-sec text-white">
|
||||
<img class="w-30 process-icon"
|
||||
src="{{ asset('raffles/assets/images/icons/apply.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
<img class="curve-img"
|
||||
src="{{ asset('raffles/assets/images/icons/curve.png') }}"
|
||||
alt="">
|
||||
<img class="curve-img1"
|
||||
src="{{ asset('raffles/assets/images/icons/curve.png') }}"
|
||||
alt="">
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="dotted-b"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 mb-15 w-40 h-40 bg-change text-white">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-num-4"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-22 font-bold pb-10">APPLY</h3>
|
||||
|
||||
</div>
|
||||
<div class="w-40 bg-black h-2 mx-auto mb-5"></div>
|
||||
|
||||
|
||||
<div class="contents">
|
||||
<p class="text-14 leading-20 text-secondary">
|
||||
Bring your ideas to life with an intuitive
|
||||
visual editor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-4 col-lg-2 text-center">
|
||||
<div
|
||||
class="shadow-green mt-115 mx-20 sm:mx-0 iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-circle animation-element">
|
||||
|
||||
<div class="iconbox-icon-wrap curve-1">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 w-80 h-80 bg-sec text-white">
|
||||
<img class="w-30 process-icon"
|
||||
src="{{ asset('raffles/assets/images/icons/visa.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="dotted"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 mb-15 w-40 h-40 bg-sec text-white">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-num-5"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-22 font-bold pb-10">VISA</h3>
|
||||
|
||||
</div>
|
||||
<div class="w-40 bg-sec h-2 mx-auto mb-5"></div>
|
||||
|
||||
|
||||
<div class="contents">
|
||||
<p class="text-14 leading-20 text-secondary">
|
||||
Bring your ideas to life with an intuitive
|
||||
visual editor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-4 col-lg-2 text-center">
|
||||
<div
|
||||
class="shadow-green mb-30 mx-20 sm:mx-0 iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-circle animation-element">
|
||||
|
||||
<div class="iconbox-icon-wrap curve-1 icon1">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 w-80 h-80 bg-sec text-white">
|
||||
<img class="w-30 process-icon"
|
||||
src="{{ asset('raffles/assets/images/icons/plane.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
<img class="curve-img"
|
||||
src="{{ asset('raffles/assets/images/icons/curve.png') }}"
|
||||
alt="">
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="dotted-b"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 mb-15 w-40 h-40 bg-change text-white">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-num-6"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-22 font-bold pb-10">FLY ABROAD</h3>
|
||||
|
||||
</div>
|
||||
<div class="w-40 bg-black h-2 mx-auto mb-5"></div>
|
||||
|
||||
|
||||
<div class="contents">
|
||||
<p class="text-14 leading-20 text-secondary">
|
||||
Bring your ideas to life with an intuitive
|
||||
visual editor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="section-break"></div> -->
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,70 @@
|
||||
<div class="w-full block mb-35 section">
|
||||
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 section-heading">
|
||||
Blogs
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
@@ -0,0 +1,70 @@
|
||||
<div class="w-full block mb-35 section">
|
||||
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 section-heading">
|
||||
Blogs
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
@@ -0,0 +1,19 @@
|
||||
<div class="container mt-40">
|
||||
|
||||
<div class="swiper mySwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">Slide 1</div>
|
||||
<div class="swiper-slide">Slide 2</div>
|
||||
<div class="swiper-slide">Slide 3</div>
|
||||
<div class="swiper-slide">Slide 4</div>
|
||||
<div class="swiper-slide">Slide 5</div>
|
||||
<div class="swiper-slide">Slide 6</div>
|
||||
<div class="swiper-slide">Slide 7</div>
|
||||
<div class="swiper-slide">Slide 8</div>
|
||||
<div class="swiper-slide">Slide 9</div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
636
resources/views/client/raffles/parts/testimonial-text.blade.php
Normal file
636
resources/views/client/raffles/parts/testimonial-text.blade.php
Normal file
@@ -0,0 +1,636 @@
|
||||
<div class="container mt-40">
|
||||
|
||||
<div class="swiper mySwiper-text">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($testimonials as $testimonial)
|
||||
<div class="swiper-slide">
|
||||
<div class="box">
|
||||
<div class="flex gap-10 flex-col mt-10">
|
||||
<div class="flex gap-20 ">
|
||||
<img class="w-50 rounded-100 h-50" src="{{ asset($testimonial->image) }}" alt="">
|
||||
<div class="flex flex-col">
|
||||
<h3 class="text-18 font-bold">{{ $testimonial->title }}</h3>
|
||||
<h4 class="text-14 font-light">{{ $testimonial->designation }}</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-5 ml-55">
|
||||
<img class="w-15" src="{{ asset('raffles/assets/images/icons/star.svg') }}"
|
||||
alt="">
|
||||
<img class="w-15" src="{{ asset('raffles/assets/images/icons/star.svg') }}"
|
||||
alt="">
|
||||
<img class="w-15" src="{{ asset('raffles/assets/images/icons/star.svg') }}"
|
||||
alt="">
|
||||
<img class="w-15" src="{{ asset('raffles/assets/images/icons/star.svg') }}"
|
||||
alt="">
|
||||
<img class="w-15" src="{{ asset('raffles/assets/images/icons/star.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-10">
|
||||
<h3 class="text-14 text- font-medium">It was a very good experience!</h3>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<!-- Pagination -->
|
||||
<!-- <div class="swiper-pagination"></div> -->
|
||||
<!-- Navigation Buttons -->
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- <div class="w-full block mb-70 sm:m-0 module-carousels mt-30">
|
||||
<div
|
||||
class="carousel-container carousel-dots-mobile-outside carousel-dots-mobile-center animation-element"
|
||||
>
|
||||
<div
|
||||
class="carousel-items relative"
|
||||
data-lqd-flickity='{"cellAlign": "center", "autoPlay": true, "wrapAround": true, "groupCells": false, "pauseAutoPlayOnHover": false, "prevNextButtons": false, "pageDots": false}'
|
||||
>
|
||||
<div
|
||||
class="carousel-item flex flex-col justify-center px-15 w-50percent lg:w-50percent"
|
||||
>
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<div
|
||||
class="lqd-testi relative lqd-testi-style-19 flex flex-col lqd-testi-card lqd-testi-shadow-sm lqd-testi-details-same lqd-testi-details-inline lqd-testi-quote-18 lqd-testi-avatar-60"
|
||||
>
|
||||
<div class="lqd-testi-extra mb-1/35em">
|
||||
<figure>
|
||||
<img
|
||||
src="assets/images/demo/start-hub-1/client-dark-hulu.svg"
|
||||
alt="Markfortez, Envato User"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-testi-quote mb-1/5em">
|
||||
<blockquote>
|
||||
<p>
|
||||
Design quality and optimization are the key
|
||||
points because of which I chose this theme.
|
||||
Thank you to the developers and support team,
|
||||
you are great.
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="flex mb-0/5em">
|
||||
<ul
|
||||
class="lqd-star-rating lqd-star-rating-shaped lqd-star-rating-fill"
|
||||
>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-testi-info flex flex-col flex-wrap justify-between"
|
||||
>
|
||||
<div class="lqd-testi-details flex items-center">
|
||||
<div class="lqd-testi-np flex items-center">
|
||||
<h3 class="text-blue-500">
|
||||
Markfortez, Envato User
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="carousel-item flex flex-col justify-center px-15 w-50percent lg:w-50percent"
|
||||
>
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<div
|
||||
class="lqd-testi relative lqd-testi-style-19 flex flex-col lqd-testi-card lqd-testi-shadow-sm lqd-testi-details-same lqd-testi-details-inline lqd-testi-quote-18 lqd-testi-avatar-60"
|
||||
>
|
||||
<div class="lqd-testi-extra mb-1/35em">
|
||||
<figure>
|
||||
<img
|
||||
src="assets/images/demo/start-hub-1/client-dark-spotify.svg"
|
||||
alt="Markfortez, Envato User"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-testi-quote mb-1/5em">
|
||||
<blockquote>
|
||||
<p>
|
||||
I'm only just starting to work with this
|
||||
theme, but so far it looks great and extremely
|
||||
customizable. Not everything was clear to me
|
||||
though, but the support has been absolutely
|
||||
amazing and they solved all my questions so
|
||||
far.
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="flex mb-0/5em">
|
||||
<ul
|
||||
class="lqd-star-rating lqd-star-rating-shaped lqd-star-rating-fill"
|
||||
>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-testi-info flex flex-col flex-wrap justify-between"
|
||||
>
|
||||
<div class="lqd-testi-details flex items-center">
|
||||
<div class="lqd-testi-np flex items-center">
|
||||
<h3 class="text-blue-500">
|
||||
Markfortez, Envato User
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="carousel-item flex flex-col justify-center px-15 w-50percent lg:w-50percent"
|
||||
>
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<div
|
||||
class="lqd-testi relative lqd-testi-style-19 flex flex-col lqd-testi-card lqd-testi-shadow-sm lqd-testi-details-same lqd-testi-details-inline lqd-testi-quote-18 lqd-testi-avatar-60"
|
||||
>
|
||||
<div class="lqd-testi-extra mb-1/35em">
|
||||
<figure>
|
||||
<img
|
||||
src="assets/images/demo/start-hub-1/client-dark-hulu.svg"
|
||||
alt="Markfortez, Envato User"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-testi-quote mb-1/5em">
|
||||
<blockquote>
|
||||
<p>
|
||||
HUB is by far the best theme here in
|
||||
Themeforest, I don't think anyone can match
|
||||
it's code quality, design or anything anytime
|
||||
soon! I hope you sell 10 million copies, I'm
|
||||
soooo glad I found it
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="flex mb-0/5em">
|
||||
<ul
|
||||
class="lqd-star-rating lqd-star-rating-shaped lqd-star-rating-fill"
|
||||
>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-testi-info flex flex-col flex-wrap justify-between"
|
||||
>
|
||||
<div class="lqd-testi-details flex items-center">
|
||||
<div class="lqd-testi-np flex items-center">
|
||||
<h3 class="text-blue-500">
|
||||
Markfortez, Envato User
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="carousel-item flex flex-col justify-center px-15 w-50percent lg:w-50percent"
|
||||
>
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<div
|
||||
class="lqd-testi relative lqd-testi-style-19 flex flex-col lqd-testi-card lqd-testi-shadow-sm lqd-testi-details-same lqd-testi-details-inline lqd-testi-quote-18 lqd-testi-avatar-60"
|
||||
>
|
||||
<div class="lqd-testi-extra mb-1/35em">
|
||||
<figure>
|
||||
<img
|
||||
src="assets/images/demo/start-hub-1/client-dark-amd-logo-1-1.svg"
|
||||
alt="Markfortez, Envato User"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-testi-quote mb-1/5em">
|
||||
<blockquote>
|
||||
<p>
|
||||
I would give LiquidThemes are five stars for
|
||||
each category if I could! I LOVE the demo site
|
||||
I was able to easily download and customize -
|
||||
I'm going to have the best portfolio site
|
||||
ever! Yay microinteractions!
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="flex mb-0/5em">
|
||||
<ul
|
||||
class="lqd-star-rating lqd-star-rating-shaped lqd-star-rating-fill"
|
||||
>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-testi-info flex flex-col flex-wrap justify-between"
|
||||
>
|
||||
<div class="lqd-testi-details flex items-center">
|
||||
<div class="lqd-testi-np flex items-center">
|
||||
<h3 class="text-blue-500">
|
||||
Markfortez, Envato User
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="carousel-item flex flex-col justify-center px-15 w-50percent lg:w-50percent"
|
||||
>
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<div
|
||||
class="lqd-testi relative lqd-testi-style-19 flex flex-col lqd-testi-card lqd-testi-shadow-sm lqd-testi-details-same lqd-testi-details-inline lqd-testi-quote-18 lqd-testi-avatar-60"
|
||||
>
|
||||
<div class="lqd-testi-extra mb-1/35em">
|
||||
<figure>
|
||||
<img
|
||||
src="assets/images/demo/start-hub-1/client-dark-spotify.svg"
|
||||
alt="Markfortez, Envato User"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-testi-quote mb-1/5em">
|
||||
<blockquote>
|
||||
<p>
|
||||
The theme is beautifully designed with a bunch
|
||||
of eye candy that will make your site stand
|
||||
apart. Customer service is very friendly and
|
||||
responsive as well, great job!
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="flex mb-0/5em">
|
||||
<ul
|
||||
class="lqd-star-rating lqd-star-rating-shaped lqd-star-rating-fill"
|
||||
>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-testi-info flex flex-col flex-wrap justify-between"
|
||||
>
|
||||
<div class="lqd-testi-details flex items-center">
|
||||
<div class="lqd-testi-np flex items-center">
|
||||
<h3 class="text-blue-500">
|
||||
Markfortez, Envato User
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
@@ -0,0 +1,27 @@
|
||||
<div class="container">
|
||||
|
||||
|
||||
<div class="swiper mySwiper-video">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($gallaries as $gallery)
|
||||
<div class="swiper-slide">
|
||||
<div class="video-container">
|
||||
<video id="hoverVideo" src="{{ asset($gallery->images[0]) }}" playsinline loop
|
||||
preload="auto"></video>
|
||||
<div class="play-button" id="playBtn">▶</div>
|
||||
<div class="text">
|
||||
<p class="text-black text-14 ">Lorem ipsum dolor sit amet, consectetur </p>
|
||||
</div>
|
||||
<div class="name">
|
||||
<h4 class="text-14">{{ $gallery->title }}</h4>
|
||||
<img class="w-50" src="{{ asset($gallery->images[0]) }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
</div>
|
||||
25
resources/views/client/raffles/parts/testimonial.blade.php
Normal file
25
resources/views/client/raffles/parts/testimonial.blade.php
Normal file
@@ -0,0 +1,25 @@
|
||||
<section class="testimonial-slides pb-30">
|
||||
|
||||
<div class="container scroll-section " id="testimonial" data-name="Testimonial">
|
||||
<div class="w-full block mb-35 section">
|
||||
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 section-heading-sec text-ter">
|
||||
Testimonials
|
||||
</h2>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative animation-element">
|
||||
<p class="ld-fh-element mb-0/5em inline-block relative text-18 font-light leading-25 text-ter">
|
||||
Hear what our students have to say about Raffles
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@include('client.raffles.parts.testimonial-video')
|
||||
@include('client.raffles.parts.testimonial-text')
|
||||
|
||||
<div class="dot-break">• • •</div> -->
|
||||
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,16 @@
|
||||
<div class="container universities-slider ">
|
||||
<div class="partner-bg">
|
||||
<img src="{{ asset('raffles/assets/images/general/our-partner-img.png') }}" alt="">
|
||||
</div>
|
||||
<div class="swiper mySwiper-unis">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($partners as $partner)
|
||||
<div class="swiper-slide">
|
||||
<div class="image">
|
||||
<img src="{{ asset($partner->image) }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
88
resources/views/client/raffles/parts/universities.blade.php
Normal file
88
resources/views/client/raffles/parts/universities.blade.php
Normal file
@@ -0,0 +1,88 @@
|
||||
<div class="container scroll-section" id="university" data-name="University">
|
||||
<div class="w-full block mb-35 section">
|
||||
<div class="w-full sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 text-four font-light">
|
||||
Our Partner <span class="section-heading-sec text-ter">Universities</span>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@include('client.raffles.parts.universities-slider')
|
||||
|
||||
<div class="flex justify-center py-5 sm:hidden ">
|
||||
<p class="horz-line"></p>
|
||||
</div>
|
||||
|
||||
<div class="testimonial-boxes flex justify-start flex-wrap pl-5 pt-50 gap-5 relative "
|
||||
data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.inOut", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
@foreach ($counters as $counter)
|
||||
<div class="box">
|
||||
<div class="px-15 pt-20 flex flex-col gap-1 items-center justify-center rounded-30 animation-element">
|
||||
<div class="w-70 lg:w-33">
|
||||
<img src="{{ asset($counter->image) }}" alt="">
|
||||
</div>
|
||||
<p class="text-white text-16 lg:text-12 mb-0 pt-20">{{ $counter->title }}</p>
|
||||
<p class="text-white lg:text-30 text-54 m-0 p-0 font-bold"><span class="counter"
|
||||
data-target="50">{{ $counter->counter }}</span>+</p>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
|
||||
<div class="uni-bg-image">
|
||||
<div class="flex justify-center py-5 sm:hidden ">
|
||||
<p class="horz-line "></p>
|
||||
</div>
|
||||
<!-- image -->
|
||||
<div class="relative flex gap-0" id="animated-section">
|
||||
<div class="line-group left-group">
|
||||
<div class="line-item">
|
||||
<div class="line-text">Left service</div>
|
||||
<div class="line"></div>
|
||||
|
||||
</div>
|
||||
<div class="line-item">
|
||||
<div class="line-text">Left service</div>
|
||||
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<div class="line-item">
|
||||
<div class="line-text">Left service</div>
|
||||
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uni-img flex justify-center items-center mx-auto center-imag sm:hidden">
|
||||
<img src="{{ asset('raffles/assets/images/general/years.png') }}" alt="">
|
||||
</div>
|
||||
|
||||
<div class="line-group right-group">
|
||||
<div class="line-item">
|
||||
<div class="line"></div>
|
||||
<div class="line-text">Right service</div>
|
||||
</div>
|
||||
<div class="line-item">
|
||||
<div class="line"></div>
|
||||
<div class="line-text">Right service</div>
|
||||
</div>
|
||||
<div class="line-item">
|
||||
<div class="line"></div>
|
||||
<div class="line-text">Right service</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<video autoplay muted loop>
|
||||
<source src="{{ asset('raffles/assets/images/video/dots.mp4') }}" type="video/mp4">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-break"></div>
|
||||
</div>
|
||||
1
resources/views/client/raffles/template/_00.txt
Normal file
1
resources/views/client/raffles/template/_00.txt
Normal file
@@ -0,0 +1 @@
|
||||
hubhtml.liquid-themes.com/index-start-hub-1.html
|
||||
13
resources/views/client/raffles/template/_downloads.html
Normal file
13
resources/views/client/raffles/template/_downloads.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title> Downloads </title>
|
||||
</head>
|
||||
<body>
|
||||
<h1> Downloads </h1>
|
||||
<ul>
|
||||
<li><a id="https://hubhtml.liquid-themes.com/index-start-hub-1.html" href="index-start-hub-1.html"> Start hub One </a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,256 @@
|
||||
/* Global */
|
||||
:root {
|
||||
--lqd-container-width: 1170px;
|
||||
--lqd-container-width-md: 100%;
|
||||
--lqd-container-width-sm: 100%;
|
||||
--lqd-row-gutter-y: 20px;
|
||||
--lqd-row-gutter-x: 20px;
|
||||
|
||||
--lqd-color-primary: #225469;
|
||||
--lqd-color-secondary: #54595F;
|
||||
--lqd-body-text-color: #7A7A7A;
|
||||
--lqd-color-accent: #61CE70;
|
||||
--lqd-color-gradient-start: #AEBAE0;
|
||||
--lqd-color-gradient-stop: #E6A042;
|
||||
--lqd-color-darkgreen: #103A40;
|
||||
--lqd-color-amber-100: #FCF5F3;
|
||||
--lqd-color-amber-600: #CC7851;
|
||||
--lqd-color-blue-100: #E9ECFB;
|
||||
--lqd-color-blue-200: #F0F2FA;
|
||||
--lqd-color-blue-300: #C4D4FF;
|
||||
--lqd-color-blue-500: #4D68F9;
|
||||
--lqd-color-blue-600: #2A63EB;
|
||||
--lqd-color-blue-700: #2560FF;
|
||||
--lqd-color-blue-800: #1C206F;
|
||||
--lqd-color-blue-900: #0E1758BD;
|
||||
--lqd-color-emerald-500: #49C193;
|
||||
--lqd-color-gray-100: #F0F0F0;
|
||||
--lqd-color-gray-300: #d1d5db;
|
||||
--lqd-color-gray-400: #B4B6C6;
|
||||
--lqd-color-gray-500: #6b7280;
|
||||
--lqd-color-gray-700: #374151;
|
||||
--lqd-color-green-100: #EAFBF7;
|
||||
--lqd-color-green-200: #D7EDEA;
|
||||
--lqd-color-green-500: #49C193;
|
||||
--lqd-color-green-700: #0DA781;
|
||||
--lqd-color-purple-100: #D4CCFF;
|
||||
--lqd-color-purple-300: #9A8DFF;
|
||||
--lqd-color-purple-400: #B469FF;
|
||||
--lqd-color-purple-500: #7A25FF;
|
||||
--lqd-color-purple-700: #5725FF;
|
||||
--lqd-color-red-100: #FCEEEC;
|
||||
--lqd-color-slate-100: #EBEFF1;
|
||||
--lqd-color-slate-400: #94a3b8;
|
||||
--lqd-color-slate-500: #64748b;
|
||||
--lqd-color-slate-600: #4D7184;
|
||||
--lqd-color-slate-700: #45485F;
|
||||
--lqd-color-slate-900: #292B57;
|
||||
--lqd-color-cyan-100: #EAF7FA;
|
||||
--lqd-color-sky-100: #C7ECFE;
|
||||
--lqd-color-sky-800: #104662;
|
||||
--lqd-color-sky-900: #083467;
|
||||
--lqd-color-orange-100: #FDE9CD;
|
||||
--lqd-color-orange-500: #F69F29;
|
||||
--lqd-color-orange-700: #CC7851;
|
||||
--lqd-color-yellow-500: #FFC221;
|
||||
--lqd-badge-color: #6f6fff;
|
||||
|
||||
--lqd-text-font-family: 'Roboto', sans-serif;
|
||||
--lqd-text-font-weight: 400;
|
||||
|
||||
--lqd-sticky-header-height: 56px;
|
||||
--lqd-sticky-header-placeholder-height: 0;
|
||||
--lqd-sticky-header-sentinel-top: var(--lqd-sticky-header-placeholder-height);
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 18px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-text-color: #627C89;
|
||||
|
||||
--lqd-heading-color: #181b31;
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 600;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-h1-color: #444762;
|
||||
--lqd-h1-font-family: "Nunito", Sans-serif;
|
||||
--lqd-h1-font-size: 55px;
|
||||
--lqd-h1-font-weight: 700;
|
||||
--lqd-h2-color: #45485F;
|
||||
--lqd-h2-font-family: var(--lqd-h1-font-family);
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h2-font-weight: 700;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h6-font-size: 18px;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.lqd-gdpr-accept:hover {
|
||||
color: #eff3f5;
|
||||
background-color: #184341;
|
||||
}
|
||||
|
||||
.font-title {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
body.has-sidebar #lqd-contents-wrap {
|
||||
padding-top: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.module-icons {
|
||||
--grid-template-columns: repeat(0, auto);
|
||||
--icon-size: 20px;
|
||||
--grid-column-gap: 15px;
|
||||
--grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
.social-icons-wrapper a:hover {
|
||||
color: #34353C;
|
||||
fill: #34353C;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.module-btn-xxs {
|
||||
--btn-pt: 4px;
|
||||
--btn-pe: 8px;
|
||||
--btn-pb: 2px;
|
||||
--btn-ps: 8px;
|
||||
}
|
||||
|
||||
.module-btn-xs {
|
||||
--btn-pt: 5px;
|
||||
--btn-pe: 10px;
|
||||
--btn-pb: 5px;
|
||||
--btn-ps: 10px;
|
||||
}
|
||||
|
||||
.module-btn-sm {
|
||||
--btn-pt: 5px;
|
||||
--btn-pe: 12px;
|
||||
--btn-pb: 5px;
|
||||
--btn-ps: 22px;
|
||||
}
|
||||
|
||||
.module-btn-md {
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 35px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 35px;
|
||||
}
|
||||
|
||||
.module-btn-circle {
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 15px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 15px;
|
||||
}
|
||||
|
||||
/* Main Header */
|
||||
.main-header .module-btn-sm {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 0;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 0;
|
||||
}
|
||||
|
||||
.main-header .btn-hover-txt-marquee-y:hover {
|
||||
color: var(--lqd-color-blue-200);
|
||||
background-color: var(--lqd-color-blue-900);
|
||||
}
|
||||
|
||||
.main-nav {
|
||||
--lqd-menu-items-top-padding: 0;
|
||||
--lqd-menu-items-right-padding: 25px;
|
||||
--lqd-menu-items-bottom-padding: 0;
|
||||
--lqd-menu-items-left-padding: 40px;
|
||||
}
|
||||
|
||||
/* Lity Modal */
|
||||
.main-header .lqd-contact-form {
|
||||
--inputs-margin: 0px 0px 15px 0px;
|
||||
--input-margin-bottom: 15px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 84px;
|
||||
line-height: 0.75em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.main-footer .badge-color {
|
||||
--lqd-badge-color: #00CB99;
|
||||
}
|
||||
|
||||
.main-footer .btn-solid {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 12px;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 0;
|
||||
--btn-pt: 8px;
|
||||
--btn-pe: 0;
|
||||
--btn-pb: 8px;
|
||||
--btn-ps: 0;
|
||||
}
|
||||
|
||||
.main-footer .btn-dark:hover {
|
||||
background-color: var(--lqd-color-blue-900);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.main-footer .btn-light:hover {
|
||||
background-color: var(--lqd-color-blue-100);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.main-footer .icon-list-items {
|
||||
--e-icon-list-icon-size: 12px;
|
||||
--e-icon-list-icon-align: center;
|
||||
--e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);
|
||||
}
|
||||
|
||||
.main-footer .icon-list-items i {
|
||||
width: 1.25em;
|
||||
font-size: var(--e-icon-list-icon-size);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer .footer-content {
|
||||
padding: 40px 14px 0 14px;
|
||||
}
|
||||
|
||||
.main-footer .module-bottom {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .footer-content {
|
||||
padding: 40px 6px 0 6px;
|
||||
}
|
||||
|
||||
.main-footer .footer-content .module-title h3 {
|
||||
margin: 1em 0 0 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
/* Form */
|
||||
.form .module-container {
|
||||
max-width: 945px;
|
||||
}
|
||||
.form .module-form {
|
||||
border-top: 10px solid #E66C6C;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.form {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.form .module-col {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.form .module-form {
|
||||
padding: 45px 30px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,800 @@
|
||||
/* ***** Banner ***** */
|
||||
.banner .btn-naked {
|
||||
--icon-font-size: 1em;
|
||||
--icon-mt: 04px;
|
||||
--icon-me: 0px;
|
||||
--icon-mb: 0px;
|
||||
--icon-ms: 20px;
|
||||
}
|
||||
|
||||
.banner .btn-hover-txt-switch:hover {
|
||||
color: var(--lqd-color-green-100);
|
||||
background-color: var(--lqd-color-green-700);
|
||||
}
|
||||
|
||||
.banner .lqd-imggrp-single[data-float] {
|
||||
--float-animate-to: 4%;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner {
|
||||
padding: 120px 14px 0 14px;
|
||||
}
|
||||
|
||||
.banner .module-content {
|
||||
margin: 0 40px 0 0;
|
||||
}
|
||||
|
||||
.banner .module-left {
|
||||
padding: 10px 0 10px 36px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding: 120px 6px 0 6px;
|
||||
}
|
||||
|
||||
.banner .module-content {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.banner .module-text p {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.clients {
|
||||
padding: 10px 14px 0 14px;
|
||||
}
|
||||
|
||||
.clients .right-space {
|
||||
padding: 0 20px 0 0;
|
||||
}
|
||||
|
||||
.clients .left-space {
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients {
|
||||
padding: 0 6px 0 6px;
|
||||
}
|
||||
|
||||
.clients .module-client {
|
||||
padding: 0 0 30px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** BG Shape ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.bg-shape {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** About ***** */
|
||||
.about .iconbox h3 {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
color: #45485F;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-green-100 {
|
||||
background-color: #129B67;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-blue-100 {
|
||||
background-color: #3750E0;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-gray-100 {
|
||||
background-color: #767B7E;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-red-100 {
|
||||
background-color: #E8664D;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-slate-100 {
|
||||
background-color: #476D83;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-cyan-100 {
|
||||
background-color: #40B8D5;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover svg path:not([stroke=none]) {
|
||||
fill: #E6F4EE;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-red-100>svg *:not([stroke=none]) {
|
||||
stroke: #FCEEEC;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-slate-100>svg *:not([stroke=none]) {
|
||||
stroke: #EBEFF1;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) and (min-width: 768px) {
|
||||
.about .module-text {
|
||||
width: 18%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.about {
|
||||
padding: 40px 14px 0 14px;
|
||||
}
|
||||
|
||||
.about .module-icon-box {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.about .ld-fancy-heading h2 {
|
||||
margin-right: 16em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about {
|
||||
padding: 40px 6px 0 6px;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.about .module-spacer {
|
||||
padding-right: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Features ***** */
|
||||
.features .lqd-tabs-nav>li>a,
|
||||
.features .lqd-tabs-nav .h3,
|
||||
.features .lqd-tabs-nav>li>a .lqd-tabs-nav-txt {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
font-size: 35px;
|
||||
line-height: 1.14em;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-nav>li .lqd-tabs-nav-txt::before {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #AEBAE0 30%, #E6A042 70%);
|
||||
}
|
||||
|
||||
.features .lqd-tabs .lqd-tabs-nav>li .lqd-tabs-nav-txt span {
|
||||
background-color: #A5B5C3;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.features .lqd-slsh-item .ld-slideelement-hidden-inner,
|
||||
.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt span {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-nav a.active~.lqd-tabs-nav-ext {
|
||||
opacity: 1;
|
||||
transform: translateX(var(--lqd-tabs-nav-translate, 0));
|
||||
}
|
||||
|
||||
.features .module-section {
|
||||
min-height: 510px;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-content .container {
|
||||
max-width: 980px;
|
||||
}
|
||||
|
||||
.features .btn-solid {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 0;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 40px;
|
||||
}
|
||||
|
||||
.features .btn-icon-right:hover {
|
||||
color: #FFFFFF;
|
||||
background-color: #30546F;
|
||||
}
|
||||
|
||||
.features .module-btn-xs:hover {
|
||||
background-color: var(--lqd-color-blue-700);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.features {
|
||||
padding: 40px 14px 0 14px;
|
||||
}
|
||||
|
||||
.features .module-section {
|
||||
padding-right: 25px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.features .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.features {
|
||||
padding: 40px 6px 0 6px;
|
||||
}
|
||||
|
||||
.features .lqd-tabs {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Text Box Image ***** */
|
||||
.text-box-image .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: -2%;
|
||||
--float-animate-to: 1%;
|
||||
--float-delay: 0s;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
.text-box-image .lqd-iconbox-scale:hover .iconbox-icon-container {
|
||||
color: #FFFFFF;
|
||||
background-color: #2A63EB;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.text-box-image {
|
||||
padding: 60px 14px;
|
||||
}
|
||||
|
||||
.text-box-image .lqd-imggrp-single {
|
||||
margin: -40px 0 -80px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.text-box-image {
|
||||
padding: 60px 6px 80px 6px;
|
||||
}
|
||||
|
||||
.text-box-image .module-section {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.text-box-image .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.text-box-image .lqd-imggrp-single {
|
||||
margin: -40px 0 -40px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Tab Items ***** */
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 34px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-style-2 .lqd-tabs-nav a.active .lqd-tabs-nav-progress-inner {
|
||||
transform-origin: left;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
.tab-items .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: -3%;
|
||||
--float-animate-to: 3%;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.tab-items {
|
||||
padding: 0 14px 0 14px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-content {
|
||||
padding: 0 14px 80px 14px;
|
||||
}
|
||||
|
||||
.tab-items .module-img {
|
||||
margin-bottom: -160px;
|
||||
}
|
||||
|
||||
.tab-items .module-img .lqd-imggrp-img-container {
|
||||
width: 32%;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.tab-items .lqd-tabs {
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.tab-items {
|
||||
padding: 80px 6px 0 6px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-content {
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.tab-items .module-title h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.tab-items .module-avatar {
|
||||
margin-right: -50px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 32px;
|
||||
}
|
||||
|
||||
.tab-items .module-content {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.tab-items .module-content .module-avatar {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.tab-items .module-content .module-text {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Pricing ***** */
|
||||
.pricing .background-overlay {
|
||||
background-size: 120% auto;
|
||||
}
|
||||
|
||||
.pricing .module-section:hover {
|
||||
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(110% + 1.3px);
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.pricing .module-shape {
|
||||
left: -368px;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-nav {
|
||||
--icon-size: 1em;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-9-alt2 .lqd-tabs-nav li {
|
||||
background-color: #EFF3F5;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .lqd-tabs-nav a {
|
||||
color: #033350;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .lqd-tabs-nav a.active {
|
||||
color: #FF4D12;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.pricing .btn:hover,
|
||||
.pricing .btn:focus {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.pricing .bg-red-100 {
|
||||
box-shadow: 0px 16px 33px 0px #FAF1EC;
|
||||
}
|
||||
|
||||
.pricing .bg-green-100 {
|
||||
box-shadow: 0px 17px 33px 0px #EAFBF7;
|
||||
}
|
||||
|
||||
.pricing .module-btn-1:hover,
|
||||
.pricing .module-btn-1:focus {
|
||||
background-color: var(--lqd-color-amber-600)
|
||||
}
|
||||
|
||||
.pricing .module-btn-3:hover,
|
||||
.pricing .module-btn-3:focus {
|
||||
background-color: var(--lqd-color-emerald-500);
|
||||
}
|
||||
|
||||
.pricing .module-btn-2:hover,
|
||||
.pricing .module-btn-2:focus {
|
||||
color: var(--lqd-color-blue-500);
|
||||
background-color: #F0F4FE;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.pricing {
|
||||
padding: 20px 14px 320px 14px;
|
||||
}
|
||||
|
||||
.pricing .module-section {
|
||||
margin: 0 10px 0 10px;
|
||||
}
|
||||
|
||||
.pricing .module-section-bottom {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.pricing .lqd-imggrp-img-container {
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(180% + 1.3px);
|
||||
height: 650px;
|
||||
}
|
||||
|
||||
.pricing .pos-abs {
|
||||
left: -274px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.pricing {
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.pricing .background-overlay {
|
||||
background-position: center center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(220% + 1.3px);
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.pricing .module-pricing {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.pricing .module-sections {
|
||||
padding: 0 6px 0 6px;
|
||||
}
|
||||
|
||||
.pricing .module-section {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.pricing .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Analysis ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.analysis {
|
||||
padding: 80px 0 40px 0;
|
||||
}
|
||||
|
||||
.analysis .module-img {
|
||||
margin-bottom: -190px;
|
||||
padding: 0px 14px 0px 14px;
|
||||
}
|
||||
|
||||
.analysis .module-content {
|
||||
padding: 0px 14px 0px 14px;
|
||||
}
|
||||
|
||||
.analysis .module-right {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.analysis {
|
||||
padding: 60px 6px 0 6px;
|
||||
}
|
||||
|
||||
.analysis .module-img {
|
||||
margin-bottom: -60px;
|
||||
}
|
||||
|
||||
.analysis .module-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.analysis .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
padding: 10px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Process ***** */
|
||||
.process .btn-solid:hover {
|
||||
background-color: var(--lqd-color-green-100);
|
||||
color: var(--lqd-color-green-500);
|
||||
}
|
||||
|
||||
.process .module-icon-box {
|
||||
background-size: 60% auto;
|
||||
}
|
||||
|
||||
.process .iconbox:hover .iconbox-icon-container {
|
||||
box-shadow: 0 0 20px 0px rgba(22, 92, 253, 0.271);
|
||||
}
|
||||
|
||||
.process .shadow-green:hover .bg-green-500 {
|
||||
box-shadow: 0 0 20px 0px rgba(0, 203, 153, 0.51);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.process {
|
||||
padding: 0 14px 60px 14px;
|
||||
}
|
||||
|
||||
.process .module-img .lqd-imggrp-single {
|
||||
margin-bottom: -80px;
|
||||
}
|
||||
|
||||
.process .module-img .lqd-imggrp-img-container {
|
||||
width: 35%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.process {
|
||||
padding: 40px 6px;
|
||||
}
|
||||
|
||||
.process .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials .background-overlay {
|
||||
background-size: 150% auto;
|
||||
}
|
||||
|
||||
/* .testimonials .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape {
|
||||
transform: translateX(-50%) rotate(180deg);
|
||||
} */
|
||||
.testimonials .lqd-shape svg {
|
||||
width: calc(200% + 1.3px);
|
||||
}
|
||||
|
||||
.testimonials .lqd-testi .lqd-star-rating-fill:before {
|
||||
background: #6355FF;
|
||||
}
|
||||
|
||||
.testimonials .lqd-testi .lqd-star-rating .active {
|
||||
color: #6355FF;
|
||||
}
|
||||
|
||||
.testimonials .testimonials-clients .container {
|
||||
max-width: 1040px;
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-items {
|
||||
--e-icon-list-icon-size: 14px;
|
||||
--e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-icon i {
|
||||
width: 1.25em;
|
||||
font-size: var(--e-icon-list-icon-size);
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-item>.elementor-icon-list-text,
|
||||
.testimonials-clients .icon-list-item>a {
|
||||
font-family: var(--lqd-text-font-family), Sans-serif;
|
||||
font-weight: var(--lqd-text-font-weight);
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-text {
|
||||
padding-left: 3px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots-mobile .flickity-page-dots .dot {
|
||||
background-color: #9B9B9B;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots-mobile .flickity-page-dots .dot.is-selected {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials {
|
||||
padding: 60px 14px;
|
||||
}
|
||||
|
||||
.testimonials .background-overlay {
|
||||
background-size: 240vw auto;
|
||||
}
|
||||
|
||||
.testimonials .lqd-shape svg {
|
||||
width: calc(300% + 1.3px);
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-item {
|
||||
width: calc(100% / 2);
|
||||
padding-inline-start: 15px;
|
||||
padding-inline-end: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials {
|
||||
padding: 40px 6px 60px 6px;
|
||||
}
|
||||
|
||||
.testimonials .background-overlay {
|
||||
background-position: -130px 570px;
|
||||
background-size: 1000px auto;
|
||||
}
|
||||
|
||||
.testimonials .lqd-shape svg {
|
||||
width: calc(300% + 1.3px);
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.testimonials .module-carousels {
|
||||
padding: 0 10px 0 10px;
|
||||
}
|
||||
|
||||
.testimonials .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-item {
|
||||
width: calc(100% / 1);
|
||||
padding-inline-start: 30px;
|
||||
padding-inline-end: 30px;
|
||||
}
|
||||
|
||||
.testimonials .lqd-imggrp-img-container {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Blog ***** */
|
||||
.blog .btn-label:hover {
|
||||
background-color: var(--lqd-color-blue-100);
|
||||
color: var(--lqd-color-blue-500);
|
||||
}
|
||||
|
||||
.blog .lqd-lp .lqd-lp-img .lqd-overlay {
|
||||
background-color: #430080C7;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.blog {
|
||||
padding: 60px 14px 0 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.blog {
|
||||
padding: 60px 6px 0 6px;
|
||||
}
|
||||
|
||||
.blog .module-blog {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.blog .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** How It Work ***** */
|
||||
.how-it-work .bg-size {
|
||||
background-size: 64% auto;
|
||||
}
|
||||
|
||||
.how-it-work .accordion-title a {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
color: #45485F;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.how-it-work {
|
||||
padding: 60px 14px 0 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.how-it-work {
|
||||
padding: 60px 6px 0 6px;
|
||||
}
|
||||
|
||||
.how-it-work .module-title {
|
||||
background-position: top center;
|
||||
padding: 0 6px 60px 6px;
|
||||
}
|
||||
|
||||
.how-it-work .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Social Media ***** */
|
||||
@media (max-width: 767px) {
|
||||
.social-media {
|
||||
padding: 30px 0 60px 0;
|
||||
}
|
||||
|
||||
.social-media .iconbox-icon-container {
|
||||
font-size: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact ***** */
|
||||
.contact .btn-solid {
|
||||
--icon-font-size: 1.2em;
|
||||
background-color: #083467;
|
||||
}
|
||||
|
||||
.contact .module-lines {
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.contact {
|
||||
padding: 60px 14px 20px 14px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading h2 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.contact .btn-solid {
|
||||
--icon-ms: 10px;
|
||||
--btn-pt: 10px;
|
||||
--btn-pe: 20px;
|
||||
--btn-pb: 10px;
|
||||
--btn-ps: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact {
|
||||
padding: 0 6px 40px 6px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.contact .module-section {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
1
resources/views/client/raffles/template/assets/css/theme.min.css
vendored
Normal file
1
resources/views/client/raffles/template/assets/css/theme.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
resources/views/client/raffles/template/assets/css/utility.min.css
vendored
Normal file
1
resources/views/client/raffles/template/assets/css/utility.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="864.807" viewBox="0 0 1500.416 864.807" width="1500.416" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h1486v839h-1486z" transform="matrix(1 .017 -.017 1 -11.508 6334.471)"/></clipPath><g clip-path="url(#a)" fill="none" stroke-width="44" transform="translate(26.15 -6334.471)"><g stroke="#6d73c1" transform="translate(-117 6799)"><circle cx="306" cy="306" r="306" stroke="none"/><circle cx="306" cy="306" fill="none" r="284"/></g><g opacity=".137" stroke="#fff" transform="translate(1000 6129)"><circle cx="306" cy="306" r="306" stroke="none"/><circle cx="306" cy="306" fill="none" r="284"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 680 B |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="578" viewBox="0 0 1758 578" width="1758" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><radialGradient id="a" cx=".5" cy=".5" gradientTransform="matrix(-.04412505 -.99902602 .99902602 -.04412505 .023 1.022)" gradientUnits="objectBoundingBox" r=".58"><stop offset="0" stop-color="#fff" stop-opacity="0"/><stop offset=".256" stop-color="#fff" stop-opacity="0"/><stop offset=".507" stop-color="#fff" stop-opacity="0"/><stop offset=".719" stop-color="#fff" stop-opacity=".153"/><stop offset="1" stop-color="#fff"/></radialGradient><g fill="url(#a)"><circle cx="127" cy="127" opacity=".157" r="127" transform="translate(0 324)"/><circle cx="127" cy="127" opacity=".157" r="127" transform="translate(1504)"/></g></svg>
|
||||
|
After Width: | Height: | Size: 757 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="75.311" height="17.962" viewBox="0 0 75.311 17.962"><path d="M17.688,16.768H13.511l-1.278-3.082H5.272L4.108,16.768H0L6.276,1.2h4.5ZM8.581,4.922,6.3,10.97h4.793ZM32.86,1.2h3.378V16.768h-3.88V7.046l-4.2,4.884h-.593l-4.2-4.884v9.722h-3.88V1.2h3.378l5,5.774Zm13.209,0c5.683,0,8.6,3.537,8.6,7.8,0,4.473-2.83,7.761-9.037,7.761H39.2V1.2Zm-2.99,12.713h2.533c3.9,0,5.067-2.648,5.067-4.931,0-2.671-1.438-4.929-5.112-4.929H43.079v9.86ZM62.392,4.893,57.5,0H75.311V17.812l-4.893-4.893V4.893Zm-.006.981-5.037,5.037v7.051H64.4l5.037-5.037h-7.05Z" fill="#9fa0b2"/></svg>
|
||||
|
After Width: | Height: | Size: 601 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="60.796" height="14.5" viewBox="0 0 60.796 14.5"><path d="M14.279,13.536H10.907L9.875,11.048H4.256l-.94,2.488H0L5.066.971H8.7ZM6.927,3.973,5.085,8.856H8.954Zm19.6-3h2.727V13.536H26.121V5.688L22.731,9.63h-.479l-3.39-3.942v7.849H15.73V.971h2.727l4.035,4.661Zm10.664,0c4.587,0,6.945,2.855,6.945,6.3,0,3.611-2.284,6.265-7.3,6.265h-5.2V.971ZM34.776,11.233h2.045a3.714,3.714,0,0,0,4.09-3.98c0-2.156-1.161-3.979-4.127-3.979H34.776v7.96ZM50.367,3.95,46.417,0H60.8V14.379l-3.95-3.95V3.95Zm0,.792L46.3,8.808V14.5h5.691l4.066-4.066H50.362Z" fill="#474a6f"/></svg>
|
||||
|
After Width: | Height: | Size: 598 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="57.954" height="18.871" viewBox="0 0 57.954 18.871"><path d="M63.3,37.581H58.687v7.606a1.285,1.285,0,0,1-.348.874,1.322,1.322,0,0,1-.858.344H54.8a1.342,1.342,0,0,1-.886-.344,1.279,1.279,0,0,1-.349-.874V37.581H48.95v8a5.416,5.416,0,0,0,.671,2.729,4.231,4.231,0,0,0,1.823,1.67,6.515,6.515,0,0,0,2.763.584h4.481v-.053a4.959,4.959,0,0,0,2.495-.609,4.135,4.135,0,0,0,1.557-1.75,5.686,5.686,0,0,0,.562-2.571v-8Zm-46.176.477a6.244,6.244,0,0,0-2.656-.477H11.492l-1.154.133c-.269.079-.4.132-.4.132V31.7H5.348V50.568H9.936V42.935a1.243,1.243,0,0,1,.376-.848,1.268,1.268,0,0,1,.885-.344H13.88a1.308,1.308,0,0,1,.859.344,1.246,1.246,0,0,1,.376.848v7.634H19.7V42.352a5.106,5.106,0,0,0-.7-2.783,4.181,4.181,0,0,0-1.879-1.51Zm15.615,7.13a1.429,1.429,0,0,1-.349.874,1.456,1.456,0,0,1-.885.343H28.825a1.329,1.329,0,0,1-.859-.343,1.31,1.31,0,0,1-.376-.874V37.581H23v8a5.412,5.412,0,0,0,.644,2.729,4.092,4.092,0,0,0,1.825,1.67,6.425,6.425,0,0,0,2.763.584h4.507v-.053a4.79,4.79,0,0,0,2.469-.609,4.376,4.376,0,0,0,1.582-1.75,6.471,6.471,0,0,0,.564-2.571v-8H32.742v7.607Zm8.1,5.38h4.588V31.7H40.845V50.568Z" transform="translate(-5.348 -31.697)" fill="#474a6f"/></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="82.877" height="24.857" viewBox="0 0 82.877 24.857"><path d="M86.856,1369.145a12.428,12.428,0,1,0,12.428,12.428,12.428,12.428,0,0,0-12.428-12.428Zm5.7,17.925a.774.774,0,0,1-1.065.258c-2.919-1.784-6.592-2.187-10.918-1.2a.774.774,0,1,1-.345-1.51c4.734-1.082,8.8-.617,12.071,1.385a.775.775,0,0,1,.257,1.066Zm1.521-3.384a.97.97,0,0,1-1.333.319,16.313,16.313,0,0,0-12.384-1.448.969.969,0,1,1-.563-1.854,18.131,18.131,0,0,1,13.961,1.651.969.969,0,0,1,.319,1.332Zm.131-3.524c-4.006-2.379-10.614-2.6-14.439-1.437a1.162,1.162,0,1,1-.675-2.225c4.39-1.333,11.688-1.075,16.3,1.662a1.162,1.162,0,0,1-1.186,2Zm14.034.456c-2.146-.512-2.528-.871-2.528-1.625,0-.713.671-1.193,1.669-1.193a4.878,4.878,0,0,1,2.933,1.114.141.141,0,0,0,.106.026.139.139,0,0,0,.093-.057l1.048-1.477a.141.141,0,0,0-.027-.191,6.34,6.34,0,0,0-4.121-1.428c-2.317,0-3.935,1.391-3.935,3.38,0,2.134,1.4,2.889,3.809,3.472,2.053.473,2.4.869,2.4,1.578,0,.785-.7,1.273-1.829,1.273a4.929,4.929,0,0,1-3.417-1.412.147.147,0,0,0-.1-.034.139.139,0,0,0-.1.05l-1.175,1.4a.139.139,0,0,0,.014.195,7,7,0,0,0,4.73,1.814c2.5,0,4.11-1.364,4.11-3.476,0-1.782-1.063-2.769-3.676-3.405Zm9.329-2.116a3.366,3.366,0,0,0-2.7,1.3v-.983a.141.141,0,0,0-.14-.141h-1.921a.141.141,0,0,0-.14.141v10.923a.141.141,0,0,0,.14.141h1.921a.141.141,0,0,0,.14-.141v-3.448a3.451,3.451,0,0,0,2.7,1.223c2.011,0,4.046-1.548,4.046-4.507s-2.033-4.508-4.044-4.508Zm1.812,4.508a2.316,2.316,0,0,1-2.257,2.558,2.572,2.572,0,0,1,0-5.117,2.342,2.342,0,0,1,2.257,2.558Zm7.452-4.508a4.517,4.517,0,1,0,4.6,4.508,4.531,4.531,0,0,0-4.6-4.508Zm0,7.081a2.444,2.444,0,0,1-2.416-2.574,2.386,2.386,0,0,1,2.384-2.543,2.451,2.451,0,0,1,2.432,2.575,2.392,2.392,0,0,1-2.4,2.542Zm10.132-6.906h-2.114v-2.162a.14.14,0,0,0-.14-.141h-1.921a.141.141,0,0,0-.141.141v2.162h-.924a.14.14,0,0,0-.14.141v1.651a.141.141,0,0,0,.14.141h.924v4.273a2.286,2.286,0,0,0,2.554,2.6,3.507,3.507,0,0,0,1.8-.448.14.14,0,0,0,.071-.122v-1.573a.141.141,0,0,0-.2-.126,2.423,2.423,0,0,1-1.128.272c-.616,0-.892-.28-.892-.907v-3.971h2.114a.14.14,0,0,0,.14-.141v-1.651a.136.136,0,0,0-.138-.141Zm7.367.009v-.266c0-.781.3-1.129.971-1.129a3.244,3.244,0,0,1,1.083.2.14.14,0,0,0,.185-.134v-1.619a.141.141,0,0,0-.1-.135,5.277,5.277,0,0,0-1.6-.229c-1.775,0-2.713,1-2.713,2.889v.407h-.923a.141.141,0,0,0-.141.141v1.66a.141.141,0,0,0,.141.141h.923v6.591a.141.141,0,0,0,.14.141h1.921a.141.141,0,0,0,.141-.141v-6.59h1.794l2.748,6.589c-.312.692-.619.83-1.038.83a2.216,2.216,0,0,1-1.06-.3.143.143,0,0,0-.112-.01.142.142,0,0,0-.083.076l-.651,1.429a.14.14,0,0,0,.061.182,4.045,4.045,0,0,0,2.052.525c1.419,0,2.2-.661,2.894-2.439l3.333-8.614a.141.141,0,0,0-.13-.192h-2a.141.141,0,0,0-.133.094l-2.049,5.853-2.244-5.857a.14.14,0,0,0-.131-.091h-3.282Zm-4.271-.009h-1.921a.141.141,0,0,0-.141.141v8.383a.141.141,0,0,0,.141.141h1.921a.141.141,0,0,0,.141-.141v-8.382a.141.141,0,0,0-.141-.141Zm-.95-3.817a1.378,1.378,0,1,0,1.378,1.377,1.378,1.378,0,0,0-1.378-1.377Zm16.833,6.512a1.356,1.356,0,1,1,1.359-1.36,1.347,1.347,0,0,1-1.359,1.36Zm.007-2.577a1.221,1.221,0,1,0,1.21,1.217,1.209,1.209,0,0,0-1.21-1.217h0Zm.3,1.356.382.536h-.322l-.344-.491h-.3v.491h-.27v-1.42h.633c.33,0,.547.169.547.453a.421.421,0,0,1-.328.431Zm-.229-.641h-.352v.449h.352c.176,0,.281-.086.281-.225s-.105-.224-.28-.224h0Z" transform="translate(-74.428 -1369.145)" fill="#474a6f"/></svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="85.568" height="25.976" viewBox="0 0 85.568 25.976"><path d="M0,18.374V.381H3.161V18.374H0ZM11.251,5.32a6.7,6.7,0,1,0,.031,13.4,6.7,6.7,0,1,0-.031-13.4ZM11.214,8.37a3.65,3.65,0,1,1-3.607,3.65,3.62,3.62,0,0,1,3.607-3.65ZM26.027,5.32a6.7,6.7,0,1,0,.032,13.4,6.636,6.636,0,0,0,6.8-6.731A5.046,5.046,0,0,0,31.83,8.56l.876-.3V5.694H28.217A6.773,6.773,0,0,0,26.027,5.32ZM25.989,8.37a3.65,3.65,0,1,1-3.607,3.65,3.62,3.62,0,0,1,3.607-3.65Zm3.659,10.884a3.647,3.647,0,1,1-7.295,0H19.148a6.622,6.622,0,0,0,6.888,6.722,6.629,6.629,0,0,0,6.8-6.722Zm4.478-.88V5.694h3.161V18.374Zm6.23,0V8.534H38.661V5.694h1.695V1.8h3.161V5.694h1.741v2.84H43.517v9.839ZM37.793,2.093A2.093,2.093,0,1,1,35.7,0,2.093,2.093,0,0,1,37.793,2.093Zm14.57,3.219a6.564,6.564,0,0,0-6.7,6.805,6.367,6.367,0,0,0,6.762,6.616,7.5,7.5,0,0,0,5.746-2.405l-2.113-2.116a5.628,5.628,0,0,1-3.593,1.721A3.417,3.417,0,0,1,49.008,13.3h9.849v-.87c0-3.473-2.01-7.117-6.493-7.117Zm-.1,2.783a3.14,3.14,0,0,1,3.278,2.64H48.922A3.3,3.3,0,0,1,52.263,8.095Zm14.5,10.64A6.714,6.714,0,1,1,66.75,5.309a6.951,6.951,0,0,1,5.419,2.53l-2.205,2.195a4.511,4.511,0,0,0-3.229-1.65,3.559,3.559,0,0,0-3.643,3.622,3.585,3.585,0,0,0,3.619,3.671,4.5,4.5,0,0,0,3.251-1.648l2.227,2.194a6.927,6.927,0,0,1-5.425,2.511h0Zm6.575-.352V.335H76.5V6.966a4.831,4.831,0,0,1,3.843-1.656c3.31,0,5.227,2.46,5.227,5.607v7.467H82.408V11.394A2.668,2.668,0,0,0,79.633,8.4,2.916,2.916,0,0,0,76.5,11.558v6.825H73.338Z" fill="#9fa0b2"/></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="20.715" viewBox="0 0 57.558 20.715" width="57.558" xmlns="http://www.w3.org/2000/svg"><path d="m30.663 69.972c-3.745 4.4-7.337 9.853-7.373 13.93a4.826 4.826 0 0 0 1.65 3.888 8.007 8.007 0 0 0 5.407 1.979 20.793 20.793 0 0 0 7.5-1.932c3.553-1.418 42.759-18.444 42.759-18.444.378-.19.307-.426-.166-.308-.191.048-42.683 11.563-42.683 11.563a9.39 9.39 0 0 1 -2.473.352c-3.266.019-6.171-1.793-6.148-5.613a12.526 12.526 0 0 1 1.527-5.415z" fill="#9fa0b2" fill-rule="evenodd" opacity=".999" transform="translate(-23.29 -69.054)"/></svg>
|
||||
|
After Width: | Height: | Size: 542 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="101.902" height="30.563" viewBox="0 0 101.902 30.563"><path d="M89.709,1369.145a15.282,15.282,0,1,0,15.281,15.281,15.282,15.282,0,0,0-15.281-15.281Zm7.008,22.04a.952.952,0,0,1-1.31.317c-3.588-2.193-8.105-2.689-13.425-1.474a.952.952,0,1,1-.424-1.856c5.821-1.331,10.814-.758,14.842,1.7a.952.952,0,0,1,.316,1.31Zm1.87-4.16a1.192,1.192,0,0,1-1.639.392,20.058,20.058,0,0,0-15.227-1.781,1.191,1.191,0,1,1-.692-2.28,22.294,22.294,0,0,1,17.166,2.031,1.191,1.191,0,0,1,.392,1.638Zm.161-4.333c-4.926-2.925-13.051-3.194-17.753-1.767a1.429,1.429,0,1,1-.83-2.735c5.4-1.639,14.371-1.322,20.042,2.044a1.429,1.429,0,0,1-1.459,2.458Zm17.255.561c-2.639-.629-3.108-1.071-3.108-2,0-.877.825-1.467,2.053-1.467a6,6,0,0,1,3.606,1.37.174.174,0,0,0,.245-.039l1.288-1.816a.173.173,0,0,0-.033-.235,7.8,7.8,0,0,0-5.067-1.755c-2.849,0-4.839,1.71-4.839,4.156,0,2.623,1.717,3.552,4.683,4.269,2.525.582,2.951,1.069,2.951,1.94,0,.965-.862,1.565-2.248,1.565a6.06,6.06,0,0,1-4.2-1.736.181.181,0,0,0-.127-.041.171.171,0,0,0-.119.061l-1.445,1.719a.171.171,0,0,0,.017.24,8.612,8.612,0,0,0,5.816,2.231c3.07,0,5.054-1.677,5.054-4.274.005-2.192-1.307-3.405-4.52-4.187Zm11.471-2.6a4.139,4.139,0,0,0-3.322,1.6v-1.209a.173.173,0,0,0-.173-.173h-2.363a.173.173,0,0,0-.173.173v13.431a.173.173,0,0,0,.173.173h2.363a.173.173,0,0,0,.173-.173v-4.24a4.244,4.244,0,0,0,3.322,1.5c2.472,0,4.975-1.9,4.975-5.542s-2.5-5.543-4.973-5.543Zm2.228,5.543a2.848,2.848,0,0,1-2.775,3.146,3.163,3.163,0,0,1,0-6.291,2.88,2.88,0,0,1,2.776,3.145Zm9.162-5.543a5.554,5.554,0,1,0,5.659,5.543,5.571,5.571,0,0,0-5.659-5.543Zm0,8.707a3,3,0,0,1-2.97-3.165,2.934,2.934,0,0,1,2.931-3.127,3.014,3.014,0,0,1,2.99,3.166,2.941,2.941,0,0,1-2.951,3.125Zm12.458-8.491h-2.6v-2.658a.173.173,0,0,0-.172-.173h-2.362a.173.173,0,0,0-.173.173v2.658h-1.136a.173.173,0,0,0-.172.173v2.03a.173.173,0,0,0,.172.173h1.136v5.254c0,2.123,1.057,3.2,3.141,3.2a4.311,4.311,0,0,0,2.213-.551.172.172,0,0,0,.087-.15v-1.933a.173.173,0,0,0-.25-.155,2.977,2.977,0,0,1-1.387.335c-.758,0-1.1-.344-1.1-1.115v-4.882h2.6a.173.173,0,0,0,.172-.173v-2.03a.167.167,0,0,0-.17-.173Zm9.058.01v-.327c0-.96.368-1.389,1.194-1.389a3.989,3.989,0,0,1,1.331.245.173.173,0,0,0,.227-.164v-1.991a.173.173,0,0,0-.122-.166,6.487,6.487,0,0,0-1.964-.282c-2.182,0-3.336,1.229-3.336,3.552v.5h-1.135a.174.174,0,0,0-.173.173v2.041a.174.174,0,0,0,.173.173h1.135v8.1a.173.173,0,0,0,.172.173h2.363a.173.173,0,0,0,.173-.173v-8.1h2.206l3.379,8.1c-.384.851-.761,1.021-1.276,1.021a2.725,2.725,0,0,1-1.3-.37.177.177,0,0,0-.138-.013.175.175,0,0,0-.1.093l-.8,1.757a.172.172,0,0,0,.074.224,4.975,4.975,0,0,0,2.523.646c1.745,0,2.709-.813,3.559-3l4.1-10.591a.173.173,0,0,0-.16-.236h-2.459a.174.174,0,0,0-.164.116l-2.52,7.2-2.76-7.2a.173.173,0,0,0-.161-.111h-4.036Zm-5.252-.01h-2.363a.173.173,0,0,0-.173.173v10.307a.173.173,0,0,0,.173.173h2.363a.173.173,0,0,0,.173-.173V1381.04a.173.173,0,0,0-.173-.173Zm-1.168-4.693a1.694,1.694,0,1,0,1.694,1.694,1.694,1.694,0,0,0-1.694-1.694Zm20.7,8.007a1.667,1.667,0,1,1,1.671-1.672,1.656,1.656,0,0,1-1.671,1.672Zm.009-3.169a1.5,1.5,0,1,0,1.488,1.5,1.487,1.487,0,0,0-1.488-1.5h0Zm.369,1.667.47.658h-.4l-.423-.6h-.364v.6h-.332v-1.745h.778c.405,0,.672.208.672.557a.518.518,0,0,1-.4.53Zm-.281-.787h-.433v.552h.433c.216,0,.345-.106.345-.276s-.13-.276-.345-.276h0Z" transform="translate(-74.428 -1369.145)" fill="#9fa0b2"/></svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30.781" height="25" viewBox="0 0 30.781 25"><path d="M15.391-22.031a13.219,13.219,0,0,1-3.164,3.262q.02.273.02.82a17.921,17.921,0,0,1-.742,5.068A18.316,18.316,0,0,1,9.248-8.027a19.079,19.079,0,0,1-3.6,4.111A16.044,16.044,0,0,1,.605-1.064,18.442,18.442,0,0,1-5.7,0a17.519,17.519,0,0,1-9.687-2.832,13.5,13.5,0,0,0,1.523.078,12.351,12.351,0,0,0,7.832-2.7,6.151,6.151,0,0,1-3.672-1.26,6.171,6.171,0,0,1-2.227-3.115,7.992,7.992,0,0,0,1.191.1,6.526,6.526,0,0,0,1.66-.215,6.207,6.207,0,0,1-3.623-2.178,6.1,6.1,0,0,1-1.436-4.014v-.078a6.259,6.259,0,0,0,2.852.8,6.3,6.3,0,0,1-2.051-2.246,6.147,6.147,0,0,1-.762-3.008,6.181,6.181,0,0,1,.859-3.184A17.883,17.883,0,0,0-7.49-19.189,17.578,17.578,0,0,0-.234-17.246a7.007,7.007,0,0,1-.156-1.445,6.08,6.08,0,0,1,1.846-4.463A6.08,6.08,0,0,1,5.918-25a6.082,6.082,0,0,1,4.609,1.992,12.37,12.37,0,0,0,4-1.523,6.125,6.125,0,0,1-2.773,3.477A12.57,12.57,0,0,0,15.391-22.031Z" transform="translate(15.391 25)" fill="#9fa0b2"/></svg>
|
||||
|
After Width: | Height: | Size: 1005 B |
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" xml:space="preserve">
|
||||
<path fill="none" stroke="rgb(219, 223, 229)" stroke-width="2" stroke-linejoin="bevel" stroke-miterlimit="10" d="M1,30L63,1L23,41Z"></path>
|
||||
<path fill="none" stroke="rgb(219, 223, 229)" stroke-width="2" stroke-linejoin="bevel" stroke-miterlimit="10" d="M34,63L63,1L23,41Z"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 455 B |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="19.867" viewBox="0 0 601.983 19.867" width="601.983" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#bfc9dd" stroke-dasharray="4 5" stroke-miterlimit="10"><path d="m0 4.622s18.179 7.278 46.045 5.428 47.877-10.05 47.877-10.05" transform="translate(250.372 9.007)"/><path d="m0 5.73s16.858-7.281 42.7-5.43 44.4 10.05 44.4 10.05" transform="translate(.198 .507)"/><path d="m0 5.73s18.179-7.281 46.045-5.43 47.877 10.05 47.877 10.05" transform="translate(507.872 3.819)"/></g></svg>
|
||||
|
After Width: | Height: | Size: 502 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="421.166" viewBox="0 0 414.193 421.166" width="414.193" xmlns="http://www.w3.org/2000/svg"><path d="m165-209.5c36.4 43.4 45 107.2 37.1 159.5s-32.2 93.2-59.5 124.8-57.4 54.1-90.9 65.4c-33.5 11.4-70.3 11.7-101.1-1s-55.7-38.5-85.8-70.8c-30.2-32.3-65.7-71.2-72.8-118-7.2-46.9 13.9-101.7 53.3-144.6 39.4-42.8 97.1-73.8 158-77.8 61-3.9 125.3 19.1 161.7 62.5" fill="#f7f8ff" transform="translate(209.395 272.427)"/></svg>
|
||||
|
After Width: | Height: | Size: 426 B |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="10" viewBox="0 0 48.06 10" width="48.06" xmlns="http://www.w3.org/2000/svg"><path d="m40.08 4.95 4.96 4.95 4.96-4.95-4.96-4.95z" fill="#f7c150" transform="translate(-21)"/><ellipse cx="43.05" cy="5" fill="#b0ffe8" rx="5.01" ry="5"/><path d="m10.02 0-10.02 10h10.02z" fill="#8253ff"/></svg>
|
||||
|
After Width: | Height: | Size: 302 B |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
1
resources/views/client/raffles/template/assets/js/liquid-ajax-contact-form.min.js
vendored
Normal file
1
resources/views/client/raffles/template/assets/js/liquid-ajax-contact-form.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
!function(t){"use strict";t(".lqd-cf-form ").submit((function(r){r.preventDefault();var s=!0,e=this,o=t(e).siblings(".lqd-cf-response-output"),i;if(t(e).find(":required").each((function(){t(this).css("border-color",""),t.trim(t(this).val())||(t(this).css("border-color","red"),s=!1);var r=/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;"email"!=t(this).attr("type")||r.test(t.trim(t(this).val()))||(t(this).css("border-color","red"),s=!1)})).keyup((function(){t(this).css("border-color","")})).change((function(){t(this).css("border-color","")})),s){var a=t(this).attr("action"),c=t(this).attr("method"),n=t(this).serialize();t.ajax({url:a,type:c,dataType:"json",data:n}).done((function(r){"error"==r.type?i='<p class="form-message form-error">'+r.text+"</p>":(t(e)[0].reset(),i='<p class="form-message form-success">'+r.text+"</p>"),o.removeClass("hidden").html(i),setTimeout((function(){o.addClass("hidden").html("")}),7e3)}))}}))}(jQuery);
|
||||
1
resources/views/client/raffles/template/assets/js/liquid-gdpr.min.js
vendored
Normal file
1
resources/views/client/raffles/template/assets/js/liquid-gdpr.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";(()=>{class e{constructor(e,t){this.DOM={},this.DOM.element=e,this.DOM.acceptBtn=this.DOM.element.querySelector(".lqd-gdpr-accept"),this.expires=t,document.body.appendChild(this.DOM.element),this.init(),this.eventListeners(),this.DOM.element.classList.add("lqd-gdpr-ready")}init(){const e=this.getCookie();(e.length<1||"accepted"!==e[0].split("=")[1])&&this.showPopup()}eventListeners(){this.DOM.acceptBtn.addEventListener("click",(()=>{this.setCookie.call(this),this.hidePopup.call(this)}))}setCookie(){const e=new Date;e.setTime(e.getTime()+24*this.expires*60*60*1e3);const t="expires="+e.toUTCString();document.cookie="lqd-gdpr=accepted; ".concat(t)}getCookie(){return document.cookie.split(";").filter((e=>"lqd-gdpr"===e.trim().split("=")[0]))}showPopup(){this.DOM.element.classList.add("lqd-gdpr-visible"),this.DOM.element.classList.remove("lqd-gdpr-hidden")}hidePopup(){this.DOM.element.classList.add("lqd-gdpr-hidden"),this.DOM.element.classList.remove("lqd-gdpr-visible")}}const t=document.querySelector("#lqd-gdpr");t&&new e(t,365)})();
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user