Panel - Hero
File: index.html
<!-- inverse color -->
<section class="panel-hero bg-bright">
...
</section>
<!-- aligns text inside of panel on top part - default is center -->
<section class="panel-hero text-top-align">
...
</section>
<!-- aligns text inside of panel on bottom part - default is center -->
<section class="panel-hero text-bottom-align">
...
</section>
<!-- removes the blurred background gradient behind text -->
<section class="panel-hero text-readability-off">
...
</section>
<!-- reduces the height of the panel by 50% of the users screen -->
<section class="panel-hero hero-half">
...
</section>