Footer wordmark

<footer class="site-footer">
  <div class="footer-top">
    <div class="footer-cols">
      <div class="footer-col">
        <p class="footer-col-title">Explore</p>
        <a href="#">Proyectos</a>
        <a href="#">Somos</a>
        <a href="#">Hub</a>
      </div>
      <div class="footer-col">
        <p class="footer-col-title">Legal</p>
        <a href="#">Privacy</a>
      </div>
    </div>
    <div class="footer-aside">
      <p class="footer-slogan">Ideas that progress.</p>
      <a class="footer-email" href="mailto:[email protected]">[email protected]</a>
    </div>
  </div>
  <div class="footer-meta">
    <a class="footer-status" href="#">
      <span class="footer-status-dot is-online"></span>
      <span class="footer-status-label">All systems operational</span>
    </a>
    <p class="footer-legal mb-0">© vhoda</p>
  </div>
  <div class="footer-wordmark"><span>vhoda</span></div>
</footer>