Skills Section #1

<!-- Skills #1 -->
<section>
  <div class="container">
    <div class="row m-b-10">
      <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2">
        <div class="section-title text-center">
          <h2><span>Skills</span></h2>
          <p class="gnx-subheading">Web Design / Programming</p>
          <hr class="hr-small hr-color">
        </div>
      </div>
    </div><!-- /.row -->
    <div class="row">
      <!-- Gradient Circle Progress -->
      <div class="col-md-3 col-sm-3 col-xs-12">
        <div class="circle-progress" data-animate="false">
          <div class="circle primary gradient" data-percent="90">
              <div></div>
              <p>Graphic Design</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 gradient" data-percent="75">
              <div></div>
              <p>Web Design</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 gradient" data-percent="85">
              <div></div>
              <p>jQuery</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 danger gradient" data-percent="65">
              <div></div>
              <p>Sass</p>
          </div>
        </div>
      </div>
    </div><!-- ./row -->
  </div><!-- /.container -->
</section>
<section class="bg-dark p-30">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="row vertical-align text-white">
          <div class="col-md-8 col-xs-12 xs-text-center">
            <p class="text-white m-b-0">Web Designer &amp; Developer, UX/UI  Expert<br><span>Read more about me</span>
            </p>
          </div>
          <div class="col-md-4 col-xs-12 text-right xs-text-center xs-m-t-15">
            <a href="#" class="gnx-btn btn-border-white" role="button"><i class="fa fa-download" aria-hidden="true"></i> Download CV</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Skills #1 -->