• info@yourdomain.com
  • (0021)-123-456-789-90

Theme components

Rounded image
Image demo 1
Circle image
Image demo 2
Thumbnail image
Image demo 3
<img src="img/demos/470x470.jpg" class="img-rounded img-responsive" alt="Image demo 1" />
<img src="img/demos/470x470.jpg" class="img-circle img-responsive" alt="Image demo 2" />
<img src="img/demos/470x470.jpg" class="img-thumbnail img-responsive" alt="Image demo 3" />
Hover zoom in
<div class="img-wrapper">
	<div class="img-caption capZoomIn">
		<a href="img/gallery/zoom980x980.jpg" data-pretty="prettyPhoto" class="zoomer"><i class="fa fa-search"></i></a>
		<h5><a href="#">Vituperatoribus</a></h5>
		<a href="#" class="img-categorie">Web design</a>
	</div>
	<img src="img/gallery/270x270/img01.jpg" class="img-responsive" alt="" />
</div>
Hover zoom down
<div class="img-wrapper">
	<div class="img-caption capZoomInDown">
		<a href="img/gallery/zoom980x980.jpg" data-pretty="prettyPhoto" class="zoomer"><i class="fa fa-search"></i></a>
		<h5><a href="#">Vituperatoribus</a></h5>
		<a href="#" class="img-categorie">Web design</a>
	</div>
	<img src="img/gallery/270x270/img02.jpg" class="img-responsive" alt="" />
</div>
Hover roll
<div class="img-wrapper">
	<div class="img-caption capRollIn">
		<a href="img/gallery/zoom980x980.jpg" data-pretty="prettyPhoto" class="zoomer"><i class="fa fa-search"></i></a>
		<h5><a href="#">Vituperatoribus</a></h5>
		<a href="#" class="img-categorie">Web design</a>
	</div>
	<img src="img/gallery/270x270/img03.jpg" class="img-responsive" alt="" />
</div>
Hover Rotate
<div class="img-wrapper">
	<div class="img-caption capRotateIn">
		<a href="img/gallery/zoom980x980.jpg" data-pretty="prettyPhoto" class="zoomer"><i class="fa fa-search"></i></a>
		<h5><a href="#">Vituperatoribus</a></h5>
		<a href="#" class="img-categorie">Web design</a>
	</div>
	<img src="img/gallery/270x270/img04.jpg" class="img-responsive" alt="" />
</div>
Thumbnail with content
Thumbnail with content
Thumbnail label

Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button

Thumbnail with content
Thumbnail label

Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button

Thumbnail with content
Thumbnail label

Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button

Thumbnail with content
Thumbnail label

Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button

<div class="thumbnail">
	<img src="img/demos/470x640.jpg" alt="Thumbnail with content">
	<div class="caption">
	<h5>Thumbnail label</h5>
	<p>
	[...]
	</p>
	<p><a href="#" class="btn btn-primary btn-sm" role="button">Button</a></p>
	</div>
</div>