Slick Carousel Example CSS https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.8/slick-theme.min.css https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.8/slick.min.css <style> .wrapper{ width:100%; text-align:center; } h2{ font-family:'Opan Sans', sans-serif; color:#555; } .carousel{ width:90%; margin:0px auto; } .slick-slide{ margin:10px; } .slick-slide img{ width:100%; } </style> js cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.8/slick.min.js <script> $(document).ready(function(){ $('.carousel').slick({ slidesToShow: 3, dots:true, centerMode: true, }); }); </script> Html <div class="wrapper"> <h2>Slick Carousel Example<h2> <div class="carousel"> <div><img...