Skip Navigation

Select Language

Base Styles

This section contains all the basic building blocks of the site including colors, fonts, and inline elements

Colors

Primary
 
 
 
 

 

Secondary
 
 
 
 

 

Grey
 
 
 
 

 

Misc
 
 
 

Fonts

 
 
 
 
 
 
 
 
 
 
 
 
 

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non aliquet lorem. Cras id nisi urna. Maecenas tempor leo non urna commodo, et sollicitudin mi dictum. Vivamus et volutpat mi. Donec vestibulum a lorem in tincidunt. Proin sed purus pretium, interdum tortor in, ultricies eros. Morbi ut consectetur magna. Curabitur iaculis vehicula sem, in auctor lectus. Vestibulum sit amet consectetur elit. Donec semper lacus non maximus imperdiet. Maecenas id dictum metus. Vivamus dignissim tempor arcu, ac auctor ipsum vulputate nec.

Sed lobortis lorem eu efficitur tristique. Mauris vitae velit convallis, posuere leo interdum, euismod nulla. Phasellus semper aliquam porta. Fusce non dapibus ex. Duis et orci et risus sodales blandit a nec metus. Donec malesuada nunc in risus venenatis auctor. Vivamus ac turpis nec enim elementum ultrices. Aenean ut euismod lacus. Curabitur eget interdum lectus, vel vulputate mi. Nullam id venenatis diam, sed fringilla erat. Fusce vel tempus ex, suscipit maximus ligula.

Blockquote

Paragraph with a blockquote span. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non aliquet lorem. Cras id nisi urna. Maecenas tempor leo non urna commodo, et sollicitudin mi dictum. Vivamus et volutpat mi. Donec vestibulum a lorem in tincidunt. Proin sed purus pretium, interdum tortor in, ultricies eros. Morbi ut consectetur magna.

Blockquote. Sed lobortis lorem eu efficitur tristique. Mauris vitae velit convallis, posuere leo interdum, euismod nulla. Phasellus semper aliquam porta. Fusce non dapibus ex. Duis et orci et risus sodales blandit a nec metus. Donec malesuada nunc in risus venenatis auctor. Vivamus ac turpis nec enim elementum ultrices.

Inline Elements

This is a text link

Strong is used to indicate strong importance

This text has added emphasis

The b element is stylistically different text from normal text, without any special importance

The i element is text that is set off from the normal text

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

Superscript®

Subscript for things like H2O

Lists

Unordered List

  • This is a list item in an unordered list
  • An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
  • Lists can be nested inside of each other
    • This is a nested list item
    • This is another nested list item in an unordered list
  • This is the last list item

Ordered List

  1. This is a list item in an ordered list
  2. An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
  3. Lists can be nested inside of each other
    1. This is a nested list item
    2. This is another nested list item in an ordered list
  4. This is the last list item

Horizontal Rule

SUPERSCRIPT

HEADER 1©®™

HEADER 2©®™

HEADER 3©®™

HEADER 4©®™

HEADER 5©®™
HEADER 6©®™

PARAGRAPH TEXT©®™

End of page.