Show all flag_css in single html page

[shawnngtq]

I'm trying to show all countries with flags in a html page but failed. Anyone has solution?

<!-- example.html -->

{% load static %}
<link rel="stylesheet" href="{% static 'flags/sprite-hq.css' %}">
{% load countries %}
{% get_countries as countries %}

{% for country in countries %}
    <p><i class="{{ country.flag_css }}"></i>{{ country.name }}</p>
{% endfor %}

Reference:

• https://github.com/SmileyChris/django-countries#template-tags
• https://github.com/SmileyChris/django-countries#the-country-object