Intro Section #18

<!-- Start Intro #18-->
<section id="intro" class="bg-dark">
  <div class="container">
    <div class="row text-center text-white">
      <div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 m-b-40">
        <h4 class="gnx-heading-light m-b-10"><span>Geniux</span></h4>
        <h2 class="m-b-20">It&rsquo;s Time To Create!</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <hr class="hr-gradient hr-color">
      </div>
    </div><!-- /.row -->
    <div class="row text-center text-white">
      <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2">
        <div class="col-md-6 col-sm-6">
          <div class="feat-wrapper">
            <div class="feat-icon icon-md">
              <span><i class="icon-puzzle" aria-hidden="true"></i></span>
            </div>
            <div class="feat-description">
              <div class="feat-title">
                <h4 class="f-w-400">Block Based</h4>
              </div>
              <p>New &amp; modern pre-designed content blocks, create your new website with Geniux!</p>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-sm-6">
          <div class="feat-wrapper">
            <div class="feat-icon icon-md">
              <span><i class="icon-mobile" aria-hidden="true"></i></span>
            </div>
            <div class="feat-description">
              <div class="feat-title">
                <h4 class="f-w-400">Retina Ready</h4>
              </div>
              <p>Build new and awesome pages using Geniux, just copy and paste your preferred block.</p>
            </div>
          </div>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>
<!--/ End Intro #18-->