<div class="featureWrapper testimonialsSingle">
<div class="carousel">
<div class="feature clearfix">
<div class="wrapper">
<div class="image">
<span>
<img src="theme/testimonials/testimonial1.jpg" alt="" />
</span>
</div>
<div class="text">
<h2>Feature Title</h2>
<p>Feature content</p>
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<script>
$('.testimonialsSingle .carousel').slick({
cssEase: 'linear',
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
speed: 500,
dots: true,
arrows: true,
appendArrows: $("<div></div>").addClass("controls").insertAfter(".testimonialsSingle .carousel"),
accessibility: true,
});
</script>