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

<footer class="footer transition-fade">
  <div class="l-underlay footer-bg"></div>
  <div class="l-wrapper l-section-pad l-section-pad--pb-reduce">
    <ul class="l-flex-list-row footer__body">
      <li class="footer__body-section footer__body-section--m-left-align">
        <h3 class="footer__heading">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 footer__social-list">
          <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 class="footer__body-section footer__body-section--m-left-align footer__body-section--narrow">
        <h3 class="footer__heading--small footer__heading">Useful Links</h3>
        <ul class="l-list-bare">
          <li><a class="footer__link" href="#">Link One</a></li>
          <li><a class="footer__link" href="#">Link Two</a></li>
          <li><a class="footer__link" href="#">Link Three</a></li>
          <li><a class="footer__link" href="#">Link Four</a></li>
        </ul>
      </li>
      <li class="footer__body-section footer__body-section--m-left-align footer__body-section--narrow">
        <h3 class="footer__heading--small footer__heading">Other Resources</h3>
        <ul class="l-list-bare">
          <li><a class="footer__link" href="#">Link One</a></li>
          <li><a class="footer__link" href="#">Link Two</a></li>
          <li><a class="footer__link" href="#">Link Three</a></li>
          <li><a class="footer__link" href="#">Link Four</a></li>
        </ul>
      </li>
    </ul>
    <ul class="l-flex-list-row footer__footer">
      <li class="footer__term"><a class="footer__link" href="{{ "terms-and-conditions" | relURL }}">Terms and Conditions</a></li>
      <li class="footer__term"><a class="footer__link" href="{{ "privacy-policy" | relURL }}">Privacy Policy</a></li>
    </ul>
    <p class="footer__attr">Copyright &copy; <span id="js-copy-date">2019</span> &dash; <a class="footer__link" rel="nofollow" href="https://rayelliott.dev">rayelliott.dev</a></p>
  </div>
</footer>