The Powerful Joomla! Template Framework

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

Button

 

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

Zo2 Shortcode Button

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud consequat.

 

[zt_button type="icon-stroke" size="large" colour="accent" link="#" icon="fa fa-android"]Zo2 Shortcode Button[/zt_button] [zt_button size="large" colour="blue" link="#"]Zo2 Shortcode Button[/zt_button] [/zt_column] [/zt_columns]

 

[zt_columns] [zt_column md="5"]

Standard Button

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua [/zt_column] [zt_column md="7"] [zt_button colour="accent" link="#"]Standard[/zt_button] [zt_button colour="black" link="#"]Standard[/zt_button] [zt_button colour="white" link="#"]Standard[/zt_button] [zt_button colour="blue" link="#"]Standard[/zt_button] [zt_button colour="green" link="#"]Standard[/zt_button] [zt_button colour="pink" link="#"]Standard[/zt_button] [zt_button colour="grey" link="#"]Standard[/zt_button] [zt_button colour="light-grey" link="#"]Standard[/zt_button] [zt_button colour="orange" link="#"]Standard[/zt_button] [zt_button colour="turquoise" link="#"]Standard[/zt_button] [zt_button colour="gold" link="#"]Standard[/zt_button] [zt_button colour="transparent-light" link="#"]Standard[/zt_button] [zt_button colour="transparent-dark" link="#"]Standard[/zt_button] [/zt_column] [/zt_columns]

 

[zt_columns] [zt_column md="7"] [zt_button type="stroke-to-fill" colour="accent" link="#"]Stroke To Fill[/zt_button] [zt_button type="stroke-to-fill" colour="black" link="#"]Stroke To Fill[/zt_button] [zt_button type="stroke-to-fill" colour="white" link="#"]Stroke To Fill[/zt_button] [zt_button type="stroke-to-fill" colour="blue" link="#"]Stroke To Fill[/zt_button] [zt_button type="stroke-to-fill" colour="green" link="#"]Stroke To Fill[/zt_button] [zt_button type="stroke-to-fill" colour="pink" link="#"]Stroke To Fill[/zt_button] [zt_button type="stroke-to-fill" colour="grey" link="#"]Stroke To Fill[/zt_button] [zt_button type="stroke-to-fill" colour="light-grey" link="#"]Stroke To Fill[/zt_button] [zt_button type="stroke-to-fill" colour="orange" link="#"]Stroke To Fill[/zt_button] [zt_button type="stroke-to-fill" colour="turquoise" link="#"]Stroke To Fill[/zt_button] [zt_button type="stroke-to-fill" colour="gold" link="#"]Stroke To Fill[/zt_button] [zt_button type="stroke-to-fill" colour="transparent-light" link="#"]Stroke To Fill[/zt_button] [zt_button type="stroke-to-fill" colour="transparent-dark" link="#"]Stroke To Fill[/zt_button] [/zt_column] [zt_column md="5"]

Stroke To Fill

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua [/column] [/zt_columns]

 

[zt_columns] [zt_column md="5"]

Button Icon Reveal

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua [/zt_column] [zt_column md="7"] [zt_button type="icon-reveal" icon="fa fa-android" colour="accent" link="#"]Button Icon Reveal[/zt_button] [zt_button type="icon-reveal" icon="fa fa-beer" colour="black" link="#"]Button Icon Reveal[/zt_button] [zt_button type="icon-reveal" icon="fa fa-binoculars" colour="white" link="#"]Button Icon Reveal[/zt_button] [zt_button type="icon-reveal" icon="fa fa-bitcoin" colour="blue" link="#"]Button Icon Reveal[/zt_button] [zt_button type="icon-reveal" icon="fa fa-bookmark" colour="green" link="#"]Button Icon Reveal[/zt_button] [zt_button type="icon-reveal" icon="fa fa-bitbucket" colour="pink" link="#"]Button Icon Reveal[/zt_button] [zt_button type="icon-reveal" icon="fa fa-calendar" colour="grey" link="#"]Button Icon Reveal[/zt_button] [zt_button type="icon-reveal" icon="fa fa-bus" colour="light-grey" link="#"]Button Icon Reveal[/zt_button] [zt_button type="icon-reveal" icon="fa fa-joomla" colour="orange" link="#"]Button Icon Reveal[/zt_button] [zt_button type="icon-reveal" icon="fa fa-cogs" colour="turquoise" link="#"]Button Icon Reveal[/zt_button] [zt_button type="icon-reveal" icon="fa fa-columns" colour="gold" link="#"]Button Icon Reveal[/zt_button] [zt_button type="icon-reveal" icon="fa fa-compass" colour="transparent-light" link="#"]Button Icon Reveal[/zt_button] [zt_button type="icon-reveal" icon="fa fa-cubes" colour="transparent-dark" link="#"]Button Icon Reveal[/zt_button] [/zt_column] [/zt_columns]

 

