Brand

Style Guide

This is the style guide for the web team.
1. Headings

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading
h6. Heading
2. Paragraphs

You can add a .lead to a paragraph to make it stand out. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet augue sed massa malesuada bibendum vitae at mi. Donec aliquam blandit cursus. Pellentesque ullamcorper rutrum sollicitudin. In turpis massa, semper eget lobortis in, convallis quis metus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet augue sed massa malesuada bibendum vitae at mi. Donec aliquam blandit cursus. Pellentesque ullamcorper rutrum sollicitudin. In turpis massa, semper eget lobortis in, convallis quis metus.

Aenean sed mi id est suscipit dignissim et vel tellus. Sed convallis risus vel erat fringilla in convallis eros consequat.

Paragraph with emphasis, Vivamus urna nisi, aliquam non congue id, luctus sit amet dui.

Paragraph with strong, Curabitur id neque sapien.

This is an example blockquote.Someone from the internet

3. Preformatted 
In turpis massa, semper eget lobortis in, convallis quis metus.
This is an inline code example.

4. Lists
4a. Unordered List
  • List item 1
  • List item 2
  • List item 3
4b. Ordered List
  1. List item 1
  2. List item 2
  3. List item 3
4c. Unstyled List
  • List item 1
  • List item 2
  • List item 3
4d. Inline List
  • List item 1
  • List item 2
  • List item 3
6. Definate List
Term 1
This is the term description
Term 2
This is the term description.
Term 3
This is the term description.
7. Form Elements
This is a inline help example.
This is a block help example.
One
Two
Three
One
Two
Three
Some value here
Something went wrong!
Please correct the error!
Username is taken!
Username is available!
8. Buttons
Button Class=""
Default btn
Primary btn btn-primary
Info btn btn-info
Success btn btn-success
Warning btn btn-warning
Danger btn btn-danger
Inverse btn btn-inverse
Link btn btn-link
Labels
Default
 label
Success
 label label-success
Warning
 label label-warning
Important
 label label-important
Info
 label label-info
Inverse
 label label-inverse
Components

Heading

This is a simple hero unit for featured content or information.

Example page header

Subtext for header
Alerts
Warning! This is the message for the alert.

Info!

This is the content for the info alert. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet augue sed massa malesuada bibendum vitae at mi. Donec aliquam blandit cursus.

Misc
This is a well.
This is a small well.