Counters

[alert type=”yellow” icon=”fa fa-lightbulb-o”] Display counter border color, border size, text size and percentage using shortcode generator [/alert]

[divider top=”40″ style=”blank”]

[column4]
[counter size=”200″ percentage=”70″ textsize=”22″ bgcolor=”#f0f0f0″ fgcolor=”#EC3939″ donutwidth=”1″ title=”Counter one”]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4]
[counter size=”200″ percentage=”70″ textsize=”22″ bgcolor=”#f0f0f0″ fgcolor=”#EC3939″ donutwidth=”1″ title=”Counter two” percentage=”25″ fgcolor=”#EC3939″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4]
[counter size=”200″ percentage=”70″ textsize=”22″ bgcolor=”#f0f0f0″ fgcolor=”#EC3939″ donutwidth=”1″ title=”Counter three” percentage=”15″ fgcolor=”#EC3939″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4 last=”yes”]
[counter size=”200″ percentage=”70″ textsize=”22″ bgcolor=”#f0f0f0″ fgcolor=”#EC3939″ donutwidth=”1″ title=”Counter four” percentage=”85″ fgcolor=”#EC3939″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[divider top=”80″ style=”linedcenter”]

[column4]
[counter size=”150″ percentage=”70″ textsize=”16″ bgcolor=”#f0f0f0″ fgcolor=”#ffcc00″ donutwidth=”2″ title=”Counter one”]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4]
[counter size=”150″ percentage=”70″ textsize=”16″ bgcolor=”#f0f0f0″ fgcolor=”#ffcc00″ donutwidth=”2″ title=”Counter two” percentage=”25″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4]
[counter size=”150″ percentage=”70″ textsize=”16″ bgcolor=”#f0f0f0″ fgcolor=”#ffcc00″ donutwidth=”2″ title=”Counter three” percentage=”15″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4 last=”yes”]
[counter size=”150″ percentage=”70″ textsize=”16″ bgcolor=”#f0f0f0″ fgcolor=”#ffcc00″ donutwidth=”2″ title=”Counter four” percentage=”85″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[divider top=”80″ style=”linedcenter”]

[column4]
[counter size=”200″ percentage=”70″ textsize=”22″ bgcolor=”#fff” fgcolor=”#000″ donutwidth=”1″ title=”Counter one”]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4]
[counter size=”200″ percentage=”70″ textsize=”22″ bgcolor=”#fff” fgcolor=”#000″ donutwidth=”1″ title=”Counter two” percentage=”25″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4]
[counter size=”200″ percentage=”70″ textsize=”22″ bgcolor=”#fff” fgcolor=”#000″ donutwidth=”1″ title=”Counter three” percentage=”15″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4 last=”yes”]
[counter size=”200″ percentage=”70″ textsize=”22″ bgcolor=”#fff” fgcolor=”#000″ donutwidth=”1″ title=”Counter four” percentage=”85″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]