www/src/layouts/partials/swiper.html

<!-- Package Grid Header -->
<hr>
  <div class="container package-grid-header">
    <h3 style="margin-bottom:-20px;">package center</h3>
  </div>
<hr>

<!-- Slider main container -->

  <div class="row" style="margin-bottom: 2vw !important;">
    <div class="col">
      <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">{{- partial "package-thumbnail.html" . -}}</div>
          <div class="swiper-slide">{{- partial "package-thumbnail.html" . -}}</div>
          <div class="swiper-slide">{{- partial "package-thumbnail.html" . -}}</div>
          <div class="swiper-slide">{{- partial "package-thumbnail.html" . -}}</div>
          <div class="swiper-slide">{{- partial "package-thumbnail.html" . -}}</div>
          <div class="swiper-slide">{{- partial "package-thumbnail.html" . -}}</div>
          <div class="swiper-slide">{{- partial "package-thumbnail.html" . -}}</div>
          <div class="swiper-slide">{{- partial "package-thumbnail.html" . -}}</div>
          <div class="swiper-slide">{{- partial "package-thumbnail.html" . -}}</div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
  </div>