Recent Projects
You can use these thumbnails to display recent projects or any kind of image content with an out going link. Of course matching the portfolio, and easily adjustable to hold however many items you need. Just adjust columns in the list accordingly, everything is built on the Bootstrap grid. You have 2 different options, square and circle. As well as the other bootstrap thumbnails.
4 Columns Boxed
<ul id="recent-projects" class="col-sm-12 text-center no-margin list-unstyled"> <!--=== Begin Item 1 ===--> <li onclick="" class="item col-sm-3 col-xs-6"> <div class="border"> <div class="view portfolio-hover-1"> <!--=== Project Thumb ===--> <img src="images/projects/thumbs/illustration1.jpg" alt="..." class="img-responsive" /> <div class="mask"> <div class="portfolio-hover-content"> <!--=== Zoom + Project Link ===--> <a href="images/projects/illustration1.jpg" class="info image-zoom-link"> <div class="portfolio-icon-holder"><span class="ion-ios7-search portfolio-icons"></span></div> </a> <a href="#" class="info"> <div class="portfolio-icon-holder"><span class="ion-link portfolio-icons"></span></div> </a> </div><!-- /portfolio hover content --> </div><!-- /mask--> </div><!-- /portfolio hover --> <div class="portfolio-text background-white"> <h3 class="portfolio-title"><a href="portfolio-single-project.html">Beach</a></h3> <div class="project-category">Print</div> </div> </div> </li><!-- /list item --> <!--=== End Item 1 ===--> <!--=== Item 2 ===--> <li onclick="" class="item col-sm-3 col-xs-6"> <div class="border"> <div class="view portfolio-hover-1"> <!--=== Project Thumb ===--> <img src="images/projects/thumbs/web1.jpg" alt="..." class="img-responsive" /> <div class="mask"> <div class="portfolio-hover-content"> <a class="popup-vimeo info" href="https://vimeo.com/80836225"> <div class="portfolio-icon-holder"><span class="ion-ios7-search portfolio-icons"></span></div> </a> <a href="#" class="info"> <div class="portfolio-icon-holder"><span class="ion-link portfolio-icons"></span></div> </a> </div><!-- /portfolio hover content --> </div><!-- /mask--> </div><!-- /portfolio hover --> <div class="portfolio-text background-white"> <h3 class="portfolio-title"><a class="popup-vimeo" href="https://vimeo.com/80836225">Wyoming</a></h3> <div class="project-category">Web</div> </div> </div> </li><!-- /list item --> <!--=== End Item 2 ===--> <!--=== Item 3 ===--> <li onclick="" class="item col-sm-3 col-xs-6"> <div class="border"> <div class="view portfolio-hover-1"> <!--=== Project Thumb ===--> <img src="images/projects/thumbs/print1.jpg" alt="..." class="img-responsive" /> <div class="mask"> <div class="portfolio-hover-content"> <!--=== Zoom + Project Link ===--> <a href="images/projects/print1.jpg" class="info image-zoom-link"> <div class="portfolio-icon-holder"><span class="ion-ios7-search portfolio-icons"></span></div> </a> <a href="#" class="info"> <div class="portfolio-icon-holder"><span class="ion-link portfolio-icons"></span></div> </a> </div><!-- /portfolio hover content --> </div><!-- /mask--> </div><!-- /portfolio hover --> <div class="portfolio-text background-white"> <h3 class="portfolio-title"><a href="portfolio-single-project.html">Metal</a></h3> <div class="project-category">Print</div> </div> </div> </li><!-- /list item --> <!--=== End Item 3 ===--> <!--=== Item 4 ===--> <li onclick="" class="item col-sm-3 col-xs-6"> <div class="border"> <div class="view portfolio-hover-1"> <!--=== Project Thumb ===--> <img src="images/projects/thumbs/illustration2.jpg" alt="..." class="img-responsive" /> <div class="mask"> <div class="portfolio-hover-content"> <!--=== Zoom + Project Link ===--> <a href="images/projects/illustration2.jpg" class="info image-zoom-link"> <div class="portfolio-icon-holder"><span class="ion-ios7-search portfolio-icons"></span></div> </a> <a href="#" class="info"> <div class="portfolio-icon-holder"><span class="ion-link portfolio-icons"></span></div> </a> </div><!-- /portfolio hover content --> </div><!-- /mask--> </div><!-- /portfolio hover --> <div class="portfolio-text background-white"> <h3 class="portfolio-title"><a href="portfolio-single-project.html">Bridge</a></h3> <div class="project-category">Print</div> </div> </div> </li><!-- /list item --> <!--=== End Item 4 ===--> </ul><!-- /portfolio ul -->
4 Columns Circle
<ul id="recent-projects-circle" class="col-sm-12 text-center no-margin list-unstyled">
<!--=== Begin Item 1 ===-->
<li onclick="" class="item col-sm-3 col-xs-6">
<div class="view-circle img-circle portfolio-hover-1">
<!--=== Project Thumb ===-->
<img class="img-responsive" src="images/projects/thumbs/illustration1.jpg" alt="..." />
<div class="mask img-circle">
<div class="portfolio-hover-content">
<!--=== Zoom + Project Link ===-->
<a href="images/projects/illustration1.jpg" class="info image-zoom-link">
<div class="portfolio-icon-holder"><span class="ion-ios7-search portfolio-icons"></span></div>
</a>
<a href="#" class="info">
<div class="portfolio-icon-holder"><span class="ion-link portfolio-icons"></span></div>
</a>
</div><!-- /portfolio hover content -->
</div><!-- /mask-->
</div><!-- /portfolio hover -->
<div class="portfolio-text mt20 mb5">
<h3 class="portfolio-title"><a href="portfolio-single-project.html">Beach</a></h3>
<div class="project-category">Print</div>
</div>
</li><!-- /list item -->
<!--=== End Item 1 ===-->
<!--=== Item 2 ===-->
<li onclick="" class="item col-sm-3 col-xs-6">
<div class="view-circle img-circle portfolio-hover-1">
<!--=== Project Thumb ===-->
<img class="img-responsive" src="images/projects/thumbs/web1.jpg" alt="..." />
<div class="mask img-circle">
<div class="portfolio-hover-content">
<a class="popup-vimeo info" href="https://vimeo.com/80836225">
<div class="portfolio-icon-holder"><span class="ion-ios7-search portfolio-icons"></span></div>
</a>
<a href="#" class="info">
<div class="portfolio-icon-holder"><span class="ion-link portfolio-icons"></span></div>
</a>
</div><!-- /portfolio hover content -->
</div><!-- /mask-->
</div><!-- /portfolio hover -->
<div class="portfolio-text mt20 mb5">
<h3 class="portfolio-title"><a class="popup-vimeo" href="https://vimeo.com/80836225">Wyoming</a></h3>
<div class="project-category">Web</div>
</div>
</li><!-- /list item -->
<!--=== End Item 2 ===-->
<!--=== Item 3 ===-->
<li onclick="" class="item col-sm-3 col-xs-6">
<div class="view-circle img-circle portfolio-hover-1">
<!--=== Project Thumb ===-->
<img class="img-responsive" src="images/projects/thumbs/print1.jpg" alt="..." />
<div class="mask img-circle">
<div class="portfolio-hover-content">
<!--=== Zoom + Project Link ===-->
<a href="images/projects/print1.jpg" class="info image-zoom-link">
<div class="portfolio-icon-holder"><span class="ion-ios7-search portfolio-icons"></span></div>
</a>
<a href="#" class="info">
<div class="portfolio-icon-holder"><span class="ion-link portfolio-icons"></span></div>
</a>
</div><!-- /portfolio hover content -->
</div><!-- /mask-->
</div><!-- /portfolio hover -->
<div class="portfolio-text mt20 mb5">
<h3 class="portfolio-title"><a href="portfolio-single-project.html">Metal</a></h3>
<div class="project-category">Print</div>
</div>
</li><!-- /list item -->
<!--=== End Item 3 ===-->
<!--=== Item 4 ===-->
<li onclick="" class="item col-sm-3 col-xs-6">
<div class="view-circle img-circle portfolio-hover-1">
<!--=== Project Thumb ===-->
<img class="img-responsive" src="images/projects/thumbs/illustration2.jpg" alt="..." />
<div class="mask img-circle">
<div class="portfolio-hover-content">
<!--=== Zoom + Project Link ===-->
<a href="images/projects/illustration2.jpg" class="info image-zoom-link">
<div class="portfolio-icon-holder"><span class="ion-ios7-search portfolio-icons"></span></div>
</a>
<a href="#" class="info">
<div class="portfolio-icon-holder"><span class="ion-link portfolio-icons"></span></div>
</a>
</div><!-- /portfolio hover content -->
</div><!-- /mask-->
</div><!-- /portfolio hover -->
<div class="portfolio-text mt20 mb5">
<h3 class="portfolio-title"><a href="portfolio-single-project.html">Bridge</a></h3>
<div class="project-category">Print</div>
</div>
</li><!-- /list item -->
<!--=== End Item 4 ===-->
</ul><!-- /portfolio ul -->
More Options! If you need some other options for recent work check out the thumbnails page! There is a couple different options to choose from as far as images and they are all highly flexible.