~~~
<header class="jumbotron">
<h2>2018年8月新书推荐</h2>
<p>8 layouts with dynamic and flexible grids</p>
</header>
<div class="gallery">
<div class="col-xs-6 col-md-3">
<div class="thumbnail"><a title="magazine layout" href="index.php/layout/new-layouts/magazine" target="_blank" rel="noopener noreferrer"> <img class="img-responsive" src="images/joomlart/supported-layout/magazine.png" alt="" /> </a>
<h4 class="text-center">Magazine Layout</h4>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="thumbnail"><a title="Coperate layout" href="index.php/layout/new-layouts/corporate" target="_blank" rel="noopener noreferrer"> <img class="img-responsive" src="images/joomlart/supported-layout/corporate.png" alt="" /> </a>
<h4 class="text-center">Corporate Layout</h4>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="thumbnail"><a title="blog layout" href="index.php/layout/new-layouts/blog" target="_blank" rel="noopener noreferrer"> <img class="img-responsive" src="images/joomlart/supported-layout/blog.png" alt="" /> </a>
<h4 class="text-center">Blog Layout</h4>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="thumbnail"><a title="features intro 1" href="index.php/layout/new-layouts/features-intro" target="_blank" rel="noopener noreferrer"> <img class="img-responsive" src="images/joomlart/supported-layout/features_1.png" alt="" /> </a>
<h4 class="text-center">Features Intro 1 Layout</h4>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="thumbnail"><a title="features intro 2" href="http://joomla-templates.joomlart.com/purity_iii/" target="_blank" rel="noopener noreferrer"> <img class="img-responsive" src="images/joomlart/supported-layout/features_2.png" alt="" /> </a>
<h4 class="text-center">Features Intro 2 Layout</h4>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="thumbnail"><a title="portfolio layout" href="index.php/layout/new-layouts/portfolio" target="_blank" rel="noopener noreferrer"> <img class="img-responsive" src="images/joomlart/supported-layout/portfolio.png" alt="" /> </a>
<h4 class="text-center">Portfolio Layout</h4>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="thumbnail"><a title="" href="index.php/layout/new-layouts/glossary" target="_blank" rel="noopener noreferrer"> <img class="img-responsive" src="images/joomlart/supported-layout/glossary.png" alt="" /> </a>
<h4 class="text-center">Glossary Layout</h4>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="thumbnail"><a title="" href="index.php/layout/class-layout/default-layout" target="_blank" rel="noopener noreferrer"> <img class="img-responsive" src="images/joomlart/supported-layout/classic_layout.png" alt="" /> </a>
<h4 class="text-center">Classic Layout</h4>
</div>
</div>
</div>
~~~
