Skills Section #2

<!-- Skills #2 -->
<section class="bg-gray">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2">
        <div class="section-title text-center">
          <h2><span>My Skills</span></h2>
          <hr class="hr-small hr-color">
          <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.</p>
        </div>
      </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>
<!--Skills #2 -->