123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- // responsive navbar for mobile menu
- const resBtn = document.getElementById("res-btn");
- const bodyTag = document.querySelector("body");
- resBtn.addEventListener('click', () => {
- bodyTag.classList.toggle("show-mobile-menu");
- })
- // responsive navbar for mobile menu end
- // course short description slider
- var swiper = new Swiper(".courses-short-desc", {
- spaceBetween: 30,
- loop: true,
- spaceBetween: 10,
- autoHeight: true,
- allowTouchMove: true,
- slidesPerView: 1,
- breakpoints: {
- 640: {
- slidesPerView: 2,
- spaceBetween: 10,
- },
- 768: {
- slidesPerView: 3,
- spaceBetween: 20,
- },
- 1024: {
- slidesPerView: 4,
- spaceBetween: 30,
- },
- },
- autoplay: {
- delay: 2500,
- disableOnInteraction: false,
- },
- });
-
-
- // why slider
- var swiper = new Swiper(".why-slider-1", {
- slidesPerView: "auto",
- centeredSlides: true,
- direction: "vertical",
- loop: true,
- speed: 5000,
- autoplay: {
- delay: 1,
- pauseOnMouseEnter: false,
- reverseDirection: true
- },
- spaceBetween: 20,
- });
- // new course slider
- var swiper = new Swiper(".new-course", {
- loop: true,
- spaceBetween: 10,
- autoHeight: true,
- allowTouchMove: true,
- slidesPerView: 1,
- breakpoints: {
- 640: {
- slidesPerView: 1,
- spaceBetween: 10,
- },
- 768: {
- slidesPerView: 3,
- spaceBetween: 20,
- },
- 1024: {
- slidesPerView: 4,
- spaceBetween: 30,
- },
- },
- autoplay: {
- delay: 2500,
- disableOnInteraction: false,
- pauseOnMouseEnter: true
- },
- navigation: {
- nextEl: ".new-course-next",
- prevEl: ".new-course-prev",
- },
- });
- // memory slider
- var swiper = new Swiper(".memory-slider", {
- slidesPerView: 1,
- spaceBetween: 80,
- loop: true,
- navigation: {
- nextEl: ".memory-slider-next",
- prevEl: ".memory-slider-prev",
- },
- });
-
|