X
GO
en-UScy-GB
Style1

0%
Web Design
0%
HTML5 & CSS3
0%
Graphic Design
0%
DNN

SOURCE CODE
<div class="chart_list row">
    <div class="col-sm-3">
        <div data-percent="65" class="percentage">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        Web Design
    </div>
    <div class="col-sm-3">
        <div data-percent="70" class="percentage">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        HTML5 &amp; CSS3
    </div>
    <div class="col-sm-3">
        <div data-percent="85" class="percentage">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        Graphic Design
    </div>
    <div class="col-sm-3">
        <div data-percent="45" class="percentage">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        DNN
    </div>
</div>

 

Style2
0%
Web Design
0%
HTML5 & CSS3
0%
Graphic Design
0%
DNN

SOURCE CODE
<div class="chart_list2 row">
    <div class="col-sm-3">
        <div data-percent="65" class="percentage2">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        Web Design
    </div>
    <div class="col-sm-3">
        <div data-percent="70" class="percentage2">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        HTML5 &amp; CSS3
    </div>
    <div class="col-sm-3">
        <div data-percent="85" class="percentage2">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        Graphic Design
    </div>
    <div class="col-sm-3">
        <div data-percent="45" class="percentage2">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        DNN
    </div>
</div>

 


Style3

Web Design

HTML/CSS

Graphic Design

DNN


SOURCE CODE
<div class="row loaded_list">
    <p> Web Design </p>
    <div class="progress progress-striped active">
        <div class="progress-bar animation animationwidth" data-width="90%"><span></span></div>
    </div>
    <p> HTML/CSS</p>
    <div class="progress progress-striped active">
        <div class="progress-bar animation animationwidth" data-width="95%"><span></span></div>
    </div>
    <p>Graphic Design
    </p>
    <div class="progress progress-striped active">
        <div class="progress-bar animation animationwidth" data-width="85%"><span></span> </div>
    </div>
    <p>DNN</p>
    <div class="progress progress-striped active">
        <div class="progress-bar animation animationwidth" data-width="75%"><span></span></div>
    </div>
</div>


 

Style4
0
0
0
0

SOURCE CODE
<div class="number_Animation row">
  <div class="col-sm-3"> <span class="fa fa-user"> </span> <span data-number="5300" class="animation  number">0</span> </div>
  <div class="col-sm-3"> <span class="fa fa-heart"> </span> <span data-number="10321" class="animation  number">0</span> </div>
  <div class="col-sm-3"> <span class="fa fa-star"> </span> <span data-number="4632" class="animation  number">0</span> </div>
  <div class="col-sm-3"> <span class="fa fa-bookmark"> </span> <span data-number="6548" class="animation  number">0</span> </div>
</div>
Style5


0Theme Users
0 Product Subscribers
0Features Added
0 Downloads

SOURCE CODE
<div class="backgroundImage24 pb-50 pt-50">
  <div class="dnn_layout">
    <div class="content_mid">
      <div class=" row number_Animation_3">
        <div class="col-sm-3"> <span class="animation  number" data-number="9400">0</span><span class="font">Theme Users </span> </div>
        <div class="col-sm-3"> <span class="animation  number" data-number="4080">0</span> <span class="font"> Product Subscribers </span> </div>
        <div class="col-sm-3"> <span class="animation  number" data-number="1150">0</span><span class="font">Features Added </span> </div>
        <div class="col-sm-3"> <span class="animation  number" data-number="23740">0</span> <span class="font"> Downloads</span> </div>
      </div>
    </div>
  </div>
</div>