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-quoteThis is the related citation
This is the citation for the blockquoteThis is a blockquote.
This is also part of 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>