<p>The template offers different module styles. These can be defined as a so-called class in the Layout Manager. A combination of styles is of course also possible, for example <kbd>bg-primary rounded-lg text-white</kbd></p>
<div uk-lightbox>
    <a class="btn btn-sm btn-primary" href="https://youtu.be/l35OrmJpgsE">Video</a>
</div>

<div class="mt-5 uk-grid-medium uk-grid-match uk-child-width-expand@s" uk-grid >
	<div>	
		<div class="moduletable border p-3">
		   <h3 class="module-title">Headline</h3>
		   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
		   <p><kbd>border</kbd></p>
		</div>
	</div>
	
	<div>	
		<div class="moduletable shadow-light p-3">
		   <h3 class="module-title">Headline</h3>
		   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
		   <p><kbd>shadow-light</kbd></p>
		</div>
	</div>
	<div>	
		<div class="moduletable shadow-dark p-3">
		   <h3 class="module-title">Headline</h3>
		   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
		   <p><kbd>shadow-dark</kbd></p>
		</div>
	</div>

</div>

<div class="mt-5 uk-grid-medium uk-grid-match uk-child-width-expand@s" uk-grid >

	<div>	
		<div class="moduletable shadow p-3">
		   <h3 class="module-title">Headline</h3>
		   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
		   <p><kbd>shadow</kbd></p>
		</div>
	</div>
	<div>	
		<div class="moduletable shadow-lg p-3">
		   <h3 class="module-title">Headline</h3>
		   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
		   <p><kbd>shadow-lg</kbd></p>
		</div>
	</div>
	<div>	
		<div class="moduletable rounded-lg p-3 bg-light">
		   <h3 class="module-title">Headline</h3>
		   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
		   <p><kbd>rounded-lg bg-light</kbd></p>
		</div>
	</div>

</div>

<div class="mt-5 uk-grid-medium uk-grid-match uk-child-width-expand@s" uk-grid >

	<div>	
		<div class="moduletable bg-dark text-white p-3">
		   <h3 class="module-title">Headline</h3>
		   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
		   <p><kbd>bg-dark text-white</kbd></p>
		</div>
	</div>
	<div>	
		<div class="moduletable bg-primary text-white p-3">
		   <h3 class="module-title">Headline</h3>
		   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
		   <p><kbd>bg-primary text-white</kbd></p>
		</div>
	</div>
	<div>	
		<div class="moduletable bg-primary rounded-lg text-white p-3">
		   <h3 class="module-title">Headline</h3>
		   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
		   <p><kbd>bg-primary rounded-lg text-white</kbd></p>
		</div>
	</div>

</div>