This section is used for displaying a collection members of a team with their details which slides infinitely throughout the section.
Output:
Code:
<div class="darkout-section">
{% include do-carousel-teamblocks.html tag="module" %}
</div>
_data > do-carousel-teamblocks.yml
- name: Christopher Woolard # Use team-block name here
image: /assets/images/carousel-teamblocks/christopher-woolard.jpg # Use team-block image here
designation: Executive Director of Strategy & Competition, Financial Conduct Authority (FCA) # Use team-block designation here
tags: module # Use team-block tag here
<div class="darkout-section">{% include do-carousel-teamblocks.html tag="module" %}</div>
_includes/do-footer-script.html
$('.do-team-block-carousel').slick({
slidesToShow: 4,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 1500,
arrows: false,
dots: false,
pauseOnHover: true,
responsive: [{
breakpoint: 991,
settings: {
slidesToShow: 3
}
},{
breakpoint: 768,
settings: {
slidesToShow: 2
}
}, {
breakpoint: 520,
settings: {
slidesToShow: 2
}
}]
});