Middle column of the Shopify Supply theme

supply-footer-middle

{% if settings.footer_display_contact %}
<div class="grid-item medium--one-half large--five-twelfths">
  <h3>{{ settings.footer_contact_title }}</h3>
  <p>
    {% if settings.footer_contact_text != blank %}
      {{ settings.footer_contact_text }}
    {% else %}
      Add some text to show here in your <a href="/admin/themes" title="Edit theme settings"> theme settings</a>.
    {% endif %}
  </p>

  {% if settings.footer_display_social %}
    {% comment %}
      Loop through the social network links
    {% endcomment %}
    <ul class="inline-list social-icons">
      {% if settings.twitter_link != blank %}
        <li>
          <a class="icon-fallback-text" href="{{ settings.twitter_link }}" title="{{ shop.name }} on Twitter">
            <span class="icon icon-twitter" aria-hidden="true"></span>
            <span class="fallback-text">Twitter</span>
          </a>
        </li>
      {% endif %}
      {% if settings.facebook_link != blank %}
        <li>
          <a class="icon-fallback-text" href="{{ settings.facebook_link }}" title="{{ shop.name }} on Facebook">
            <span class="icon icon-facebook" aria-hidden="true"></span>
            <span class="fallback-text">Facebook</span>
          </a>
        </li>
      {% endif %}
      {% if settings.pinterest_link != blank %}
        <li>
          <a class="icon-fallback-text" href="{{ settings.pinterest_link }}" title="{{ shop.name }} on Pinterest">
            <span class="icon icon-pinterest" aria-hidden="true"></span>
            <span class="fallback-text">Pinterest</span>
          </a>
        </li>
      {% endif %}
      {% if settings.google_plus_link != blank %}
        <li>
          <a class="icon-fallback-text" href="{{ settings.google_plus_link }}" title="{{ shop.name }} on Google">
            <span class="icon icon-google" aria-hidden="true"></span>
            <span class="fallback-text">Google</span>
          </a>
        </li>
      {% endif %}
      {% if settings.instagram_link != blank %}
        <li>
          <a class="icon-fallback-text" href="{{ settings.instagram_link }}" title="{{ shop.name }} on Instagram">
            <span class="icon icon-instagram" aria-hidden="true"></span>
            <span class="fallback-text">Instagram</span>
          </a>
        </li>
      {% endif %}
      {% if settings.tumblr_link != blank %}
        <li>
          <a class="icon-fallback-text" href="{{ settings.tumblr_link }}" title="{{ shop.name }} on Tumblr">
            <span class="icon icon-tumblr" aria-hidden="true"></span>
            <span class="fallback-text">Tumblr</span>
          </a>
        </li>
      {% endif %}
      {% if settings.youtube_link != blank %}
        <li>
          <a class="icon-fallback-text" href="{{ settings.youtube_link }}" title="{{ shop.name }} on YouTube">
            <span class="icon icon-youtube" aria-hidden="true"></span>
            <span class="fallback-text">YouTube</span>
          </a>
        </li>
      {% endif %}
      {% if settings.vimeo_link != blank %}
        <li>
          <a class="icon-fallback-text" href="{{ settings.vimeo_link }}" title="{{ shop.name }} on Vimeo">
            <span class="icon icon-vimeo" aria-hidden="true"></span>
            <span class="fallback-text">Vimeo</span>
          </a>
        </li>
      {% endif %}
      {% if settings.fancy_link != blank %}
        <li>
          <a class="icon-fallback-text" href="{{ settings.fancy_link }}" title="{{ shop.name }} on Fancy">
            <span class="icon icon-fancy" aria-hidden="true"></span>
            <span class="fallback-text">Fancy</span>
          </a>
        </li>
      {% endif %}
    </ul>
  {% endif %}
</div>
{% endif %}