<!-- gallery -->
<section id="gallery" class="section">
<div class="container">
<div class="section-heading">
<h2>Gallery</h2>
<div class="separator"></div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="image-box">
<a class="popup-link" href="img/img1.jpg">
<figure><img src="img/img1.jpg" alt="image" class="img-responsive"></figure>
</a>
<div class="caption">
<a href="#" data-toggle="modal" data-target="#modal-popup"><h4>image title</h4></a>
<p>description of image</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="image-box">
<a class="popup-link" href="img/img1.jpg">
<figure><img src="img/img1.jpg" alt="image" class="img-responsive"></figure>
</a>
<div class="caption">
<a href="#" data-toggle="modal" data-target="#modal-popup"><h4>image title</h4></a>
<p>description of image</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="image-box">
<a class="popup-link" href="img/img1.jpg">
<figure><img src="img/img1.jpg" alt="image" class="img-responsive"></figure>
</a>
<div class="caption">
<a href="#" data-toggle="modal" data-target="#modal-popup"><h4>image title</h4></a>
<p>description of image</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="image-box">
<a class="popup-link" href="img/img1.jpg">
<figure><img src="img/img1.jpg" alt="image" class="img-responsive"></figure>
</a>
<div class="caption">
<a href="#" data-toggle="modal" data-target="#modal-popup"><h4>image title</h4></a>
<p>description of image</p>
</div>
</div>
</div>
</div><!-- ./row -->
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="image-box">
<a class="popup-link" href="img/img1.jpg">
<figure><img src="img/img1.jpg" alt="image" class="img-responsive"></figure>
</a>
<div class="caption">
<a href="#" data-toggle="modal" data-target="#modal-popup"><h4>image title</h4></a>
<p>description of image</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="image-box">
<a class="popup-link" href="img/img1.jpg">
<figure><img src="img/img1.jpg" alt="image" class="img-responsive"></figure>
</a>
<div class="caption">
<a href="#" data-toggle="modal" data-target="#modal-popup"><h4>image title</h4></a>
<p>description of image</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="image-box">
<a class="popup-link" href="img/img1.jpg">
<figure><img src="img/img1.jpg" alt="image" class="img-responsive"></figure>
</a>
<div class="caption">
<a href="#" data-toggle="modal" data-target="#modal-popup"><h4>image title</h4></a>
<p>description of image</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="image-box">
<a class="popup-link" href="img/img1.jpg">
<figure><img src="img/img1.jpg" alt="image" class="img-responsive"></figure>
</a>
<div class="caption">
<a href="#" data-toggle="modal" data-target="#modal-popup"><h4>image title</h4></a>
<p>description of image</p>
</div>
</div>
</div>
</div><!-- ./row -->
</div>
</section>
<!-- ./gallery -->
