show code
<div class="uk-grid uk-grid-width-small-1-2 uk-grid-width-medium-1-2 uk-grid-width-large-1-4" data-uk-grid-margin="">
<a data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/1.jpg" title="title goes here">
<figure class="uk-overlay uk-overlay-hover">
<img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/1.jpg" width="605">
<div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
<div class="tm-overlay-box"></div>
</figure>
</a>
<a data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/2.jpg" title="title goes here">
<figure class="uk-overlay uk-overlay-hover">
<img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/2.jpg" width="605">
<div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
<div class="tm-overlay-box"></div>
</figure>
</a>
<a data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/3.jpg" title="title goes here">
<figure class="uk-overlay uk-overlay-hover">
<img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/3.jpg" width="605">
<div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
<div class="tm-overlay-box"></div>
</figure>
</a>
<a data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/4.jpg" title="title goes here">
<figure class="uk-overlay uk-overlay-hover">
<img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/4.jpg" width="605">
<div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
<div class="tm-overlay-box"></div>
</figure>
</a>
<a data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/5.jpg" title="title goes here">
<figure class="uk-overlay uk-overlay-hover">
<img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/5.jpg" width="605">
<div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
<div class="tm-overlay-box"></div>
</figure>
</a>
<a data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/6.jpg" title="title goes here">
<figure class="uk-overlay uk-overlay-hover">
<img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/6.jpg" width="605">
<div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
<div class="tm-overlay-box"></div>
</figure>
</a>
<a data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/7.jpg" title="title goes here">
<figure class="uk-overlay uk-overlay-hover">
<img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/7.jpg" width="605">
<div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
<div class="tm-overlay-box"></div>
</figure>
</a>
<a data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/8.jpg" title="title goes here">
<figure class="uk-overlay uk-overlay-hover">
<img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/8.jpg" width="605">
<div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
<div class="tm-overlay-box"></div>
</figure>
</a>
</div>