Style Guide


This is a Heading One.

This is Heading Two
Heading two bold

This is Heading Three
This is Heading Three Bold

This is bold, this is a link

This is a paragraph font and this is in italics. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at orci in massa imperdiet malesuada quis sit amet nisl. Vivamus varius nisi libero, eu efficitur erat pellentesque ac. Pellentesque sed mauris ligula. Mauris maximus lorem vitae libero pretium, eu blandit odio consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at orci in massa imperdiet malesuada quis sit amet nisl. Vivamus varius nisi libero, eu efficitur erat pellentesque ac.

Pellentesque sed mauris ligula. Mauris maximus lorem vitae libero pretium, eu blandit odio consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at orci in massa imperdiet malesuada quis sit amet nisl. Vivamus varius nisi libero, eu efficitur erat pellentesque ac. Pellentesque sed mauris ligula. Mauris maximus lorem vitae libero pretium, eu blandit odio consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at orci in massa imperdiet malesuada quis sit amet nisl. Vivamus varius nisi libero, eu efficitur erat pellentesque ac. Pellentesque sed mauris ligula. Mauris maximus lorem vitae libero pretium, eu blandit odio consectetur. 


Whatever it is, the way you tell your story online can make all the difference.
— Quote source

Buttons


Code Block Colour Options

 

Hello, World!

Hello, World!

Hello, World!

Hello, World!

Hello, World!

Hello, World!

Add a class to your text/heading tag from 
the options below! 

<h2 class="habit-navy">Hello, World!</h2>
<h2 class="habit-gold">Hello, World!</h2>
<h2 class="habit-lightgold">Hello, World!</h2>
<h2 class="habit-white">Hello, World!</h2>
<h2 class="habit-tan">Hello, World!</h2>
<h2 class="habit-grey">Hello, World!</h2>