---
layout: components
title: Megamenu
---

<!-- Fullheight Hero -->
<div class="hero is-fullheight is-feature-grey">
  {{> navbar-mega}}

  <!-- Hero caption -->
  <div class="hero-body">
    <div class="container has-text-centered">
      <div class="columns is-vcentered">
        <div class="column is-8 is-offset-2 has-text-centered">
          <h1 class="parallax-hero-title">Megamenu</h1>
          <h2 class="subtitle is-5">
            Hover the navbar item to make the menu appear.
          </h2>
          <br />
          <p class="has-text-centered">
            <a
              href="#"
              class="button button-cta btn-align primary-btn rounded z-index-2"
            >
              Get Started
            </a>
          </p>
        </div>
      </div>
    </div>
  </div>
</div>

{{> footer-light}}