Footer Block

 
<footer class="footer">
  <section class="footer__links">
    <nav class="container">
      <ul>
        <li><strong>About</strong></li>
        <li><a class="secondary" href="#">What's new?</a></li>
        <li><a class="secondary" href="#">Brand</a></li>
        <li><a class="secondary" href="#">Mission</a></li>
      </ul>
      <ul>
        <li><strong>Docs</strong></li>
        <li><a class="secondary" href="#">Quick start</a></li>
        <li><a class="secondary" href="#">Blocks</a></li>
      </ul>
      <ul>
        <li><strong>Community</strong></li>
        <li><a class="secondary" href="#">Issues</a></li>
        <li><a class="secondary" href="#">Discussions</a></li>
        <li><a class="secondary" href="#">Help</a></li>
      </ul>
    </nav>
  </section>

  <section class="footer__info">
    <nav class="container">
      <div class="footer__brand">
        <h3>bit8bytes</h3>
        <p>
          We build secure, lightweight software that helps teams focus on what
          matters.
        </p>
      </div>
      <div class="footer__contact">
        <address>
          <a href="mailto:hey@bit8bytes.com" class="secondary"
            >hey@bit8bytes.com</a
          >
        </address>
        <ul class="footer__social">
          <li>
            <a href="#"
              ><svg><!-- icon --></svg></a
            >
          </li>
          <li>
            <a href="#"
              ><svg><!-- icon --></svg></a
            >
          </li>
          <li>
            <a href="#"
              ><svg><!-- icon --></svg></a
            >
          </li>
        </ul>
      </div>
    </nav>
    <nav class="container footer__bottom">
      <a href="#" class="secondary">Privacy</a>
    </nav>
  </section>
</footer>