<nav class='text-nav'> <ul> <li> {{#if this.prevLinkActive}} <a class='prev' href='{{this.prevLink}}'> {{else}} <a class='prev disabled'> {{/if}} <i class='fa fa-chevron-left'></i> <span>Previous page</span> </a> </li> {{#each this.pages}} {{#if this.ellipsis}} <li>…</li> {{else}} {{#if this.active}} <li class='active'> {{else}} <li> {{/if}} <a href='{{this.link}}'>{{this.number}}</a> </li> {{/if}} {{/each}} <li> {{#if this.nextLinkActive}} <a class='next' href='{{this.nextLink}}'> {{else}} <a class='next disabled'> {{/if}} <i class='fa fa-chevron-right'></i> <span>Next page</span> </a> </li> </ul> </nav>