Pagination - TimberWP

<div class="box-pagination">
  <div class="row align-middle">
    <div class="large-6 medium-10 small-11 columns">
      <ul class="pages">
        {% for page in posts.pagination.pages %}
        <li>
          {% if page.link %}
          <a href="{{page.link}}" class="{{page.class}}">{{page.title}}</a>
          {% else %}
          <span class="{{page.class}}">{{page.title}}</span>
          {% endif %}
        </li>
        {% endfor %}
      </ul>
    </div>

    <div class="large-6 medium-10 small-11 columns text-center large-text-right">
      {% if posts.pagination.prev %}
      <a href="{{posts.pagination.prev.link}}"
        class="prev {{posts.pagination.prev.link|length ? '' : 'invisible'}}">Prev</a>
      {% endif %}
      {% if posts.pagination.next %}
      <a href="{{posts.pagination.next.link}}"
        class="next {{posts.pagination.next.link|length ? '' : 'invisible'}}">Next</a>
      {% endif %}
    </div>
  </div>
</div>