53 lines
2.7 KiB
Smarty
53 lines
2.7 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 d-flex align-items-center">
|
|
<div class="testimonial-image {{../border_color}}">
|
|
<img class="w-100" src="{{image.url}}" alt="{{image.alt}}">
|
|
</div>
|
|
</div>
|
|
<div class="col d-flex align-items-center">
|
|
<div>
|
|
<svg width="35" height="29" viewBox="0 0 35 29" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M19.93 28.57V18.49C19.93 13.99 21.16 10.06 23.62 6.7C26.08 3.28 29.86 1.18 34.96 0.399999V6.97C32.02 7.33 30.07 8.29 29.11 9.85C28.15 11.41 27.67 13.48 27.67 16.06L22.36 14.98H34.78V28.57H19.93ZM0.4 28.57V18.49C0.4 13.99 1.63 10.06 4.09 6.7C6.55 3.28 10.33 1.18 15.43 0.399999V6.97C12.49 7.33 10.54 8.29 9.58 9.85C8.62 11.41 8.14 13.48 8.14 16.06L2.83 14.98H15.25V28.57H0.4Z" fill="#E0D6FB" />
|
|
</svg>
|
|
<div class="title mb-3 mt-1">
|
|
<h3 class="fw-bold f-purple">{{title}}</h3>
|
|
</div>
|
|
<div class="copy mb-3">
|
|
<p>{{copy}}</p>
|
|
</div>
|
|
<div class="quote-attribution">
|
|
<p>{{quote_attribution}}</p>
|
|
</div>
|
|
</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 --> |