The Powerful Joomla! Template Framework

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

Counter Box

[zt_space height="60"][/zt_space] [zt_columns] [zt_column md="6"] [/zt_column] [zt_column md="6"] [zt_title type="double-border"]Zo2 Shortcode Box Content[/zt_title] [zt_space height="20"][/zt_space] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed diam in urna maximus blandit sit amet at sapien. Cras sed pellentesque nibh, et facilisis lectus. Donec purus ex, feugiat quis dictum non, consequat sed nibh. Phasellus nec varius massa. Donec ultricies ex sit amet dapibus sagittis. Maecenas suscipit, quam vitae dignissim rhoncus, sem lectus sagittis urna, nec vehicula ex tortor vel velit. Sed sit amet mi ac eros tempor tempus eu in libero. Curabitur nec enim nec diam accumsan aliquam non id purus. [/zt_column] [/zt_columns] [zt_title type="double-border" marginTop="60" marginBottom="40"]Shortcode Counter Box Default[/zt_title] [zt_counter class="counter-box-wrap"] [zt_counter_box icon="fa fa-database" iconColor="#a0ce4e" from="0" to="1000" unitPos="before" updown="up" speed="1000" countColor="#a0ce4e" contentColor="#747474" border="no" bdColor="#e0dede" column="4"]Complete Project[/zt_counter_box] [zt_counter_box icon="fa fa-database" iconColor="#a0ce4e" from="0" to="1500" unitPos="before" updown="up" speed="2000" countColor="#a0ce4e" contentColor="#747474" border="no" bdColor="#e0dede" column="4"]Complete Project[/zt_counter_box] [zt_counter_box icon="fa fa-database" iconColor="#a0ce4e" from="0" to="2000" unitPos="before" updown="up" speed="3000" countColor="#a0ce4e" contentColor="#747474" border="no" bdColor="#e0dede" column="4"]Complete Project[/zt_counter_box] [/zt_counter] [zt_title type="double-border" marginTop="60" marginBottom="40"]Shortcode Counter Box Width Border[/zt_title] [zt_counter class="counter-box-wrap"] [zt_counter_box icon="fa fa-database" iconColor="#a0ce4e" from="0" to="1000" unitPos="before" updown="up" speed="1000" countColor="#a0ce4e" contentColor="#747474" border="yes" bdColor="#e0dede" column="4"]Complete Project[/zt_counter_box] [zt_counter_box icon="fa fa-database" iconColor="#a0ce4e" from="0" to="1500" unitPos="before" updown="up" speed="2000" countColor="#a0ce4e" contentColor="#747474" border="yes" bdColor="#e0dede" column="4"]Complete Project[/zt_counter_box] [zt_counter_box icon="fa fa-database" iconColor="#a0ce4e" from="0" to="2000" unitPos="before" updown="up" speed="3000" countColor="#a0ce4e" contentColor="#747474" border="yes" bdColor="#e0dede" column="4"]Complete Project[/zt_counter_box] [/zt_counter] [zt_title type="double-border" marginTop="60" marginBottom="40"]Shortcode Counter Box Width Unit (position before & after)[/zt_title] [zt_counter class="counter-box-wrap"] [zt_counter_box icon="fa fa-database" iconColor="#a0ce4e" from="0" to="1000" unit="$" unitPos="before" updown="up" speed="1000" countColor="#a0ce4e" contentColor="#747474" border="yes" bdColor="#e0dede" column="4"]Complete Project[/zt_counter_box] [zt_counter_box icon="fa fa-database" iconColor="#a0ce4e" from="0" to="1500" unit="lbs" unitPos="after" updown="up" speed="2000" countColor="#a0ce4e" contentColor="#747474" border="yes" bdColor="#e0dede" column="4"]Complete Project[/zt_counter_box] [zt_counter_box icon="fa fa-database" iconColor="#a0ce4e" from="0" to="2000" unit="%" unitPos="before" updown="up" speed="3000" countColor="#a0ce4e" contentColor="#747474" border="yes" bdColor="#e0dede" column="4"]Complete Project[/zt_counter_box] [/zt_counter] [zt_title type="double-border" marginTop="60" marginBottom="40"]Shortcode Counter Up & Down[/zt_title] [zt_counter class="counter-box-wrap"] [zt_counter_box icon="fa fa-database" iconColor="#a0ce4e" from="1000" to="" unit="$" unitPos="before" updown="down" speed="1000" countColor="#a0ce4e" contentColor="#747474" border="yes" bdColor="#e0dede" column="4"]Complete Project[/zt_counter_box] [zt_counter_box icon="fa fa-database" iconColor="#a0ce4e" from="0" to="1500" unit="lbs" unitPos="after" updown="up" speed="2000" countColor="#a0ce4e" contentColor="#747474" border="yes" bdColor="#e0dede" column="4"]Complete Project[/zt_counter_box] [zt_counter_box icon="fa fa-database" iconColor="#a0ce4e" from="2000" to="0" unit="%" unitPos="before" updown="down" speed="3000" countColor="#a0ce4e" contentColor="#747474" border="yes" bdColor="#e0dede" column="4"]Complete Project[/zt_counter_box] [/zt_counter] [zt_title type="double-border" marginTop="60" marginBottom="40"]Shortcode Counter Box Custom Color[/zt_title] [zt_counter class="counter-box-wrap"] [zt_counter_box icon="fa fa-database" iconColor="#ff0000" from="0" to="1000" unitPos="before" updown="up" speed="1000" countColor="#ff7474" contentColor="#000000" border="yes" bdColor="#c3fff9" column="4"]Complete Project[/zt_counter_box] [zt_counter_box icon="fa fa-database" iconColor="#0048ff" from="0" to="1500" unitPos="before" updown="up" speed="2000" countColor="#9b74ff" contentColor="#3c391c" border="yes" bdColor="#cac3ff" column="4"]Complete Project[/zt_counter_box] [zt_counter_box icon="fa fa-database" iconColor="#ffcc00" from="0" to="2000" unitPos="before" updown="up" speed="3000" countColor="#fff074" contentColor="#218c81" border="yes" bdColor="#fff2c3" column="4"]Complete Project[/zt_counter_box] [/zt_counter]

Build a Beautiful Website Today

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