HTML


<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide"><img src="./img/img01.png"></div>
    <div class="swiper-slide"><img src="./img/img02.png"></div>
    <div class="swiper-slide"><img src="./img/img03.png"></div>
  </div>
    
  <div class="swiper-button-prev"></div>
  <div class="swiper-button-next"></div>

  <div class="swiper-pagination"></div>
</div>

CSS


.c-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding: 0 15px;
}

JavaScript


window.addEventListener('DOMContentLoaded', function() {
  var swiper = new Swiper('sample01 .swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    loop: true
  });
}, false);