Please wait...

Try Sallira with other theme and color combinations
Index variants
Color options

Theme components

  1. Home
  2. Components
  3. Images
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
Vituperatoribus
Web design 
<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>
		<h6><a href="#">Vituperatoribus</a></h6>
		<a href="#" class="img-categorie">Web design</a>
	</div>
	<img src="img/gallery/270x270/img01.jpg" class="img-responsive" alt="" />
</div>
Hover zoom down
Vituperatoribus
Web design 
<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>
		<h6><a href="#">Vituperatoribus</a></h6>
		<a href="#" class="img-categorie">Web design</a>
	</div>
	<img src="img/gallery/270x270/img02.jpg" class="img-responsive" alt="" />
</div>
Hover roll
Vituperatoribus
Web design 
<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>
		<h6><a href="#">Vituperatoribus</a></h6>
		<a href="#" class="img-categorie">Web design</a>
	</div>
	<img src="img/gallery/270x270/img03.jpg" class="img-responsive" alt="" />
</div>
Hover Rotate
Vituperatoribus
Web design 
<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>
		<h6><a href="#">Vituperatoribus</a></h6>
		<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>