footer.html

<footer class="main-footer">
  <div class="footer-contain">
    <nav class="footer-nav" aria-label="Secondary">
      <div class="header-links">
        <a href="/donate/" class="btn btn-primary-on-dark btn-md-narrow btn--donate-footer btn--default" title="Go to Donate Page">Donate</a>
        <div class="footer-links">
          <div class="credits-page"><a href="/credits">Credits</a>&nbsp;|&nbsp;<a href="/sitemap">Site Map</a>&nbsp;|&nbsp;<a href="/privacy-policy">Privacy Policy</a>&nbsp;|&nbsp;<a href="/code-of-conduct">Code of Conduct</a>&nbsp;|&nbsp;<a href="/join">Join Us</a></div>
          <ul class="inline-list header-list">
            {% for item in site.data.navigation.social %} {% if item.footer %}
            <li>
              <a href="{{ item.link }}" rel="noopener" target="_blank" class="js-inline-link js-inline-link-{{ item.name | downcase }}" aria-label="{{ item.name }}" >
                {% if item.icon %}
                {%- include {{ site.baseurl }}{{ item.icon }} -%}
                {% endif %}
                <span class="sr-only">{{ item.name }}</span>
              </a>
            </li>
            {% endif %} {% endfor %}
          </ul>
        </div>
      </div>
    </nav>
  </div>
</footer>