<div class=“paginiation”>
{%- if paginator.previous_page -%} <li> <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="pagi__icon prev" id="btnPrev"> <svg width="40" height="40"> <circle class="circle-progress" r="18" cy="20" cx="20" stroke-linejoin="round" stroke-linecap="round" /> </svg> <span class="pagi__icon_arrow"></span> </a> </li> {%- endif -%} {%- if paginator.page_trail -%} {%- for trail in paginator.page_trail -%} <li> <a href="{{ trail.path | prepend: site.baseurl }}" title="{{trail.title}}" class="pagi__link{% if page.url == trail.path %} active{% endif %}">{{ trail.num }}</a> </li> {%- endfor -%} {%- endif -%} {%- if paginator.next_page -%} <li> <a href="{{ paginator.next_page_path | prepend: site.baseurl }}" class="pagi__icon next" id="btnNext"> <svg width="40" height="40"> <circle class="circle-progress" r="18" cy="20" cx="20" stroke-linejoin="round" stroke-linecap="round" /> </svg> <span class="pagi__icon_arrow"></span> </a> </li> {%- endif -%}
</div>