Shortcode “Skills” (type “bar”)
Shortcode text for example below:
<div class="sc_section sc_alignright columns1_2"> <div class="sc_skills sc_skills_bar sc_skills_bar_style_1 sc_skills_vertical" data-type="bar" data-subtitle="Skills" data-dir="vertical"> <div class="columnsWrap sc_skills_columns"> <div class="sc_skills_column columns1_3"> <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="980" data-step="10" data-max="1000" data-speed="18" data-duration="1764" data-ed="">0</div> </div> </div> <div class="sc_skills_info">Garages</div> <div class="sc_skills_info">980%</div> </div> <div class="sc_skills_column columns1_3"> <div class="sc_skills_item sc_skills_style_1 even"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="660" data-step="10" data-max="1000" data-speed="10" data-duration="660" data-ed="">0</div> </div> </div> <div class="sc_skills_info">Drywall</div> <div class="sc_skills_info">660%</div> </div> <div class="sc_skills_column columns1_3"> <div class="sc_skills_item sc_skills_style_1 odd"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="870" data-step="10" data-max="1000" data-speed="12" data-duration="1044" data-ed="">0</div> </div> </div> <div class="sc_skills_info">Energy</div> <div class="sc_skills_info">870%</div> </div> </div> </div>
Skills (Bar)
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.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum quas nulla nemo delectus fuga ullam earum minus. Fugiat, sunt quis quod unde perferendis suscipit sit rerum accusamus molestiae aliquid. Cum, voluptate, eaque, laudantium, veniam illo delectus nam voluptas ratione dolorem unde hic magni deleniti iusto magnam at. Aliquid, similique, in, id, dolorum saepe expedita pariatur facilis sed natus beatae dicta recusandae sapiente voluptatibus modi neque voluptatum reprehenderit assumenda totam commodi temporibus dolorem eveniet officiis quibusdam cupiditate architecto ipsa harum. Iure, eveniet, accusantium, harum nulla omnis labore esse maxime officiis veritatis ratione praesentium veniam pariatur adipisci laudantium dignissimos totam atque natus facere molestias expedita autem neque aliquid. Alias, deserunt quam debitis nisi facere molestiae earum labore accusamus id. Architecto, labore, molestiae, veniam ipsa at dolores expedita doloribus voluptatem ea harum officiis provident quod a? Repellat, cupiditate, nisi eum nam possimus deserunt iste corporis aspernatur sint dolor minus dignissimos praesentium temporibus vero sequi ut eligendi provident error suscipit labore saepe tempore mollitia laboriosam totam accusamus iure assumenda earum sunt ab ipsum nulla commodi dicta cum hic obcaecati maxime veritatis. Illo, odit, doloribus, delectus rerum vel harum porro reprehenderit corrupti tenetur quas totam atque quibusdam impedit at consequatur aliquam eius dolorum a adipisci.
Shortcode “Skills” (type “bar”)
Shortcode text for example below:
<div class="sc_skills sc_skills_bar sc_skills_horizontal" data-type="bar" data-subtitle="Skills" data-dir="horizontal"> <div class="columnsWrap sc_skills_columns"> <div class="sc_skills_column columns1_5"> <div class="sc_skills_info">Garages</div> <div class="sc_skills_info">98%</div> <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="98" data-step="1" data-max="100" data-speed="11" data-duration="1078" data-ed="%">0%</div> </div> </div> </div> <div class="sc_skills_column columns1_5"> <div class="sc_skills_info">Drywall</div> <div class="sc_skills_info">66%</div> <div class="sc_skills_item sc_skills_style_1 even"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="66" data-step="1" data-max="100" data-speed="32" data-duration="2112" data-ed="%">0%</div> </div> </div> </div> <div class="sc_skills_column columns1_5"> <div class="sc_skills_info">Electrical</div> <div class="sc_skills_info">87%</div> <div class="sc_skills_item sc_skills_style_1 odd"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="87" data-step="1" data-max="100" data-speed="18" data-duration="1566" data-ed="%">0%</div> </div> </div> </div> <div class="sc_skills_column columns1_5"> <div class="sc_skills_info">Doors</div> <div class="sc_skills_info">82%</div> <div class="sc_skills_item sc_skills_style_1 even"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="82" data-step="1" data-max="100" data-speed="34" data-duration="2788" data-ed="%">0%</div> </div> </div> </div> <div class="sc_skills_column columns1_5"> <div class="sc_skills_info">Other</div> <div class="sc_skills_info">76%</div> <div class="sc_skills_item sc_skills_style_1 odd"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="76" data-step="1" data-max="100" data-speed="25" data-duration="1900" data-ed="%">0%</div> </div> </div> </div> </div> </div>
Skills bar (layout “Rows”)
Shortcode “Skills” (type “bar” layout “rows”)
Shortcode text for example below:
<div class="sc_skills sc_skills_bar sc_skills_horizontal" data-type="bar" data-subtitle="Skills" data-dir="horizontal"> <div class="sc_skills_info">Bathroom Repair</div> <div class="sc_skills_info">98%</div> <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="98" data-step="1" data-max="100" data-speed="35" data-duration="3430" data-ed="%">0%</div> </div> </div> <div class="sc_skills_info">Drywall Service</div> <div class="sc_skills_info">66%</div> <div class="sc_skills_item sc_skills_style_1 even"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="66" data-step="1" data-max="100" data-speed="23" data-duration="1518" data-ed="%">0%</div> </div> </div> <div class="sc_skills_info">Energy Efficient</div> <div class="sc_skills_info">87%</div> <div class="sc_skills_item sc_skills_style_1 odd"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="87" data-step="1" data-max="100" data-speed="23" data-duration="2001" data-ed="%">0%</div> </div> </div> <div class="sc_skills_info">Door Installation</div> <div class="sc_skills_info">82%</div> <div class="sc_skills_item sc_skills_style_1 even"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="82" data-step="1" data-max="100" data-speed="13" data-duration="1066" data-ed="%">0%</div> </div> </div> <div class="sc_skills_info">Other</div> <div class="sc_skills_info">76%</div> <div class="sc_skills_item sc_skills_style_1 odd"> <div class="sc_skills_count"> <div class="sc_skills_total" data-start="0" data-stop="76" data-step="1" data-max="100" data-speed="14" data-duration="1064" data-ed="%">0%</div> </div> </div> </div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum quas nulla nemo delectus fuga ullam earum minus. Fugiat, sunt quis quod unde perferendis suscipit sit rerum accusamus molestiae aliquid. Cum, voluptate, eaque, laudantium, veniam illo delectus nam voluptas ratione dolorem unde hic magni deleniti iusto magnam at. Aliquid, similique, in, id, dolorum saepe expedita pariatur facilis sed natus beatae dicta recusandae sapiente voluptatibus modi neque voluptatum reprehenderit assumenda totam commodi temporibus dolorem eveniet officiis quibusdam cupiditate architecto ipsa harum. Iure, eveniet, accusantium, harum nulla omnis labore esse maxime officiis veritatis ratione praesentium veniam pariatur adipisci laudantium dignissimos totam atque natus facere molestias expedita autem neque aliquid. Alias, deserunt quam debitis nisi facere molestiae earum labore accusamus id. Architecto, labore, molestiae, veniam ipsa at dolores expedita doloribus voluptatem ea harum officiis provident quod a? Repellat, cupiditate, nisi eum nam possimus deserunt iste corporis aspernatur sint dolor minus dignissimos praesentium temporibus vero sequi ut eligendi provident error suscipit labore saepe tempore mollitia laboriosam totam accusamus iure assumenda earum sunt ab ipsum nulla commodi dicta cum hic obcaecati maxime veritatis. Illo, odit, doloribus, delectus rerum vel harum porro reprehenderit corrupti tenetur quas totam atque quibusdam impedit at consequatur aliquam eius dolorum a adipisci.