Section with image, title & description split vertically

This widget can help you layout your in an alternating fashion. It is quite customizable and responsive. You can define different radii for small and large screens if you are not satisfied with the default ones.

Show Full Syntax...

Syntax

{{< section-with-image-title-description-2
background-color="any background or gradient"
heading="Any text"
heading-text-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-border-radius-small="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-flipped="true|false"
is-full-width="true|false"
is-open-in-new="true|false"
link="Any valid http link"
margin="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
text-border-radius="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
text-border-radius-small="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

{{< /section-with-image-title-description-2 >}}

Default Sample

Eat Cake, Be Happy

Of course, there are your standard flavors like chocolate, vanilla, and yellow cake, but a true cake connoisseur knows there is are so many more worth exploring.

Other Samples

Bake the Cake

Whether you are captioning your latest cake or cupcake creation, or even a beautiful cake you purchased, these cake quotes will capture whatever sentiment you would like to convey!