43 lines
1.1 KiB
Plaintext
43 lines
1.1 KiB
Plaintext
@model List<ResultReferenceDto>
|
||
|
||
|
||
<h5 class="title-style-2 mb-3" style="color: #c4956a;">Referanslarımız</h5>
|
||
|
||
|
||
<div class="swiper mySwiper">
|
||
<div class="swiper-wrapper">
|
||
@foreach (var reference in Model)
|
||
{
|
||
<div class="swiper-slide">
|
||
<a class="clients-classic" href="@(string.IsNullOrEmpty(reference.WebUrl) ? "#" : reference.WebUrl)" target="_blank">
|
||
<img src="@reference.LogoUrl" alt="reference-logo" style="max-width: 150px;" />
|
||
</a>
|
||
</div>
|
||
}
|
||
</div>
|
||
</div>
|
||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||
|
||
<script>
|
||
var swiper = new Swiper(".mySwiper", {
|
||
loop: true,
|
||
autoplay: {
|
||
delay: 2500,
|
||
disableOnInteraction: false,
|
||
},
|
||
slidesPerView: 3,
|
||
spaceBetween: 30,
|
||
breakpoints: {
|
||
640: {
|
||
slidesPerView: 2,
|
||
},
|
||
768: {
|
||
slidesPerView: 3,
|
||
},
|
||
1024: {
|
||
slidesPerView: 5,
|
||
}
|
||
}
|
||
});
|
||
</script>
|