Card with an image, title, description, tags and social media icons

Add as many cards as you like. Each card has an image and the text appears right on top of it. On hover, it shows social media links and author.

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-9-item
author-image="Any valid image link"
author-link="Any valid http link"
author-name="Any text"
author-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
card-width="Any valid number with unit like 10px, 100vw, 10rem or 50%"
category-name="Any text"
facebook-link="Any valid http link"
gradient-background-color-bottom="any background or gradient"
gradient-background-color-top="any background or gradient"
heading="Any text"
heading-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
heading-link="Any valid http link"
image="Any valid image link"
is-gradient-background="true|false"
is-open-in-new="true|false"
is-social-icons="true|false"
is-stretch-evenly="true|false"
move-link="Any valid http link"
tag-background-color="any background or gradient"
tag-link="Any valid http link"
tag-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
tags="Comma seperated values"
twitter-link="Any valid http link" >}}

The actual message goes here

{{< /card-with-image-title-description-9-item >}}

{{< /main-container >}}