<nav aria-label="Page navigation">
  <ul class="pagination">
    <li class="{% if not page.has_previous %}disabled{% endif %}">
      <a{% if page.has_previous %} href="?page={{ page.previous_page_number }}"{% endif%} aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
	{% for pageNo in page.paginator.page_range %}
    <li{% if pageNo == page.number %} class="active"{% endif %}><a href="?page={{ pageNo }}" pageNo %}">{{ pageNo }}</a></li>
	{% endfor %}
    <li class="{% if not page.has_next %}disabled{% endif %}">
      <a{% if page.has_next %} href="?page={{ page.next_page_number }}"{% endif %} aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</nav>