- Bathroom Repair
- Drywall Service
- Door Installation
- Energy Efficient
- Garage Services
Shortcode text for example below:
<div class="sc_skills sc_skills_arc" data-type="arc" data-subtitle="Skills"> <div class="sc_skills_legend"> <ul> <li>Bathroom Repair</li> <li>Drywall Service</li> <li>Door Installation</li> <li>Energy Efficient</li> <li>Garage Services</li> </ul> </div> <div id="sc_skills_diagram" class="sc_skills_arc_canvas"> </div> <div class="sc_skills_data"> <div class="arc"> <input type="hidden" class="text" value="Bathroom Repair"/> <input type="hidden" class="percent" value="95"/> <input type="hidden" class="color" value="rgba(241,196,88,1)"/> </div> <div class="arc"> <input type="hidden" class="text" value="Drywall Service"/> <input type="hidden" class="percent" value="90"/> <input type="hidden" class="color" value="rgba(241,196,88,0.9)"/> </div> <div class="arc"> <input type="hidden" class="text" value="Door Installation"/> <input type="hidden" class="percent" value="80"/> <input type="hidden" class="color" value="rgba(241,196,88,0.8)"/> </div> <div class="arc"> <input type="hidden" class="text" value="Energy Efficient"/> <input type="hidden" class="percent" value="53"/> <input type="hidden" class="color" value="rgba(241,196,88,0.7)"/> </div> <div class="arc"> <input type="hidden" class="text" value="Garage Services"/> <input type="hidden" class="percent" value="45"/> <input type="hidden" class="color" value="rgba(241,196,88,0.6)"/> </div> </div> </div>
Skills – Arc & Counter
Shortcode “Skills” (type “arc”)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, beatae odit earum magni mollitia odio ullam nobis ad esse molestiae. Saepe, consectetur cum officiis libero soluta error id. Voluptatum, quidem, sunt, praesentium odio itaque a eveniet pariatur at reprehenderit quisquam ad ipsa doloribus consequuntur quo iusto placeat quibusdam aspernatur aliquid tempora nulla. Cupiditate, ipsa, alias eaque aliquam quam voluptates natus repellat libero tempore quasi in ipsam numquam non? Velit, explicabo, dolore officiis vel aspernatur maiores sapiente nisi in nulla distinctio tenetur cum illo dolores eligendi atque necessitatibus reiciendis perferendis nam. Omnis animi vitae sunt magnam commodi rem ad voluptatibus laboriosam laborum. Totam, sapiente, minima asperiores quia rem saepe ullam vitae at. Numquam, vero, rerum, magni adipisci perspiciatis dolorem praesentium blanditiis amet voluptas autem saepe ducimus tempore fugit iure quam in rem possimus officia natus pariatur labore ipsum recusandae illum dignissimos nam et quod nulla.Shortcode “Skills” (type “counter”)
Shortcode text for example below:
<div class="sc_skills sc_skills_counter" data-type="counter" 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"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="999" data-step="10" data-max="1000" data-speed="14" data-duration="1399" data-ed="">0</div> </div> <div class="sc_skills_info">Bathroom Repair</div> <div class="sc_skills_info">999%</div> </div> </div> <div class="sc_skills_column columns1_4"> <div class="sc_skills_item sc_skills_style_2 even"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="549" data-step="10" data-max="1000" data-speed="30" data-duration="1647" data-ed="">0</div> </div> <div class="sc_skills_info">Drywall Service</div> <div class="sc_skills_info">549%</div> </div> </div> <div class="sc_skills_column columns1_4"> <div class="sc_skills_item sc_skills_style_3 odd"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="174" data-step="10" data-max="1000" data-speed="18" data-duration="313" data-ed="">0</div> </div> <div class="sc_skills_info">Door Installation</div> <div class="sc_skills_info">174%</div> </div> </div> <div class="sc_skills_column columns1_4"> <div class="sc_skills_item sc_skills_style_4 even"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="68" data-step="10" data-max="1000" data-speed="35" data-duration="238" data-ed="">0</div> </div> <div class="sc_skills_info">Energy Efficient</div> <div class="sc_skills_info">68%</div> </div> </div> </div> </div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, beatae odit earum magni mollitia odio ullam nobis ad esse molestiae. Saepe, consectetur cum officiis libero soluta error id. Voluptatum, quidem, sunt, praesentium odio itaque a eveniet pariatur at reprehenderit quisquam ad ipsa doloribus consequuntur quo iusto placeat quibusdam aspernatur aliquid tempora nulla. Cupiditate, ipsa, alias eaque aliquam quam voluptates natus repellat libero tempore quasi in ipsam numquam non? Velit, explicabo, dolore officiis vel aspernatur maiores sapiente nisi in nulla distinctio tenetur cum illo dolores eligendi atque necessitatibus reiciendis perferendis nam. Omnis animi vitae sunt magnam commodi rem ad voluptatibus laboriosam laborum. Totam, sapiente, minima asperiores quia rem saepe ullam vitae at. Numquam, vero, rerum, magni adipisci perspiciatis dolorem praesentium blanditiis amet voluptas autem saepe ducimus tempore fugit iure quam in rem possimus officia natus pariatur labore ipsum recusandae illum dignissimos nam et quod nulla.