<footer class="site-footer" role="contentinfo">
  {% if site_logo %}
    <div class="footer__brand">
      {%
        include '@components/site-logo-white/site-logo-white.twig' with {
          "link": site_logo.link,
          "icon": site_logo.icon
        } only
      %}
    </div>
  {% endif %}
  <div class="footer__inner">
    {% if contact or social_icons or menu %}
      <div class="footer__top">
        {% if contact or social_icons %}
          <div class="footer__top--section footer-section-first">
            {% if contact %}
              <div class="footer__contact">
                {%
                  include '@components/contact/contact.twig' with {
                    "contact": contact
                  } only
                %}
              </div>
            {% endif %}
            {% if social_icons %}
              <div class="footer__social">
                {%
                  include '@components/social-icons/social-icons.twig' with {
                    "items": social_icons
                  } only
                %}
              </div>
            {% endif %}
          </div>
        {% endif %}
        <div class="footer__top--section  footer-section-second">
          <div class="footer__directions">
            {% include '@components/map/map.twig' %}
          </div>
        </div>
        {% if menu %}
          <div class="footer__top--section footer-section-last">
            <div class="footer__menu">
              <h4 class="footer__school-name">
                {{ school_name }}
              </h4>
              {%
                include '@components/menu/menu.twig' with {
                  "items": menu
                } only
              %}
            </div>
          </div>
        {% endif %}
      </div>
    {% endif %}
    {% if copyright or legal or back_top %}
      <div class="footer__bottom">
        <div class="footer__bottom--inner">
          {% if copyright %}
            <div class="footer__bottom--section">
              {% include '@components/copyright/copyright.twig' %}
            </div>
          {% endif %}
          {% if legal %}
            <div class="footer__bottom--section">
              {% include '@components/legal/legal.twig'  with {
                "items": legal
                } only
              %}
            </div>
          {% endif %}
          {% if back_top %}
            <div class="footer__bottom--section footer__back-to-top">
              <a href="#top">{{ back_top }}</a>
            </div>
          {% endif %}
        </div>
      </div>
    {% endif %}
  </div>
</footer>


<hr />

<div class="kss-item__overview-wrapper">
  <h2 class="kss-item__title">Footer Slim</h2>
  <div class="kss-item__description">
    <p>Footer Slim is used in Advertising Page.</p>
  </div>
</div>

<footer class="site-footer site-footer__slim" role="contentinfo">
  {% if site_logo %}
    <div class="footer__brand">
      {%
        include '@components/site-logo-white/site-logo-white.twig' with {
          "link": site_logo.link,
          "icon": site_logo.icon
        } only
      %}
    </div>
  {% endif %}
  <div class="footer__inner">
    {% if copyright %}
      <div class="footer__bottom">
        <div class="footer__bottom--inner">
          {% if copyright %}
            <div class="footer__bottom--section">
              {% include '@components/copyright/copyright.twig' %}
            </div>
          {% endif %}
        </div>
      </div>
    {% endif %}
  </div>
</footer>