Carousel:

A slideshow component for cycling through elements—images or slides of text—like a carousel.The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.


Available Options:


Output:

Code:


<div class="darkout-section">
{% include do-carousel.html tag="sample" id="one" %}
</div>


How to add content:

- title:  # Use carousel title name here
  image: /assets/images/carousel/sample.jpg  # Use carousel image here
  description:  # Use carousel description here
  button-text:  # Use button text here
  href:  # Use carousel href here
  tags: sample  # Use carousel tag name here

How to add in page:

<div class="darkout-section">{% include do-carousel.html tag="sample" id="one" %}</div>


Output:

Code:


<div class="darkout-section">
{% include do-carousel.html tag="modules" id="two" %}
</div>


How to add content:

- title: Title 1  # Use carousel title name here
  image: /assets/images/carousel/sample.jpg  # Use carousel image here
  description: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  # Use carousel description here
  button-text: Read More  # Use button text here
  href: "#"  # Use carousel href here
  tags: modules  # Use carousel tag name here

How to add in page:

<div class="darkout-section">{% include do-carousel.html tag="modules" id="two" %}</div>