img-1 img-2 img-3 img-4 img-5 img-6 img-7

Documentation

Swiper Slider

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. For more details

HTML Code

<div class="d-slider"></div>

Script

const options = {
    centeredSlides: false,
    loop: false,
    slidesPerView: 3,
    autoplay:false,
    spaceBetween: 32,
    breakpoints: {
        320: { slidesPerView: 1 },
        550: { slidesPerView: 2 },
        991: { slidesPerView: 2},
        1400: { slidesPerView: 2 },
        1500: { slidesPerView: 3 },
        1920: { slidesPerView: 3 },
        2040: { slidesPerView: 3 },
        2440: { slidesPerView: 3 }
    }, 
    pagination: {
        el: '.swiper-pagination'
    },
    scrollbar: {
        el: '.swiper-scrollbar'  
    }
}