<footer class=“site-footer”>

<div class="wrapper">

  <h2 class="footer-heading">{{ site.footer_title | site.title | escape }}</h2>

  <div class="footer-col-wrapper">
    <div class="footer-col footer-col-1">
      <ul class="contact-list">
        <li>
          {% 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>

    <div class="footer-col footer-col-2">
      <ul class="social-media-list">
        {% if site.github_username %}
        <li>
          {% include icon-github.html username=site.github_username %}
        </li>
        {% endif %}

        {% if site.twitter_username %}
        <li>
          {% include icon-twitter.html username=site.twitter_username %}
        </li>
        {% endif %}

        {% if site.linkedin_username %}
        <li>
          {% include icon-linkedin.html username=site.linkedin_username %}
        </li>
        {% endif %}
      </ul>
    </div>

    <div class="footer-col footer-col-3">
      <!-- <span>
        {% if site.image %}
          <img class="site-image" src={{site.url}}/{{site.image}}/>
        {% endif %} -->
        <p>{{ site.long_description | escape }}</p>
      <!-- </span> -->
    </div>
  </div>

</div>

</footer>