Counters

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

[divider top= »40″ bottom= »20″ style= »blank »]

[column4]
[counter size= »200″ percentage= »70″ textsize= »32″ bgcolor= »#f0f0f0″ fgcolor= »#EC3939″ 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= »200″ percentage= »70″ textsize= »32″ bgcolor= »#f0f0f0″ fgcolor= »#EC3939″ donutwidth= »2″ 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= »32″ bgcolor= »#f0f0f0″ fgcolor= »#EC3939″ donutwidth= »2″ 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= »32″ bgcolor= »#f0f0f0″ fgcolor= »#EC3939″ donutwidth= »2″ 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= »40″ bottom= »20″ style= »blank »]

[column4]
[counter size= »150″ percentage= »70″ textsize= »32″ bgcolor= »#eeeeee » fgcolor= »#76daef » donutwidth= »10″ 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= »32″ bgcolor= »#eeeeee » fgcolor= »#76daef » donutwidth= »10″ 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= »32″ bgcolor= »#eeeeee » fgcolor= »#76daef » donutwidth= »10″ 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= »32″ bgcolor= »#eeeeee » fgcolor= »#76daef » donutwidth= »10″ 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= »40″ bottom= »20″ style= »blank »]

[column4]
[counter size= »200″ percentage= »70″ textsize= »32″ bgcolor= »#a6c3cb » fgcolor= »#dbb107″ 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= »200″ percentage= »70″ textsize= »32″ bgcolor= »#a6c3cb » fgcolor= »#dbb107″ 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= »200″ percentage= »70″ textsize= »32″ bgcolor= »#a6c3cb » fgcolor= »#dbb107″ 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= »200″ percentage= »70″ textsize= »32″ bgcolor= »#a6c3cb » fgcolor= »#dbb107″ 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]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *