Fusce erat nisl, facilisis vel, dignissim in, convallis a, sapien. Vivamus viverra. Nunc ac ante. Sed arcu nibh, malesuada in, congue non, hendrerit non, ante. Nulla ultrices gravida neque.

H1: Lorem ipsum dolor sit amet

H2: Lorem ipsum dolor sit amet

H3: Lorem ipsum dolor sit amet

H4: Lorem ipsum dolor sit amet

H5: Lorem ipsum dolor sit amet

H6: Lorem ipsum dolor sit amet

Lists

Fusce erat nisl, facilisis vel, dignissim in, convallis a, sapien. Vivamus viverra. Nunc ac ante. Sed arcu nibh, malesuada in, congue non, hendrerit non, ante. Nulla ultrices gravida neque.

Ordered List

1. This is a sample Ordered List.
2. Lorem ipsum dolor sit amet consectetuer.
3. Condimentum quis.
4. Congue Quisque augue elit dolor nibh.

Unordered List

• This is a sample Unordered List.
• Condimentum quis.
• Congue Quisque augue elit dolor.
• Nunc cursus sem et pretium sapien eget.

Definition List

This is a sample Definition List.

Condimentum quis.

Congue Quisque augue elit dolor.

Nunc cursus sem et pretium sapien eget.

Definiton Lists are important

Condimentum quis.

Congue Quisque augue elit dolor.

Nunc cursus sem et pretium sapien eget.

Unordered Lists with classes

ul with class check

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

ul with class arrow

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

ul with class cross

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

ul with class light

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

ul with class star

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

Big Unordered Lists with classes

ul with class check-big

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

ul with class arrow-big

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

ul with class cross-big

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

ul with class light-big

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

ul with class star-big

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

Other Typo

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst.

BlockQuotes

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas a lorem. Morbi libero orci, luctus non, pharetra egestas, fermentum vitae, nunc.

Highlight

This is a highlight phrase. Use it with span class highlight

Dropcaps

Below is a sample dropcap letter. Use it for the first letter of the text with span class dropcap

This is a Magazine Style Drop Cap. The first letter in this paragraph is big. JA Drimia bring into your Jooomla template the magazine drop cap technique and CSS2 includes the first-letter pseudo class. In all fairness to the paragraph itself we probably should type enough to see how it looks when it is surrounded by its textual friends by using more words.

Codes

Below is a sample code. Use it with pre or code tag

#icetheme a{
	position:absolute;
	top:0;
	right:0;
	display: block;
	width: 101px;
	height: 102px;
	background: transparent url(../images/icetheme.png);
    }

Tables

Forms

Fusce erat nisl, facilisis vel, dignissim in, convallis a, sapien. Vivamus viverra. Nunc ac ante. Sed arcu nibh, malesuada in, congue non, hendrerit non, ante. Nulla ultrices gravida neque.

This is a sample of the 'notice' style. Use this style to give your users a message that require a note

This is a sample of the 'success' style. Use this style to give your users a message when a successful task was completed

This is a sample of the 'error' style. Use this style to give your users a message when a task was wrongly completed