zallery/WebContent/page_gallery.jsp

<jsp:include page="header.jsp"/>

<jsp:include page="navbar.jsp"/>

<div class="content">

    <div class="gallery col-center col-md-11">
        <div class="row">
            <div class="grid folder-grid">
                <div class="grid-item folder-thumb col-md-2 col-sm-3 col-xs-4">
                    <img class="img-responsive" src="img/folder2.jpg"/>
                </div>
                <div class="grid-item folder-thumb col-md-2 col-sm-3 col-xs-4">
                    <img class="img-responsive" src="img/folder2.jpg"/>
                </div>
                <div class="grid-item folder-thumb col-md-2 col-sm-3 col-xs-4">
                    <img class="img-responsive" src="img/folder2.jpg"/>
                </div>
            </div>

            <hr>
        </div>
        <div class="row">
            <div class="grid image-grid">
                <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
                    <img class="img-responsive" src="http://lorempixel.com/400/200"/>
                </div>
                <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
                    <img class="img-responsive" src="http://lorempixel.com/400/400"/>
                </div>
                <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
                    <img class="img-responsive" src="http://lorempixel.com/400/200"/>
                </div>
                <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
                    <img class="img-responsive" src="http://lorempixel.com/400/200"/>
                </div>
                <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
                    <img class="img-responsive" src="http://lorempixel.com/400/800"/>
                </div>
                <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
                    <img class="img-responsive" src="http://lorempixel.com/400/200"/>
                </div>
                <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
                    <img class="img-responsive" src="http://lorempixel.com/400/300"/>
                </div>
                <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
                    <img class="img-responsive" src="http://lorempixel.com/400/400"/>
                </div>
            </div>
        </div>
    </div> <!-- /gallery -->

</div> <!-- /content -->


<jsp:include page="footer.jsp"/>