custom.js 846 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. // responsive navbar for mobile menu
  2. const resBtn = document.getElementById("res-btn");
  3. const bodyTag = document.querySelector("body");
  4. resBtn.addEventListener('click', () => {
  5. bodyTag.classList.toggle("show-mobile-menu");
  6. })
  7. // responsive navbar for mobile menu end
  8. //
  9. var swiper = new Swiper(".courses-short-desc", {
  10. slidesPerView: "auto",
  11. spaceBetween: 30,
  12. loop: true,
  13. spaceBetween: 10,
  14. autoHeight: true,
  15. allowTouchMove: true,
  16. slidesPerView: 1,
  17. breakpoints: {
  18. 640: {
  19. slidesPerView: 2,
  20. spaceBetween: 10,
  21. },
  22. 768: {
  23. slidesPerView: 3,
  24. spaceBetween: 20,
  25. },
  26. 1024: {
  27. slidesPerView: 4,
  28. spaceBetween: 30,
  29. },
  30. },
  31. autoplay: {
  32. delay: 2500,
  33. disableOnInteraction: false,
  34. },
  35. });