<!-- HTML Structure -->
<section class="drift-slider">
  <div class="drift-track">
    <ul class="drift-list">
      <li class="drift-slide">Slide 1</li>
      <li class="drift-slide">Slide 2</li>
      <li class="drift-slide">Slide 3</li>
    </ul>
  </div>
  <button class="drift-arrow drift-arrow--prev" type="button"></button>
  <button class="drift-arrow drift-arrow--next" type="button"></button>
  <div class="drift-pagination"></div>
</section>

<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script>
<script src="drift-slider.jquery.js"></script>

$(function() {
  $('.drift-slider').driftSlider({
    slidesPerView: 1,
    loop: true,
    navigation: true,
    pagination: { type: 'bullets' },
    autoplay: { enabled: true, delay: 4000 },
    grabCursor: true,
  });
});