Headings

Small H1 Title

			
<h1 class="upper-title">Small H1 Title</h1>
			
		

Heading H2

			
<h2>Heading H2</h2>
			
		

Heading H3

			
<h3>Heading H3</h3>
			
		

Heading H4

			
<h4>Heading H4</h4>
			
		

Heading H5

			
<h5>Heading H5</h5>
			
		

Heading H6

			
<h6>Heading H6</h6>
			
		

Heading with highlighted text

			
<h4>Heading with <mark>highlighted text</mark></h4>
			
		

Buttons

Button Colour

			
<a href="#" class="button button--primary">Button Colour</a>
			
		

Button Border

			
<a href="#" class="button button--primary-border">Button Border</a>
			
		

Button Gradient

			
<a href="#" class="button button--gradient">Button Gradient</a>
			
		

Lists

• List Item Number One
• List Item Number Two
• List Item Number Three

			
<ul class="normal-list"> 
	<li>List Item Number One</li> 
	<li>List Item Number Two</li> 
	<li>List Item Number Three</li> 
</ul>

			
		

• List Item Number One
• List Item Number Two
• List Item Number Three

			
<ul class="inline-list"> 
	<li>List Item Number One</li> 
	<li>List Item Number Two</li> 
	<li>List Item Number Three</li> 
</ul>

			
		

• List Item Number One
• List Item Number Two
• List Item Number Three

			
<ul class="no-dots"> 
	<li>List Item Number One</li> 
	<li>List Item Number Two</li> 
	<li>List Item Number Three</li> 
</ul>

			
		

Blockquote

A brilliant wee quote from somebody

			
<blockquote>A brilliant wee quote from somebody</blockquote>

			
		

Tables

I have included bootstrap tables so you can use any of these - Click me!