Quote Examples

Styling Quote mark on left of text (left aligned)

No STYLING CHOSEN - will match large Quote below.
Quote Author
Quote Subtitle
Large Text mobile 16 | tablet 24px | desktop 28px. Quote mark on left of text (left aligned) - default.
Author
Subtitle
Medium Text mobile 16 | tablet 22px | desktop 24px. Quote mark on left of text (left aligned) - default.
Author
Subtitle
Small Text mobile 16 | tablet 18px | desktop 20px. Quote mark on left of text (left aligned) - default.
Author
Subtitle

Styling Quote mark plus custom IMAGE on left of text (left aligned)

has max-width: 1140px

image-fly-bg.jpg
Large Text 16 | 24 | 28. Quote mark plus custom IMAGE on left of text (left aligned).
Author
Subtitle
image-fly-bg.jpg
Medium Text 16 | 22 | 24. Quote mark plus custom IMAGE on left of text (left aligned).
image-fly-bg.jpg
Small Text 16 | 18 | 20. Quote mark plus custom IMAGE on left of text (left aligned).
Author
Subtitle

Styling Quote and Text Centered

Large Text 16 | 18 | 20. Quote mark above text (both centered). Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita
Author
Subtitle
Medium Text 16 | 22 | 24. Quote mark above text (both centered).
Author
Subtitle
Small Text 16 | 18 | 20. Quote mark above text (both centered).
Author
Subtitle

Quotes with White Text

Should always be placed over an advanced grid wrapper that has a dark background

Styling Quote mark on left of text (left aligned)

No STYLING CHOSEN - will match large Quote below.
Quote Author
Quote Subtitle
Large Text mobile 16 | tablet 24px | desktop 28px. Quote mark on left of text (left aligned) - default.
Author
Subtitle
Medium Text mobile 16 | tablet 22px | desktop 24px. Quote mark on left of text (left aligned) - default.
Author
Subtitle

Small Text mobile 16 | tablet 18px | desktop 20px. Quote mark on left of text (left aligned) - default.

Styling Quote mark plus custom IMAGE on left of text (left aligned)

has max-width: 1140px

image-fly-bg.jpg"
Large Text 16 | 24 | 28. Quote mark plus custom IMAGE on left of text (left aligned).
Author
Subtitle
image-fly-bg.jpg"
Medium Text 16 | 22 | 24. Quote mark plus custom IMAGE on left of text (left aligned).
Author
Subtitle
image-fly-bg.jpg"
Small Text 16 | 18 | 20. Quote mark plus custom IMAGE on left of text (left aligned).
Author
Subtitle

Styling Quote and Text Centered

Large Text 16 | 18 | 20. Quote mark above text (both centered). Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita
Author
Subtitle
Medium Text 16 | 22 | 24. Quote mark above text (both centered).
Author
Subtitle
Small Text 16 | 18 | 20. Quote mark above text (both centered).
Author
Subtitle
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita.
Icon Gears"
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita
Author document
Subtitle Document