76 lines
2.8 KiB
PHP
76 lines
2.8 KiB
PHP
<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> |