Vision comes loaded with some great looking typography for you to use in your content.

Heading 1

Aenean sit amet sem. Phasellus rhoncus venenatis felis. Suspendisse iaculis mattis dolor. Donec congue. Morbi auctor hendrerit dui. Aliquam turpis. Maecenas molestie augue in urna. Donec gravida magna eget nulla. Phasellus sed pede et turpis mollis aliquam. Quisque aliquet pede nec turpis. Maecenas ultricies.

Heading 2

Aenean sit amet sem. Phasellus rhoncus venenatis felis. Suspendisse iaculis mattis dolor. Donec congue. Morbi auctor hendrerit dui. Aliquam turpis. Maecenas molestie augue in urna. Donec gravida magna eget nulla. Phasellus sed pede et turpis mollis aliquam. Quisque aliquet pede nec turpis. Maecenas ultricies.

Heading 3

Aenean sit amet sem. Phasellus rhoncus venenatis felis. Suspendisse iaculis mattis dolor. Donec congue. Morbi auctor hendrerit dui. Aliquam turpis. Maecenas molestie augue in urna. Donec gravida magna eget nulla. Phasellus sed pede et turpis mollis aliquam. Quisque aliquet pede nec turpis. Maecenas ultricies.

Heading 4

Aenean sit amet sem. Phasellus rhoncus venenatis felis. Suspendisse iaculis mattis dolor. Donec congue. Morbi auctor hendrerit dui. Aliquam turpis. Maecenas molestie augue in urna. Donec gravida magna eget nulla. Phasellus sed pede et turpis mollis aliquam. Quisque aliquet pede nec turpis. Maecenas ultricies.

Heading 5

Aenean sit amet sem. Phasellus rhoncus venenatis felis. Suspendisse iaculis mattis dolor. Donec congue. Morbi auctor hendrerit dui. Aliquam turpis. Maecenas molestie augue in urna. Donec gravida magna eget nulla. Phasellus sed pede et turpis mollis aliquam. Quisque aliquet pede nec turpis. Maecenas ultricies.

Heading 6

Aenean sit amet sem. Phasellus rhoncus venenatis felis. Suspendisse iaculis mattis dolor. Donec congue. Morbi auctor hendrerit dui. Aliquam turpis. Maecenas molestie augue in urna. Donec gravida magna eget nulla. Phasellus sed pede et turpis mollis aliquam. Quisque aliquet pede nec turpis. Maecenas ultricies.

This is a blockquote. To use this class use the following html: <blockquote><p>This is where you put the content</p></blockquote>. You can also use this html to havejust an opening quotation mark <p class="blockquote>Some more content here</p>

This is an unordered list:

• Donec imperdiet ipsum eu mauris.
• Morbi facilisis purus in dui.
• Donec pharetra orci eu justo.
• Donec porta tellus id leo.
• Aenean commodo sagittis orci.

This is an order list

1. Donec imperdiet ipsum eu mauris.
2. Morbi facilisis purus in dui.
3. Donec pharetra orci eu justo.
4. Donec porta tellus id leo.
5. Aenean commodo sagittis orci.

This is some bold text.

This is some italicised text.

This is some underlined text.

The icons used below have been created by the good folk at  Dry Icons and are licensed for use in the Vision 2.0 template.

This is a code snippet if you want to highlight some text or code snippet. Just use the code class like this <p class="code">Insert your code here.</p>

 This is a paragraph with the "new" class applied to it. Sed id eros iaculis tellus ultrices vehicula. Suspendisse sed urna consequat nunc condimentum sagittis. Ut laoreet turpis eget orci.

 This is a paragraph with the "attachment" class applied to it. Sed id eros iaculis tellus ultrices vehicula. Suspendisse sed urna consequat nunc condimentum sagittis. Ut laoreet turpis eget orci.

 This is a paragraph with the "calculator" class applied to it. Sed id eros iaculis tellus ultrices vehicula. Suspendisse sed urna consequat nunc condimentum sagittis. Ut laoreet turpis eget orci.

 This is a paragraph with the "cut" class applied to it. Sed id eros iaculis tellus ultrices vehicula. Suspendisse sed urna consequat nunc condimentum sagittis. Ut laoreet turpis eget orci.

 This is a paragraph with the "dollar" class applied to it. Sed id eros iaculis tellus ultrices vehicula. Suspendisse sed urna consequat nunc condimentum sagittis. Ut laoreet turpis eget orci.

 This is a paragraph with the "euro" class applied to it. Sed id eros iaculis tellus ultrices vehicula. Suspendisse sed urna consequat nunc condimentum sagittis. Ut laoreet turpis eget orci.

 This is a paragraph with the "pound" class applied to it. Sed id eros iaculis tellus ultrices vehicula. Suspendisse sed urna consequat nunc condimentum sagittis. Ut laoreet turpis eget orci.

 This is a paragraph with the "contact" class applied to it. Sed id eros iaculis tellus ultrices vehicula. Suspendisse sed urna consequat nunc condimentum sagittis. Ut laoreet turpis eget orci.

 This is a paragraph with the "sale" class applied to it. Sed id eros iaculis tellus ultrices vehicula. Suspendisse sed urna consequat nunc condimentum sagittis. Ut laoreet turpis eget orci.

This is a paragraph with the "save" class applied to it. Sed id eros iaculis tellus ultrices vehicula. Suspendisse sed urna consequat nunc condimentum sagittis. Ut laoreet turpis eget orci.

 This is a paragraph with the "sound" class applied to it. Sed id eros iaculis tellus ultrices vehicula. Suspendisse sed urna consequat nunc condimentum sagittis. Ut laoreet turpis eget orci.

 This is a paragraph with the "support" class applied to it. Sed id eros iaculis tellus ultrices vehicula. Suspendisse sed urna consequat nunc condimentum sagittis. Ut laoreet turpis eget orci.

List Styles

The following are some handy links styles to apply to your links. You can apply the class to the list element like this: <li class="topshopstyle">List item</li> or to the whole unordered list like this: <ul class="topshopstyle"><li>My list item</li></ul>.

• A list with the class attachment. To use this style use the following html <li class="attachment">My list item</li>
• A list with the class calculator.To use this style use the following html <li class="calculator">My list item</li>
• A list with the class dvd.To use this style use the following html <li class="dvd">My list item</li>
• A list with the class cut.To use this style use the following html <li class="cutt">My list item</li>
• A list with the class dollar. To use this style use the following html <li class="dollar">My list item</li>
• A list with the class edit. To use this style use the following html <li class="edit">My list item</li>
• A list with the class euro. To use this style use the following html <li class="euro">My list item</li>
• A list with the class pound. To use this style use the following html <li class="pound">My list item</li>
• A list with the class home. To use this style use the following html <li class="home">My list item</li>
• A list with the class sale. To use this style use the following html <li class="sale">My list item</li>
• A list with the class save. To use this style use the following html <li class="save">My list item</li>
• A list with the class sound. To use this style use the following html <li class="sound">My list item</li>
• A list with the class support. To use this style use the following html <li class="support">My list item</li>