Section highlighting visual and explanation

A section displaying an image with a brief overview or description. It provides a concise introduction to the subject matter.

Show Full Syntax...

Syntax

{{< section-with-image-and-description-2
background-color="any background or gradient"
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-border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
button-border-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
button-border-radius="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
button-border-width="Any valid number with unit like 10px or 10rem"
button-link="Any valid http link"
button-padding="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
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-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
heading-line-height="Any valid number with unit like 10px, 10rem or 50%"
heading-size="Any valid number with unit like 10px, 10rem or 50%"
height="Any valid number with unit like 10px, 100vh, 10rem or 50%"
id="ID of any content in your website"
image="Any valid image link"
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."
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.)"
text-line-height="Any valid number with unit like 10px, 10rem or 50%"
text-size="Any valid number with unit like 10px, 10rem or 50%"
title-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
title-line-height="Any valid number with unit like 10px, 10rem or 50%"
title-size="Any valid number with unit like 10px, 10rem or 50%"
title-text="Any text" >}}

The actual message goes here

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

Default Sample

always behind the brands

Studio helping web 2.0 gain some momentum.

The integration of web fonts has always been one of the largest contributing factors to diversity in the overall look and feel of websites today vs. yesterday.

SHOP NOW →

Others Sample

always behind the brands

Studio helping web 2.0 gain some momentum.

The integration of web fonts has always been one of the largest contributing factors to diversity in the overall look and feel of websites today vs. yesterday.

SHOP NOW →
always behind the brands

Studio helping web 2.0 gain some momentum.

The integration of web fonts has always been one of the largest contributing factors to diversity in the overall look and feel of websites today vs. yesterday.

SHOP NOW →