Image Gallery Uikit only
Component with custom Image Gallery.
The code to generate the component is this:
<ul class="gallery">
<li>
<a href="../../dist/img/gallery/01.jpg" class="image-gallery ui-box topBottom-leftRightCorner" title="Image 01" target="_blank">
<span class="ui-border-element">
<img src="../../dist/img/gallery/thumb/01.jpg" class="img-fluid" alt="Image 01">
</span>
</a>
</li>
<li>
<a href="../../dist/img/gallery/02.jpg" class="image-gallery ui-box topBottom-leftRightCorner" title="Image 02" target="_blank">
<span class="ui-border-element">
<img src="../../dist/img/gallery/thumb/02.jpg" class="img-fluid" alt="Image 02">
</span>
</a>
</li>
<li>
<a href="../../dist/img/gallery/03.jpg" class="image-gallery ui-box topBottom-leftRightCorner" title="Image 03" target="_blank">
<span class="ui-border-element">
<img src="../../dist/img/gallery/thumb/03.jpg" class="img-fluid" alt="Image 03">
</span>
</a>
</li>
<li>
<a href="../../dist/img/gallery/04.jpg" class="image-gallery ui-box topBottom-leftRightCorner" title="Image 04" target="_blank">
<span class="ui-border-element">
<img src="../../dist/img/gallery/thumb/04.jpg" class="img-fluid" alt="Image 04">
</span>
</a>
</li>
<li>
<a href="../../dist/img/gallery/05.jpg" class="image-gallery ui-box topBottom-leftRightCorner" title="Image 05" target="_blank">
<span class="ui-border-element">
<img src="../../dist/img/gallery/thumb/05.jpg" class="img-fluid" alt="Image 05">
</span>
</a>
</li>
<li>
<a href="../../dist/img/gallery/06.jpg" class="image-gallery ui-box topBottom-leftRightCorner" title="Image 06" target="_blank">
<span class="ui-border-element">
<img src="../../dist/img/gallery/thumb/06.jpg" class="img-fluid" alt="Image 06">
</span>
</a>
</li>
<li>
<a href="../../dist/img/gallery/07.jpg" class="image-gallery ui-box topBottom-leftRightCorner" title="Image 07" target="_blank">
<span class="ui-border-element">
<img src="../../dist/img/gallery/thumb/07.jpg" class="img-fluid" alt="Image 07">
</span>
</a>
</li>
</ul>