jQuery & CSS3 Skills Bar

HTML5
20%
CSS3
25%
jQuery
50%
PHP
40%
Wordpress
75%
SEO
100%
Photoshop
70%
<div class="con_k048">
<div class="spd-row spd-padding-top-bottom-50 wow animated bounceInUp">
<div class="spd-col-md-12 spd-col-sm-12 spd-col-xs-12">
<h3 class="spd-text-center spd-padding-bottom-50">jQuery & CSS3 Skills Barh3>
<div data-percent="20%" class="skillbar clearfix">
<div style="background: #d35400;" class="skillbar-title"><span>HTML5span>div>
<div style="background: #e67e22;" class="skillbar-bar">div>
<div class="skill-bar-percent">20%div>
div>

<div data-percent="25%" class="skillbar clearfix">
<div style="background: #2980b9;" class="skillbar-title"><span>CSS3span>div>
<div style="background: #3498db;" class="skillbar-bar">div>
<div class="skill-bar-percent">25%div>
div>

<div data-percent="50%" class="skillbar clearfix">
<div style="background: #2c3e50;" class="skillbar-title"><span>jQueryspan>div>
<div style="background: #2c3e50;" class="skillbar-bar">div>
<div class="skill-bar-percent">50%div>
div>

<div data-percent="40%" class="skillbar clearfix">
<div style="background: #46465e;" class="skillbar-title"><span>PHPspan>div>
<div style="background: #5a68a5;" class="skillbar-bar">div>
<div class="skill-bar-percent">40%div>
div>

<div data-percent="75%" class="skillbar clearfix">
<div style="background: #333333;" class="skillbar-title"><span>Wordpressspan>div>
<div style="background: #525252;" class="skillbar-bar">div>
<div class="skill-bar-percent">75%div>
div>

<div data-percent="100%" class="skillbar clearfix">
<div style="background: #27ae60;" class="skillbar-title"><span>SEOspan>div>
<div style="background: #2ecc71;" class="skillbar-bar">div>
<div class="skill-bar-percent">100%div>
div>

<div data-percent="70%" class="skillbar clearfix">
<div style="background: #124e8c;" class="skillbar-title"><span>Photoshopspan>div>
<div style="background: #4288d0;" class="skillbar-bar">div>
<div class="skill-bar-percent">70%div>
div>

div>
div>
div>

jQuery & CSS3 Skills Bar

HTML5
20%
CSS3
25%
jQuery
50%
PHP
40%
Wordpress
75%
SEO
100%
Photoshop
70%
<div class="con_k049">
<div class="spd-row spd-padding-top-bottom-50 wow animated bounceInUp">
<div class="spd-col-md-12 spd-col-sm-12 spd-col-xs-12">
<h3 class="spd-text-center spd-padding-bottom-50">jQuery & CSS3 Skills Barh3>
<div data-percent="20%" class="skillbar clearfix">
<div style="background: #d35400;" class="skillbar-title"><span>HTML5span>div>
<div style="background: #e67e22;" class="skillbar-bar-style">div>
<div class="skill-bar-percent">20%div>
div>

<div data-percent="25%" class="skillbar clearfix">
<div style="background: #2980b9;" class="skillbar-title"><span>CSS3span>div>
<div style="background: #3498db;" class="skillbar-bar-style">div>
<div class="skill-bar-percent">25%div>
div>

<div data-percent="50%" class="skillbar clearfix">
<div style="background: #2c3e50;" class="skillbar-title"><span>jQueryspan>div>
<div style="background: #2c3e50;" class="skillbar-bar-style">div>
<div class="skill-bar-percent">50%div>
div>

<div data-percent="40%" class="skillbar clearfix">
<div style="background: #46465e;" class="skillbar-title"><span>PHPspan>div>
<div style="background: #5a68a5;" class="skillbar-bar-style">div>
<div class="skill-bar-percent">40%div>
div>

<div data-percent="75%" class="skillbar clearfix">
<div style="background: #333333;" class="skillbar-title"><span>Wordpressspan>div>
<div style="background: #525252;" class="skillbar-bar-style">div>
<div class="skill-bar-percent">75%div>
div>

<div data-percent="100%" class="skillbar clearfix">
<div style="background: #27ae60;" class="skillbar-title"><span>SEOspan>div>
<div style="background: #2ecc71;" class="skillbar-bar-style">div>
<div class="skill-bar-percent">100%div>
div>

