<!-- Section ONE row NO columns [Gray Background]-->
<section class="bg-gray-light">
<div class="container">
<div class="row">
<div class="col-md-12"> 
<div class="text-center">
<!-- content here -->
</div>
</div>
</div>
</div>
</section>

<!-- Section ONE row TWO colunms  
  TEXT ON RIGHT & IMG ON LEFT [WHITE Background]-->
<section class="bg-white">
<div class="container">
<div class="row">
<div class="col-md-6">
<img class="this-image" src="#img-src" alt="">
</div>
<div class="col-md-6">
<h3 class="text-blue">Headline</h3>
<h5>Subtitle</h5>
</div>
</div>
</div>
</section>

<!-- Section ONE row TWO colunms 
  TEXT ON LEFT & IMG ON RIGHT [Gray Background]-->
<section class="bg-gray-light">
<div class="container">
<div class="row">
<div class="col-md-6 text-right"> 
<h3 class="text-blue">Headline</h3>
<h5>Subtitle</h5>
</div>
<div class="col-md-6"> 
<img class="this-image" src="#img-src" alt="">
</div>
</div>
</div>
</section>