Pullquotes and callouts draw attention to key points and entice readers to continue reading by highlighting short passages of text.
Both have room for content and an optional image. Quotes also have an attribution field.
Highlight specific details or add voice
Blockquote example
I would say that there is probably nothing more important as part of the education of students at Indiana University than the international engagement aspect of their education.
President Michael A. McRobbie
Show/hide markup
<div class="quote ">
<blockquote>
<p>I would say that there is probably nothing more important as part of the education of students at Indiana University than the international engagement aspect of their education.</p>
<cite>President Michael A. McRobbie</cite>
</blockquote>
</div>Blockquote with image example
I would say that there is probably nothing more important as part of the education of students at Indiana University than the international engagement aspect of their education.
President Michael A. McRobbie
Show/hide markup
<div class="quote ">
<figure class="media circle">
<img src="//assets.iu.edu/web/media/images/mcrobbie.jpg" alt="President McRobbie" />
</figure>
<blockquote>
<p>I would say that there is probably nothing more important as part of the education of students at Indiana University than the international engagement aspect of their education.</p>
<cite>President Michael A. McRobbie</cite>
</blockquote>
</div>Callout example
The success of our city is built on one uncompromising promise: invest in our people to bring strength to all.
Show/hide markup
<div class="callout ">
<div class="content">
<p>The success of our city is built on one uncompromising promise: invest in our people to bring strength to all.</p>
</div>
</div>Callout with image example
The success of our city is built on one uncompromising promise: invest in our people to bring strength to all.
Show/hide markup
<div class="callout ">
<figure class="media">
<img src="//assets.iu.edu/web/media/images/sample-gates.jpg" alt="Sample Gates" />
</figure>
<div class="content">
<p>The success of our city is built on one uncompromising promise: invest in our people to bring strength to all.</p>
</div>
</div>Apply IU style to any site
You can use our style and code snippets to improve any website in any content management system. Or you can request a copy of the IU Web Framework, a self-service tool that lets developers build a site in the WCMS.
If you would like to learn more about how we can help you build your website in the Web Framework, contact our Creative & Web Studio.