---
layout: components
title: Navbar faded light
---

<!-- Fullheight Hero -->
<div id="navbar-fade" class="hero is-fullheight is-theme-accent">
  {{> navbar-fade}}

  <!-- 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 light-text">Fade Navbar</h1>
          <h2 class="subtitle is-5 light-text">Scroll down to see it fade.</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}}