Callouts & Pullquotes

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

President McRobbie

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

Sample Gates

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.