This page demonstrates the visual styles used by this site.

All web pages in this site are constructed using W3C validated XHTML and all styling is done using W3C validated Cascading Style Sheets (CSS) using the Tripoli CSS standard.

Sed scelerisque sagittis lorem & phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

“Level 1 heading”

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Level 02 Heading

Level 03 Heading

Level 04 Heading

Level 05 Heading

Level 06 Heading

Paragraph inside Blockquote: Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.

Paragraph inside Blockquote: Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.

Address: Example address 224, Sweden

Preformatted:Testing one row
                     and another

I am the a tag example
I am the abbr tag example
I am the abbr tag with title example
I am the abbr tag inside an a tag example
I am the abbr tag with title inside an a tag example
I am the acronym tag example
I am the acronym tag with title example
I am the acronym tag inside an a tag example
I am the acronym tag with title inside an a tag example
I am the b tag example
I am the big tag example
I am the cite tag example
I am the code tag example
I am ~~the del tag~~ example
I am the dfn tag example
I am the dfn tag with title example
I am the em tag example
I am the font tag example
I am the i tag example
I am the ins tag example
I am the kbd tag example
I am the q tag inside a q tag example
I am ~~the s tag~~ example
I am the samp tag example
I am the small tag example
I am the span tag example
I am ~~the strike tag~~ example
I am the strong tag example
I am _{the sub tag} example
I am ^{the sup tag} example
I am the tt tag example
I am the var tag example
I am the u tag example
This is the unvisited external link example
This is the mailto: link example
This is the visited external link example
This is the .pdf link example
This is the .doc link example
This is the .xls link example
This is the .rss link example
This is the .rdf link example
This is the aim: link example
This is www.adamralph.com/foo link example

Unordered list 01
Unordered list 02
Unordered list 03
- Unordered list inside list level 2
- Unordered list inside list level 2
  - Unordered list inside list level 3
  - Unordered list inside list level 3

Ordered list 01
Ordered list 02
Ordered list 03
1. Ordered list inside list level 2
2. Ordered list inside list level 2
  1. Ordered list inside list level 3
  2. Ordered list inside list level 3

Description list title 01: Description list description 01
Description list title 02: Description list description 02; Description list description 03

Table Caption
Table head th	Table head td
Table foot th	Table foot td
Table body th	Table body td
Table body td	Table body td
Table body td odd	Table body td odd
Table body td even	Table body td even

Form legend

Text input:

Radio input:

Radio button list item 1
Radio button list item 2

Checkbox input:

Select field:

Textarea:

Input Button:

Password input:

Buttons: a tag button class

Positive Button:

Positive a tag: link text

Negative Button:

Negative a tag: link text