{% load flatpages %}
{% get_flatpages as flatpages %}
<footer class="py-4">
    <div class="container flex items-center justify-center">
                <p><a class="px-2 inline-block hover:text-primary hover:font-medium transition-colors" href="mailto:hello@peopleoo.com">hello@peopleoo.com</a></p>
    </div>
    <div class="container flex items-center justify-center">
        <p>© {% now 'Y' %} Peopleoo.</p>
        <ul class="flex items-center">
                {% for page in flatpages %}

            <li>
                <a href="/pages/{{ page.url }}" class="px-2 inline-block hover:text-primary hover:font-medium transition-colors">
                    {{ page.title }}
                </a>
            </li>
                    {% if not forloop.last %}
            •
                    {% endif %}
            {% endfor %}
        </ul>
    </div>
</footer>