<footer class=“slide autoHeight bg-mid-grey exclude”>

<div class="content padding-top-7 padding-bottom-6">
  <div class="container">
    <ul class="flex center later">

      <li class="col-8-12 toCenter ae-1 fromTop padding-bottom-1">
        <div class="padding-right-3 padding-left-3">
          <a href="{{ site.baseurl }}/" title="{{ site.title }}">
            <img src="{{ '/assets/vendor/uploads/logo.png' | prepend:site.baseurl }}" alt="Logo {{ site.title }}" width="180">
          </a>

          <div class="padding-top-3 padding-bottom-3">
            {% if site.data.menus.footer > 0 %}
            {% for item in site.data.menus.footer %}
            <a href="{{ item.url | relative_url }}" class="text-white text-uppercase letter-space-2" style="margin:0 10px; font-size:16px;">{{ item.title }}</a> {% unless forloop.last == true %} &nbsp;-&nbsp; {% endunless %}
            {% endfor %}
            {% else %}
            <a href="/about" class="text-white text-uppercase letter-space-2" style="margin:0 10px; font-size:16px;">About</a>  &nbsp;-&nbsp; 

            <a href="/news" class="text-white text-uppercase letter-space-2" style="margin:0 10px; font-size:16px;">News</a>  &nbsp;-&nbsp; 

            <a href="/donate" class="text-white text-uppercase letter-space-2" style="margin:0 10px; font-size:16px;">Donate</a> 
            {% endif %}
          </div>

        </div>
      </li>
      <li class="col-12-12 ae-3 fromBlur">
        <div class="padding-bottom-3">
          {% if site.data.menus.social > 0 %}

          {% assign sorted_social = site.data.menus.social | sort: "weight" %}
          {% for social in sorted_social %}
          {% if social.url contains "facebook" %}
          <a href="{{ social.url }}" target="_blank">
            <span class="fa-stack circle-button fa-lg">
              <i class="fa fa-circle fa-stack-2x text-blue" aria-hidden="true"></i>
              <i class="fa fa-facebook fa-stack-1x" aria-hidden="true"></i>
            </span>
          </a>
          {% elsif social.url contains "twitter" %}
          <a href="{{ social.url }}" target="_blank">
            <span class="fa-stack circle-button fa-lg">
              <i class="fa fa-circle fa-stack-2x text-blue" aria-hidden="true"></i>
              <i class="fa fa-twitter fa-stack-1x" aria-hidden="true"></i>
            </span>
          </a>
          {% endif %}
          {% endfor %}
          {% else %}
          <a href="https://facebook.com/CodeNationCrew" target="_blank">
            <span class="fa-stack circle-button fa-lg">
              <i class="fa fa-circle fa-stack-2x text-blue" aria-hidden="true"></i>
              <i class="fa fa-facebook fa-stack-1x" aria-hidden="true"></i>
            </span>
          </a>

          <a href="https://twitter.com/CodeNationCrew" target="_blank">
            <span class="fa-stack circle-button fa-lg">
              <i class="fa fa-circle fa-stack-2x text-blue" aria-hidden="true"></i>
              <i class="fa fa-twitter fa-stack-1x" aria-hidden="true"></i>
            </span>
          </a>
          {% endif %}

        </div>
      </li>

      <li class="col-8-12 toCenter ae-2 fromRight">
        <p>
          <i>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi temporibus praesentium deserunt, rem doloremque et numquam odio fugit excepturi repudiandae. Eum explicabo architecto ducimus, perspiciatis, itaque repellat minus magni aut!</i>
        </p>
      </li>

      <li class="col-12-12 toCenter ae-2 fromRight">
        <p class="margin-bottom-3">
          <div class="padding-bottom-2">
          PO Box 391<br>
          Burlington, VT 05402</div>
          <div>
            © {{ site.title }} 2020 | <a href="/privacy-policy/">Privacy Policy</a>
          </div>
        </p>
      </li>

      <li class="col-12-12 toRight ae-2 fromRight">
        <small class="text-white" style="font-size:13px;">
          Created by <a href="http://www.codenation.com" target="_blank" class="text-blue">Code Nation</a>
        </small>
      </li>
    </ul>
  </div>
</div>

</footer>