<footer id=“site-footer”>

<div class="container">
  <div class="h5 pt-4">{{ site.title | escape }}</div>

  <div class="row">
    <div class="col col-lg-3">
      <ul class="list-unstyled">
        <li class="text-secondary">
          {% if site.author %}
            {{ site.author | escape }}
          {% else %}
            {{ site.title | escape }}
          {% endif %}
          </li>
          {% if site.email %}
            <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
          {% endif %}
      </ul>
    </div>
    {% if site.footer_icons %}
    <div class="col-6 col-lg-3">
      <ul class="list-unstyled">
        {% for footer_icon in site.footer_icons %}
          <li>
            <a href="{{ footer_icon.url }}">
              {% if footer_icon.icon %}
              {% capture icon %}{% include {{footer_icon.icon}} %}{% endcapture %}
              <span class="align-middle text-secondary pr-2">{{ icon | strip }}</span>{% endif %}<span>{{ footer_icon.username }}</span>
            </a>
          </li>
        {% endfor %}
      </ul>
    </div>
    {% endif %}
    <div class="col-12 col-lg">
      <p class="text-secondary text-justify">{{ site.description | escape }}</p>
    </div>
  </div>

</div>

</footer>