Cacher is the code snippet organizer for pro developers

<!--gallery-->
<div class="uk-container uk-container-center">
<h1 class="uk-text-primary uk-text-center uk-text-contrast uk-text-light uk-margin-large-top uk-margin-bottom">Image Gallery</h1>
    <div class="uk-grid uk-margin-large-bottom uk-margin-top uk-grid-width-1-1 uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-scrollspy="{cls:'uk-animation-fade uk-invisible', target:'.item', delay:200}" data-uk-grid-margin>
        <!-- item-->
        <div class="item uk-invisible">
            <figure class="uk-overlay uk-overlay-hover">
                <img src="http://www.prsguitars.com/408/tn_photo1.jpg"  class="uk-overlay-scale">
                <figcaption class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-bottom">
                    <div>
                        <h1 class="uk-margin-bottom-remove uk-text-light">PRS</h1>Paul Reed Smith Guitars
                    </div>
                </figcaption>
                <a class="uk-position-cover" data-uk-lightbox="{group:'gallery'}" title="Paul Reed Smith Guitars" href="http://www.prsguitars.com/408/photo1.jpg"></a>
            </figure>
        </div>
        <!-- / item-->

        <!-- item-->
        <div class="item uk-invisible">
            <figure class="uk-overlay uk-overlay-hover">
                <img src="http://www.prsguitars.com/408/tn_photo6.jpg"  class="uk-overlay-scale">
                <figcaption class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-bottom">
                    <div>
                        <h1 class="uk-margin-bottom-remove uk-text-light">PRS</h1>Paul Reed Smith Guitars
                    </div>
                </figcaption>
                <a class="uk-position-cover" data-uk-lightbox="{group:'gallery'}" title="Paul Reed Smith Guitars" href="http://www.prsguitars.com/408/photo6.jpg"></a>
            </figure>
        </div>
        <!-- / item-->

        <!-- item-->
        <div class="item uk-invisible">
            <figure class="uk-overlay uk-overlay-hover">
                <img src="http://www.prsguitars.com/custom24/tn_photo1.jpg" class="uk-overlay-scale">
                <figcaption class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-bottom">
                    <div>
                        <h1 class="uk-margin-bottom-remove uk-text-light">PRS</h1>Paul Reed Smith Guitars
                    </div>
                </figcaption>
                <a class="uk-position-cover" data-uk-lightbox="{group:'gallery'}" title="Paul Reed Smith Guitars" href="http://www.prsguitars.com/custom24/photo1.jpg"></a>
            </figure>
        </div>
        <!-- / item-->

        <!-- item-->
        <div class="item uk-invisible">
            <figure class="uk-overlay uk-overlay-hover">
                <img src="http://www.prsguitars.com/custom24/tn_photo8.jpg" class="uk-overlay-scale">
                <figcaption class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-bottom">
                    <div>
                        <h1 class="uk-margin-bottom-remove uk-text-light">PRS</h1>Paul Reed Smith Guitars
                    </div>
                </figcaption>
                <a class="uk-position-cover" data-uk-lightbox="{group:'gallery'}" title="Paul Reed Smith Guitars" href="http://www.prsguitars.com/custom24/photo8.jpg"></a>
            </figure>
        </div>
        <!-- / item-->

        <!-- item-->
        <div class="item uk-invisible">
            <figure class="uk-overlay uk-overlay-hover">
                <img src="http://www.prsguitars.com/custom24/tn_photo3.jpg" class="uk-overlay-scale">
                <figcaption class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-bottom">
                    <div>
                        <h1 class="uk-margin-bottom-remove uk-text-light">PRS</h1>Paul Reed Smith Guitars
                    </div>
                </figcaption>
                <a class="uk-position-cover" data-uk-lightbox="{group:'gallery'}" title="Paul Reed Smith Guitars" href="http://www.prsguitars.com/custom24/photo3.jpg"></a>
            </figure>
        </div>
        <!-- / item-->

        <!-- item-->
        <div class="item uk-invisible">
            <figure class="uk-overlay uk-overlay-hover">
                <img src="http://www.prsguitars.com/p245semihollow/tn_photo1.jpg" class="uk-overlay-scale">
                <figcaption class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-bottom">
                    <div>
                        <h1 class="uk-margin-bottom-remove uk-text-light">PRS</h1>Paul Reed Smith Guitars
                    </div>
                </figcaption>
                <a class="uk-position-cover" data-uk-lightbox="{group:'gallery'}" title="Paul Reed Smith Guitars" href="http://www.prsguitars.com/p245semihollow/photo1.jpg"></a>
            </figure>
        </div>
        <!-- / item-->

        <!-- item-->
        <div class="item uk-invisible">
            <figure class="uk-overlay uk-overlay-hover">
                <img src="http://www.prsguitars.com/p245semihollow/tn_photo3.jpg" class="uk-overlay-scale">
                <figcaption class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-bottom">
                    <div>
                        <h1 class="uk-margin-bottom-remove uk-text-light">PRS</h1>Paul Reed Smith Guitars
                    </div>
                </figcaption>
                <a class="uk-position-cover" data-uk-lightbox="{group:'gallery'}" title="Paul Reed Smith Guitars" href="http://www.prsguitars.com/p245semihollow/photo3.jpg"></a>
            </figure>
        </div>
        <!-- / item-->

        <!-- item-->
        <div class="item uk-invisible">
            <figure class="uk-overlay uk-overlay-hover">
                <img src="http://www.prsguitars.com/p245semihollow/tn_photo5.jpg" class="uk-overlay-scale">
                <figcaption class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-bottom">
                    <div>
                        <h1 class="uk-margin-bottom-remove uk-text-light">PRS</h1>Paul Reed Smith Guitars
                    </div>
                </figcaption>
                <a class="uk-position-cover" data-uk-lightbox="{group:'gallery'}" title="Paul Reed Smith Guitars" href="http://www.prsguitars.com/p245semihollow/photo5.jpg"></a>
            </figure>
        </div>
        <!-- / item-->

        <!-- item-->
        <div class="item uk-invisible">
            <figure class="uk-overlay uk-overlay-hover">
                <img src="http://www.prsguitars.com/sc245/tn_photo1.jpg" class="uk-overlay-scale">
                <figcaption class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-bottom">
                    <div>
                        <h1 class="uk-margin-bottom-remove uk-text-light">PRS</h1>Paul Reed Smith Guitars
                    </div>
                </figcaption>
                <a class="uk-position-cover" data-uk-lightbox="{group:'gallery'}" title="Paul Reed Smith Guitars" href="http://www.prsguitars.com/sc245/photo1.jpg"></a>
            </figure>
        </div>
        <!-- / item-->

        <!-- item-->
        <div class="item uk-invisible">
            <figure class="uk-overlay uk-overlay-hover">
                <img src="http://www.prsguitars.com/sc245/tn_photo3.jpg" class="uk-overlay-scale">
                <figcaption class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-bottom">
                    <div>
                        <h1 class="uk-margin-bottom-remove uk-text-light">PRS</h1>Paul Reed Smith Guitars
                    </div>
                </figcaption>
                <a class="uk-position-cover" data-uk-lightbox="{group:'gallery'}" title="Paul Reed Smith Guitars" href="http://www.prsguitars.com/sc245/photo3.jpg"></a>
            </figure>
        </div>
        <!-- / item-->

       <!-- item-->
        <div class="item uk-invisible">
            <figure class="uk-overlay uk-overlay-hover">
                <img src="http://www.prsguitars.com/sc245/tn_photo5.jpg" class="uk-overlay-scale">
                <figcaption class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-bottom">
                    <div>
                        <h1 class="uk-margin-bottom-remove uk-text-light">PRS</h1>Paul Reed Smith Guitars
                    </div>
                </figcaption>
                <a class="uk-position-cover" data-uk-lightbox="{group:'gallery'}" title="Paul Reed Smith Guitars" href="http://www.prsguitars.com/sc245/photo5.jpg"></a>
            </figure>
        </div>
        <!-- / item-->

        <!-- item-->
        <div class="item uk-invisible">
            <figure class="uk-overlay uk-overlay-hover">
                <img src="http://www.prsguitars.com/p22/tn_photo6.jpg" class="uk-overlay-scale">
                <figcaption class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-bottom">
                    <div>
                        <h1 class="uk-margin-bottom-remove uk-text-light">PRS</h1>Paul Reed Smith Guitars
                    </div>
                </figcaption>
                <a class="uk-position-cover" data-uk-lightbox="{group:'gallery'}" title="Paul Reed Smith Guitars" href="http://www.prsguitars.com/p22/photo6.jpg"></a>
            </figure>
        </div>
        <!-- / item-->


    </div>
</div>
<!--gallery-->

/* this extra css is not needed */
body {
        background-color: #161616;
    }
    .uk-text-light {
        font-weight: 200 !important;
    }

.uk-container {
 max-width: 1150px;
}
/* this extra css is not needed */