---
layout: components
title: Footers
---

<!-- Hero and nav -->
<div class="hero is-relative is-theme-primary">
  {{> navbar-static-light}}

  <!-- Hero image -->
  <div id="main-hero" class="hero-body">
    <div class="container has-text-centered">
      <div class="columns is-vcentered">
        <div class="column is-4 is-offset-1 has-text-left">
          <h1 class="title components-title is-1">Footers</h1>
          <h2 class="subtitle is-4 components-subtitle">
            Available footer styles.
          </h2>
          <p class="components-cta">
            <a
              href="#dark-footer"
              class="
                button button-cta
                btn-align
                light-btn
                btn-outlined
                is-bold
                rounded
              "
            >
              Get Started
            </a>
          </p>
        </div>
        <div class="column is-offset-1 has-text-centered is-hidden-mobile">
          <div id="footer-ill" class="vivus-svg"></div>
        </div>
      </div>
    </div>
  </div>
</div>

{{> footer-dark}} {{> footer-light}} {{> footer-side-light}} {{>
footer-side-dark}} {{> footer-spaced-light}}