Please wait...

Template components

  1. Home
  2. Components
  3. Images
Image circle
Image demo 2 
 <img src="img/dummy/img08.jpg" class="img-circle img-responsive" alt="Image demo 2" />
Image thumbnail
Image demo 3 
 <img src="img/dummy/img02.jpg" class="img-thumbnail img-responsive" alt="Image demo 3" />
Thumbnail with content
Solid team

Ea sea veniam perpetua, ei pro saepe melius. Ex sea summo maluisset. Sit ad adhuc illum epicurei, congue partem qui ne his ad utamur indoctum.

Learn more

<div class="thumbnail">
	<img src="img/dummy/img01.jpg" class="img-responsive" alt="" />
	<div class="caption">
		<i class="fa fa-briefcase fa-3x icon-circle fa-default"></i>
		<h5>Solid team</h5>
		<p>[...]</p>
		<p><a href="#" class="btn btn-default btn-sm">Learn more</a></p>
	</div>
</div>
Image caption hover
Audire admodum

Web design

Maiestatis vim

Graphic design

Deterruisset

App design

Adversarium

logo design

<!-- Bottom slide image caption -->
<div class="img-wrapper">
	<img src="img/gallery/380x340/img01.jpg" class="img-responsive" alt="" />
	<div class="img-caption bottomSlide">
		<div class="content">
			<h5><a href="portfolio-detail.html">Audire admodum</a></h5>
			<p><a href="#">Web design</a></p>
		</div>
	</div>
</div>

<!-- Zoom in image caption -->
<div class="img-wrapper">
	<img src="img/gallery/380x340/img01.jpg" class="img-responsive" alt="" />
	<div class="img-caption capzoomIn">
		<div class="content">
			<h5><a href="portfolio-detail.html">Audire admodum</a></h5>
			<p><a href="#">Web design</a></p>
		</div>
	</div>
</div>
Image slider
<!-- Start Images slider -->
<div class="flexslider">
	<ul class="slides">
		<li><img src="img/dummy/img05.jpg" alt=""></li>
		<li><img src="img/dummy/img06.jpg" alt=""></li>
		<li><img src="img/dummy/img07.jpg" alt=""></li>
	</ul>
</div>
<!-- End Images slider -->