Hex Values

Classes

default Paragraph Text

.white Paragraph Text

.off-white Paragraph Text

.purple Paragraph Text

.red Paragraph Text

.green Paragraph Text

.yellow Paragraph Text

.text Paragraph Text

.gray Paragraph Text

H1 Heading Styles.

H2 Heading Styles.

H3 Heading Styles.

H4 Heading Styles.

H5 Heading Styles.

H6 Heading Styles.

Body Styles

This is the default size and styling for paragraph body copy throughout the site. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue.

This text is larger paragraph text, good for the introductory paragraph of longer content.

This text is small paragraph text.

This text is an even smaller paragraph text.

To use the heading font, use the class .heading

To use the script font, use the class .script

To use the subheading font, use the class .subheading

This text is a hyperlink using the a element.

This text is highlighted using the mark element.

"Blockquote suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio."

Lists

• This is an Unordered List.

• This is an Unordered List.
  • This is a nested Unordered List.
  • This is a nested Unordered List.
• This is an Unordered List.
• This is an Unordered List.
• This is an Unordered List.

1. This is an Ordered & Unordered List.

2. This is an Unordered List.
   • This is a nested Ordered List.
   • This is a nested Ordered List.
3. This is an Ordered List.
4. This is an Ordered List.
5. This is an Ordered List.

1. This is an Ordered List.

2. This is an Ordered List.
   1. This is a nested Ordered List.
   2. This is a nested Ordered List.
3. This is an Ordered List.
4. This is an Ordered List.
5. This is an Ordered List.