Test 3

[njoftime]

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"/>
<style>
.slider {
width: 80%;
margin: 0 auto;
}
.slider img {
width: 100%;
height: auto;
}
</style>


<div class="slider">
<div><img src="https://njoftime.org/img/Tiranejepetmeqeragarsonier11Kati232m400EuroBllokuT irane1.jpg" alt=""></div>
<div><img src="https://njoftime.org/img/Tiranejepetmeqeragarsonier11Kati232m400EuroBllokuT irane2.jpg" alt=""></div>
<div><img src="https://njoftime.org/img/Tiranejepetmeqeragarsonier11Kati232m400EuroBllokuT irane3.jpg" alt=""></div>
<div><img src="https://njoftime.org/img/Tiranejepetmeqeragarsonier11Kati232m400EuroBllokuT irane4.jpg" alt=""></div>
<div><img src="https://njoftime.org/img/Tiranejepetmeqeragarsonier11Kati232m400EuroBllokuT irane5.jpg" alt=""></div>
<div><img src="https://njoftime.org/img/Tiranejepetmeqeragarsonier11Kati232m400EuroBllokuT irane6.jpg" alt=""></div>
</div>

<!-- Include jQuery and Slick Carousel JS -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>

<script>
$(document).ready(function(){
$('.slider').slick({
autoplay: true,
autoplaySpeed: 2000,
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
});
</script>