Section with image and description split vertically
This widget can help you layout your in an alternating fashion. In one section you can have image in the left with details on the right, and for next section you can reuse this component to put image on the right with details on the left.
Syntax
{{< section-with-image-and-descriptionborder-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 or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."border-width="Any valid number with unit like 10px or 10rem"button-align-horizontal="Use left, center or right to align horizontally"button-background-color="any background or gradient"button-background-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-text="Any text"button-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-text-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"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."sub-heading="Any text"subheading-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"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-and-description >}}
Default Sample
Vanilla Cream Cup Cakes
Unbelievably soft
When you share a cupcake with other people, it is actually love and joy that you share.
Other Samples
Coconut Cup cakes
The thing about cupcakes is that they’re even sweeter when shared with family and friends. Cupcakes are the tattooed brunette chick of the baked goods world.
