Carousel

            
<!-- carousel slider -->
<div id="post-carousel" class="splide py-6 px-4 rounded-xl bg-primary-100 border border-primary-200 dark:bg-primary-900 dark:border-primary-950 shadow-outset-fixed" aria-label="Splide Basic HTML Example">
  <div class="splide__track">
    <ul class="splide__list">
      <li class="splide__slide">
        <img src="../src/img/slider/slider1.jpg" class="w-full" alt="slider alt">
      </li>
      <li class="splide__slide">
        <img src="../src/img/slider/slider2.jpg" class="w-full" alt="slider alt 2">
      </li>
      <li class="splide__slide">
        <img src="../src/img/slider/slider3.jpg" class="w-full" alt="slider alt 3">
      </li>
    </ul>
  </div>
</div>

<!-- Carousel script -->
<script src="src/vendors/@splidejs/splide/dist/js/splide.min.js"></script>
<script src="src/js/plugins.js"></script>