When you have a page that is filled with a large amount of text, pull quotes are a fantastic way to break up the page, and draw attention to important information. Two example pull quotes are in the sample text below. Keep in mind that when you add a pull quote, it does not use the page text itself. You must copy the quote you want to use and paste it within the pull quote code.

Flexi Framework

The pull quote-right below was created with the following code:

<blockquote class="right">
"Use a pullquote when you don't have a photo or graphic to pull the visitor into the page. Longer pullquotes, like this one, can span more than one paragraph. This is a pullquote-right."
</blockquote>

The pull quote-left without the attribution was created with the following code:

<blockquote class="left">
"Use a pullquote to highlight a quote or compelling passage. This is pullquote-left, without the attribution."
</blockquote>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque est ipsum, ullamcorper non suscipit sed, cursus eget odio. Pellentesque ligula dui, varius in euismod eu, dignissim ut ligula. Aenean est nulla, porta ac condimentum eu, accumsan a quam. Duis metus sem, placerat nec fermentum eget, eleifend non velit.

“Use a pull quote when you don’t have a photo or graphic to pull the visitor into the page. Longer pull quotes, like this one, can span more than one paragraph. This is a pull quote-right.”

Donec in erat enim, vel elementum sem. Suspendisse neque est, tincidunt a rutrum quis, ullamcorper sit amet libero. Curabitur justo massa, ultricies eget condimentum sed, ultricies vel urna. Vestibulum cursus pellentesque neque sed hendrerit. Integer a nunc dui. Sed tincidunt, diam a rutrum rutrum, lacus eros euismod odio, ut iaculis risus eros eu augue. Ut facilisis gravida scelerisque. Fusce semper nibh nisi, sit amet vestibulum purus. Ut auctor massa sed nisi dignissim quis viverra risus consectetur. Donec commodo fringilla nisl, non euismod orci tempus id.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae a illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit odit aut fugit, sed quia consequuntur. Sed ut perspiciatis unde omnis iste natus error sit voluptatem quasi architecto beatae vitae dicta sunt accusantium doloremque laudantium, totam rem aperiam.

“Use a pull quote to highlight a quote or compelling passage. This is pull quote-left, without the attribution.”

Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit odit aut fugit, sed quia consequuntur. Sed ut perspiciatis unde omnis accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit odit aut fugit, sed quia consequuntur. Sed ut perspiciatis unde omnis accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae abillo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit odit aut fugit, sed quia consequuntur.

Classic Themes

The pull quote-right with optional attribution below was created with the following code:
<div class="pullquote_right">
<br />
<div class="pullquote_quote">"Use a pullquote when you don't have a photo or graphic to pull the visitor into the page. Longer pullquotes, like this one, can span more than one paragraph. This is a pullquote-right."</div>
<br />
<div class="pullquote_attribution">-- (optional) Pullquote Attribution</div>
<br />
</div>

The pull quote-left without the attribution was created with the following code:
<div class="pullquote_left">
<br />
<div class="pullquote_quote">"Use a pullquote to highlight a quote or compelling passage. This is pullquote-left, without the attribution."</div>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque est ipsum, ullamcorper non suscipit sed, cursus eget odio. Pellentesque ligula dui, varius in euismod eu, dignissim ut ligula. Aenean est nulla, porta ac condimentum eu, accumsan a quam. Duis metus sem, placerat nec fermentum eget, eleifend non velit.

“Use a pull quote when you don’t have a photo or graphic to pull the visitor into the page. Longer pull quotes, like this one, can span more than one paragraph. This is a pull quote-right.”
– (optional) Pull Quote Attribution

Donec in erat enim, vel elementum sem. Suspendisse neque est, tincidunt a rutrum quis, ullamcorper sit amet libero. Curabitur justo massa, ultricies eget condimentum sed, ultricies vel urna. Vestibulum cursus pellentesque neque sed hendrerit. Integer a nunc dui. Sed tincidunt, diam a rutrum rutrum, lacus eros euismod odio, ut iaculis risus eros eu augue. Ut facilisis gravida scelerisque. Fusce semper nibh nisi, sit amet vestibulum purus. Ut auctor massa sed nisi dignissim quis viverra risus consectetur. Donec commodo fringilla nisl, non euismod orci tempus id.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae a illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit odit aut fugit, sed quia consequuntur. Sed ut perspiciatis unde omnis iste natus error sit voluptatem quasi architecto beatae vitae dicta sunt accusantium doloremque laudantium, totam rem aperiam.

“Use a pull quote to highlight a quote or compelling passage. This is pull quote-left, without the attribution.”

Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit odit aut fugit, sed quia consequuntur. Sed ut perspiciatis unde omnis accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit odit aut fugit, sed quia consequuntur. Sed ut perspiciatis unde omnis accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae abillo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit odit aut fugit, sed quia consequuntur.