Basic module which contains heading and actions. From this point you can also add a content container after the heading section.
<!-- The data-theme is for example purposes. Don't use in it modules -->
<section class="module fold" data-theme="light">
<div class="wrapper is-grid gap-lg">
<!-- heading -->
<div class="heading">
<h1 class="heading__title">
Lorem ipsum dolor sit amet consectetur adipiscing
</h1>
<p class="heading__subtitle">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur
sint occaecat cupidatat non proident sunt
</p>
</div>
<!-- footer -->
<div class="module__footer is-flex flex-wrap gap-xs flex-center">
<button class="button is-primary">Primary Button</button>
<button class="button is-secondary is-outlined">Secondary Button</button>
</div>
</div>
</section>
Lorem ipsum dolor sit amet consectetur adipiscing
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur
sint occaecat cupidatat non proident sunt