Pullquotes

By Ken Hawkins

typography Requires EBI Visual Framework 1.1.0, 1.2.0

Also known as a "blockquote", use this to draw attention to text

Contribute a pattern

Have a great way of doing something, add it to the Style Lab. Here's how


Implementation code

Get a zip with all the sample HTML and any spaecial CSS or JS needed: Download a ZIP file More on how to use this

HTML
<blockquote class="">
  A pretty basic thing to say: I once was a child.
</blockquote>

<p>You can enhance it by adding class <code>.lead</code> and the size will grow and the line drop:</p>

<blockquote class="lead">
  A slightly more interesting thing to say: I once was a squirrel.
</blockquote>

<p>And for added emphasis you can add a left quotation mark with <code>.quote</code>, and even a splash of colour:</p>

<blockquote class="lead quote industry-color">
  You can't be friends with a squirrel! A squirrel is just a rat with a cuter outfit. <cite>Sarah Jessica Parker</cite>
</blockquote>



JS