<footer class="footer">
  <div class="footer__inner container">

    <div>
      <a href="{{ rootPath }}index.html" class="footer__brand">HER</a>
      <p class="footer__tagline">Home Enhancement and Renovation<br>San Francisco &amp; Bay Area</p>
    </div>

    <nav aria-label="Footer navigation">
      <p class="footer__nav-heading">Services</p>
      <ul class="footer__nav" role="list">
        {% for service in services %}
        <li><a href="{{ rootPath }}services/{{ service.slug }}/index.html">{{ service.name }}</a></li>
        {% endfor %}
      </ul>
    </nav>

    <div>
      <p class="footer__nav-heading">Contact</p>
      <div class="footer__contact">
        <a href="{{ site.phone | telHref }}">{{ site.phoneDisplay }}</a>
        <a href="mailto:{{ site.email }}">{{ site.email }}</a>
      </div>
    </div>

  </div>

  <div class="footer__bottom">
    <div class="container">
      <p>&copy; {{ "" | currentYear }} Home Enhancement and Renovation &mdash; HER. All rights reserved.</p>
    </div>
  </div>
</footer>
