Thumbnails

Simple Thumbnails

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

Round Thumbnails

<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

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

Thumbnails hover caption

Image

More info

Title Caption

Image

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

Image

Title Caption

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

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

Image

More info

Title Work

Image

More info

Title Work

Image

More info

Title Work

Image

More info

Title Work

Image

Title Work

Lorem ipsum dolor sit amet consectetur.

Image

Title Work

Lorem ipsum dolor sit amet consectetur.

Image

Title Work

Lorem ipsum dolor sit amet consectetur.

Image

Title Work

Lorem ipsum dolor sit amet consectetur.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *