Quotes

Blockquotes, quotes, and quote boxes are forms of containing a selection of content in a page to standout as a notation or important information that needs to be known. If you want the blockquote with the citation credit line like you see below, the code would be:

<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing erat a ante etiam eget massa massat.</p>
<small>Someone famous <cite title="Source Title">Source Title</cite></small>
</blockquote>

Below are the available styles for the blockquote element, including pull right and pull left versions:

Lorem ipsum dolor sit amet, consectetur adipiscing erat a ante etiam eget massa massat.

Someone famous Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing erat a ante etiam eget massa massat.

Someone famous Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing erat a ante etiam eget massa massat.

Someone famous Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing erat a ante etiam eget massa massat.

Someone famous Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing erat a ante etiam eget massa massat.

Someone famous Source Title

Blockquote – Pull Right

To show the blockquote to the right of your main content, you can add to the blockquote. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante etiam eget massa massat.

Someone famous Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sed felis massa, et luctus eros. Mauris odio justo, lacinia quis molestie at, ullamcorper in ipsum. Aliquam vulputate vulputate adipiscing. Pell entesque adipiscing congue sagittis. Etiam et lorem purus. Suspendisse ipsum odio, tempus a ornare ut, euismod placerat felis.

Blockquote – Pull Left

To show the blockquote to the left of your main content, you can add to the blockquote. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante etiam eget massa massat.

Someone famous Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sed felis massa, et luctus eros. Mauris odio justo, lacinia quis molestie at, ullamcorper in ipsum. Aliquam vulputate vulputate adipiscing. Pell entesque adipiscing congue sagittis. Etiam et lorem purus. Suspendisse ipsum odio, tempus a ornare ut, euismod placerat felis. 

Leave a reply

required