Styles

Here you can see the different HTML tags that come styled with this template. To learn some trick about the template, see the coding page.

Heading 1

Heading 2

Heading 3

Heading 4

A link, acronym, highlight and deleted text.

This is a blockquote with author information included. If you look at the source, you can see the author info gets its style from a combination of generic classes.snop on March 19th, 2006

/* Code block */
System.out.println("someone set us up the bomb");
  • Unordered List
  • Uses a custom bullet to make items pop
  1. Ordered List
  2. Uses a <span> tag to style the numbers

Big Links

Tables

Table Caption: A description could go here
Application Description Version
Product Name Some Description text 1.0
Different Product Name Some Longer Description text that wraps around to show vertical alignment 2.0
Product Name Some Description text 3.0

Forms

Width Demo

50 Percent Width

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris magna. Suspendisse accumsan elit non tellus. Curabitur eros justo, malesuada convallis, sagittis vitae, convallis sit amet, lectus. Fusce tristique mattis ante. Aenean facilisis euismod dui.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris magna. Suspendisse accumsan elit non tellus. Curabitur eros justo, malesuada convallis, sagittis vitae, convallis sit amet, lectus. Fusce tristique mattis ante. Aenean facilisis euismod dui.

66 Percent Width

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris magna. Suspendisse accumsan elit non tellus. Curabitur eros justo, malesuada convallis, sagittis vitae, convallis sit amet, lectus. Fusce tristique mattis ante. Aenean facilisis euismod dui.

Use the .greenBg class to highlight content you don't want people to miss.

1