Card that has 5 items with title and details

Show details...

Syntax

{{< main-container
align-vertical="Use top, center or bottom to align vertically"
background-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
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."
box-shadow="Add shadow effects (offset-x | offset-y | blur-radius | spread-radius | color). Ex. 2px 2px 2px 1px rgba(0, 0, 0, 0.2)"
is-full-width="true|false"
is-wrap="true|false"
item-gap="Any value in px,em,rem or %"
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."
text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)" >}}

{{< card-5-items-with-title-and-details-item
align-horizontal="Use left, center or right to align horizontally"
align-vertical="Use top, center or bottom to align vertically"
heading-1="Any text"
heading-2="Any text"
heading-3="Any text"
heading-4="Any text"
heading-5="Any text"
heading-background-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."
heading-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
height="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
image-1="Any valid image link"
image-2="Any valid image link"
image-3="Any valid image link"
image-4="Any valid image link"
image-5="Any valid image link"
image-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."
is-open-in-new="true|false"
is-stretch-evenly="true|false"
link-1="Any valid http link"
link-2="Any valid http link"
link-3="Any valid http link"
link-4="Any valid http link"
link-5="Any valid http link"
overlay-background-color-1="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
overlay-background-color-2="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
overlay-background-color-3="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
overlay-background-color-4="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
overlay-background-color-5="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
text-1="Any text"
text-2="Any text"
text-3="Any text"
text-4="Any text"
text-5="Any text"
text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)" >}}

{{< /main-container >}}

Samples

Sponge Cake

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. Angel food cake is a white cake that uses only the whites of the eggs and is traditionally baked in a tube pan. The French GĂ©noise is a sponge cake that includes clarified butter. Highly decorated sponge cakes with lavish toppings are sometimes called gateau, the French word for cake. Chiffon cakes are sponge cakes with vegetable oil, which adds moistness

Butter Cake

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.

Egg Cake

Egg cakes are made with one egg. They can be made with butter[17] or vegetable shortening.[18] One egg cake was an economical recipe when using two eggs for each cake was too costly.

Coffee Cake

Coffee cake is generally thought of as a cake to serve with coffee or tea at breakfast or a coffee break. Some types use yeast as a leavening agent while others use baking soda or baking powder. These cakes often have a crumb topping called streusel or a light glaze drizzle.

Chocolate Cake

Chocolate cakes are butter cakes, sponge cakes, or other cakes flavored with melted chocolate or cocoa powder.[16] German chocolate cake is a variety of chocolate cake. Fudge cakes are chocolate cakes that contain fudge.

Sponge Cake

Sponge cakes (or foam cakes) are made from whipped eggs, sugar, and flour. Traditional sponge cakes are leavened only with eggs.

Butter Cake

Butter cakes are made from creamed butter, sugar, eggs, and flour.

Egg Cake

Egg cakes are made with one egg. They can be made with butter or vegetable shortening.

Coffee Cake

Coffee cake is generally thought of as a cake to serve with coffee or tea at breakfast or a coffee break.

Chocolate Cake

Chocolate cakes are butter cakes, sponge cakes, or other cakes flavored with melted chocolate or cocoa powder.