Page Content:
Overview
The Quote component shows a profile image and a quote for testimonials and stuff.
Config
accent_color: hex color for the quote mark. defaults to orange.
layout: how the image and text are arranged. one of image-left (default), image-right, image-top, or compact (small image, no quote mark).
Examples
Image Left (default)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida, sapien ut molestie tempor, erat enim vulputate ex, sed aliquam justo est a nunc. Quisque a tristique tortor. Aenean vel placerat mi. Quisque dignissim dictum augue, vitae facilisis leo elementum nec. Sed ipsum nulla, lobortis vitae pulvinar sit amet, auctor sit amet arcu.
Tom WoodwardCool Guy
Custom accent color (#d4006a)
This quote uses a custom accent color instead of the default orange. The quote mark should be pink.
Tom WoodwardStill A Cool Guy
Custom accent color (#2b73c1)
This quote uses a blue accent color. The quote mark should be blue.
Tom WoodwardCoolest Guy
Image Right
This quote uses the image-right layout. The image should float to the right of the text.
Michael VoloCool Guy
Image Top
This quote uses the image-top layout. The image should be centered above the text.
Michael VoloCool Guy
Compact
This quote uses the compact layout, with a small image and no quote mark — the "did you know" treatment.
Michael VoloCool Guy
also in a hero
i approved this message
Tom WoodwardCool Guy
