48 lines
1.5 KiB
Smarty
48 lines
1.5 KiB
Smarty
<!-- Testimonial Carousel BEGIN -->
|
|
<section class="testimonial-carousel-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-10">
|
|
<div class="testimonials">
|
|
{{#each testimonials}}
|
|
<div class="testimonial">
|
|
<div class="row gx-4">
|
|
<div class="col-auto pb-3">
|
|
<div class="testimonial-image">
|
|
<img class="border-color-{{../border_color}}" src="{{image.url}}" alt="{{image.alt}}">
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="title mb-3">
|
|
<h3>{{title}}</h3>
|
|
</div>
|
|
<div class="copy mb-3">
|
|
<p>{{copy}}</p>
|
|
</div>
|
|
<div class="quote-attribution pb-5">
|
|
<p>{{quote_attribution}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slick Carousel -->
|
|
<script type="text/javascript">
|
|
$(window).on('load', function(){
|
|
$('.testimonials').slick({
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
arrows: false,
|
|
dots: true,
|
|
autoplay: true,
|
|
arrows: true,
|
|
});
|
|
});
|
|
</script>
|
|
</section>
|
|
<!-- Testimonial Carousel END --> |