---
social_networks:
  type: array
  default: []
---

<footer>
  <div class="d-flex align-items-center justify-content-between w-100">
    <div class="">
    </div>
    <div class="d-flex w-100">
      {%- for social in contact.social_networks %}
      {%- assign network = social | social_network %}
        <div class="col m-auto py-3">   
          <a class="d-flex flex-column alig-items-center primary mx-2 text-center" href="{{ network.url }}" rel="noopener noreferrer me" target="_blank">
              <p> {{ network.name | capitalize }}</p> 
            <span class="sr-only">{{ network.name | capitalize }}</span>
          </a>
        </div>
      {% endfor %}
    </div>
  </div>
</footer>