Custom pagination with LocomotiveCMS

pagination.liquid

<nav class="pagination">
  <ul>
    {% if paginate.current_page > 1 %}
      <li>
        <a href="?page=1">first</a>
      </li>
    {% endif %}
    {% if paginate.previous_page %}
      <li>
        <a href="?page={{paginate.previous_page}}" rel="prev">prev.</a>
      </li>
    {% endif %}
    {% for part in paginate.parts %}
      <li class="page{% if part.title == paginate.current_page %} active{% endif %}">
        <a href="{{ part.url }}">{{ part.title }}</a>
      </li>
    {% endfor %}
    {% if paginate.next_page %}
      <li>
        <a href="?page={{paginate.next_page}}" rel="next">next</a>
      </li>
    {% endif %}
    {% if paginate.current_page < paginate.total_pages %}
      <li>
        <a href="?page={{paginate.total_pages}}">last</a>
      </li>
    {% endif %}
  </ul>
</nav>