$('.carousel-cards').slick({
dots: true,
arrows: true,
slidesToShow: 4,
infinite: true,
autoplay: true,
regionLabel: 'caroussel',
useGroupRole: false,
responsive: [{
breakpoint: 3000,
settings: {
slidesToShow: 3
}
},
{
breakpoint: 800,
settings: {
slidesToShow: 2
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 1
}
}
],
prevArrow: '<button class="previous-button is-control">' +
' <span class="fas fa-angle-left-white" aria-hidden="true"></span>' +
' <span class="sr-only">Diapositive précédente</span>' +
'</button>',
nextArrow: '<button class="next-button is-control">' +
' <span class="fas fa-angle-right-white" aria-hidden="true"></span>' +
' <span class="sr-only">Diapositive suivante</span>' +
'</button>',
});