landing-row-4-cols-thumbs

Source code:

<!-- Recent Works -->
<div class="headline"><h2>Recent Works</h2></div>
<div class="row margin-bottom-20">
    <div class="col-md-3 col-sm-6">
        <div class="thumbnails thumbnail-style thumbnail-kenburn">
            <div class="thumbnail-img">
                <div class="overflow-hidden">
                    <img class="img-responsive" src="assets/img/main/img1.jpg" alt="">
                </div>
                <a class="btn-more hover-effect" href="#">read more +</a>
            </div>
            <div class="caption">
                <h3><a class="hover-effect" href="#">Project One</a></h3>
                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, justo sit amet risus etiam porta sem.</p>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="thumbnails thumbnail-style thumbnail-kenburn">
            <div class="thumbnail-img">
                <div class="overflow-hidden">
                    <img class="img-responsive" src="assets/img/main/img12.jpg" alt="">
                </div>
                <a class="btn-more hover-effect" href="#">read more +</a>
            </div>
            <div class="caption">
                <h3><a class="hover-effect" href="#">Project Two</a></h3>
                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, justo sit amet risus etiam porta sem.</p>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="thumbnails thumbnail-style thumbnail-kenburn">
            <div class="thumbnail-img">
                <div class="overflow-hidden">
                    <img class="img-responsive" src="assets/img/main/img3.jpg" alt="">
                </div>
                <a class="btn-more hover-effect" href="#">read more +</a>
            </div>
            <div class="caption">
                <h3><a class="hover-effect" href="#">Project Three</a></h3>
                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, justo sit amet risus etiam porta sem.</p>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="thumbnails thumbnail-style thumbnail-kenburn">
            <div class="thumbnail-img">
                <div class="overflow-hidden">
                    <img class="img-responsive" src="assets/img/main/img17.jpg" alt="">
                </div>
                <a class="btn-more hover-effect" href="#">read more +</a>
            </div>
            <div class="caption">
                <h3><a class="hover-effect" href="#">Project Four</a></h3>
                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, justo sit amet risus etiam porta sem.</p>
            </div>
        </div>
    </div>
</div>
<!-- End Recent Works -->