Panel - BG Image & Text
File: index.html
<!-- removes distance to top -->
<section class="panel-bg-with-text no-space-top">
...
</section>
<!-- removes distance to bottom -->
<section class="panel-bg-with-text no-space-bottom">
...
</section>
<!-- inverse color -->
<section class="panel-bg-with-text bg-bright">
...
</section>
<!-- aligns text inside of panel on top part - default is center -->
<section class="panel-bg-with-text text-top-align">
...
</section>
<!-- aligns text inside of panel on bottom part - default is center -->
<section class="panel-bg-with-text text-bottom-align">
...
</section>
<!-- removes the blurred background gradient behind text -->
<section class="panel-bg-with-text text-readability-off">
...
</section>
<!-- place this class if you want a video as background - check example HTML in index.html for the entire structure -->
<section class="panel-bg-with-text has-video">
...
</section>
<!-- place this class if you want to the text left-aligend -->
<section class="panel-bg-with-text text-not-center-align">
...
</section>