Card with numbered text
Card that contains heading and texts.
Syntax
{{< main-containeralign-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-with-numbered-text-itembackground-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"card-heading
="Any text"card-heading-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"card-heading-line-height
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"card-heading-size
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"card-number
="Any number"card-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."card-paragraph-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"card-paragraph-line-height
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"card-paragraph-size
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"card-serial-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"card-serial-line-height
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"card-serial-size
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"card-width
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"is-open-in-new
="true|false"is-stretch-evenly
="true|false"link
="Any valid http link"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." >}}
The actual message goes here
{{< /card-with-numbered-text-item >}}
{{< /main-container >}}
Samples
01.
Vanilla Muffin
Vanilla Muffins is light fluffy and tasty for breakfast or for snack.
02.
Strawberry muffin
Jam-packed with juicy berries, these strawberry muffins with crisp, golden tops are as pretty as they are delicious.
03.
Choco Layer Cake
Super moist with cocoa powder, chocolate chips add a huge dose of chocolaty goodness.