<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>

<h2 class="header-light header-light-lg">1980<span class="tiny">s</span></h2>

<p class="[modifier class]">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non ante at orci vestibulum elementum. Proin tristique et turpis non congue.</p>

<strong>Some strong text</strong>
<em>Some emphasised text</em>

<ul class="list">
    <li>List item A</li>
    <li>List item B</li>
    <li>List item that is really long to demonstrate that when it wraps it does not fall under the bullet-point.</li>
</ul>

<ol class="list">
    <li>List item A</li>
    <li>List item B</li>
    <li>List item that is really long to demonstrate that when it wraps it does not fall under the bullet-point.</li>
</ol>

<h4>Title of list</h4>
<ul class="tick [modifier class]">
    <li>List item A</li>
    <li class="cross">List item B</li>
    <li>List item that is really long to demonstrate that when it wraps it does not fall under the bullet-point.</li>
</ul>

<ul class="list with-thumbnails">
    <li><a href="">List item A</a> <div class="thumb"><img src="http://lorempixel.com/300/300/"></div></li>
    <li><a href="">List item B</a> <div class="thumb"><img src="http://lorempixel.com/300/300/"></div></li>
    <li><a href="">List item C</a> <div class="thumb"><img src="http://lorempixel.com/300/300/"></div></li>
</ul>

<ul class="none">
    <li>List item A</li>
    <li>List item B</li>
    <li>List item C</li>
</ul>

<ul class="list-divider">
    <li>List item A</li>
    <li>List item B</li>
    <li>List item C</li>
</ul>

<h4>Title of list</h4>
<ul class="none has-title">
    <li>List item A</li>
    <li>List item B</li>
    <li>List item C</li>
</ul>

<ul class="list-inline-bordered">
    <li>List item A</li>
    <li>List item B</li>
    <li>List item that is really long to demonstrate that when it wraps it does not fall under the bullet-point.</li>
</ul>

<p class="status [modifier class]"><span class="icon icon-star"></span> Status</p>

<h2>Title of list</h2>
<ul class="list list-alt">
    <li><a href="">List item A</a></li>
    <li class="active"><a href="">List item B</a></li>
    <li><a href="">List item C</a></li>
</ul>

<blockquote class="[modifier class]">
    <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam laoreet non nisl eget dapibus. Proin ac dui eget lectus mollis semper vitae nec nisl. Curabitur dui lorem, sodales vel quam molestie, dictum vehicula eros."</p>
    <span class="author">- Some Name</span>
</blockquote>