[zt_columns] [zt_column md="7"] [zt_button type="icon-stroke" icon="fa fa-android" colour="accent" link="#"]Button Icon Stroke[/zt_button] [zt_button type="icon-stroke" icon="fa fa-beer" colour="black" link="#"]Button Icon Stroke[/zt_button] [zt_button type="icon-stroke" icon="fa fa-binoculars" colour="white" link="#"]Button Icon Stroke[/zt_button] [zt_button type="icon-stroke" icon="fa fa-bitcoin" colour="blue" link="#"]Button Icon Stroke[/zt_button] [zt_button type="icon-stroke" icon="fa fa-bookmark" colour="green" link="#"]Button Icon Stroke[/zt_button] [zt_button type="icon-stroke" icon="fa fa-bitbucket" colour="pink" link="#"]Button Icon Stroke[/zt_button] [zt_button type="icon-stroke" icon="fa fa-calendar" colour="grey" link="#"]Button Icon Stroke[/zt_button] [zt_button type="icon-stroke" icon="fa fa-bus" colour="light-grey" link="#"]Button Icon Stroke[/zt_button] [zt_button type="icon-stroke" icon="fa fa-joomla" colour="orange" link="#"]Button Icon Stroke[/zt_button] [zt_button type="icon-stroke" icon="fa fa-cogs" colour="turquoise" link="#"]Button Icon Stroke[/zt_button] [zt_button type="icon-stroke" icon="fa fa-columns" colour="gold" link="#"]Button Icon Stroke[/zt_button] [zt_button type="icon-stroke" icon="fa fa-compass" colour="transparent-light" link="#"]Button Icon Stroke[/zt_button] [zt_button type="icon-stroke" icon="fa fa-cubes" colour="transparent-dark" link="#"]Button Icon Stroke[/zt_button] [/zt_column] [zt_column md="5"]

Button Icon Stroke

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua [/zt_column] [/zt_columns]

 

[zt_columns] [zt_column md="12"]

Button All Size

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

 

[zt_button size="small" colour="accent" link="#"]Button Small[/zt_button] [zt_button colour="accent" link="#"]Button Standard[/zt_button] [zt_button size="large" colour="accent" link="#"]Button Large[/zt_button]

 

[zt_button size="small" type="stroke-to-fill" colour="accent" link="#"]Stroke To Fill Small[/zt_button] [zt_button colour="accent" type="stroke-to-fill" link="#"]Stroke To Fill Standard[/zt_button] [zt_button size="large" type="stroke-to-fill" colour="accent" link="#"]Stroke To Fill Large[/zt_button]

 

[zt_button size="small" type="icon-reveal" icon="fa fa-android" colour="accent" link="#"]Icon Reveal Small[/zt_button] [zt_button type="icon-reveal" icon="fa fa-beer" colour="accent" link="#"]Icon Reveal Standard[/zt_button] [zt_button size="large" type="icon-reveal" icon="fa fa-binoculars" colour="accent" link="#"]Icon Reveal Large[/zt_button]

 

[zt_button size="small" type="icon-stroke" icon="fa fa-android" colour="accent" link="#"]Icon Stroke Small[/zt_button] [zt_button type="icon-stroke" icon="fa fa-beer" colour="accent" link="#"]Icon Stroke Standard[/zt_button] [zt_button size="large" type="icon-stroke" icon="fa fa-binoculars" colour="accent" link="#"]Icon Stroke Large[/zt_button] [/zt_columns]

Build a Beautiful Website Today

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