Style Guide

Header One

Header Two

Header Three

Header Four

Header Five
Header Six

Button Small Button Small Secondary
Button Default Button Default Secondary
Button Large Button Large Secondary

FooGallery with Lightbox

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.
– multiple contributors

Tables

Employee Salary
John Doe $1 Because that’s all Steve Jobs needed for a salary.
Jane Doe $100K For all the blogging she does.
Fred Bloggs $100M Pictures are worth a thousand words, right? So Jane x 1,000.
Jane Bloggs $100B With hair like that?! Enough said…

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one -start at 8
    1. List item one
      1. List item one -reversed attribute
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

Paragraph Tag

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lead Class

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag
The abbreviation srsly stands for “seriously”.

Emphasize Tag
The emphasize tag should italicize text.

Horizontal Rule Tag


This sentence is following a <hr /> tag.

Keyboard Tag
This scarcely known tag emulates keyboard text.

Quote Tag for short, inline quotes
Developers, developers, developers… –Steve Ballmer

Strike Tag
This tag shows strike-through text.

Small Tag
This tag shows smaller text.

Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag
Still sticking with science and Albert Einstein’s E = MC2, which should lift the 2 up.

Underline Tag deprecated in HTML 4, re-introduced in HTML5 with other semantics
This tag shows underlined text.

This entry was posted in Galleries. Bookmark the permalink. Both comments and trackbacks are currently closed.
  • Recent Posts