Card where the title and details hangs out just below the image
Add as many cards as you like. Each card has an image and just below the image there is a callout that contains heading and details. There is an explicit link option.
Syntax
{{< main-containeralign-vertical="Use top, center or bottom to align vertically"background-color="any background or gradient"border-radius="Top, right, bottom, left property in px 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)"id="ID of any content in your website"is-full-width="true|false"is-wrap="true|false"item-gap="Any value in px or %"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."text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)" >}}
{{< card-with-image-title-description-7-itembackground-color="any background or gradient"button-text="Any text"card-width="Any valid number with unit like 10px, 100vw, 10rem or 50%"details-border-radius="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."details-container-width="Any valid number with unit like 10px, 100vw, 10rem or 50%"heading="Any text"heading-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"image="Any valid image link"image-border-radius="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."image-height="Any valid number with unit like 10px, 100vh, 10rem or 50%"is-open-in-new="true|false"is-stretch-evenly="true|false"link="Any valid http link"link-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"margin="Top, right, bottom, left property in px 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.)" >}}
The actual message goes here
{{< /card-with-image-title-description-7-item >}}
{{< /main-container >}}

Strawberry muffins ❤️
Jam-packed with juicy berries, these strawberry muffins with crisp, golden tops are as pretty as they are delicious.
read more...

Moist Chocolate Muffins
Super moist with cocoa powder, chocolate chips add a huge dose of chocolaty goodness.
read more...