Default
Wrap <blockquote> around any HTML as the quote.
For straight quotes, we recommend a <p>.
Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.
Naming A Source
Add a <footer> for identifying the source.
Wrap the name of the source work in <cite>.
Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.
Alternate Displays
Add .blockquote-reverse for a blockquote with right-aligned
content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.
Cover Quote
Add .cover-quote for a blockquote with left-aligned
content and additional class .blockquote-reverse for right-aligned
content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.
Styles
Use any of the available blockquote classes to quickly create a styled button.
Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.
Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.
Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.
Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.