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.

Show Full Syntax...

Syntax

{{< main-container
align-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-item
background-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...
Vanilla Muffins

Vanilla Muffins is light fluffy and tasty for breakfast or for snack.

read more...
Moist Chocolate Muffins

Super moist with cocoa powder, chocolate chips add a huge dose of chocolaty goodness.

read more...