Animated Content

This is sample of page tagline and you can set it up using page option

[ppb_text size=”one” title=”Animated Counter” slug=”” width=”100″ textalign=”left” bgcolor=”” fontcolor=”” padding=”0″ margin_top=”” margin_right=”” margin_bottom=”” margin_left=”” custom_css=”” ]

Animated Counter Boxes

[one_fourth custom_css=”padding:30px 10px 30px 10px;background:#FF4A52;color:#fff;border-radius:5px;”]
[tg_animate_counter start =”0″ end=”109″ fontsize=”60″ fontcolor=”#ffffff” count_subject=”Themes”][/tg_animate_counter]
[/one_fourth]
[one_fourth custom_css=”padding:30px 10px 30px 10px;border:1px solid #e1e1e1;border-radius:5px;”]
[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;border-radius:5px;”]
[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;border-radius:5px;”]
[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″ textalign=”left” bgcolor=”” fontcolor=”” padding=”0″ margin_top=”” margin_right=”” margin_bottom=”40″ margin_left=”” custom_css=”” ]

Animated Progress Bars

[tg_animate_bar percent=”90″ color=”#222222″ height=”15″]Accomodation[/tg_animate_bar]
[tg_animate_bar percent=”80″ color=”#222222″ height=”13″]Destination[/tg_animate_bar]
[tg_animate_bar percent=”70″ color=”#222222″ height=”11″]Meals[/tg_animate_bar]
[tg_animate_bar percent=”65″ color=”#222222″ height=”9″]Transport[/tg_animate_bar]
[tg_animate_bar percent=”55″ color=”#222222″ height=”7″]Value For Money[/tg_animate_bar]
[tg_animate_bar percent=”50″ color=”#222222″ height=”5″]Overall[/tg_animate_bar][/ppb_text]

[ppb_text size=”one” title=”Animated Circle” slug=”” width=”100″ textalign=”left” bgcolor=”” fontcolor=”” padding=”0″ margin_top=”” margin_right=”” margin_bottom=”” margin_left=”” 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]