Style Guide

Navigation Button

CSS selector:

.top-link

Sample code:

<a href="#" class="top-link">Nav Button</a>

Rendered element:

Nav Button

In-text link

CSS selector:

.in-text-link

Sample code:

<a href="#" class="in-text-link">This is a link</a>

Rendered element:

This is a link

Submit/Reset Buttons

CSS selector:

.button

Sample code:

<a href="#" class="button">Button</a>

Rendered element:

Button

Headings

CSS selector:

.headings

Sample code:

<h1 class="headings">Heading</h1>

Rendered element:

Headings

Headings

Headings

Paragraphs

CSS selector:

.para-content

Sample code:

<p class="para-content">This is a paragraph.</p>

Rendered element:

This is a paragraph.

Main Navigation

Nav Button 1 Nav Button 2 Nav Button 3 Nav Button 4 Nav Button 5