https://omni-templates.unt.edu/_resources/js/assets/carousel.js

1(function($) {
2  $(function(){
3    $('.center').slick({
4      centerMode: true,
5      centerPadding: '15%',
6      slidesToShow: 1,
7      dots: true,
8	  autoplay: true,
9	  autoplaySpeed: 5000,
10      prevArrow: '<button type="button" class="slick-prev" aria-label="Previous"><span class="hidden">Previous</span></button>',
11      nextArrow: '<button type="button" class="slick-next" aria-label="Next"><span class="hidden">Next</span></button>',
12      responsive: [
13        {
14          breakpoint: 768,
15          settings: {
16            arrows: false,
17            centerMode: true,
18            centerPadding: '15%',
19            slidesToShow: 1
20          }
21        },
22        {
23          breakpoint: 480,
24          settings: {
25            arrows: false,
26            centerMode: true,
27            centerPadding: '50px',
28            slidesToShow: 1
29          }
30        }
31      ]
32    });
33
34    $('.single').slick({
35      dots: true,
36	  autoplay: true,
37	  autoplaySpeed: 5000,
38      prevArrow: '<button type="button" class="slick-prev" aria-label="Previous"><span class="hidden">Previous</span></button>',
39      nextArrow: '<button type="button" class="slick-next" aria-label="Next"><span class="hidden">Next</span></button>',
40    });
41  });
42})(jQuery);