Skills Section #6

<!-- Skills #6 - Parallax -->
<section class="no-padding">
  <div class="jarallax text-white p-100">
    <img class="jarallax-img" src="assets/images/demo-img/gnx-bg.jpg" alt="">
    <div class="overlay dark--5"></div>
      <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 -->
  </div>
</section>
<!--/ Skills #6 - Parallax -->