Thumbnails

Simple Thumbnails

Show Code

<a href="#" class="thumbnail">
<img src="..." alt="...">
</a>

Round Thumbnails

Show Code

<a href="#" class="thumbnail thumbnail-round">
<img src="..." alt="...">
</a>

Thumbnails caption

Thumbnail label

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem, repellat, vitae porro ex expedita cumque nulla velit consequuntur recusandae animi.

Button Button

Thumbnail label

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, repudiandae, possimus autem delectus consequatur minima ducimus odit rem fugit.

Button Button

Thumbnail label

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure, repudiandae expedita natus eaque magnam tempore saepe delectus perferendis atque.

Button Button

Show Code

<div class="thumbnail">
<img src=".." alt="...">
<div class="caption">
<h3>Thumbnail label</h3>
<p>...</p>
</div>
</div>

Thumbnails hover caption

More info

Title Caption

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, quas

Title Caption

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, repellendus?

Show Code

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

More info