<div  class="one withsmallpadding ppb_text" style="text-align:left;padding:30px 0 30px 0;" ><div class="standard_wrapper"><div class="page_content_wrapper"><div class="inner"><div style="margin:auto;width:100%"></p>
<h5 class="space">Animated Counter Boxes</h5>
<div class="one_fourth " style="padding:30px 10px 30px 10px;background:#5856D6;color:#fff;border-radius:5px;">
<div class="animate_counter_wrapper"><div id="14852661561426605523" class="odometer" style="font-size:60px;line-height:60px;color:#ffffff">0</div><div class="count_separator"><span></span></div><div class="counter_subject" style="color:#ffffff">Themes</div></div>
</div>
<div class="one_fourth " style="padding:30px 10px 30px 10px;border:1px solid #e1e1e1;border-radius:5px;">
<div class="animate_counter_wrapper"><div id="1485266156563306464" class="odometer" style="font-size:60px;line-height:60px;">0</div><div class="count_separator"><span></span></div><div class="counter_subject">Followers</div></div>
</div>
<div class="one_fourth " style="padding:30px 10px 30px 10px;border:1px solid #e1e1e1;border-radius:5px;">
<div class="animate_counter_wrapper"><div id="1485266156717625375" class="odometer" style="font-size:60px;line-height:60px;">0</div><div class="count_separator"><span></span></div><div class="counter_subject">Happy Customers</div></div>
</div>
<div class="one_fourth last " style="padding:30px 10px 30px 10px;border:1px solid #e1e1e1;border-radius:5px;">
<div class="animate_counter_wrapper"><div id="1485266156447323418" class="odometer" style="font-size:60px;line-height:60px;">0</div><div class="count_separator"><span></span></div><div class="counter_subject">Support Requests</div></div>
</div>
<p><br class="clear"/></p>
</div></div></div></div></div>
<div  class="one withsmallpadding ppb_text" style="text-align:left;padding:30px 0 30px 0;" ><div class="standard_wrapper"><div class="page_content_wrapper"><div class="inner"><div style="margin:auto;width:100%"></p>
<h5 class="space">Animated Progress Bars</h5>
<p><div class="progress_bar"><div class="progress_holder"><div class="progress_bar_title"><h7>Accomodation</h7></div><div class="progress_number"><h7>90%</h7></div></div><div class="progress_bar_holder" style="height:15px;"><div class="progress_bar_content" data-score="90" style="width:0;background:#222222;height:15px;"></div></div></div><br />
<div class="progress_bar"><div class="progress_holder"><div class="progress_bar_title"><h7>Destination</h7></div><div class="progress_number"><h7>80%</h7></div></div><div class="progress_bar_holder" style="height:13px;"><div class="progress_bar_content" data-score="80" style="width:0;background:#222222;height:13px;"></div></div></div><br />
<div class="progress_bar"><div class="progress_holder"><div class="progress_bar_title"><h7>Meals</h7></div><div class="progress_number"><h7>70%</h7></div></div><div class="progress_bar_holder" style="height:11px;"><div class="progress_bar_content" data-score="70" style="width:0;background:#222222;height:11px;"></div></div></div><br />
<div class="progress_bar"><div class="progress_holder"><div class="progress_bar_title"><h7>Transport</h7></div><div class="progress_number"><h7>65%</h7></div></div><div class="progress_bar_holder" style="height:9px;"><div class="progress_bar_content" data-score="65" style="width:0;background:#222222;height:9px;"></div></div></div><br />
<div class="progress_bar"><div class="progress_holder"><div class="progress_bar_title"><h7>Value For Money</h7></div><div class="progress_number"><h7>55%</h7></div></div><div class="progress_bar_holder" style="height:7px;"><div class="progress_bar_content" data-score="55" style="width:0;background:#222222;height:7px;"></div></div></div><br />
<div class="progress_bar"><div class="progress_holder"><div class="progress_bar_title"><h7>Overall</h7></div><div class="progress_number"><h7>50%</h7></div></div><div class="progress_bar_holder" style="height:5px;"><div class="progress_bar_content" data-score="50" style="width:0;background:#222222;height:5px;"></div></div></div></p>
</div></div></div></div></div>
<div  class="one withsmallpadding ppb_text" style="text-align:left;padding:30px 0 30px 0;" ><div class="standard_wrapper"><div class="page_content_wrapper"><div class="inner"><div style="margin:auto;width:100%"></p>
<h5 class="space">Animated Circle Boxes</h5>
<div class="one_fourth " style="">

				<div class="visual_circle">
					<div id="1485266156749750466" data-dimension="200" data-width="20" data-percent="30" data-fgcolor="#222222" data-bgcolor="#f0f0f0" data-text="&lt;i class=&quot;fa fa-download&quot; style=&quot;font-size: 32px; color: #222222;&quot;&gt;&lt;/i&gt;" data-fontsize="20" data-info=""></div></div>
</div>
<div class="one_fourth " style="">

				<div class="visual_circle">
					<div id="14852661561771501177" data-dimension="200" data-width="15" data-percent="60" data-fgcolor="#222222" data-bgcolor="#f0f0f0" data-text="&lt;i class=&quot;fa fa-download&quot; style=&quot;font-size: 32px;&quot;&gt;&lt;/i&gt;" data-fontsize="20" data-info=""></div></div>
</div>
<div class="one_fourth " style="">

				<div class="visual_circle">
					<div id="1485266156469372000" data-dimension="200" data-width="10" data-percent="99" data-fgcolor="#222222" data-bgcolor="#f0f0f0" data-text="99%" data-fontsize="30" data-info=""></div></div>
</div>
<div class="one_fourth last " style="">

				<div class="visual_circle">
					<div id="14852661561211566568" data-dimension="200" data-width="5" data-percent="60" data-fgcolor="#222222" data-bgcolor="#f0f0f0" data-text="Your Text" data-fontsize="22" data-info=""></div></div>
</div>
<p><br class="clear"/></p>
</div></div></div></div></div>
