<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<p>Click on the images to enlarge them.</p>
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<a href="image1.jpg" target="_blank">
<img src="image1.jpg" alt="image1" style="width:100%; height: auto;">
<div class="caption">
<p>image1 description</p>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="image2.jpg" target="_blank">
<img src="image2.jpg" alt="image2" style="width:100%; height: auto;">
<div class="caption">
<p>image2 description</p>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="image3.jpg" target="_blank">
<img src="image3.jpg" alt="Fjords" style="width:100%">
<div class="caption">
<p>image3 description</p>
</div>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<a href="image4.jpg" target="_blank">
<img src="image4.jpg" alt="image1" style="width:100%; height: auto;">
<div class="caption">
<p>image4 description</p>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="image5.jpg" target="_blank">
<img src="image5.jpg" alt="image2" style="width:100%; height: auto;">
<div class="caption">
<p>image5 description</p>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="image6.jpg" target="_blank">
<img src="image6.jpg" alt="Fjords" style="width:100%">
<div class="caption">
<p>image6 description</p>
</div>
</a>
</div>
</div>
</div>
</div>
</body>
</html>
