Typography

Typography, or a shortcode, is a piece of code that lets you do things within the template with very little effort. These typography codes are often embedded within the Joomla editor but we have customized several snippets to fit this template or theme. Below are examples that we have included...

Drop Cap Style

This is a magazine drop cap style. The first letter in this paragraph is big. Sed nec tempor odio. Donec non velit ligula. Nam rutrum diam non augue egestas cursus. Nam mattis, justo eu aliquam scelerisque, magna eros venenatis eros, vitae facilisis diam elit sed velit. Curabitur ac risus magna, nec pulvinar. Nam rutrum diam non augue egestas cursus. Nam mattis, justo eu aliquam scelerisque, magna eros venenatis eros.

Blockquote Style

This is a sample blockquote...Sed posuere imperdiet consectetur. Vestibulum cursus commodo tortor et viverra. Suspendisse convallis, est vitae sagittis gravida, enim nibh aliquet mi, sit amet congue nisl nisi nec elit. Sed imperdiet interdum purus nec porttitor. Curabitur id mauris in nulla scelerisque venenatis ac id lectus. hasellus eget enim quis urna tempus faucibus. Maecenas consectetur augue id tortor.

Special List Styles

Unordered check style.
Condimentum quis.
Congue Quisque augue
Ipsum dolor quis elit.

Unordered arrow style.
Lorem ipsum dolor sit
Condimentum quis.
Congue Quisque

Unordered clock style.
Lorem ipsum dolor sit
Condimentum quis.
Congue Quisque auge

Unordered date style.
Lorem ipsum dolor sit
Condimentum quis.
Congue Quisque

Pre-Code

#header { 
width:960px; 
background-image:url(../images/index_02.jpg); 
height:80px; 
background-color:#fff; 
margin-left:auto; 
margin-right:auto; 
text-align:left; 
}

Highlight Phrases

This is a highlight black grey gold navy blue purple green teal red orange pink tan

Special Inline Icon Styles

This is an error style - adipiscing elit.

This is a message style - consectetur.

This is a tip style - consectetur adipiscing.

This is a tag style - consectetur adipiscing.

This is a note style - consectetur adipiscing.

This is a photo style - consectetur adipiscing.

This is a document style - consectetur.

This is a phone style - consectetur adipiscing.

This is a clock style - consectetur adipiscing.

This is a calendar style - consectetur.

This is a camera style - consectetur adipiscing.

This is a check style - consectetur adipiscing.

This is a plus style - consectetur adipiscing.

This is a minus style - consectetur adipiscing.

This is a star style - consectetur adipiscing.

This is a diamond style - consectetur adipisc.

This is a tool style - consectetur adipiscing.

This is a female style - consectetur adipiscing.

This is a male style - consectetur adipiscing.

This is a ribbon style - consectetur adipiscing.

This is a stopwatch style - consectetur adipis.

This is a pin style - consectetur adipiscing elit.

This is a chart style - consectetur adipiscing.

This is a key style - consectetur adipiscing elit.

This is a speech style - consectetur adipiscing.

This is a pushpin style - consectetur adipiscing.

This is a mail style - consectetur adipiscing elit.

This is an info1 style - consectetur adipiscing.

This is an info2 style - consectetur adipiscing.

This is a clipboard style - consectetur.

Rounded Block Number Styles

1Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.	2Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.	15Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis.
4Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.	5Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.	6Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis.
7Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.	9Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis.	10Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.
11Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.	12Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis.	14Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.

Circle Block Number Styles

1Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.	2Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.	15Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis.
4Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.	5Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.	6Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis.
7Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.	9Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis.	10Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.
11Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.	12Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis.	14Class aptent taciti sociosqu ad litora torquent per conubia. Donec vitae justo nunc. Cras venenatis quam nunc.

CSS Event Calendar Icons

April

May

June

July

Sept.

Oct.

Nov.

Dec.

Feb.

March

Small Button Styles

Black Gold Navy Blue Purple Green Teal Red Orange Pink Tan

Big Button Styles