{% load static %}

<footer class="py-5 px-4 my-5 mx-auto max-w-full sm:mt-24 md:pt-4 md:pb-11 md:mt-6 md:mb-11">

  <div class="items-center px-5 pt-4 mt-16 text-center">
    <div class="justify-between pt-3 pb-3 md:space-x-3 xl:space-x-6">
      <span>&#169; The C Plus Plus Alliance, Inc.</span>
      <a class="block my-2 md:inline hover:text-orange" href="{% url 'contact' %}">Contact</a>
      <a class="block my-2 md:inline hover:text-orange" href="">Privacy Policy</a>
      <a class="block my-2 md:inline hover:text-orange" href="">Terms of Use</a>
      <a href="https://twitter.com/boost_libraries" target="_blank" class="hover:text-orange">Twitter</a>
      <a href="https://github.com/boostorg" target="_blank" class="hover:text-orange">GitHub</a>
    </div>
  </div>
</footer>
