Standard

Sretched

Navigation

Backgrounds

CodesHome › Codes

HTML and CSS Elements

To use the elements on this page view the source code and become familiar with the CSS classes and formatting. In most cases it is just a matter of adding 1 or 2 classes to a DIV. If you need help with any elements feel free to contact us here.


Tables

Dates Title Description
27/10/2011 Vestibulum eros felis Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam molestie, arcu et sodales tristique, nulla lectus semper dolor, in ornare purus nisi at lectus.
03/12/2011 Blandit nec scelerisque nec Aliquam molestie, arcu et sodales tristique, nulla lectus semper dolor, in ornare purus nisi at lectus.
18/10/2011 Augue non nibh Suspendisse vitae purus ac risus porta vestibulum et id quam.
01/02/2012 Dignissim eu justo Vivamus aliquam dapibus commodo. Morbi volutpat elit sed augue viverra porta vulputate velit fermentum.

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam molestie, arcu et sodales tristique, nulla lectus semper dolor, in ornare purus nisi at lectus.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam molestie, arcu et sodales tristique, nulla lectus semper dolor, in ornare purus nisi at lectus.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam molestie, arcu et sodales tristique, nulla lectus semper dolor, in ornare purus nisi at lectus.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam molestie, arcu et sodales tristique, nulla lectus semper dolor, in ornare purus nisi at lectus.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam molestie, arcu et sodales tristique, nulla lectus semper dolor, in ornare purus nisi at lectus.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam molestie, arcu et sodales tristique, nulla lectus semper dolor, in ornare purus nisi at lectus.


Buttons


Images in paragraphs

Did you know you can use the classes 'alpha' and 'omega' to split columns? You can also use it to split content to add images! Learn more at 960!!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam molestie, arcu et sodales tristique, nulla lectus semper dolor, in ornare purus nisi at lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam molestie, arcu et sodales tristique, nulla lectus semper dolor, in ornare purus nisi at lectus.

Suspendisse vitae purus ac risus porta vestibulum et id quam. Quisque sem dolor, consequat eget ultrices et, hendrerit eu orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros felis, blandit nec scelerisque nec, dignissim eu justo. Phasellus vitae leo ac purus pellentesque feugiat nec eu est. Sed semper magna eget dolor hendrerit ultricies. Aliquam vitae placerat purus.

Vivamus aliquam dapibus commodo. Morbi volutpat elit sed augue viverra porta vulputate velit fermentum. Nullam rutrum erat augue, at dictum dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.


Messages

The action you took was quoted! So this showed up! Link.
This message is warning you! It also has a Link.
The action you took was successful! So this showed up! Link.
The action you took was FATAL! So this showed up! Link.

Unordered List

  • Unordered list 1
  • Unordered list 2
  • Unordered list 3
  • Unordered list 4
  • Unordered list 5
  • Unordered list 6

Ordered List

  1. Ordered list 1
  2. Ordered list 2
    • Unordered list 1
    • Unordered list 2
  3. Ordered list 3
  4. Ordered list 4

Tick List

  • Tick List Item 1
  • Tick List Item 2
  • Tick List Item 3
  • Tick List Item 4
  • Tick List Item 5
  • Tick List Item 6

Cross List

  • Cross List Item 1
  • Cross List Item 2
  • Cross List Item 3
  • Cross List Item 4
  • Cross List Item 5
  • Cross List Item 6

Lines List

  • Cross List Item 1
  • Cross List Item 2
  • Cross List Item 3
  • Cross List Item 4

Arrow & Lines List

  • Cross List Item 1
  • Cross List Item 2
  • Cross List Item 3
  • Cross List Item 4

Arrow & Hover List

  • Cross List Item 1
  • Cross List Item 2
  • Cross List Item 3
  • Cross List Item 4