The Powerful Joomla! Template Framework

ZO2 is a perfect choice because it enables you to do what other template framework can’t.

Icon Awesome

 

[zt_columns] [zt_column md="6"] [/zt_column] [zt_column md="6"]

Zo2 Shortcode Dropcaps

 

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

 

[zt_i classIcon="fa fa-apple" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-trophy" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-windows" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-wordpress" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-joomla" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-instagram" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-institution" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [/zt_column] [/zt_columns]

 

[zt_columns] [zt_column md="4"]

Large Icon

 
 

[zt_i classIcon="fa fa-apple" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-trophy" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-windows" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-wordpress" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [/zt_column] [zt_column md="4"]

Medium Icon

 
 

[zt_i classIcon="fa fa-apple" iconCircle="yes" iconSize="medium" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-trophy" iconCircle="yes" iconSize="medium" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-windows" iconCircle="yes" iconSize="medium" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-wordpress" iconCircle="yes" iconSize="medium" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-joomla" iconCircle="yes" iconSize="medium" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-instagram" iconCircle="yes" iconSize="medium" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [/zt_column] [zt_column md="4"]

Small Icon

 
 

[zt_i classIcon="fa fa-apple" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-trophy" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-windows" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-wordpress" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-joomla" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-instagram" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-institution" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-lemon-o" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-magnet" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-maxcdn" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-mortar-board" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-mobile" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-mobile-phone" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-motorcycle" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-paint-brush" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-phone-square" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-pencil-square" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-qq" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-rebel" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-sellsy" iconCircle="yes" iconSize="small" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [/zt_column] [/zt_columns]

 

[zt_columns] [zt_column md="12"]

Icon Without Circles

 
 

[zt_i classIcon="fa fa-apple" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-trophy" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-windows" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-wordpress" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-joomla" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-instagram" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-institution" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-apple" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-trophy" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-windows" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-wordpress" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-joomla" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-instagram" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-institution" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-lemon-o" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-magnet" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-maxcdn" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-mortar-board" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-mobile" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-mobile-phone" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-motorcycle" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-paint-brush" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-phone-square" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-pencil-square" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-qq" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [zt_i classIcon="fa fa-rebel" iconCircle="no" iconSize="large" spinningIcon="no" iconColor="#9a9a9a" iconBgColor="#333" iconBdColor="#333"][/zt_i] [/zt_column] [/zt_columns]

 

[zt_columns] [zt_column md="12"]

Icon Custom color, background color, border color

 
 

[zt_i classIcon="fa fa-apple" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#000002" iconBgColor="#fff9c7" iconBdColor="#5d5d5d"][/zt_i] [zt_i classIcon="fa fa-trophy" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#c30060" iconBgColor="#d2d2ff" iconBdColor="#0000c3"][/zt_i] [zt_i classIcon="fa fa-windows" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#002ce9" iconBgColor="#ffdbed" iconBdColor="#6a133e"][/zt_i] [zt_i classIcon="fa fa-wordpress" iconCircle="yes" iconSize="large" spinningIcon="no" iconColor="#fff" iconBgColor="#333" iconBdColor="#333"][/zt_i] [/zt_column] [/zt_columns]

 

[zt_columns] [zt_column md="12"]

Icon List With Names

 
 

[/zt_column] [/zt_columns] [zt_columns] [zt_column md="3"] [zt_i classIcon="fa fa-adjust" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-adjust[/zt_i] [zt_i classIcon="fa fa-align-left" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-align-left[/zt_i] [zt_i classIcon="fa fa-angle-double-right" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-angle-double-right[/zt_i] [zt_i classIcon="fa fa-angle-right" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-angle-right[/zt_i] [zt_i classIcon="fa fa-area-chart" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-area-chart[/zt_i] [zt_i classIcon="fa fa-arrow-circle-o-left" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrow-circle-o-left[/zt_i] [zt_i classIcon="fa fa-arrow-circle-up" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrow-circle-up[/zt_i] [zt_i classIcon="fa fa-arrow-up" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrow-up[/zt_i] [zt_i classIcon="fa fa-arrows-v" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrows-v[/zt_i] [zt_i classIcon="fa fa-backward" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-backward[/zt_i] [/zt_column] [zt_column md="3"] [zt_i classIcon="fa fa-adn" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-adn[/zt_i] [zt_i classIcon="fa fa-align-right" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-align-right[/zt_i] [zt_i classIcon="fa fa-angellist" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-angellist[/zt_i] [zt_i classIcon="fa fa-angle-double-up" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-angle-double-up[/zt_i] [zt_i classIcon="fa fa-angle-up" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-angle-up[/zt_i] [zt_i classIcon="fa fa-arrow-circle-down" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrow-circle-down[/zt_i] [zt_i classIcon="fa fa-arrow-circle-o-right" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrow-circle-o-right[/zt_i] [zt_i classIcon="fa fa-arrow-down" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrow-down[/zt_i] [zt_i classIcon="fa fa-arrows" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrows[/zt_i] [zt_i classIcon="fa fa-asterisk" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-asterisk[/zt_i] [/zt_column] [zt_column md="3"] [zt_i classIcon="fa fa-align-center" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-align-center[/zt_i] [zt_i classIcon="fa fa-ambulance" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-ambulance[/zt_i] [zt_i classIcon="fa fa-angle-double-down" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-angle-double-down[/zt_i] [zt_i classIcon="fa fa-angle-down" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-angle-down[/zt_i] [zt_i classIcon="fa fa-apple" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-apple[/zt_i] [zt_i classIcon="fa fa-arrow-circle-left" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrow-circle-left[/zt_i] [zt_i classIcon="fa fa-arrow-circle-o-up" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrow-circle-o-up[/zt_i] [zt_i classIcon="fa fa-arrow-left" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrow-left[/zt_i] [zt_i classIcon="fa fa-arrows-alt" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrows-alt[/zt_i] [zt_i classIcon="fa fa-at" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-at[/zt_i] [/zt_column] [zt_column md="3"] [zt_i classIcon="fa fa-align-justify" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-align-justify[/zt_i] [zt_i classIcon="fa fa-anchor" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-anchor[/zt_i] [zt_i classIcon="fa fa-angle-double-left" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-angle-double-left[/zt_i] [zt_i classIcon="fa fa-angle-left" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-angle-left[/zt_i] [zt_i classIcon="fa fa-archive" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-archive[/zt_i] [zt_i classIcon="fa fa-arrow-circle-o-down" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrow-circle-o-down[/zt_i] [zt_i classIcon="fa fa-arrow-circle-right" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrow-circle-right[/zt_i] [zt_i classIcon="fa fa-arrow-right" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrow-right[/zt_i] [zt_i classIcon="fa fa-arrows-h" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-arrows-h[/zt_i] [zt_i classIcon="fa fa-automobile" iconCircle="no" iconSize="small" spinningIcon="no"]fa fa-automobile[/zt_i] [/zt_column] [/zt_columns]

Build a Beautiful Website Today

Try ZO2 yourself. It’s 100% free and open source.