MPress Style Guide

blockquotes.html

<blockquote>
    <p>Stay hungry. Stay foolish.</p>
</blockquote>

<blockquote>
    <p>People think focus means saying yes to the thing you've got to focus on. But that's not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I'm actually as proud of the things we haven't done as the things I have done. Innovation is saying no to 1,000 things.</p>
    <footer><cite>Steve Jobs</cite> - Apple Worldwide Developers' Conference, 1997</footer>
</blockquote>

blockquotesreverse.html

<blockquote class="reverse">
    <p>Stay hungry. Stay foolish.</p>
</blockquote>

<blockquote class="reverse">
    <p>People think focus means saying yes to the thing you've got to focus on. But that's not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I'm actually as proud of the things we haven't done as the things I have done. Innovation is saying no to 1,000 things.</p>
    <footer><cite>Steve Jobs</cite> - Apple Worldwide Developers' Conference, 1997</footer>
</blockquote>

headings.html

<h1>H1 Heading Level One</h1>
<h2>H2 Heading Level Two</h2>
<h3>H3 Heading Level Three</h3>
<h4>H4 Heading Level Four</h4>
<h5>H5 Heading Level Five</h5>
<h6>H6 Heading Level Six</h6>

headingssmall.html

<h1>H1 Heading Level One <small>Secondary text</small></h1>
<h2>H2 Heading Level Two <small>Secondary text</small></h2>
<h3>H3 Heading Level Three <small>Secondary text</small></h3>
<h4>H4 Heading Level Four <small>Secondary text</small></h4>
<h5>H5 Heading Level Five <small>Secondary text</small></h5>
<h6>H6 Heading Level Six <small>Secondary text</small></h6>

paragraphs.html

<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>

<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.</p>

<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>