Content #8

<!-- Content #8 -->
<section class="bg-gray no-padding">
  <div class="container">
    <div class="row p-t-70 p-b-30 xs-p-b-60">
      <div class="col-md-4 col-sm-4 col-xs-12 p-b-50">
        <img src="assets/images/demo-img/gnx-500x227.jpg" class="img-responsive" data-rjs="2" alt="Image">
      </div>
      <div class="col-md-4 col-sm-4 col-xs-12">
        <div class="owlCustomDots">
          <div id="owlCustomDots" class="owl-carousel owl-theme">
            <!-- Start item 1 -->
            <div class="item text-center m-b-10">
              <h4>100% Responsive</h4>
              <p class="m-b-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
              <a href="#" class="txt-btn m-b-20">Read More</a>
            </div>
            <!-- Start item 2 -->
            <div class="item text-center m-b-10">
              <h4>Retina Ready</h4>
              <p class="m-b-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
              <a href="#" class="txt-btn m-b-10">Read More</a>
            </div>
            <!-- Start item 3 -->
            <div class="item text-center m-b-10">
              <h4>Block Based</h4>
              <p class="m-b-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
              <a href="#" class="txt-btn">Read More</a>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-4 col-sm-4 hidden-xs text-center">
        <h2 class="f-s-50 f-w-900 text-uppercase m-b-0"><span>Geniux</span></h2>
        <h3 class="gnx-heading-light m-b-0">Multipurpose</h3>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container-fluid -->
</section>
<!--/ Content #8 -->