Quotation with borders on the corner

Another highly customizable widget to show quotation and spice up your website

Show Full Syntax...

Syntax

{{< quote-2
author-company-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
author-company-link="Any valid http link"
author-company-name="Any text"
author-designation-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
author-designation-name="Any text"
author-image="Any valid image link"
author-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."
author-image-size="Any valid number with unit like 10px, 10rem or 50%"
author-link="Any valid http link"
author-name="Any text"
author-name-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
background-color="any background or gradient"
border-horizontal-length="Any number"
border-left-bottom-background-color="any background or gradient"
border-left-top-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."
border-right-bottom-background-color="any background or gradient"
border-right-top-background-color="any background or gradient"
border-vertical-length="Any number"
border-width="Any valid number with unit like 10px or 10rem"
is-border-left-bottom="true|false"
is-border-left-top="true|false"
is-border-right-bottom="true|false"
is-border-right-top="true|false"
is-full-width="true|false"
is-open-in-new="true|false"
margin="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
quote-text="Any text"
quote-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
quote-text-line-height="Any valid number with unit like 10px, 10rem or 50%"
quote-text-size="Any valid number with unit like 10px, 10rem or 50%"
width="Any valid number with unit like 10px, 100vw, 10rem or 50%" >}}

The actual message goes here

{{< /quote-2 >}}

Default Sample

Two things are infinite: the universe and human stupidity; and I’m not sure about the universe

Theoretical physicist

Other Samples

Always forgive your enemies; nothing annoys them so much.

Theoretical physicist

When you have something to say, silence is a lie

Clinical psychologist

Two things are infinite: the universe and human stupidity; and I’m not sure about the universe