Code snippet

var x = 1; var y = 2; z = x*y;

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

Heading

h1 (Used in the campaign title.Oscine 60px font and line size)

This is an h1 and in the main heading of pages (Oscine 48px font size and line height, 10 cols wide)

h2 (Oscine 36px font and line size)

h3 (Oscine 28px font and line size)

h4 (Oscine 24px font and line size)

h5 (Oscine 21px font and line size)
h6 (18px font and line size. Roboto bold)

<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>

Paragraph and font sizes

This is a paragraph. 18px Roboto regular, 28px line height.

This is an h1 size font. Roboto bold, 48px font and line height

This is an h2 size font. Roboto bold, 36px font and line height

This is an h3 size font. Roboto bold, 28px font and line height

This is an h4 size font. Roboto bold, 24px font and line height

This is an h5 size font. Roboto bold, 21px font and line height

This is an h6 size font. Roboto bold, 18px font and line height

Roboto thin, 48px font and 56px line height. Used in quote

This is a small size font. Roboto regular, 16px font and 24px line height

This is a bold font.

This is a regular font.

This is a thin font


<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>

Quotes

This is a single-line-quote This is the related citation

This is a blockquote.

This is also part of the blockquote.

This is the citation for the blockquote

<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>