Animated Content

Sample Theme Elements

[ppb_text size=”one” title=”Animated Counter” slug=”” width=”100%” padding=”30″ bgcolor=”#ffffff” fontcolor=”” custom_css=”padding-top: 50px !important;” ]

Animated Counter Boxes

[one_fourth custom_css=”padding:30px 10px 30px 10px;border: 1px solid #222222″]
[tg_animate_counter start =”0″ end=”109″ fontsize=”60″ fontcolor=”#222222″ count_subject=”Themes”][/tg_animate_counter]
[/one_fourth]
[one_fourth custom_css=”padding:30px 10px 30px 10px;border: 1px solid #e1e1e1″]
[tg_animate_counter start =”0″ end=”6409″ fontsize=”60″ count_subject=”Followers”][/tg_animate_counter]
[/one_fourth]
[one_fourth custom_css=”padding:30px 10px 30px 10px;border: 1px solid #e1e1e1″]
[tg_animate_counter start =”0″ end=”7010″ fontsize=”60″ count_subject=”Happy Customers” color=”#1abc9c”][/tg_animate_counter]
[/one_fourth]
[one_fourth_last custom_css=”padding:30px 10px 30px 10px;border: 1px solid #e1e1e1″]
[tg_animate_counter start =”0″ end=”1087″ fontsize=”60″ count_subject=”Support Requests”][/tg_animate_counter]
[/one_fourth_last][/ppb_text]

[ppb_text size=”one” title=”Progress Bar” slug=”” width=”100%” padding=”30″ bgcolor=”” fontcolor=”” custom_css=”” ]

Animated Progress Bars

[tg_animate_bar percent=”90″ color=”#222222″ height=”15″]PHP & WordPress[/tg_animate_bar][tg_animate_bar percent=”80″ color=”#222222″ height=”13″]HTML[/tg_animate_bar][tg_animate_bar percent=”70″ color=”#222222″ height=”11″]CSS[/tg_animate_bar][tg_animate_bar percent=”65″ color=”#222222″ height=”9″]Photoshop[/tg_animate_bar][tg_animate_bar percent=”55″ color=”#222222″ height=”7″]Javascript[/tg_animate_bar][tg_animate_bar percent=”50″ color=”#222222″ height=”5″]Joomla[/tg_animate_bar][tg_animate_bar percent=”25″ color=”#222222″ height=”3″]Illustrator[/tg_animate_bar][/ppb_text]

[ppb_text size=”one” title=”Animated Circle” slug=”” width=”100%” padding=”30″ bgcolor=”#ffffff” fontcolor=”” custom_css=”” ]

Animated Circle Boxes

[one_fourth]
[tg_animate_circle percent=”30″ color=”#222222″ dimension=”200″ width=”20″][/tg_animate_circle]
[/one_fourth]
[one_fourth]
[tg_animate_circle percent=”60″ color=”#222222″ dimension=”200″ width=”15″][/tg_animate_circle]
[/one_fourth]
[one_fourth]
[tg_animate_circle percent=”99″ color=”#222222″ dimension=”200″ width=”10″ fontsize=”30″]99%[/tg_animate_circle]
[/one_fourth]
[one_fourth_last]
[tg_animate_circle percent=”60″ color=”#222222″ dimension=”200″ width=”5″ fontsize=”22″]Your Text[/tg_animate_circle]
[/one_fourth_last][/ppb_text]