Swiper style 1

Options

Turn on the slider element

Turn on the left - right button element

Setting up the slider

Create the general slider structure

swiper

swiper-wrapper

swiper-slide

Copy the following script before <body> tag

<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script>
var swiper = new Swiper('.swiper',{
    spaceBetween: 24,
    grabCursor: true,
    a11y: false,
    slidesPerView: 'auto',
    autoplay: false,
    a11y: false,

    breakpoints: {
        768: {
            spaceBetween: 32
        }
    }
});
</script>