Hi,
This is code of 'About Us' article in demo site:
<div class="about-us">
<div class="main-intro">
<img class="img-intro" src="images/joomlart/about-us/office.jpg" alt="Office" class="img-responsive" />
<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>
Note that before you put into article on your site, try to disable the default editor in Global Configuration first as it often strips HTML tags.
Let us know if you need further helps.
Regards