2.3 molecules.carousel Carousel
Carousel code is based on Slick Slider.
Markup: components/molecules/carousel/carousel.twig
<div id="priority" class="carousel">
<figure class="carousel-slide ">
<a href="#kssref-molecules-carousel" class="slide-img-link" title="Slide 1" tabindex="-1">
<img src="http://placehold.it/1200x300/f7f7f7/000000" />
</a>
<div class="slide-nav-link">
<button class="sr-only sr-only-focusable">Go to slide: Slide 1</button><h3 class="slide-title">Slide 1</h3>
<a href="#kssref-molecules-carousel" class="slide-content" title="Slide 1">Naar het buitenland? Lees eerst het reisadvies voor het land van uw bestemming.</a>
</div>
</figure>
<figure class="carousel-slide ">
<a href="#kssref-molecules-carousel" class="slide-img-link" title="Slide 2" tabindex="-1">
<img src="http://placehold.it/1200x300" />
</a>
<div class="slide-nav-link">
<button class="sr-only sr-only-focusable">Go to slide: Slide 2</button><h3 class="slide-title">Slide 2</h3>
<a href="#kssref-molecules-carousel" class="slide-content" title="Slide 2">Slide 2 content zin met wat tekst</a>
</div>
</figure>
<figure class="carousel-slide ">
<a href="#kssref-molecules-carousel" class="slide-img-link" title="Slide 3" tabindex="-1">
<img src="http://placehold.it/1200x300/f7f7f7/000000" />
</a>
<div class="slide-nav-link">
<button class="sr-only sr-only-focusable">Go to slide: Slide 3</button><h3 class="slide-title">Slide 3</h3>
<a href="#kssref-molecules-carousel" class="slide-content" title="Slide 3">Slide 3 content zin met wat tekst</a>
</div>
</figure>
<figure class="carousel-slide ">
<a href="#kssref-molecules-carousel" class="slide-img-link" title="Slide 4" tabindex="-1">
<img src="http://placehold.it/1200x300" />
</a>
<div class="slide-nav-link">
<button class="sr-only sr-only-focusable">Go to slide: Slide 4</button><h3 class="slide-title">Slide 4</h3>
<a href="#kssref-molecules-carousel" class="slide-content" title="Slide 4">Slide 4 content zin met wat tekst</a>
</div>
</figure>
</div>
Source:
components/molecules/carousel/_carousel.scss
, line 1