victor-hugo/site/layouts/partials/footer.html

<footer class="footer transition-fade">
  <div class="l-underlay body-bg"></div>
  <div class="l-wrapper">
    <ul class="l-flex-list-row">
      <li>
        <h3>Let's keep in touch!</h3>
        <p>Find us on any of these platforms, we respond in 1-2 business days.</p>
        <ul class="l-flex-list-row">
          <li><span class="social-icon"></span></li>
          <li><span class="social-icon"></span></li>
          <li><span class="social-icon"></span></li>
          <li><span class="social-icon"></span></li>
        </ul>
      </li>
      <li>
        <h3>Useful Links</h3>
        <ul class="l-list-bare">
          <li><a href="#">Link One</a></li>
          <li><a href="#">Link Two</a></li>
          <li><a href="#">Link Three</a></li>
          <li><a href="#">Link Four</a></li>
        </ul>
      </li>
      <li>
        <h3>Other Resources</h3>
        <ul class="l-list-bare">
          <li><a href="#">Link One</a></li>
          <li><a href="#">Link Two</a></li>
          <li><a href="#">Link Three</a></li>
          <li><a href="#">Link Four</a></li>
        </ul>
      </li>
    </ul>
    <ul class="l-flex-list-row">
      <li class="footer__term"><a href="{{ "terms-and-conditions" | relURL }}">Terms and Conditions</a></li>
      <li class="footer__term"><a><a href="{{ "privacy-policy" | relURL }}">Privacy Policy</a></li>
    </ul>
    <p class="footer__attr">Copyright &copy; <span id="js-copy-date">2020</span> &dash; <a rel="nofollow" href="https://rayelliott.dev">rayelliott.dev</a></p>
  </div>
</footer>