Shortcode “Skills” (type “pie”)
Shortcode text for example below:
<div class="sc_skills sc_skills_pie" data-type="pie" data-subtitle="Skills"> <div class="sc_skills_item sc_skills_style_1 odd first"> <canvas></canvas> <div class="sc_skills_total" data-start="0" data-stop="81" data-step="1" data-steps="100" data-max="100" data-speed="34" data-duration="2754" data-color="#f1c458" data-easing="easeOutCirc" data-ed="%">0%</div> </div> <div class="sc_skills_info">Bathroom Repair</div> <div class="sc_skills_info">81%</div> </div>
Skills (Pie)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, a, illo est consequatur quam minus repudiandae. Labore minima maxime consequatur quidem beatae vero hic sequi! Maiores, voluptate, optio, architecto neque iure assumenda obcaecati quam repellendus amet rem iusto dolore harum maxime aspernatur cupiditate eius magni cumque ratione nisi placeat sequi. Quisquam vitae aspernatur corporis dolore dolores voluptatem numquam natus sed ea laborum! At, officia, aliquam quis nemo alias id atque dolore eveniet dicta optio eligendi iusto. Suscipit, quaerat ab laborum modi incidunt saepe molestias quas amet.
Exercitationem, impedit id repudiandae modi aut nulla veritatis praesentium qui sit perferendis ab doloremque laborum reprehenderit corrupti ut. Ducimus, cumque quia reprehenderit harum cupiditate fuga non quibusdam ullam provident ex! Ad, aliquid, corporis accusamus repellat autem maxime nihil voluptas iusto quia repudiandae consequatur provident inventore fuga ipsam molestias facere similique nemo non repellendus nam ab amet dolores atque iure porro obcaecati velit dolorem delectus cumque! Possimus, ipsa, consequuntur, sequi, voluptas non corrupti ut quia quod quo nam blanditiis sint libero est dolor aperiam laudantium molestiae ad earum sapiente id animi accusamus consectetur! Rerum, tenetur eligendi impedit corporis eveniet sunt sed id minus fugiat ducimus dolor consequatur deleniti odit sint reiciendis nesciunt harum quo magnam mollitia accusamus ipsum error fuga libero facere quaerat laboriosam dolorum!
Shortcode “Skills” (type “pie”)
Shortcode text for example below:
<div class="sc_skills sc_skills_pie" data-type="pie" data-subtitle="Skills"> <div class="columnsWrap sc_skills_columns"> <div class="sc_skills_column columns1_4"> <div class="sc_skills_item sc_skills_style_1 odd first"> <canvas id="sc_skills_canvas_247444712"></canvas> <div class="sc_skills_total" data-start="0" data-stop="41" data-step="1" data-steps="100" data-max="100" data-speed="28" data-duration="1148" data-color="#f1c458" data-easing="easeOutCirc" data-ed="%">0%</div> </div> <div class="sc_skills_info">Drywall Service</div> <div class="sc_skills_info">41%</div> </div> <div class="sc_skills_column columns1_4"> <div class="sc_skills_item sc_skills_style_1 even"> <canvas id="sc_skills_canvas_88257267"></canvas> <div class="sc_skills_total" data-start="0" data-stop="56" data-step="1" data-steps="100" data-max="100" data-speed="25" data-duration="1400" data-color="#dd3333" data-easing="easeOutCirc" data-ed="%">0%</div> </div> <div class="sc_skills_info">Energy Efficient</div> <div class="sc_skills_info">56%</div> </div> <div class="sc_skills_column columns1_4"> <div class="sc_skills_item sc_skills_style_1 odd"> <canvas id="sc_skills_canvas_284547184"></canvas> <div class="sc_skills_total" data-start="0" data-stop="66" data-step="1" data-steps="100" data-max="100" data-speed="40" data-duration="2640" data-color="green" data-easing="easeOutCirc" data-ed="%">0%</div> </div> <div class="sc_skills_info">Door Installation</div> <div class="sc_skills_info">66%</div> </div> <div class="sc_skills_column columns1_4"> <div class="sc_skills_item sc_skills_style_1 even"> <canvas id="sc_skills_canvas_2070188718"> </canvas> <div class="sc_skills_total" data-start="0" data-stop="90" data-step="1" data-steps="100" data-max="100" data-speed="21" data-duration="1890" data-color="orange" data-easing="easeOutCirc" data-ed="%">0%</div> </div> <div class="sc_skills_info">Bathroom Repair</div> <div class="sc_skills_info">90%</div> </div> </div> </div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam, beatae, velit, mollitia debitis vel magni minus itaque numquam laborum eligendi repellat incidunt ad dolor laudantium nobis cumque quaerat vitae recusandae excepturi reprehenderit eaque in quia odit consectetur quasi doloremque omnis officia nisi aperiam maiores ipsa maxime nemo ipsam ea explicabo rerum illum dolorem! Quas, aliquid reprehenderit magnam neque minus dolore perferendis eius quo deserunt. Explicabo, fugit, cupiditate vel asperiores assumenda in a quis reprehenderit quo aut harum optio ad voluptatum omnis pariatur error dolore incidunt ducimus libero expedita voluptate saepe praesentium doloremque quisquam accusantium ipsa possimus quidem architecto eius odio dolor dolorem quod iusto. Dicta, suscipit, necessitatibus, placeat, rerum officia quia mollitia quos nisi
Similique laboriosam facere perferendis rem nemo illo itaque non ut voluptas tempore amet minus nostrum modi reprehenderit in magni quasi cumque possimus a autem repellat. Tempora, itaque, possimus laboriosam ipsa vitae recusandae eos cum quasi laborum dolores rerum velit asperiores qui. Odit, dolorum, itaque laudantium quam sed unde saepe consequatur eligendi nesciunt in provident aperiam sit quas ipsa accusamus voluptatum deleniti soluta cupiditate facere dolor veritatis quo ut dolores quos eaque temporibus accusantium officia vero voluptates quae. Maxime, perspiciatis, saepe. Ex, vitae, dolorum, eligendi atque necessitatibus animi similique maxime cupiditate obcaecati porro in libero fuga nisi at exercitationem vel officia! Dolor doloremque illo vel est unde.