timpennington
Hi
Try this code in article editor source
<div class="about-us">
<div class="main-intro">
<img class="img-intro" src="/images/joomlart/about-us/office.jpg" alt="Office">
<div class="company-desc">
<h3>Welcome to <span>JA Focus</span></h3>
<div class="member-block pull-right">
<img src="/images/joomlart/about-us/mem-3.jpg" alt="Sample image">
<h4>Brian E. Smith</h4>
<span class="position">President</span>
</div>
<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will.</p>
<blockquote>
<i class="fa fa-quote-left"></i>
No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.
</blockquote>
</div>
</div>
<div class="mems">
<h2><span>Top Members</span></h2>
<div class="row">
<div class="col-sm-4">
<div class="mem-item">
<img src="/images/joomlart/about-us/mem-1.jpg" alt="Sample image">
<h4>Peter M. Mule</h4>
<span>Journalist</span>
</div>
</div>
<div class="col-sm-4">
<div class="mem-item">
<img src="/images/joomlart/about-us/mem-2.jpg" alt="Sample image">
<h4>Danny J. Anaya</h4>
<span>Journalist</span>
</div>
</div>
<div class="col-sm-4">
<div class="mem-item">
<img src="/images/joomlart/about-us/mem-3.jpg" alt="Sample image">
<h4>Jacob M. Peter</h4>
<span>Journalist</span>
</div>
</div>
</div>
</div> <!-- End top memebers -->
<div class="mems">
<h2><span>All Members</span></h2>
<div class="row">
<div class="col-sm-3">
<div class="mem-item">
<img src="/images/joomlart/about-us/mem-5.jpg" alt="">
<h4>Mark L. Rahn</h4>
<span>Journalist</span>
</div>
</div>
<div class="col-sm-3">
<div class="mem-item">
<img src="/images/joomlart/about-us/mem-4.jpg" alt="">
<h4>Kathleen R. Brown</h4>
<span>Journalist</span>
</div>
</div>
<div class="col-sm-3">
<div class="mem-item">
<img src="/images/joomlart/about-us/mem-6.jpg" alt="Sample image">
<h4>Garry C. Sardina</h4>
<span>Journalist</span>
</div>
</div>
<div class="col-sm-3">
<div class="mem-item">
<img src="/images/joomlart/about-us/mem-7.jpg" alt="Sample image">
<h4>Jacob M. Peter</h4>
<span>Journalist</span>
</div>
</div>
</div><!-- End row -->
<div class="row">
<div class="col-sm-3">
<div class="mem-item">
<img src="/images/joomlart/about-us/mem-8.jpg" alt="">
<h4>Andrew M. Milligan</h4>
<span>Journalist</span>
</div>
</div>
<div class="col-sm-3">
<div class="mem-item">
<img src="/images/joomlart/about-us/mem-9.jpg" alt="">
<h4>Carl H. Gore</h4>
<span>Journalist</span>
</div>
</div>
<div class="col-sm-3">
<div class="mem-item">
<img src="/images/joomlart/about-us/mem-10.jpg" alt="Sample image">
<h4>David A. McClinton</h4>
<span>Journalist</span>
</div>
</div>
<div class="col-sm-3">
<div class="mem-item">
<img src="/images/joomlart/about-us/mem-11.jpg" alt="Sample image">
<h4>Grace A. Ortiz</h4>
<span>Journalist</span>
</div>
</div>
</div><!-- End row -->
</div><!-- End mem -->
</div>