SwiperのHTML部分

swiper-slide.html

<!-- HTML構造とclass名を守る-->
<div class="swiper-container">

  <div class="swiper-wrapper">
    <!-- ここに表示したいスライド（これは３枚分） -->
    <div class="swiper-slide">スライド 1</div>
    <div class="swiper-slide">スライド 2</div>
    <div class="swiper-slide">スライド 3</div>
  </div>

  <!-- ページネーションが必要な場合は設置 -->
  <div class="swiper-pagination"></div>

  <!-- 左右の矢印が必要な場合は設置 -->
  <div class="swiper-button-prev"></div>
  <div class="swiper-button-next"></div>
</div>