<div data-percent="70%" class="skillbar clearfix">
<div style="background: #124e8c;" class="skillbar-title"><span>Photoshopspan>div>
<div style="background: #4288d0;" class="skillbar-bar-style">div>
<div class="skill-bar-percent">70%div>
div>
div>
div>

div>
HTML5
20%
CSS3
25%
jQuery
50%
PHP
40%
Wordpress
75%
SEO
100%
Photoshop
70%
<div class="con_k050">
<div class="spd-row">
<div class="spd-col-md-12 spd-col-sm-12 spd-col-xs-12">
<div data-percent="20%" class="skillbar2 clearfix">
<div class="skillbar-title"><span>HTML5span>div>
<div style="background: #e67e22;" class="skillbar-bar2">div>
<div class="skill-bar-percent">20%div>
div>

<div data-percent="25%" class="skillbar2 clearfix">
<div class="skillbar-title"><span>CSS3span>div>
<div style="background: #3498db;" class="skillbar-bar2">div>
<div class="skill-bar-percent">25%div>
div>

<div data-percent="50%" class="skillbar2 clearfix">
<div class="skillbar-title"><span>jQueryspan>div>
<div style="background: #2c3e50;" class="skillbar-bar2">div>
<div class="skill-bar-percent">50%div>
div>

<div data-percent="40%" class="skillbar2 clearfix">
<div class="skillbar-title"><span>PHPspan>div>
<div style="background: #5a68a5;" class="skillbar-bar2">div>
<div class="skill-bar-percent">40%div>
div>

<div data-percent="75%" class="skillbar2 clearfix">
<div class="skillbar-title"><span>Wordpressspan>div>
<div style="background: #525252;" class="skillbar-bar2">div>
<div class="skill-bar-percent">75%div>
div>

<div data-percent="100%" class="skillbar2 clearfix">
<div class="skillbar-title"><span>SEOspan>div>
<div style="background: #2ecc71;" class="skillbar-bar2">div>
<div class="skill-bar-percent">100%div>
div>

<div data-percent="70%" class="skillbar2 clearfix">
<div class="skillbar-title"><span>Photoshopspan>div>
<div style="background: #4288d0;" class="skillbar-bar2">div>
<div class="skill-bar-percent">70%div>
div>



div>
div>
div>
HTML5
80%
CSS3
75%
jQuery
50%
PHP
40%
DNN
75%
SEO
100%
Design
70%
<div class="con_k055">
<div class="spd-row spd-sh-12 spdBaseFntColr">
<div class="spd-col-md-3 spd-col-sm-3 spd-no-margin spd-no-padding spd-xs-padding-bottom-10">
<ul class="rows">
<li class="title sh-transition spdBaseBgColr">Basic Planli>
<li class="fees"><i><sup>$sup>30<sub> / monthsub>i>li>
<li><i class="fa fa-hdd-o">i>500GB Disk Spaceli>
<li><i class="fa fa-exchange">i>500GB Monthly Bandwidthli>
<li><i class="fa fa-globe">i>5 Databaseli>
<li><i class="fa fa-envelope">i>15 Email Accountsli>
<li><i class="fa fa-cogs">i>Unlimited subdomainsli>
<li class="foo sh-transition spdBaseBgColr"><a href="#" class="spd-btn sh-btn12 spdBaseBgColr">Purches Nowa>li>
ul>
div>
<div class="spd-col-md-3 spd-col-sm-3 spd-no-margin spd-no-padding spd-xs-padding-bottom-10">
<ul class="rows">
<li class="title sh-transition spdBaseBgColr">Premium Planli>
<li class="fees"><i><sup>$sup>60<sub> / monthsub>i>li>
<li><i class="fa fa-hdd-o">i>500GB Disk Spaceli>
<li><i class="fa fa-exchange">i>500GB Monthly Bandwidthli>
<li><i class="fa fa-globe">i>5 Databaseli>
<li><i class="fa fa-envelope">i>15 Email Accountsli>
<li><i class="fa fa-cogs">i>Unlimited subdomainsli>
<li class="foo sh-transition spdBaseBgColr"><a href="#" class="spd-btn sh-btn12 spdBaseBgColr">Purches Nowa>li>
ul>
div>
<div class="spd-col-md-3 spd-col-sm-3 spd-no-margin spd-no-padding spd-xs-padding-bottom-10">
<ul class="rows">
<li class="title sh-transition spdBaseBgColr">Ultimate Planli>
<li class="fees"><i><sup>$sup>110<sub> / monthsub>i>li>
<li><i class="fa fa-hdd-o">i>500GB Disk Spaceli>
<li><i class="fa fa-exchange">i>500GB Monthly Bandwidthli>
<li><i class="fa fa-globe">i>5 Databaseli>
<li><i class="fa fa-envelope">i>15 Email Accountsli>
<li><i class="fa fa-cogs">i>Unlimited subdomainsli>
<li class="foo sh-transition spdBaseBgColr"><a href="#" class="spd-btn sh-btn12 spdBaseBgColr">Purches Nowa>li>
ul>
div>
<div class="spd-col-md-3 spd-col-sm-3 spd-no-margin spd-no-padding spd-xs-padding-bottom-10">
<ul class="rows">
<li class="title sh-transition spdBaseBgColr">Mega Planli>
<li class="fees"><i><sup>$sup>200<sub> / monthsub>i>li>
<li><i class="fa fa-hdd-o">i>500GB Disk Spaceli>
<li><i class="fa fa-exchange">i>500GB Monthly Bandwidthli>
<li><i class="fa fa-globe">i>5 Databaseli>
<li><i class="fa fa-envelope">i>15 Email Accountsli>
<li><i class="fa fa-cogs">i>Unlimited subdomainsli>
<li class="foo sh-transition spdBaseBgColr"><a href="#" class="spd-btn sh-btn12 spdBaseBgColr">Purches Nowa>li>
ul>
div>
div>
div>

