<code>
var x = 1;
var y = 2;
z = x*y;
</code>

<h1 class="big">h1 (Used in the campaign title.Oscine 60px font and line size)</h1>
<h1>This is an h1 and in the main heading of pages (Oscine 48px font size and line height, 10 cols wide)</h1>
<h2>h2 (Oscine 36px font and line size)</h2>
<h3>h3 (Oscine 28px font and line size)</h3>
<h4>h4 (Oscine 24px font and line size)</h4>
<h5>h5 (Oscine 21px font and line size)</h5>
<h6>h6 (18px font and line size. Roboto bold)</h6>

<p>
    This is a paragraph. 18px Roboto regular, 28px line height.
</p>
<p class="font-size--h1">
    This is an h1 size font. Roboto bold, 48px font and line height
</p>
<p class="font-size--h2">
    This is an h2 size font. Roboto bold, 36px font and line height
</p>
<p class="font-size--h3">
    This is an h3 size font. Roboto bold, 28px font and line height
</p>
<p class="font-size--h4">
    This is an h4 size font. Roboto bold, 24px font and line height
</p>
<p class="font-size--h5">
    This is an h5 size font. Roboto bold, 21px font and line height
</p>
<p class="font-size--h6">
    This is an h6 size font. Roboto bold, 18px font and line height
</p>
<p class="font-size--quote">
    Roboto thin, 48px font and 56px line height. Used in quote
</p>
<p class="font-size--small">
    This is a small size font. Roboto regular, 16px font and 24px line height
</p>
<p class="font-size--bold">
    This is a bold font.
</p>
<p class="font-size--regular">
    This is a regular font.
</p>
<p class="font-size--thin">
    This is a thin font
</p>

<q>This is a single-line-quote</q>
<cite>This is the related citation</cite>

<blockquote>
  <p>This is a blockquote.</p>
  <p>This is also part of the blockquote.</p>
</blockquote>
<cite>This is the citation for the blockquote</cite>