Carousel with image on left with title and details on right
You can add multiple pictures in this carousel that can automatically play as a slideshow. This one has an image on the left, and allows you to add title along with details.
Syntax
{{< carousel-container-singlearrow-style="s-none|s-1|s-2|s-3|s-4|s-5"background-color="any background or gradient"data-auto-play-speed="Any number in ms"data-slide-to-scroll-count="Any number"data-slide-to-show-count="Any number"data-speed="Any number in ms"is-data-arrows="true|false"is-data-auto-play="true|false"is-data-dots="true|false"is-data-infinite="true|false"is-data-variable-width="true|false"is-full-width="true|false"is-responsive="true|false"margin="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."padding="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."width="Any valid number with unit like 10px, 100vw, 10rem or 50%" >}}
{{< carousel-with-single-card-1-itembackground-color="any background or gradient"detail="Any text"detail-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"heading="Any text"heading-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"image="Any valid image link"image-height="Any valid number with unit like 10px, 100vh, 10rem or 50%"is-open-in-new="true|false"link="Any valid http link" >}}
The actual message goes here
{{< /carousel-with-single-card-1-item >}}
{{< /carousel-container-single >}}
