<footer class=“FooterElement”>

<div class="container">
  <div class="row">
    {% for i in site.data.components.footer %}
      <section class="FooterSection">
        <div class="FooterSectionTop">
          <div class="FooterSectionHeader">
            {{ i.title }}
          </div>
          <div class="FooterSectionContent">
            {% for o in i.options %}
              <ul>
                <li>
                  <a href="{{ o.link }}">{{o.label}} </a>
                </li>
              </ul>
            {% endfor %}
          </div>
        </div>
        {% if forloop.last %}
          <p class="FooterCopyright">© 2018 The PGA of America</p>
        {% endif %}
      </section>
    {% endfor %}
  </div>
</div>

</footer>