Blockquotes

For quoting blocks of content from another source within your document.

Blockquotes are set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size font.

Default Blockquote

<blockquote>...</blockquote>

Design is not just what it looks like and feels like. Design is how it works.

Right Aligned Blockquote

<blockquote class="alignright">...</blockquote>

Making a pull quote is easy! You just need to set it align to the right.

Duis vitae nulla id lacus euismod feugiat id vel nunc. Aliquam dignissim purus vitae augue elementum tempor. Nunc consequat aliquet mauris, ac viverra urna aliquet nec. In pellentesque arcu et dolor fermentum vehicula. Nam neque sapien, blandit eu hendrerit in, gravida non elit. Integer a diam hendrerit, eleifend libero id, blandit sapien. Pellentesque vitae elit et dui aliquet semper nec nec ligula. In eu lobortis orci. Curabitur non nisl purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce finibus, sapien vitae pharetra pharetra, ipsum erat pulvinar odio, iaculis blandit dui felis molestie ante. Vestibulum at ligula ut leo volutpat egestas. Donec ante tellus, tempor vel venenatis bibendum, dictum ut ante. Ut vitae scelerisque metus. Pellentesque et odio eget massa finibus scelerisque id a diam.

Left Aligned Blockquote

<blockquote class="alignleft">...</blockquote>

Making a pull quote is easy! You just need to set it align to the left.

Duis vitae nulla id lacus euismod feugiat id vel nunc. Aliquam dignissim purus vitae augue elementum tempor. Nunc consequat aliquet mauris, ac viverra urna aliquet nec. In pellentesque arcu et dolor fermentum vehicula. Nam neque sapien, blandit eu hendrerit in, gravida non elit. Integer a diam hendrerit, eleifend libero id, blandit sapien. Pellentesque vitae elit et dui aliquet semper nec nec ligula. In eu lobortis orci. Curabitur non nisl purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce finibus, sapien vitae pharetra pharetra, ipsum erat pulvinar odio, iaculis blandit dui felis molestie ante. Vestibulum at ligula ut leo volutpat egestas. Donec ante tellus, tempor vel venenatis bibendum, dictum ut ante. Ut vitae scelerisque metus. Pellentesque et odio eget massa finibus scelerisque id a diam.

Nested Blockquote

<blockquote>
  ....
  <blockquote>
    ....
  </blockquote>
</blockquote> 

Duis vitae nulla id lacus euismod feugiat id vel nunc. Aliquam dignissim purus vitae augue elementum tempor. Nunc consequat aliquet mauris, ac viverra urna aliquet nec. In pellentesque arcu et dolor fermentum vehicula. Nam neque sapien, blandit eu hendrerit in, gravida non elit.

Great things in business are never done by one person. They’re done by a team of people.

Innovation distinguishes between a leader and a follower.

Integer a diam hendrerit, eleifend libero id, blandit sapien. Pellentesque vitae elit et dui aliquet semper nec nec ligula. In eu lobortis orci. Curabitur non nisl purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce finibus, sapien vitae pharetra pharetra, ipsum erat pulvinar odio, iaculis blandit dui felis molestie ante. Vestibulum at ligula ut leo volutpat egestas. Donec ante tellus, tempor vel venenatis bibendum, dictum ut ante. Ut vitae scelerisque metus. Pellentesque et odio eget massa finibus scelerisque id a diam.