Quotation with Image, Border, Name & Designation
A highly customizable widget to show quotation and spice up your website
Syntax
{{< quote-1author-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-designation-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"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-left-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"border-left-width="Any valid number with unit like 10px, 100vw, 10rem or 50%"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-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"border-right-width="Any valid number with unit like 10px, 100vw, 10rem or 50%"company-name="Any text"designation-text="Any text"is-border-left="true|false"is-border-right="true|false"is-full-width="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."padding="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."quote-image="Any valid image link"quote-image-opacity="Any decimal between 0 to 1. It can be a fraction too. Ex: 0.1, 0.01, 0.9, 0, 1"quote-image-size="Any valid number with unit like 10px, 10rem or 50%"quote-left-position-horizontal="Any valid number with unit like 10px or 50%"quote-left-position-vertical="Any valid number with unit like 10px or 50%"quote-right-position-horizontal="Any valid number with unit like 10px or 50%"quote-right-position-vertical="Any valid number with unit like 10px or 50%"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-1 >}}
Default Sample
Two things are infinite: the universe and human stupidity; and I’m not sure about the universe
Other Samples
Always forgive your enemies; nothing annoys them so much.
When you have something to say, silence is a lie.