<!-- Hero Slider -->
<div class="js-slick-carousel"
data-hs-slick-carousel-options='{
"dots": true,
"dotsClass": "slick-pagination slick-pagination-v1 mt-n5"
}'>
<div class="js-slide">
<div style="background-image: url(../../assets/img/1280x500/img2.jpg); height: 500px;">
<div class="container px-md-6">
<div class="max-w-500 space-top-4">
<div class="pt-2 mt-1">
<div class="text-white font-secondary font-size-36 font-weight-light text-lh-sm">Coming Soon</div>
<h6 class="product--title display-9 text-lh-1dot15 mb-0">
<a href="#">ATP Tennis – The Funniest Moments</a>
</h6>
<div class="text-white font-secondary font-size-18 font-weight-bold text-lh-1">Live Coverage on the 5th of May 2019</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div style="background-image: url(../../assets/img/1280x500/img3.jpg); height: 500px;">
<div class="container px-md-6">
<div class="max-w-500 space-top-4">
<div class="pt-2 mt-1">
<div class="text-white font-secondary font-size-36 font-weight-light text-lh-sm">Coming Soon</div>
<h6 class="product--title display-9 text-lh-1dot15 mb-0">
<a href="#">Super Bowl LIII: Patriots vs. Rams</a>
</h6>
<div class="text-white font-secondary font-size-18 font-weight-bold text-lh-1">Live Coverage on the 5th of May 2019</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End Hero Slider -->
<link rel="stylesheet" href="../../assets/vendor/slick-carousel/slick/slick.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/slick-carousel/slick/slick.js"></script>
<!-- JS Vodi -->
<script src="../../assets/js/hs.slick-carousel.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of slick carousel
$('.js-slick-carousel').each(function() {
var slickCarousel = $.HSCore.components.HSSlickCarousel.init($(this));
});
});
</script>