Rounded Skills Bar-1

86

html5

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.

75

css3

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.

55

development

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.

80

design

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae

<div class="pie-chart_s001">
<div class="spd-row spd-padding-top-bottom-50">
<h3 class="spd-text-center spd-padding-bottom-50">Rounded Skills Bar1</h3>
<div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
<div class="spd-chart"><span data-percent="86" class="chart spd-n-chart-pie2"><span class="percent"> 86%</span></span>
<h3> html5</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
<div class="spd-chart"><span data-percent="75" class="chart spd-n-chart-pie2"><span class="percent">75</span></span>
<h3> css3</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
<div class="spd-chart"><span data-percent="55" class="chart spd-n-chart-pie2"><span class="percent">55</span></span>
<h3> development</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
<div class="spd-chart"><span data-percent="80" class="chart spd-n-chart-pie2"><span class="percent">80</span></span>
<h3> design</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae</p>
</div>
</div>
</div>
</div>

Rounded Skills Bar-2

html5

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.

css3

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.

development

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.

seo

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae

<div class="pie-chart_s002">
<div class="spd-row spd-padding-top-bottom-50">
<h3 class="spd-text-center spd-padding-bottom-50">Rounded Skills Bar2</h3>
<div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
<div class="spd-chart"><span data-percent="86" class="chart2"><span class="percent2"><i class="fa fa-html5 fa-2x"></i></span></span>
<h3> html5</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
<div class="spd-chart"><span data-percent="75" class="chart2"><span class="percent2"><i class="fa fa-css3 fa-2x"></i></span></span>
<h3> css3</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
<div class="spd-chart"><span data-percent="55" class="chart2"><span class="percent2"><i class="fa fa-desktop fa-2x"></i></span></span>
<h3> development</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
<div class="spd-chart"><span data-percent="80" class="chart2"><span class="percent2"><i class="fa fa-leaf fa-2x"></i></span></span>
<h3> seo</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae</p>
</div>
</div>
</div>
</div>

Rounded Skills Bar-3

HTML

html5

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.

CSS

css3

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.

DNN

development

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.

SEO

seo

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae

<div class="pie-chart_s003">
<div class="spd-row spd-padding-top-bottom-50">
<h3 class="spd-text-center spd-padding-bottom-50">Rounded Skills Bar3</h3>
<div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
<div class="spd-chart"><span data-percent="86" class="chart"><span class="percent2">
<h3>HTML</h3></span></span>
<h3> html5</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
<div class="spd-chart"><span data-percent="75" class="chart"><span class="percent2">
<h3>CSS</h3></span></span>
<h3> css3</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
<div class="spd-chart"><span data-percent="55" class="chart"><span class="percent2">
<h3>DNN</h3></span></span>
<h3> development</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
<div class="spd-chart"><span data-percent="80" class="chart"><span class="percent2">
<h3>SEO</h3></span></span>
<h3> seo</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae</p>
</div>
</div>
</div>
</div>

TNavin

First-class themes at no-frills prices.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.