first change
This commit is contained in:
571
resources/views/client/raffles/layouts/app.blade.php
Normal file
571
resources/views/client/raffles/layouts/app.blade.php
Normal file
@@ -0,0 +1,571 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<meta name="keywords"
|
||||
content="consultancy , seo, marketing, creative, modern, educare, education, responsive, raffles, usa, uk" />
|
||||
<meta name="author" content="LiquidThemes" />
|
||||
<meta name="description" content="Raffles is a consultancy with high performance, and award-winning consultancy." />
|
||||
<meta property="og:title" content="Raffles Educare" />
|
||||
<meta property="og:description"
|
||||
content="Raffles is a consultancy with high performance, and award-winning consultancy." />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<!-- favicon -->
|
||||
<link rel="apple-touch-icon" sizes="180x180"
|
||||
href="{{ asset('raffles/assets/images/logo/favicon/apple-touch-icon.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="32x32"
|
||||
href="{{ asset('raffles/assets/images/logo/favicon/favicon-32x32.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="16x16"
|
||||
href="{{ asset('raffles/assets/images/logo/favicon/favicon-16x16.png') }}">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
|
||||
|
||||
<link rel="stylesheet"
|
||||
href="{{ asset('raffles/assets/vendors/liquid-icon/lqd-essentials/lqd-essentials.min.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/theme.min.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/utility.min.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/style.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/swiper.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/demo/start-hub-1/base.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/demo/start-hub-1/start-hub-1.css') }}" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&family=Nunito:wght@400;600;700&family=Roboto&display=swap"
|
||||
rel="stylesheet" />
|
||||
<!-- FontAwesome CDN -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- for select2 -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
|
||||
|
||||
|
||||
<title>Raffles Educare</title>
|
||||
</head>
|
||||
|
||||
<body data-lqd-cc="true" data-mobile-nav-breakpoint="1199" data-mobile-nav-style="minimal" data-mobile-nav-scheme="gray"
|
||||
data-mobile-nav-trigger-alignment="right" data-mobile-header-scheme="custom" data-mobile-logo-alignment="default"
|
||||
data-overlay-onmobile="true">
|
||||
<div id="wrap">
|
||||
|
||||
<img src="{{ asset('raffles/assets/images/icons/aeroplane.png') }}" alt="Flying Plane" id="plane">
|
||||
|
||||
<div class="lqd-sticky-placeholder hidden"></div>
|
||||
|
||||
@include('client.raffles.layouts.partials.header')
|
||||
|
||||
@yield('content')
|
||||
|
||||
@include('client.raffles.layouts.partials.footer')
|
||||
|
||||
|
||||
</div>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
|
||||
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/jquery.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/js/swiper.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/jquery-ui/jquery-ui.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/fastdom/fastdom.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/bootstrap/js/bootstrap.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/fresco/js/fresco.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/lity/lity.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/minified/gsap.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/utils/CustomEase.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/minified/DrawSVGPlugin.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/minified/ScrollTrigger.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/draw-shape/liquidDrawShape.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/animated-blob/liquidAnimatedBlob.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/fontfaceobserver.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/tinycolor-min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/utils/SplitText.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/particles.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/flickity/flickity.pkgd.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/flickity/flickity-fade.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/isotope/isotope.pkgd.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/isotope/packery-mode.pkgd.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/js/liquid-gdpr.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/js/theme.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/js/liquid-ajax-contact-form.min.js') }}"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js')}}"></script>
|
||||
<div class="lqd-cc lqd-cc--inner fixed pointer-events-none"></div>
|
||||
<div
|
||||
class="lqd-cc--el lqd-cc-solid lqd-cc-explore flex items-center justify-center rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
||||
<div class="lqd-cc-solid-txt flex justify-center text-center relative">
|
||||
<div class="lqd-cc-solid-txt-inner">Explide</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-cc--el lqd-cc-solid lqd-cc-drag flex items-center justify-center rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
||||
<div class="lqd-cc-solid-ext lqd-cc-solid-ext-left inline-flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"
|
||||
style="width: 1em; height: 1em">
|
||||
<path fill="currentColor"
|
||||
d="M19.943 6.07L9.837 14.73a1.486 1.486 0 0 0 0 2.25l10.106 8.661c.96.826 2.457.145 2.447-1.125V7.195c0-1.27-1.487-1.951-2.447-1.125z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="lqd-cc-solid-txt flex justify-center text-center relative">
|
||||
<div class="lqd-cc-solid-txt-inner">Drag</div>
|
||||
</div>
|
||||
<div class="lqd-cc-solid-ext lqd-cc-solid-ext-right inline-flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"
|
||||
style="width: 1em; height: 1em">
|
||||
<path fill="currentColor"
|
||||
d="M11.768 25.641l10.106-8.66a1.486 1.486 0 0 0 0-2.25L11.768 6.07c-.96-.826-2.457-.145-2.447 1.125v17.321c0 1.27 1.487 1.951 2.447 1.125z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-cc--el lqd-cc-arrow inline-flex items-center fixed top-0 left-0 pointer-events-none">
|
||||
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M60.4993 0V4.77005H8.87285L80 75.9207L75.7886 79.1419L4.98796 8.35478V60.4993H0V0H60.4993Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="lqd-cc--el lqd-cc-custom-icon rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-ci inline-flex items-center justify-center rounded-full relative">
|
||||
<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"
|
||||
style="width: 1em; height: 1em">
|
||||
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M16.03 6a1 1 0 0 1 1 1v8.02h8.02a1 1 0 1 1 0 2.01h-8.02v8.02a1 1 0 1 1-2.01 0v-8.02h-8.02a1 1 0 1 1 0-2.01h8.02v-8.01a1 1 0 0 1 1.01-1.01z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-cc lqd-cc--outer fixed top-0 left-0 pointer-events-none"></div>
|
||||
<template id="lqd-temp-sticky-header-sentinel">
|
||||
<div class="lqd-sticky-sentinel invisible absolute pointer-events-none"></div>
|
||||
</template>
|
||||
<div class="lity" role="dialog" aria-label="Dialog Window (Press escape to close)" tabindex="-1"
|
||||
data-modal-type="default" style="display: none">
|
||||
<div class="lity-backdrop"></div>
|
||||
<div class="lity-wrap" data-lity-close role="document">
|
||||
<div class="lity-loader" aria-hidden="true">Loading...</div>
|
||||
<div class="lity-container">
|
||||
<div class="lity-content"></div>
|
||||
</div>
|
||||
<button class="lity-close" type="button" aria-label="Close (Press escape to close)" data-lity-close>
|
||||
×
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Your page content -->
|
||||
|
||||
<!-- Swiper JS (Best placed before closing </body>) -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
<script src="{{ asset('raffles/assets/js/style.js') }}"></script>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
<!-- for jquery and select2 -->
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
|
||||
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
|
||||
|
||||
<!-- for filtering -->
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const form = document.getElementById('contact-form');
|
||||
const submitBtn = document.getElementById('submit-btn');
|
||||
const url = form.action;
|
||||
form.addEventListener('submit', async (e) => {
|
||||
e.preventDefault();
|
||||
submitBtn.disabled = true;
|
||||
submitBtn.textContent = 'Submitting…';
|
||||
const formData = new FormData(form);
|
||||
try {
|
||||
const res = await fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')
|
||||
.content
|
||||
},
|
||||
body: formData
|
||||
});
|
||||
const data = await res.json();
|
||||
if (res.ok) {
|
||||
form.reset();
|
||||
toastr.success(data.message || 'Contact Submitted successful!');
|
||||
} else if (data.errors && data.errors.email) {
|
||||
data.errors.email.forEach(msg => toastr.error(msg));
|
||||
} else {
|
||||
toastr.error('Submittion failed. Please try again.');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
toastr.error('Something went wrong. Please try again.');
|
||||
} finally {
|
||||
submitBtn.disabled = false;
|
||||
submitBtn.textContent = 'Submit';
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var weekdays = [
|
||||
"sunday", "monday", "tuesday", "thursday", "friday"
|
||||
];
|
||||
$("#weekdays").select2({
|
||||
data: weekdays
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
$(document).ready(function() {
|
||||
|
||||
var eventType = [
|
||||
"full", "partail", "wedding", "intern", "associate"
|
||||
];
|
||||
$("#eventType").select2({
|
||||
data: eventType
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
$(document).ready(function() {
|
||||
|
||||
var resources = [
|
||||
"study", "travel", "master", "bachelors", "associate"
|
||||
];
|
||||
$("#resources").select2({
|
||||
data: resources
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
$(document).ready(function() {
|
||||
|
||||
var resources = [
|
||||
"study", "travel", "master", "bachelors", "associate"
|
||||
];
|
||||
$("#resources").select2({
|
||||
data: resources
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
var timeframe = [
|
||||
"", ""
|
||||
];
|
||||
$("#franchise-timeframe").select2({
|
||||
data: timeframe
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Your Swiper initialization script -->
|
||||
<script>
|
||||
var swiper = new Swiper(".swiper-events", {
|
||||
slidesPerView: 3, // Adjusts based on available space
|
||||
centeredSlides: true, // Ensures the center slide is the active one
|
||||
loop: true,
|
||||
autoplay: false,
|
||||
|
||||
navigation: {
|
||||
nextEl: '.swiper-events .swiper-button-next',
|
||||
prevEl: '.swiper-events .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
320: { // Small screens (mobile)
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10
|
||||
},
|
||||
768: { // Tablets
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20
|
||||
},
|
||||
1024: { // Laptops and desktops
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30
|
||||
},
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
var swiper = new Swiper(".swiper-banner", {
|
||||
slidesPerView: 1, // Adjusts based on available space
|
||||
|
||||
loop: true,
|
||||
autoplay: false,
|
||||
speed: 600, // duration in ms (600ms = smooth)
|
||||
spaceBetween: 30,
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true, // makes the dots clickable
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-banner .swiper-button-next',
|
||||
prevEl: '.swiper-banner .swiper-button-prev',
|
||||
},
|
||||
|
||||
|
||||
});
|
||||
|
||||
var swiper = new Swiper(".swiper-universities", {
|
||||
slidesPerView: "auto", // Adjusts based on available space
|
||||
centeredSlides: true, // Ensures the center slide is the active one
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
disableOnInteraction: false,
|
||||
pauseOnMouseEnter: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-universities .swiper-button-next',
|
||||
prevEl: '.swiper-universities .swiper-button-prev',
|
||||
},
|
||||
effect: "coverflow",
|
||||
coverflowEffect: {
|
||||
rotate: 0,
|
||||
stretch: 0,
|
||||
depth: 30,
|
||||
modifier: 3,
|
||||
slideShadows: false,
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
var swiper = new Swiper(".swiper-teachers", {
|
||||
slidesPerView: "auto", // Adjusts based on available space
|
||||
centeredSlides: true, // Ensures the center slide is the active one
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
disableOnInteraction: false,
|
||||
pauseOnMouseEnter: true,
|
||||
},
|
||||
|
||||
navigation: {
|
||||
nextEl: '.swiper-teachers .swiper-button-next',
|
||||
prevEl: '.swiper-teachers .swiper-button-prev',
|
||||
},
|
||||
effect: "coverflow",
|
||||
coverflowEffect: {
|
||||
rotate: 0,
|
||||
stretch: 0,
|
||||
depth: 100,
|
||||
modifier: 3,
|
||||
slideShadows: false,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
// var swiper = new Swiper(".mySwiper-banner", {
|
||||
// slidesPerView: 1,
|
||||
// spaceBetween: 0,
|
||||
// navigation: {
|
||||
// nextEl: '.mySwiper-banner .swiper-button-next',
|
||||
// prevEl: '.mySwiper-banner .swiper-button-prev',
|
||||
// },
|
||||
// breakpoints: {
|
||||
// 640: {
|
||||
// slidesPerView: 1,
|
||||
// spaceBetween: 10,
|
||||
// },
|
||||
// 768: {
|
||||
// slidesPerView: 1,
|
||||
// spaceBetween: 20,
|
||||
// },
|
||||
// 1024: {
|
||||
// slidesPerView: 1,
|
||||
// spaceBetween: 20,
|
||||
// },
|
||||
// },
|
||||
// });
|
||||
|
||||
|
||||
var swiper = new Swiper(".mySwiper-unis", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
// navigation: {
|
||||
// nextEl: '.mySwiper-text .swiper-button-next',
|
||||
// prevEl: '.mySwiper-text .swiper-button-prev',
|
||||
// },
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 2,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 2,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
var swiper = new Swiper(".mySwiper-text", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.mySwiper-text .swiper-button-next',
|
||||
prevEl: '.mySwiper-text .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 10,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper = new Swiper(".mySwiper-video", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
navigation: {
|
||||
nextEl: '.mySwiper-video .swiper-button-next',
|
||||
prevEl: '.mySwiper-video .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 10,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper = new Swiper(".mySwiper-uni", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 1,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 3,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 5,
|
||||
spaceBetween: 5,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
var swiper = new Swiper(".mySwiper-img", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.mySwiper-img .swiper-button-next',
|
||||
prevEl: '.mySwiper-img .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 10,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper = new Swiper(".mySwiper-team", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
|
||||
navigation: {
|
||||
nextEl: '.mySwiper-team .swiper-button-next',
|
||||
prevEl: '.mySwiper-team .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 50,
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
Reference in New Issue
Block a user