Split Section

<div class="container">
  <div class="row v-center no-margin bg-gray">
    <div class="col-sm-6 col-xs-12 no-padding">
      <img src="assets/images/demo-img/gnx-900x900.jpg" class="img-responsive" data-rjs="2" alt="Image">
    </div>
    <div class="col-sm-6 col-xs-12 p-t-50 p-b-50">
      <div class="container-right-half">
        <div class="row">
          <h3 class="gnx-heading-light m-b-0">Vertically Aligned Content</h3>
          <h2 class="m-b-30 m-t-10">Image Left</h2>
          <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
          <div class="divider"></div>
          <p class="small">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
          <a href="#" class="gnx-btn btn-border-dark " role="button">Read More</a>
        </div>
      </div>
    </div>
  </div><!-- /.row -->
</div><!-- /.container -->

<div class="container">
  <div class="row v-center no-margin bg-gray">
    <div class="col-sm-6 col-xs-12 p-t-50 p-b-50">
      <div class="container-left-half">
        <div class="row m-b-10">
          <h3 class="gnx-heading-light m-b-0">Vertically Aligned Content</h3>
          <h2 class="m-b-30 m-t-10">Image Right</h2>
            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
            <div class="divider"></div>
            <p class="small">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
            <a href="#" class="gnx-btn btn-border-dark " role="button">Read More</a>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-xs-12 no-padding">
      <img src="assets/images/demo-img/gnx-900x900.jpg" class="img-responsive" data-rjs="2" alt="Image">
    </div>
  </div><!-- /.row -->
</div><!-- /.container -->

<div class="container-fluid no-margin">
  <div class="row v-center bg-gray">
    <div class="col-sm-6 col-xs-12 no-padding">
      <img src="assets/images/demo-img/gnx-900x900.jpg" class="img-responsive" data-rjs="2" alt="Image">
    </div>
    <div class="col-sm-6 col-xs-12 p-t-50 p-b-50">
      <div class="container-right-half">
        <div class="row">
          <h3 class="gnx-heading-light m-b-0">Vertically Aligned Content</h3>
          <h2 class="m-b-30 m-t-10">Image Left</h2>
          <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
          <div class="divider"></div>
          <p class="small">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
          <a href="#" class="gnx-btn btn-border-dark " role="button">Read More</a>
        </div>
      </div>
    </div>
  </div><!-- /.row -->
</div><!-- /.container-fluid -->

<div class="container-fluid no-margin">
  <div class="row v-center bg-gray">
    <div class="col-sm-6 col-xs-12 p-t-50 p-b-50">
      <div class="container-left-half">
        <div class="row m-b-10">
          <h3 class="gnx-heading-light m-b-0">Vertically Aligned Content</h3>
          <h2 class="m-b-30 m-t-10">Image Right</h2>
            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
            <div class="divider"></div>
            <p class="small">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
            <a href="#" class="gnx-btn btn-border-dark " role="button">Read More</a>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-xs-12 no-padding">
      <img src="assets/images/demo-img/gnx-900x900.jpg" class="img-responsive" data-rjs="2" alt="Image">
    </div>
  </div><!-- /.row -->
</div><!-- /.container-fluid -->