assets/html/footer.html

<footer class="footer footer-default" role="contentinfo">
    <div class="container">
      <nav class="row">
        <div class="col-xs-12 col-md-2">
          <div class="footer-logo">
            <a href="#">Spotify</a>
          </div>
        </div>
        <div class="col-xs-6 col-sm-4 col-md-2">
          <h3 class="nav-title">Company</h3>
          <ul class="nav">
            <li><a href="https://www.spotify.com/about-us/">About</a></li>
            <li><a href="https://www.spotifyjobs.com">Jobs</a></li>
            <li><a href="https://newsroom.spotify.com">For the Record</a></li>
          </ul>
        </div>
        <div class="col-xs-6 col-sm-4 col-md-2">
          <h3 class="nav-title">Communities</h3>
          <ul class="nav">
            <li><a href="https://artists.spotify.com">For Artists</a></li>
            <li><a href="https://developer.spotify.com">Developers</a></li>
            <li><a href="https://www.spotify.com/brands/">Brands</a></li>
            <li><a href="https://investors.spotify.com">Investors</a></li>
            <li><a href="https://spotifyforvendors.com">Vendors</a></li>
          </ul>
        </div>
        <div class="col-xs-6 col-sm-4 col-md-2">
          <h3 class="nav-title">Useful Links</h3>
          <ul class="nav">
            <li><a href="https://support.spotify.com">Help</a></li>
            <li>
              <a href="https://www.spotify.com/purchase/ecards/">Gift</a>
            </li>
            <li><a href="https://open.spotify.com">Web Player</a></li>
          </ul>
        </div>
        <div class="col-xs-12 col-md-4 col-social">
          <ul class="nav">
            <li>
              <a href="http://instagram.com/spotify">
                <svg
                  class="social-icon"
                  id="instagram-icon"
                  viewBox="0 0 448 448"
                >
                  <path
                    d="m32 366.75v-285.5q0-20.25 14.5-34.75t34.75-14.5h285.5q20.25 0 34.75 14.5t14.5 34.75v285.5q0 20.25-14.5 34.75t-34.75 14.5h-285.5q-20.25 0-34.75-14.5t-14.5-34.75zm42.749-10.25q0 6.5 4.375 10.875t10.875 4.375h267.25q6.25 0 10.75-4.375t4.5-10.875v-162h-33.75q5 15.75 5 32.75 0 31.5-16 58.125t-43.5 42.125-60 15.5q-49.25 0-84.25-33.875t-35-81.875q0-17 5-32.75h-35.25v162zm72.501-133.25q0 31 22.625 52.875t54.375 21.875q32 0 54.625-21.875t22.625-52.875-22.625-52.875-54.625-21.875q-31.75 0-54.375 21.875t-22.625 52.875zm147.25-90q0 7.25 5 12.25t12.25 5h43.5q7.25 0 12.25-5t5-12.25v-41.25q0-7-5-12.125t-12.25-5.125h-43.5q-7.25 0-12.25 5.125t-5 12.125v41.25z"
                  />
                </svg>
                <span class="social-text">Instagram</span>
              </a>
            </li>
            <li>
              <a href="https://twitter.com/spotify">
                <svg
                  class="social-icon"
                  id="twitter-icon"
                  viewBox="0 0 448 448"
                >
                  <path
                    d="m27 347.75q8.75 1 19.5 1 56.25 0 100.25-34.5-26.25-0.5-47-16.125t-28.5-39.875q8.25 1.25 15.25 1.25 10.75 0 21.25-2.75-28-5.75-46.375-27.875t-18.375-51.375v-1q17 9.5 36.5 10.25-16.5-11-26.25-28.75t-9.75-38.5q0-22 11-40.75 30.25 37.25 73.625 59.625t92.875 24.875q-2-9.5-2-18.5 0-33.5 23.625-57.125t57.125-23.625q35 0 59 25.5 27.25-5.25 51.25-19.5-9.25 28.75-35.5 44.5 23.25-2.5 46.5-12.5-16.75 24.5-40.5 41.75 0.25 3.5 0.25 10.5 0 32.5-9.5 64.875t-28.875 62.125-46.125 52.625-64.5 36.5-80.75 13.625q-67.75 0-124-36.25z"
                  />
                </svg>
                <span class="social-text">Twitter</span>
              </a>
            </li>
            <li>
              <a href="https://www.facebook.com/Spotify">
                <svg
                  class="social-icon"
                  id="facebook-icon"
                  viewBox="0 0 448 448"
                >
                  <path
                    d="m119.75 242.25v-74h63.75v-54.5q0-46.5 26-72.125t69.25-25.625q36.75 0 57 3v66h-39.25q-21.5 0-29 9t-7.5 27v47.25h73.25l-9.75 74h-63.5v189.75h-76.5v-189.75h-63.75z"
                  />
                </svg>
                <span class="social-text">Facebook</span>
              </a>
            </li>
          </ul>
        </div>
      </nav>
      <nav class="row row-small">
        <div class="col-xs-9 col-md-7">
          <ul class="nav nav-small">
            <li>
              <a class="last-updated"
                >Last Updated:
                <span data-timestamp="{{ "now" | date: "%s" }}"
                  >{{ site.time }}
                  </span
                ></a
              >
            </li>
          </ul>
        </div>
        <div class="col-xs-5 col-md-4 pull-right text-right">
          <small class="copyright">&copy; 2023 Spotify AB</small>
        </div>
      </nav>
    </div>
  </footer>