Services #3

<!-- Services #3 -->
<section>
  <div class="container">
    <div class="row">
      <div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 m-b-30 text-center">
        <h2>Our Services</h2>
        <hr class="hr-small hr-color">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
      </div>
    </div><!-- /.row -->
    <div class="row text-left">
      <div class="col-sm-3">
        <div class="media box-bordered">
          <div class="media-left">
            <div class="media-object">
             <span><i class="icon-mobile icon-sm" aria-hidden="true"></i></span>
            </div>
          </div>
          <div class="media-body">
            <h4 class="f-w-400 m-b-0">App Design</h4>
            <hr>
            <p class="no-margin">Nemo enim ipsam eius modi quia et voluptas enim fugit.</p>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="media box-bordered">
          <div class="media-left">
            <div class="media-object">
             <span><i class="icon-strategy icon-sm m-b-10" aria-hidden="true"></i></span>
            </div>
          </div>
          <div class="media-body">
            <h4 class="f-w-400 m-b-0">Brand Desing</h4>
            <hr>
            <p class="no-margin">Nemo enim ipsam eius modi quia et voluptas enim fugit.</p>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="media box-bordered">
          <div class="media-left">
            <div class="media-object">
             <span><i class="icon-layers icon-sm m-b-10" aria-hidden="true"></i></span>
            </div>
          </div>
          <div class="media-body">
           <h4 class="f-w-400 m-b-0">Logo Design</h4>
            <hr>
            <p class="no-margin">Nemo enim ipsam eius modi quia et voluptas enim fugit.</p>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="media box-bordered">
          <div class="media-left">
            <div class="media-object">
             <span><i class="icon-trophy icon-sm m-b-10" aria-hidden="true"></i></span>
            </div>
          </div>
          <div class="media-body">
           <h4 class="f-w-400 m-b-0">Web Design</h4>
            <hr>
            <p class="no-margin">Nemo enim ipsam eius modi quia et voluptas enim fugit.</p>
          </div>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>
<!--/ Services #3 -->