Hi forty
We use some special markup for these 2 articles, below are source code of them, before you add into your site, try to disable 'Default Editor' in Global Configuration first (as it often strips out HTML tags)
About Us:
<div class="about-us">
<div class="row">
<h2 class="text-center">How it work</h2>
<p class="text-center col-md-8 col-md-offset-2">Fringilla nascetur Nam orci tempus magnis non ac sed enim et. Quam ut lobortis volutpat Fusce condimentum aliquam elit enim nec odio. Nisl nonummy Curabitur elit nascetur euismod lobortis sagittis velit habitant justo. Ornare id amet lacus mauris hendrerit parturient laoreet felis id gravida.</p>
</div>
<div class="sep-lv1"></div>
<div class="row example-colors" style="margin: 0 auto; width: 850px;">
<div class="col-md-4">
<div class="swatch-item color-gray-lighter text-center">
<i class="fa fa-bullhorn"></i>
</div>
<h4>Announcement</h4>
<p>Nulla wisi eros scelerisque vestibulum curabitur metus purus dui nibh fringilla.</p>
</div>
<div class="col-md-4">
<div class="swatch-item color-gray-lighter text-center">
<i class="fa fa-clock-o"></i>
</div>
<h4>Save time & Save money</h4>
<p>Nulla wisi eros scelerisque vestibulum curabitur metus purus dui nibh fringilla.</p>
</div>
<div class="col-md-4">
<div class="swatch-item color-gray-lighter text-center">
<i class="fa fa-rocket"></i>
</div>
<h4>Rocket</h4>
<p>Nulla wisi eros scelerisque vestibulum curabitur metus purus dui nibh fringilla.</p>
</div>
</div>
<div class="sep-lv2 hidden-sm hidden-xs"></div>
<div class="img-banner hidden-sm hidden-xs">
<img src="images/joomlart/misc/about-1.jpg" alt="About" />
<div class="banner-ct">
<p>“Skillshare helped expand my creativity.”</p>
<a class="btn btn-primary">Visit our chanel</a>
</div>
<span class="mask"></span>
</div>
<div class="sep-lv2 hidden-sm hidden-xs"></div>
<div class="row">
<h2 class="text-center">CEO</h2>
<p class="text-center col-md-8 col-md-offset-2">Fringilla nascetur Nam orci tempus magnis non ac sed enim et. Quam ut lobortis volutpat Fusce condimentum aliquam elit enim nec odio. Nisl nonummy Curabitur elit nascetur euismod lobortis sagittis velit habitant justo. Ornare id amet lacus mauris hendrerit parturient laoreet felis id gravida.</p>
</div>
<div class="sep-lv1"></div>
<div class="row content-box-grid" style="margin: 0 auto; width: 850px;">
<div class="col-md-4"><div class="inner">
<img src="images/joomlart/misc/about-2.jpg" alt="CEO" />
<ul class="socials">
<li><a class="facebook" href="#" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a class="google-plus" href="#" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
<li><a class="twitter" href="#" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a class="youtube" href="#" title="Youtube"><i class="fa fa-youtube"></i></a></li>
<li><a class="pinterest" href="#" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
</ul>
<h4>Vincent Manning</h4>
<h5>CEO - Co Founder</h5>
<p>Tellus eros vel fringilla pretium justo semper id sit Nam consequat. In turpis eget tellus tempor felis et tempus lacinia Vivamus auctor.</p>
</div></div>
<div class="col-md-4"><div class="inner">
<img src="images/joomlart/misc/about-3.jpg" alt="CEO" />
<ul class="socials">
<li><a class="facebook" href="#" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a class="google-plus" href="#" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
<li><a class="twitter" href="#" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a class="youtube" href="#" title="Youtube"><i class="fa fa-youtube"></i></a></li>
<li><a class="pinterest" href="#" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
</ul>
<h4>Grant Moody</h4>
<h5>CEO - Co Founder</h5>
<p>Tellus eros vel fringilla pretium justo semper id sit Nam consequat. In turpis eget tellus tempor felis et tempus lacinia Vivamus auctor.</p>
</div></div>
<div class="col-md-4"><div class="inner">
<img src="images/joomlart/misc/about-4.jpg" alt="CEO" />
<ul class="socials">
<li><a class="facebook" href="#" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a class="google-plus" href="#" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
<li><a class="twitter" href="#" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a class="youtube" href="#" title="Youtube"><i class="fa fa-youtube"></i></a></li>
<li><a class="pinterest" href="#" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
</ul>
<h4>Clayton Thomas</h4>
<h5>CEO - Co Founder</h5>
<p>Tellus eros vel fringilla pretium justo semper id sit Nam consequat. In turpis eget tellus tempor felis et tempus lacinia Vivamus auctor.</p>
</div></div>
</div>
<div class="sep-lv3"></div>
<h2 class="text-center">Our customer say</h2>
<div class="box-grey">
{loadposition testimonials-inner}
</div>
</div>
Support page:
<div class="box-grey">
<div class="col-xs-12 col-sm-4">
<img src="images/joomlart/misc/support.jpg" alt="Support" />
</div>
<div class="col-xs-12 col-sm-8">
<h3>Support</h3>
<p>Pellentesque risus vivamus est non purus risus rhoncus turpis phasellus sed. Ridiculus turpis ut porttitor sed phasellus nibh accumsan morbi vivamus.</p>
<p><i class="fa fa-calendar-o"></i>Opan days: <span class="label label-default">Monday</span> - <span class="label label-default">Friday</span></p>
<p><i class="fa fa-clock-o"></i>Open Time: <span class="label label-default">8:00 AM</span> - <span class="label label-default">17:30 PM</span></p>
</div>
</div>
<div class="row">
<h2 class="text-center">Choose a product</h2>
<p class="col-sm-12 col-md-8 col-md-offset-2 text-center">empus pretium Nam Vestibulum justo gravida quis consequat enim Vestibulum quis. Vestibulum eu est turpis neque interdum nunc sit leo penatibus aliquam.</p>
</div>
<div class="sep-lv1"></div>
<div class="row example-colors">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="swatch-item color-gray-lighter">
<a href="#" title="Sample link">
<i class="fa fa-cloud-download"></i>
<span>Cloud download</span>
</a>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="swatch-item color-gray-lighter">
<a href="#" title="Sample link">
<i class="fa fa-shield"></i>
<span>Security</span>
</a>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="swatch-item color-gray-lighter">
<a href="#" title="Sample link">
<i class="fa fa-search"></i>
<span>Search</span>
</a>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="swatch-item color-gray-lighter">
<a href="#" title="Sample link">
<i class="fa fa-line-chart"></i>
<span>Search</span>
</a>
</div>
</div>
</div>
<div class="row example-colors">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="swatch-item color-gray-lighter">
<a href="#" title="Sample link">
<i class="fa fa-camera"></i>
<span>Camera</span>
</a>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="swatch-item color-gray-lighter">
<a href="#" title="Sample link">
<i class="fa fa-history"></i>
<span>History</span>
</a>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="swatch-item color-gray-lighter">
<a href="#" title="Sample link">
<i class="fa fa-share-alt"></i>
<span>Share Alt</span>
</a>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="swatch-item color-gray-lighter">
<a href="#" title="Sample link">
<i class="fa fa-key"></i>
<span>Key</span>
</a>
</div>
</div>
</div>
<div class="sep-lv2"></div>
<div class="img-banner hidden-xs">
<img alt="About" src="images/joomlart/misc/support-2.jpg">
<div class="banner-ct">
<p>24/7 Support</p>
<a class="btn btn-primary" title="Sample link">Open Ticket</a>
<a class="btn btn-default" title="Sample link">Send Email</a>
</div>
<span class="mask"></span>
</div>
<div class="sep-lv2"></div>
<div class="row">
<h2 class="text-center">Our Departments</h2>
<p class="col-sm-12 col-md-8 col-md-offset-2 text-center">Empus pretium Nam Vestibulum justo gravida quis consequat enim Vestibulum quis. Vestibulum eu est turpis neque interdum nunc sit leo penatibus aliquam.</p>
</div>
<div class="sep-lv1"></div>
<div class="row content-box-grid">
<div class="col-xs-12 col-sm-4 col-md-4">
<div class="inner">
<img src="images/joomlart/misc/support-3.jpg" alt="Sample image" />
<h4>Marketing</h4>
<p>Accumsan adipiscing platea vel ultrices pede venenatis risus In quis nam. Congue convallis pretium.</p>
<ul>
<li><strong><i class="fa fa-envelope"></i>Email</strong> no-reply@joomsolutions.com</li>
<li><strong><i class="fa fa-phone-square"></i>Phone</strong> + 069 123 456</li>
<li><strong><i class="fa fa-fax"></i>Fax</strong> + 069 123 456</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<div class="inner">
<img src="images/joomlart/misc/support-4.jpg" alt="Sample image" />
<h4>Technical</h4>
<p>Accumsan adipiscing platea vel ultrices pede venenatis risus In quis nam. Congue convallis pretium.</p>
<ul>
<li><strong><i class="fa fa-envelope"></i>Email</strong> no-reply@joomsolutions.com</li>
<li><strong><i class="fa fa-phone-square"></i>Phone</strong> + 069 123 456</li>
<li><strong><i class="fa fa-fax"></i>Fax</strong> + 069 123 456</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<div class="inner">
<img src="images/joomlart/misc/support-5.jpg" alt="Sample image" />
<h4>Online Marketing</h4>
<p>Accumsan adipiscing platea vel ultrices pede venenatis risus In quis nam. Congue convallis pretium.</p>
<ul>
<li><strong><i class="fa fa-envelope"></i>Email</strong> no-reply@joomsolutions.com</li>
<li><strong><i class="fa fa-phone-square"></i>Phone</strong> + 069 123 456</li>
<li><strong><i class="fa fa-fax"></i>Fax</strong> + 069 123 456</li>
</ul>
</div>
</div>
</div>
<div class="sep-lv1"></div>
<div class="row content-box-grid">
<div class="col-xs-12 col-sm-4 col-md-4">
<div class="inner">
<img src="images/joomlart/misc/support-6.jpg" alt="Sample image" />
<h4>Design</h4>
<p>Accumsan adipiscing platea vel ultrices pede venenatis risus In quis nam. Congue convallis pretium.</p>
<ul>
<li><strong><i class="fa fa-envelope"></i>Email</strong> no-reply@joomsolutions.com</li>
<li><strong><i class="fa fa-phone-square"></i>Phone</strong> + 069 123 456</li>
<li><strong><i class="fa fa-fax"></i>Fax</strong> + 069 123 456</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<div class="inner">
<img src="images/joomlart/misc/support-7.jpg" alt="Sample image" />
<h4>Mobile</h4>
<p>Accumsan adipiscing platea vel ultrices pede venenatis risus In quis nam. Congue convallis pretium.</p>
<ul>
<li><strong><i class="fa fa-envelope"></i>Email</strong> no-reply@joomsolutions.com</li>
<li><strong><i class="fa fa-phone-square"></i>Phone</strong> + 069 123 456</li>
<li><strong><i class="fa fa-fax"></i>Fax</strong> + 069 123 456</li>
</ul>
</div>
</div>
</div>
Regards