Skills Section #5

<!-- Skills #5 -->
<section>
  <div class="container">
    <div class="row m-b-10">
      <div class="col-md-12">
        <div class="section-header text-center">
          <h2 class="divider-circle-small text-uppercase"><span>Skills</span></h2>
        </div>
      </div>
      <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="box-bordered m-b-40">
          <ul class="progress-wrapper m-b-0">
            <li class="thin-progress-bar primary m-t-10" data-width="90" data-target="90">Photoshop</li>
            <li class="thin-progress-bar success" data-width="85" data-target="85">Illustrator</li>
            <li class="thin-progress-bar info" data-width="63" data-target="63">Indesign</li>
          </ul>
        </div>
      </div>
      <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="box-bordered m-b-40">
          <ul class="progress-wrapper m-b-0">
            <li class="thin-progress-bar warning m-t-10" data-width="95" data-target="95">Wordpress</li>
            <li class="thin-progress-bar danger" data-width="58" data-target="58">Joomla</li>
            <li class="thin-progress-bar dark" data-width="65" data-target="65">Drupal</li>
          </ul>
        </div>
      </div>
    </div><!-- /.row -->
    <div class="row">
      <div class="col-md-12">
        <div class="text-center text-uppercase">
          <h4>More Skills</h4>
        </div>
      </div>
      <div class="col-md-2 col-sm-2 col-xs-12">
        <div class="circle-progress" data-animate="false">
          <div class="circle circle-small primary" data-percent="80">
              <div></div>
              <p>HTML5</p>
          </div>
        </div>
      </div>
      <div class="col-md-2 col-sm-2 col-xs-12">
        <div class="circle-progress" data-animate="false">
          <div class="circle circle-small success" data-percent="65">
              <div></div>
              <p>CSS3</p>
          </div>
        </div>
      </div>
      <div class="col-md-2 col-sm-2 col-xs-12">
        <div class="circle-progress" data-animate="false">
          <div class="circle circle-small info" data-percent="85">
              <div></div>
              <p>JQUERY</p>
          </div>
        </div>
      </div>
      <div class="col-md-2 col-sm-2 col-xs-12">
        <div class="circle-progress" data-animate="false">
          <div class="circle circle-small warning" data-percent="70">
              <div></div>
              <p>PHP</p>
          </div>
        </div>
      </div>
      <div class="col-md-2 col-sm-2 col-xs-12">
        <div class="circle-progress" data-animate="false">
          <div class="circle circle-small danger" data-percent="70">
              <div></div>
              <p>FLASH</p>
          </div>
        </div>
      </div>
      <div class="col-md-2 col-sm-2 col-xs-12">
        <div class="circle-progress" data-animate="false">
          <div class="circle circle-small dark" data-percent="85">
              <div></div>
              <p>C#</p>
          </div>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>
<!-- Skills #5 -->