Skills Section #3

<!-- Skills #3 -->
<section class="bg-dark text-white">
  <div class="container">
    <div class="row">
      <div class="section-title text-center">
        <h2><span>My Skills</span></h2>
        <p class="gnx-subheading">Web Design / Programming</p>
        <hr class="hr-small hr-color">
      </div>
    </div><!-- /.row -->
    <div class="row m-b-15">
      <!-- Circle Progress -->
      <div class="col-md-3 col-sm-3 col-xs-12">
        <div class="circle-progress" data-animate="false">
          <div class="circle danger" data-percent="80">
              <div></div>
              <p>HTML5</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <div class="circle-progress" data-animate="false">
          <div class="circle success" data-percent="65">
              <div></div>
              <p>CSS3</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <div class="circle-progress" data-animate="false">
          <div class="circle info" data-percent="85">
              <div></div>
              <p>SASS</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <div class="circle-progress" data-animate="false">
          <div class="circle warning" data-percent="70">
              <div></div>
              <p>PHP</p>
          </div>
        </div>
      </div>
    </div><!-- ./row -->
  </div><!-- /.container -->
</section>
<!-- End Skills #3 -->