HTML5
80%
CSS3
75%
jQuery
50%
PHP
40%
DNN
75%
SEO
100%
Design
70%
<div class="con_k056">
<div class="spd-row spd-sh-04 spd-padding-top-50 spd-padding-bottom-15">
<div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
<div class="body"><span class="price sh-transition">$25 Monthlyspan>
<h3 class="title">Basich3>
<ul>
<li>Disk Space 1500 MBli>
<li>......................li>
<li>Data Transfer 100 GB /monthli>
<li>......................li>
<li>Add-on Domains 5li>
<li>......................li>
<li>Sub-domains 5li>
<li>......................li>
<li>E-mail Addresses 5li>
<li>......................li>
<li>MySQL Databases 2li>
<li>......................li>
ul><a href="#" class="sh-btn04 spd-btn btn-danger btn-md">Order Now!a>
div>
div>
<div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
<div class="body"><span class="price sh-transition">$25 Monthlyspan>
<h3 class="title">Premiumh3>
<ul>
<li>Disk Space 1500 MBli>
<li>......................li>
<li>Data Transfer 100 GB /monthli>
<li>......................li>
<li>Add-on Domains 5li>
<li>......................li>
<li>Sub-domains 5li>
<li>......................li>
<li>E-mail Addresses 5li>
<li>......................li>
<li>MySQL Databases 2li>
<li>......................li>
ul><a href="#" class="sh-btn04 spd-btn btn-success btn-md">Order Now!a>
div>
div>
<div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
<div class="body"><span class="price sh-transition">$25 Monthlyspan>
<h3 class="title">Ultimateh3>
<ul>
<li>Disk Space 1500 MBli>
<li>......................li>
<li>Data Transfer 100 GB /monthli>
<li>......................li>
<li>Add-on Domains 5li>
<li>......................li>
<li>Sub-domains 5li>
<li>......................li>
<li>E-mail Addresses 5li>
<li>......................li>
<li>MySQL Databases 2li>
<li>......................li>
ul><a href="#" class="sh-btn04 spd-btn btn-warning btn-md">Order Now!a>
div>
div>
<div class="spd-col-md-3 spd-col-sm-3">
<div class="body"><span class="price sh-transition">$25 Monthlyspan>
<h3 class="title">Megah3>
<ul>
<li>Disk Space 1500 MBli>
<li>......................li>
<li>Data Transfer 100 GB /monthli>
<li>......................li>
<li>Add-on Domains 5li>
<li>......................li>
<li>Sub-domains 5 li>li>
<li>.....................li>
<li>E-mail Addresse 5li>
<li>.....................li>
<li>MySQL Databases 2li>
<li>......................li>
ul><a href="#" class="sh-btn04 spd-btn btn-info btn-md">Order Now!a>
div>
div>
div>
div>