Simple Thumbnails
<a href="#" class="thumbnail"> <img src="..." alt="..."> </a>
Round Thumbnails
<a href="#" class="thumbnail thumbnail-round"> <img src="..." alt="..."> </a>
Thumbnails caption
<div class="thumbnail"> <img src=".." alt="..."> <div class="caption"> <h3>Thumbnail label</h3> <p>...</p> </div> </div>
Thumbnails hover caption
<div class="img-caption-ar"> <img src="..." class="img-responsive" alt="Image"> <div class="caption-ar"> <div class="caption-content"> <a href="#" class="animated fadeInDown"><i class="fa fa-search"></i>More info</a> <h4 class="caption-title">Title Caption</h4> </div> </div> </div> <div class="img-caption-ar"> <img src="..." class="img-responsive" alt="Image"> <div class="caption-ar"> <div class="caption-content"> <p>....</p> </div> </div> </div> <div class="img-caption-ar"> <img src="..." class="img-responsive" alt="Image"> <div class="caption-ar"> <div class="caption-content"> <h4 class="caption-title">Title Caption</h4> <p>...</p> </div> </div> </div>