~~~ <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> ~~~