Intro Section #5

<!-- Start Intro #5-->
<section id="intro">
  <div class="container">
    <div class="row text-center">
      <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2">
        <h1 class="f-s-45">Powerful &amp; smartly coded, new page layouts &amp; pre-designed content blocks.</h1>
        <hr class="hr-small hr-color m-b-80">
      </div>
    </div><!-- /.row -->
    <div class="row">
      <div class="col-md-3 col-sm-6">
        <div class="icon-box box-left">
          <div class="icon-default icon-md">
            <span><i class="icon-expand" aria-hidden="true"></i></span>
          </div>
          <div class="box-content">
            <div class="box-title">
              <h4>Responsive</h4>
            </div>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
            <a href="#" class="gnx-btn btn-xsmall btn-border-dark" role="button">Read More</a>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="icon-box box-left">
          <div class="icon-default icon-md">
            <span><i class="icon-speedometer" aria-hidden="true"></i></span>
          </div>
          <div class="box-content">
            <div class="box-title">
              <h4>Ultra Fast</h4>
            </div>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
            <a href="#" class="gnx-btn btn-xsmall btn-border-dark" role="button">Read More</a>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="icon-box box-left">
          <div class="icon-default icon-md">
            <span><i class="icon-map" aria-hidden="true"></i></span>
          </div>
          <div class="box-content">
            <div class="box-title">
              <h4>Google Maps</h4>
            </div>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
            <a href="#" class="gnx-btn btn-xsmall btn-border-dark" role="button">Read More</a>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="icon-box box-left">
          <div class="icon-default icon-md">
            <span><i class="icon-linegraph" aria-hidden="true"></i></span>
          </div>
          <div class="box-content">
            <div class="box-title">
              <h4>User Friendly</h4>
            </div>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
            <a href="#" class="gnx-btn btn-xsmall btn-border-dark" role="button">Read More</a>
          </div>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>
<!--/ End Intro #5-->