The Powerful Joomla! Template Framework

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

Counter Circle

 

[zt_columns] [zt_column md="7"] [/zt_column] [zt_column md="5"]

Zo2 Shortcode Counter Circle

 

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

 

[zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="0" percent="80" lineCap="round" lineWidth="10" size="190" content-type="icon" duration="1000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="0" percent="90" lineCap="round" lineWidth="10" size="190" content-type="content" duration="3000"]HTML & CSS[/zt_counter_circle] [/zt_column] [/zt_columns]

 

[zt_columns] [zt_column md="6"]

Counter Circle Style Line Cap

 
 

[zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="0" percent="80" lineCap="round" lineWidth="10" size="155" content-type="icon" duration="1000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="0" percent="90" lineCap="butt" lineWidth="10" size="155" content-type="icon" duration="2000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="0" percent="90" lineCap="square" lineWidth="10" size="155" content-type="icon" duration="3000" icon="fa fa-apple"][/zt_counter_circle] [/zt_column] [zt_column md="6"]

Counter Circle Style Bar

 
 

[zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="0" percent="70" lineCap="round" lineWidth="15" size="155" content-type="icon" duration="1000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="0" percent="85" lineCap="butt" lineWidth="15" size="155" content-type="icon" duration="2000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="0" percent="95" lineCap="square" lineWidth="15" size="155" content-type="icon" duration="3000" icon="fa fa-apple"] [/zt_column] [/zt_columns]

 

[zt_columns] [zt_column md="12"]

Counter Circle Custom Track Color, Bar Color, Size Chart

 
 

[zt_counter_circle easing="easeInQuad" barColor="#ff2e2e" trackColor="#ffdddd" scaleLength="0" percent="80" lineCap="square" lineWidth="10" size="100" content-type="icon" duration="1000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#00fcff" trackColor="#ccfeff" scaleLength="0" percent="90" lineCap="square" lineWidth="10" size="130" content-type="icon" duration="2000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#f0ff00" trackColor="#fdffd9" scaleLength="0" percent="90" lineCap="square" lineWidth="10" size="150" content-type="icon" duration="3000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="0" percent="90" lineCap="square" lineWidth="10" size="170" content-type="icon" duration="3000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="0" percent="90" lineCap="square" lineWidth="10" size="190" content-type="icon" duration="3000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="0" percent="90" lineCap="square" lineWidth="10" size="210" content-type="icon" duration="3000" icon="fa fa-apple"][/zt_counter_circle] [/zt_column] [/zt_columns]

 

[zt_columns] [zt_column md="12"]

Counter Circle Custom Scale Length

 
 

[zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="5" percent="80" lineCap="square" lineWidth="10" size="162" content-type="icon" duration="1000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="10" percent="90" lineCap="square" lineWidth="10" size="162" content-type="icon" duration="2000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="15" percent="90" lineCap="square" lineWidth="10" size="162" content-type="icon" duration="3000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="20" percent="90" lineCap="square" lineWidth="10" size="162" content-type="icon" duration="3000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="25" percent="90" lineCap="square" lineWidth="10" size="162" content-type="icon" duration="3000" icon="fa fa-apple"][/zt_counter_circle] [zt_counter_circle easing="easeInQuad" barColor="#A0CE4E" trackColor="#F6F6F6" scaleLength="30" percent="90" lineCap="square" lineWidth="10" size="162" content-type="icon" duration="3000" icon="fa fa-apple"][/zt_counter_circle] [/zt_column] [/zt_columns]

Build a Beautiful Website Today

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