Content 20

<!-- Content #20 -->
<section>
  <div class="container">
    <div class="row">
      <div class="col-sm-6 col-xs-12 m-b-30">
        <div class="container-left-half">
          <div class="row">
            <div class="col-sm-12 col-xs-12 xs-text-center">
              <h2 class="m-t-10">About <span>Geniux App</span></h2>
              <hr class="hr-small hr-left hr-color">
              <p class="lead m-t-10 m-b-20">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque audantium, totam rem aperiam, eaque ipsa quae ab illo inventore.</p>
              <ul class="list-items list-unstyled m-t-30 m-b-30">
                <li><span><i class="icon-genius icon-xs m-r-10" aria-hidden="true"></i></span> Powered &amp; Intuitive Interface.</li>
                <li><span><i class="icon-speedometer icon-xs m-r-10" aria-hidden="true"></i></span> Ultra Fast Connection.</li>
                <li><span><i class="icon-bargraph icon-xs m-r-10" aria-hidden="true"></i></span>Platform With Analytics Tools.</li>
                <li><span><i class="icon-calendar icon-xs m-r-10" aria-hidden="true"></i></span> Event Manager.</li>
              </ul>
              <a href="#" class="gnx-btn gnx-btn-default m-b-30" role="button">See Documentation</a>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-xs-12">
        <ul class="mockup-items">
          <li class="mockup-1-back gnx-animation" data-gnx-animation="flipInY" data-gnx-animation-delay="0.4s"><img src="assets/images/demo-img/gnx-215x382.jpg" class="img-responsive" data-rjs="2" alt="image"></li>
          <li class="mockup-front gnx-animation" data-gnx-animation="flipInY" data-gnx-animation-delay="1s"><img src="assets/images/demo-img/gnx-250x444.jpg" class="img-responsive" data-rjs="2" alt="image"></li>
          <li class="mockup-2-back gnx-animation" data-gnx-animation="flipInY" data-gnx-animation-delay="0.7s"><img src="assets/images/demo-img/gnx-215x382.jpg" class="img-responsive" data-rjs="2" alt="image"></li>
        </ul>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>
<!--/ Content #20 -->