CodePen Embed - xxVaNKx

<!--Swiper -->
<div class="swiper-container">
	<!-- スライド要素を囲むラッパー -->
  <div class="swiper-wrapper"> 
  	<!-- スライド -->
    <div class="swiper-slide"><div class="slide1"><p>Slide1</div></div>
    <div class="swiper-slide"><div class="slide2"><p>Slide2</div></div>
    <div class="swiper-slide"><div class="slide3"><p>Slide3</div></div>
    <div class="swiper-slide"><div class="slide4"><p>Slide4</div></div>
  </div>
  <!-- オプション：ページネーション -->
  <div class="swiper-pagination"></div>
  <!-- オプション：ナビゲーションボタン -->
  <div class="swiper-button-prev"></div>
  <div class="swiper-button-next"></div>
  <!-- オプションスクロールバー -->
  <div class="swiper-scrollbar"></div>
</div>

var mySwiper = new Swiper ('.swiper-container', {
  autoplay: {
    delay: 3000,
  }
});

This Pen is owned by YutoAsai on CodePen.

See more by @TheYuto on CodePen

External CSS

External JavaScript

https://unpkg.com/swiper/swiper-bundle.min.js