Carousel with single card 2

Show details...

Syntax

{{< carousel-container-single
arrow-style="s-none|s-1|s-2|s-3|s-4|s-5"
background-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
data-auto-play-speed="Any number"
data-slide-to-scroll-count="Any number"
data-slide-to-show-count="Any number"
data-speed="Any number"
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,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
padding="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
width="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%" >}}

{{< carousel-with-single-card-2-item
button-background-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
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,em,rem 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, 1em, 0.8rem, 100vh or 50%"
button-padding="Top, right, bottom, left property in px,em,rem 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, 1em, 0.8rem, 100vh or 50%"
is-open-in-new="true|false"
link="Any valid http link"
text-align-horizontal="Use left, center or right to align horizontally"
text-background="Any text"
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.)"
truncate-length="Any number" >}}

The actual message goes here

{{< /carousel-with-single-card-2-item >}}

{{< /carousel-container-single >}}

Samples

Butter Cakes

Butter Cakes

Butter cakes are made from creamed butter, sugar, eggs, and flour. They rely on the combination of butter and sugar beaten for an extended time to incorporate air into the batter. A classic pound cake is made with a pound each of butter, sugar, eggs, and flour. Another type of butter cake that takes its names from the proportion of ingredients used is 1-2-3-4 cake: 1 cup butter, 2 cups sugar, 3 cups flour, and 4 eggs. According to Beth Tartan, …
Get Started
Sponge Cakes

Sponge Cakes

Sponge cakes (or foam cakes) are made from whipped eggs, sugar, and flour. Traditional sponge cakes are leavened only with eggs. They rely primarily on trapped air in a protein matrix (generally of beaten eggs) to provide leavening, sometimes with a bit of baking powder or other chemical leaven added. Egg-leavened sponge cakes are thought to be the oldest cakes made without yeast.
Buy Now

PREVIOUS
Carousel with single card 1
NEXT
Carousel with thumbnail images
All Widgets