Vision comes loaded with some great looking typography for you to use in your content. We've included some list stylings that use a small selection of icons from the Free Icons Web - check them out for an extensive range of free icons.

H1 Heading

d nulla exerci nisl hendrerit dolore vulputate autem commodo nibh vulputate veniam odio hendrerit qui, nonummy. Eu at, lobortis ea esse dolore consequat wisi nulla, consequat consequat, tation praesent nostrud, zzril ut. Qui et zzril te ullamcorper volutpat tincidunt minim wisi dolore eu blandit, esse suscipit duis magna. Ut odio dolore ipsum ut ad magna iusto et facilisis ex delenit illum luptatum ea nulla in exerci feugiat consectetuer augue accumsan. Illum blandit odio, consequat duis, vel nulla, duis, autem vero, elit.

H2 Heading

d nulla exerci nisl hendrerit dolore vulputate autem commodo nibh vulputate veniam odio hendrerit qui, nonummy. Eu at, lobortis ea esse dolore consequat wisi nulla, consequat consequat, tation praesent nostrud, zzril ut. Qui et zzril te ullamcorper volutpat tincidunt minim wisi dolore eu blandit, esse suscipit duis magna. Ut odio dolore ipsum ut ad magna iusto et facilisis ex delenit illum luptatum ea nulla in exerci feugiat consectetuer augue accumsan. Illum blandit odio, consequat duis, vel nulla, duis, autem vero, elit.

H3 Heading

d nulla exerci nisl hendrerit dolore vulputate autem commodo nibh vulputate veniam odio hendrerit qui, nonummy. Eu at, lobortis ea esse dolore consequat wisi nulla, consequat consequat, tation praesent nostrud, zzril ut. Qui et zzril te ullamcorper volutpat tincidunt minim wisi dolore eu blandit, esse suscipit duis magna. Ut odio dolore ipsum ut ad magna iusto et facilisis ex delenit illum luptatum ea nulla in exerci feugiat consectetuer augue accumsan. Illum blandit odio, consequat duis, vel nulla, duis, autem vero, elit.

H4 Heading

d nulla exerci nisl hendrerit dolore vulputate autem commodo nibh vulputate veniam odio hendrerit qui, nonummy. Eu at, lobortis ea esse dolore consequat wisi nulla, consequat consequat, tation praesent nostrud, zzril ut. Qui et zzril te ullamcorper volutpat tincidunt minim wisi dolore eu blandit, esse suscipit duis magna. Ut odio dolore ipsum ut ad magna iusto et facilisis ex delenit illum luptatum ea nulla in exerci feugiat consectetuer augue accumsan. Illum blandit odio, consequat duis, vel nulla, duis, autem vero, elit.

H5 Heading

d nulla exerci nisl hendrerit dolore vulputate autem commodo nibh vulputate veniam odio hendrerit qui, nonummy.

H6 Heading

d nulla exerci nisl hendrerit dolore vulputate autem commodo nibh vulputate veniam odio hendrerit qui, nonummy.

Feed: Apply the class "feed" to any element to obtain this effect. Qui et zzril te ullamcorper volutpat tincidunt minim wisi dolore eu blandit, esse suscipit duis magna. Ut odio dolore ipsum ut ad magna iusto et facilisis ex delenit illum luptatum ea nulla in exerci feugiat consectetuer augue accumsan.

Zoom: Apply the class "zoom" to any element to obtain this effect.Qui et zzril te ullamcorper volutpat tincidunt minim wisi dolore eu blandit, esse suscipit duis magna. Ut odio dolore ipsum ut ad magna iusto et facilisis ex delenit illum luptatum ea nulla in exerci feugiat consectetuer augue accumsan.

About: Apply the class "about" to any element to obtain this effect.Qui et zzril te ullamcorper volutpat tincidunt minim wisi dolore eu blandit, esse suscipit duis magna. Ut odio dolore ipsum ut ad magna iusto et facilisis ex delenit illum luptatum ea nulla in exerci feugiat consectetuer augue accumsan.

Group: Apply the class "group" to any element to obtain this effect.Qui et zzril te ullamcorper volutpat tincidunt minim wisi dolore eu blandit, esse suscipit duis magna. Ut odio dolore ipsum ut ad magna iusto et facilisis ex delenit illum luptatum ea nulla in exerci feugiat consectetuer augue accumsan.

OK: Apply the class "ok" to any element to obtain this effect.Qui et zzril te ullamcorper volutpat tincidunt minim wisi dolore eu blandit, esse suscipit duis magna. Ut odio dolore ipsum ut ad magna iusto et facilisis ex delenit illum luptatum ea nulla in exerci feugiat consectetuer augue accumsan.

Download: Apply the class "download" to any element to obtain this effect.Qui et zzril te ullamcorper volutpat tincidunt minim wisi dolore eu blandit, esse suscipit duis magna. Ut odio dolore ipsum ut ad magna iusto et facilisis ex delenit illum luptatum ea nulla in exerci feugiat consectetuer augue accumsan.

The icons used in the css above come from Free Icons Web - check them out for an extensive range of free icons.

Here are a list of other classes that are available in the template.

• clear - Use this in your html to clear text or images above and below the clearing div.
• border - Use border on an image to create a 4px padding and a fine light grey border>,/li>
• floatleft - floats everything left
• floatright - float everything right

The following is a list that uses the class tick. Simple edit your html and and a class like this: ul class="tick"

• Jquery Superfish
• Sliding Panel
• Jquery Ticker
• JB Slideshow

The following is a list that uses the class arrow. Simple edit your html and and a class like this: ul class="arrow"

• Jquery Superfish
• Sliding Panel
• Jquery Ticker
• JB Slideshow

This is the blockquote styling. To use this please use the following html.<blockquote><p>My text goes here</p></blockquote>Ut odio dolore ipsum ut ad magna iusto et facilisis ex delenit illum luptatum ea nulla in exerci feugiat consectetuer augue accumsan. Illum blandit odio, consequat duis, vel nulla, duis, autem vero, elit.

This is a paragraph that has had the class "code" applied to it. Write the following in your html to achieve this effect: <p class="code">This is where youwrite your info.</p>