87 lines
4.6 KiB
PHP
87 lines
4.6 KiB
PHP
<div id="hero-slider">
|
|
<div class="container big ">
|
|
<div class="row">
|
|
<div class="col-md-7 d-none d-xl-block">
|
|
<div class="hero-slider-box">
|
|
<div class="swiper hero-slider">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<figure>
|
|
<picture>
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/1/Screen-1920x1080-slide-1056x880.jpg" media="(min-width: 1921px)">
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/1/Screen-1536x864-slide-845x880.jpg" media="(min-width: 1537px) and (max-width: 1920px)">
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/1/Screen-1280x960-slide-704x880.jpg" media="(max-width: 1536px)">
|
|
<img class="nolazy" src="/upload/filemanager/images/home/slider-2024/08/1/Screen-1920x1080-slide-1056x880.jpg" alt="">
|
|
</picture>
|
|
</figure>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<figure>
|
|
<picture>
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/2/Screen-1920x1080-slide-1056x880.jpg" media="(min-width: 1921px)">
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/2/Screen-1536x864-slide-845x880.jpg" media="(min-width: 1537px) and (max-width: 1920px)">
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/2/Screen-1280x960-slide-704x880.jpg" media="(max-width: 1536px)">
|
|
<img class="nolazy" src="/upload/filemanager/images/home/slider-2024/08/2/Screen-1920x1080-slide-1056x880.jpg" alt="">
|
|
</picture>
|
|
</figure>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<figure>
|
|
<picture>
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/3/Screen-1920x1080-slide-1056x880.jpg" media="(min-width: 1921px)">
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/3/Screen-1536x864-slide-845x880.jpg" media="(min-width: 1537px) and (max-width: 1920px)">
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/3/Screen-1280x960-slide-704x880.jpg" media="(max-width: 1536px)">
|
|
<img class="nolazy" src="/upload/filemanager/images/home/slider-2024/08/3/Screen-1920x1080-slide-1056x880.jpg" alt="">
|
|
</picture>
|
|
</figure>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<figure>
|
|
<picture>
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/4/Screen-1920x1080-slide-1056x880.jpg" media="(min-width: 1921px)">
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/4/Screen-1536x864-slide-845x880.jpg" media="(min-width: 1537px) and (max-width: 1920px)">
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/4/Screen-1280x960-slide-704x880.jpg" media="(max-width: 1536px)">
|
|
<img class="nolazy" src="/upload/filemanager/images/home/slider-2024/08/4/Screen-1920x1080-slide-1056x880.jpg" alt="">
|
|
</picture>
|
|
</figure>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<figure>
|
|
<picture>
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/5/Screen-1920x1080-slide-1056x880.jpg" media="(min-width: 1921px)">
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/5/Screen-1536x864-slide-845x880.jpg" media="(min-width: 1537px) and (max-width: 1920px)">
|
|
<source srcset="/upload/filemanager/images/home/slider-2024/08/5/Screen-1280x960-slide-704x880.jpg" media="(max-width: 1536px)">
|
|
<img class="nolazy" src="/upload/filemanager/images/home/slider-2024/08/5/Screen-1920x1080-slide-1056x880.jpg" alt="">
|
|
</picture>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-5 col-right">
|
|
<? include 'templates_user/home-page-form.php' ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script class="footer">
|
|
$(document).ready(function() {
|
|
var swiper = new Swiper(".hero-slider", {
|
|
slidesPerView: 1,
|
|
spaceBetween: 30,
|
|
autoplay: {
|
|
delay: 5000,
|
|
disableOnInteraction: false,
|
|
},
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
});
|
|
});
|
|
</script>
|