Style Five
HTML5
Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna.
PHOTOSHOP
Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna.
CORELDRAW
Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna.
CSS3
Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna.
SOURCE CODE
<div class="chart_list row">
<div class="col-sm-3">
<div data-percent="65" class="percentage1">
<div class="percentage_inner"><span>0</span>% </div>
</div>
<h3> HTML5 </h3>
<p>Content text 1 ... </p>
</div>
<div class="col-sm-3">
<div data-percent="70" class="percentage1">
<div class="percentage_inner"><span>0</span>% </div>
</div>
<h3> PHOTOSHOP </h3>
<p>Content text 2 ... </p>
</div>
<div class="col-sm-3">
<div data-percent="85" class="percentage1">
<div class="percentage_inner"><span>0</span>% </div>
</div>
<h3> CORELDRAW </h3>
<p>Content text 3 ... </p>
</div>
<div class="col-sm-3">
<div data-percent="92" class="percentage1">
<div class="percentage_inner"><span>0</span>% </div>
</div>
<h3> CSS3 </h3>
<p>Content text 4 ... </p>
</div>
</div>
Style Six
HTML5 — 65%
Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna.
PHOTOSHOP — 70%
Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna.
CORELDRAW — 85%
Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna.
CSS3 — 92%
Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna.
SOURCE CODE
<div class="chart_list_2 row">
<div class="col-sm-3">
<div data-percent="65" class="percentage1">
<div class="percentage_inner">PS</div>
</div>
<h3> HTML5 — 65% </h3>
<p>Content text 1 ... Nulla eu mi magna. </p>
</div>
<div class="col-sm-3">
<div data-percent="70" class="percentage1">
<div class="percentage_inner">CSS</div>
</div>
<h3> PHOTOSHOP — 70% </h3>
<p>Content text 2 ... Nulla eu mi magna. </p>
</div>
<div class="col-sm-3">
<div data-percent="85" class="percentage1">
<div class="percentage_inner">AI</div>
</div>
<h3> CORELDRAW — 85%</h3>
<p>Content text 3 ... Nulla eu mi magna. </p>
</div>
<div class="col-sm-3">
<div data-percent="92" class="percentage1">
<div class="percentage_inner">CDR</div>
</div>
<h3> CSS3 — 92% </h3>
<p>Content text 4 ... Nulla eu mi magna. </p>
</div>
</div>
Style Seven
WEB DESIGN
Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convalli sus eumi magna.
PHOTOSHOP
Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convalli sus eumi magna.
CORELDRAW
Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convalli sus eumi magna.
CSS3
Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convalli sus eumi magna.
SOURCE CODE
<div class="chart_list_3 row">
<div class="col-sm-6 col-md-3 chart_color1">
<div data-percent="75" class="percentage2">
<div class="percentage_inner"><span>0</span>% </div>
</div>
<h3> WEB DESIGN </h3>
<p>Content text 1 ... </p>
</div>
<div class="col-sm-6 col-md-3 chart_color2">
<div data-percent="50" class="percentage3">
<div class="percentage_inner"><span>0</span>% </div>
</div>
<h3> PHOTOSHOP </h3>
<p>Content text 2 ... </p>
</div>
<div class="col-sm-6 col-md-3 chart_color3">
<div data-percent="90" class="percentage4">
<div class="percentage_inner"><span>0</span>% </div>
</div>
<h3> CORELDRAW </h3>
<p>Content text 3 ... </p>
</div>
<div class="col-sm-6 col-md-3 chart_color4">
<div data-percent="68" class="percentage5">
<div class="percentage_inner"><span>0</span>% </div>
</div>
<h3> CSS3 </h3>
<p>Content text 4 ... </p>
</div>
</div>
Style Eight
Web Design
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, pretium. Integer tincidunt.
Html5 & Css3
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, pretium. Integer tincidunt.
JQuery
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, pretium. Integer tincidunt.
Programme
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, pretium. Integer tincidunt.
SOURCE CODE
<div class="chart_list_4 row">
<div class="col-sm-6 col-md-3 chart_color1">
<div data-percent="75" class="percentage6">
<div class="percentage_inner"><span>0</span>% </div>
</div>
<h3>Web Design</h3>
<p>Content text 1 ... </p>
</div>
<div class="col-sm-6 col-md-3 chart_color2">
<div data-percent="90" class="percentage7">
<div class="percentage_inner"><span>0</span>% </div>
</div>
<h3>Html5 & Css3</h3>
<p>Content text 2 ... </p>
</div>
<div class="col-sm-6 col-md-3 chart_color3">
<div data-percent="62" class="percentage8">
<div class="percentage_inner"><span>0</span>% </div>
</div>
<h3>JQuery</h3>
<p>Content text 3 ... </p>
</div>
<div class="col-sm-6 col-md-3 chart_color4">
<div data-percent="84" class="percentage9">
<div class="percentage_inner"><span>0</span>% </div>
</div>
<h3>Programme</h3>
<p>Content text 4 ... </p>
</div>
</div>
Style Nine
SOURCE CODE
<div class="number_Animation row">
<div class="col-sm-3">
<div class="number_box">
<span class="glyphicons glyph-user"> </span> <span class="animation number" data-number="5300">0</span>
</div>
</div>
<div class="col-sm-3">
<div class="number_box">
<span class="glyphicons glyph-heart"> </span> <span class="animation number" data-number="10321">0</span>
</div>
</div>
<div class="col-sm-3">
<div class="number_box">
<span class="glyphicons glyph-star"> </span> <span class="animation number" data-number="4632">0</span>
</div>
</div>
<div class="col-sm-3">
<div class="number_box">
<span class="glyphicons glyph-bookmark"> </span> <span class="animation number" data-number="6548">0</span>
</div>
</div>
</div>
Style Ten
SOURCE CODE
<div class="number_Animation_2 row">
<div class="col-sm-3">
<div class="number_box"> <span class="animation number" data-number="9365">0</span>WPRKS </div>
</div>
<div class="col-sm-3">
<div class="number_box"> <span class="animation number" data-number="2134">0</span>MEMBERS </div>
</div>
<div class="col-sm-3">
<div class="number_box"> <span class="animation number" data-number="341">0</span>COMMENTS </div>
</div>
<div class="col-sm-3">
<div class="number_box"> <span class="animation number" data-number="3654">0</span>AWARDS </div>
</div>
</div>