Footer Block

 
<footer class="footer">
  <section>
    <nav class="container">
      <ul>
        <li>
          <small
            ><strong>Blocks<mark>.</mark></strong></small
          >
        </li>
        <li>
          <a class="secondary" href="/docs/blocks/header"
            ><small>Header</small></a
          >
        </li>
        <li>
          <a class="secondary" href="/docs/blocks/hero"><small>Hero</small></a>
        </li>
        <li>
          <a class="secondary" href="/docs/blocks/features"
            ><small>Features</small></a
          >
        </li>
        <li>
          <a class="secondary" href="/docs/blocks/newsletter"
            ><small>Newsletter</small></a
          >
        </li>
        <li>
          <a class="secondary" href="/docs/blocks/footer"
            ><small>Footer</small></a
          >
        </li>
      </ul>
      <ul>
        <li>
          <small
            ><strong>About<mark>.</mark></strong></small
          >
        </li>
        <li>
          <a class="secondary" href="/docs/blocks"
            ><small>What's new?</small></a
          >
        </li>
        <li>
          <a class="secondary" href="/docs/brand"><small>Brand</small></a>
        </li>
        <li>
          <a class="secondary" href="/docs/mission"><small>Mission</small></a>
        </li>
      </ul>
      <ul>
        <li>
          <small
            ><strong>Docs<mark>.</mark></strong></small
          >
        </li>
        <li>
          <a class="secondary" href="/docs/installation"
            ><small>Quick start</small></a
          >
        </li>
        <li>
          <a class="secondary" href="/docs/blocks"><small>Blocks</small></a>
        </li>
      </ul>
      <ul>
        <li>
          <small
            ><strong>Community<mark>.</mark></strong></small
          >
        </li>
        <li>
          <a class="secondary" href="#"><small>Issues</small></a>
        </li>
        <li>
          <a class="secondary" href="#"><small>Discussions</small></a>
        </li>
        <li>
          <a class="secondary" href="#"><small>Help</small></a>
        </li>
      </ul>
    </nav>
  </section>

  <section>
    <nav class="container">
      <div>
        <hgroup>
          <h4>Vona<mark>.</mark></h4>
          <p>
            <small>
              We build the world's simplest landing page UI blocks.
            </small>
          </p>
        </hgroup>
      </div>
      <div>
        <ul>
          <li>
            <a
              href="https://www.linkedin.com/in/tobiasgleiter/"
              target="_blank"
            >
              {{ template "linkedin-logo" . }}
            </a>
          </li>
          <li>
            <a href="https://github.com/bit8bytes" target="_blank">
              {{ template "github-logo" . }}</a
            >
          </li>
        </ul>
      </div>
    </nav>

    <nav class="container">
      <ul>
        <li>
          <a href="mailto:gleiter.tobias@gmail.com" class="secondary"
            ><small>Contact</small></a
          >
        </li>
        <li>
          <a href="https://tobiasgleiter.de/privacy" class="secondary"
            ><small>Privacy</small></a
          >
        </li>
      </ul>
    </nav>
  </section>
</footer>