Thumbnails

Thumbnail

By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.

<a href="#" class="thumbnail">
	<img class="img-responsive" src="images/projects/thumbs/print1.jpg" alt="Thumbnail">
</a>

Circle Thumbnail

<a href="#" class="thumbnail br-50">
	<img class="img-circle img-responsive" src="images/projects/thumbs/print1.jpg" alt="Thumbnail">
</a>

Custom Content

...

Raleway launches template, yay

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non.

View post

...

We bought all this crazy stuff

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non.

View post

...

Here Raleway was at the beach

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non.

View post

<!--=== Custom Content ===-->
<div class="row">
	<!--=== Content 1 ===-->
	<div class="col-sm-4">
		<div class="thumbnail custom-content">
			<a href="#"><img src="images/projects/thumbs/print3.jpg" alt="..."></a>
			<div class="caption">
				<h4><a href="single-post.html">Raleway launches template, yay</a></h4>
				<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non.</p>
				<p><a href="#" class="btn btn-rw btn-primary" role="button">View post</a></p>
			</div>
		</div><!-- /thumbnail -->
	</div><!-- /column -->

	<!--=== Content 2 ===-->
	<div class="col-sm-4">
		<div class="thumbnail custom-content">
			<a href="#"><img src="images/projects/thumbs/web2.jpg" alt="..."></a>
			<div class="caption">
				<h4><a href="single-post.html">We bought all this crazy stuff</a></h4>
				<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non.</p>
				<p><a href="#" class="btn btn-rw btn-primary" role="button">View post</a></p>
			</div>
		</div><!-- /thumbnail -->
	</div><!-- /column -->

	<!--=== Content 3 ===-->		
	<div class="col-sm-4">
		<div class="thumbnail custom-content">
			<a href="#"><img src="images/projects/thumbs/illustration1.jpg" alt="..."></a>
			<div class="caption">
				<h4><a href="single-post.html">Here Raleway was at the beach</a></h4>
				<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non.</p>
				<p><a href="#" class="btn btn-rw btn-primary" role="button">View post</a></p>
			</div>
		</div><!-- /thumbnail -->
	</div><!-- /column -->
</div><!-- /row -->
<!--=== End Custom Content ===-->

Shadows

Thumbnail
Thumbnail
Thumbnail
<img src="images/projects/thumbs/print2.jpg" class="img-responsive shadow1">
<img src="images/projects/thumbs/print2.jpg" class="img-responsive shadow2">
<img src="images/projects/thumbs/print2.jpg" class="img-responsive shadow3">

Raleway Bootstrap 3 Template is what you need for your next project or client.

Buy now

228 Park Ave S New York, NY 10003

info@raleway.com

+11192386513