first commit
This commit is contained in:
76
templates_user/components/NajnowszeRealizacje.php
Normal file
76
templates_user/components/NajnowszeRealizacje.php
Normal file
@@ -0,0 +1,76 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user