<div class="box-realizations">
  <div class="box-realizations__slider">
    <div class="splide">
      <div class="splide__track">
        <div class="splide__list">
          <div class="splide__slide realizations-slide-1">
            <div class="container">
              <div class="splide__slide__data">
                <h2>Najnowsze realizacje</h2>
                <p>Tworzymy strony internetowe dopasowane do wszystkich urządzeń mobilnych dbając o ich użyteczność oraz
                  atrakcyjną formę. Każda z naszych realizacji dopasowana jest do potrzeb Klienta. Wyróżnij się na tle
                  konkurencji nowoczesną stroną internetową!</p>
                <a href="/realizacje" class="btn-1">Zobacz je wszystkie</a>
              </div>
            </div>
          </div>
          <div class="splide__slide realizations-slide-2">
            <div class="container">
              <div class="splide__slide__data">
                <h2>Najnowsze realizacje</h2>
                <p>Tworzymy strony internetowe dopasowane do wszystkich urządzeń mobilnych dbając o ich użyteczność oraz
                  atrakcyjną formę. Każda z naszych realizacji dopasowana jest do potrzeb Klienta. Wyróżnij się na tle
                  konkurencji nowoczesną stroną internetową!</p>
                <a href="/realizacje" class="btn-1">Zobacz je wszystkie</a>
              </div>
            </div>
          </div>
          <div class="splide__slide realizations-slide-3">
            <div class="container">
              <div class="splide__slide__data">
                <h2>Najnowsze realizacje</h2>
                <p>Tworzymy strony internetowe dopasowane do wszystkich urządzeń mobilnych dbając o ich użyteczność oraz
                  atrakcyjną formę. Każda z naszych realizacji dopasowana jest do potrzeb Klienta. Wyróżnij się na tle
                  konkurencji nowoczesną stroną internetową!</p>
                <a href="/realizacje" class="btn-1">Zobacz je wszystkie</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script class="footer" type="text/javascript">
$(document).ready(function() {
  const paginationText = [
    'WINGEDIT',
    'IBRA',
    'VIDOK',
  ];

  var trusted_slide = new Splide('.box-realizations__slider .splide', {
    type: 'fade',
    perPage: 1,
    pagination: true,
    arrows: false,
    rewind: true,
    breakpoints: {
      990: {
        autoplay: true,
      }
    }
  });

  trusted_slide.on('pagination:mounted', function(data) {
    data.list.classList.add('splide__pagination--custom');
    data.list.classList.add('container');
    data.items.forEach(function(item) {
      item.button.textContent = paginationText[item.page];
    });
  });

  trusted_slide.mount();
});
</script>