~~~
<header class="jumbotron">
<h2>出版服务</h2>
<p>A Free Responsive Joomla 3 Template that no one can resist</p>
</header>
<div class="text-center">
<div class="col-md-3">
<p><img src="images/joomlart/banners/responsive-icon.png" alt="设计排版与服务" /></p>
<h3>设计排版与服务</h3>
<p>Purity III is a fully responsive Joomla template. It looks amazingly beautiful in all screen sizes: from a wide screen desktop to tablet & mobile devices</p>
</div>
<div class="col-md-3">
<p><img src="images/joomlart/banners/html5-icon.png" alt="国际出版与服务" /></p>
<h3>国际出版与服务</h3>
<p>Purity III is compatible with most of the popular 3rd party Joomla extensions, such as: EasySocial, Kunena, JomSocial, Mijoshop, etc</p>
</div>
<div class="col-md-3">
<p><img src="images/joomlart/banners/bootstrap-icon.png" alt="代理出版与服务" /></p>
<h3>代理出版与服务</h3>
<p>Purity III embraces Bootstrap 3 at core, meaning it also supports Font Awesome 4, as well as all the cool features in Bootstrap 3 Framework</p>
</div>
<div class="col-md-3">
<p><img src="images/joomlart/banners/seo-icon.png" alt="出版策划与服务" /></p>
<h3>出版策划与服务</h3>
<p>Great design impresses your visitors, but SEO friendly codes bring visitors, drive more <a href="http://www.google.com" target="_blank" rel="noopener noreferrer">Googlers</a> to yours while you're sleeping</p>
</div>
</div>
~~~
