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.