Typography

H1 – Header Text with H1 Tag

H2 – Header Text with H2 Tag

H3 – Header Text with H3 Tag

H4 – Header Text with H4 Tag

Here is some default paragraph text. Also included are bold, italic and link styling.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Here is a default link with the class of ‘button’ added. Add class of ‘inverse’ to reverse the coloring.

Button Normal
Button Normal Inverse

Here is a default link with a class of ‘button-small’ added. Add class of ‘inverse’ to reverse the coloring.

Button Small
Button Small Inverse

If you want to turn any text blue simply add ‘blue-color’ as the class in a span like this here is some blue text.

We can also make text larger by adding ‘larger’ as a span like this – here is some larger text.

Here is a normal unordered list

  • List item 1
  • List item 2
  • List item 3

And here is an ordered list

  1. List item 1
  2. List item 2
  3. List item 3