document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. let menu = document.querySelector("#menu-btn");
  2. let navbar = document.querySelector(".navbar");
  3.  
  4. menu.onclick = () => {
  5.   menu.classList.toggle("fa-times");
  6.   navbar.classList.toggle("active");
  7. };
  8.  
  9. document.querySelector("#login-btn").onclick = () => {
  10.   document.querySelector(".login-form-container").classList.toggle("active");
  11. };
  12.  
  13. document.querySelector("#close-login-form").onclick = () => {
  14.   document.querySelector(".login-form-container").classList.remove("active");
  15. };
  16.  
  17. window.onscroll = () => {
  18.   menu.classList.remove("fa-times");
  19.   navbar.classList.remove("active");
  20.  
  21.   if (window.scrollY > 0) {
  22.     document.querySelector(".header").classList.add("active");
  23.   } else {
  24.     document.querySelector(".header").classList.remove("active");
  25.   }
  26. };
  27.  
  28. document.querySelector(".home").onmousemove = (e) => {
  29.   document.querySelectorAll(".home-parallax").forEach((elm) => {
  30.     let speed = elm.getAttribute("data-speed");
  31.  
  32.     let x = (window.innerWidth - e.pageX * speed) / 90;
  33.     let y = (window.innerHeight - e.pageY * speed) / 90;
  34.  
  35.     elm.style.transform = `translateX(${y}px) translateY(${x}px)`;
  36.   });
  37. };
  38.  
  39. document.querySelector(".home").onmouseleave = (e) => {
  40.   document.querySelectorAll(".home-parallax").forEach((elm) => {
  41.     elm.style.transform = `translateX(0px) translateY(0px)`;
  42.   });
  43. };
  44.  
  45. var swiper = new Swiper(".vehicles-slider", {
  46.   grabCursor: true,
  47.   centeredSlides: true,
  48.   spaceBetween: 20,
  49.   loop: true,
  50.   autoplay: {
  51.     delay: 9500,
  52.     disableOnInteraction: false,
  53.   },
  54.   pagination: {
  55.     el: ".swiper-pagination",
  56.     clickable: true,
  57.   },
  58.   breakpoints: {
  59.     0: {
  60.       slidesPerView: 1,
  61.     },
  62.     768: {
  63.       slidesPerView: 2,
  64.     },
  65.     1024: {
  66.       slidesPerView: 3,
  67.     },
  68.   },
  69. });
  70.  
  71. var swiper = new Swiper(".featured-slider", {
  72.   grabCursor: true,
  73.   centeredSlides: true,
  74.   spaceBetween: 20,
  75.   loop: true,
  76.   autoplay: {
  77.     delay: 9500,
  78.     disableOnInteraction: false,
  79.   },
  80.   pagination: {
  81.     el: ".swiper-pagination",
  82.     clickable: true,
  83.   },
  84.   breakpoints: {
  85.     0: {
  86.       slidesPerView: 1,
  87.     },
  88.     768: {
  89.       slidesPerView: 2,
  90.     },
  91.     1024: {
  92.       slidesPerView: 3,
  93.     },
  94.   },
  95. });
  96.  
  97. var swiper = new Swiper(".review-slider", {
  98.   grabCursor: true,
  99.   centeredSlides: true,
  100.   spaceBetween: 20,
  101.   loop: true,
  102.   autoplay: {
  103.     delay: 9500,
  104.     disableOnInteraction: false,
  105.   },
  106.   pagination: {
  107.     el: ".swiper-pagination",
  108.     clickable: true,
  109.   },
  110.   breakpoints: {
  111.     0: {
  112.       slidesPerView: 1,
  113.     },
  114.     768: {
  115.       slidesPerView: 2,
  116.     },
  117.     1024: {
  118.       slidesPerView: 3,
  119.     },
  120.   },
  121. });
  122.  
');