Carousel with a full image, title detail and link
You can add multiple pictures in this carousel that can automatically play as a slideshow. This one has an image in background, title, details and a clickable button.
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-2-itembutton-background-color="any background or gradient"button-background-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-radius="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."button-border-width="Any valid number with unit like 10px or 10rem"button-padding="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."button-text="Any text"button-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-text-hover-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"text-align-horizontal="Use left, right, center or justify to align text horizontally"text-background-color="any background or gradient"text-background-opacity="Any decimal between 0 to 1. It can be a fraction too. Ex: 0.1, 0.01, 0.9, 0, 1"text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)" >}}
The actual message goes here
{{< /carousel-with-single-card-2-item >}}
{{< /carousel-container-single >}}
Butter Cakes
