Pagination

Created Diff never expires
8 removals
Lines
Total
Removed
Words
Total
Removed
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
93 lines
3 additions
Lines
Total
Added
Words
Total
Added
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
93 lines
<nav class="Pagination-module__Pagination__MgG6M Pagination-module__Pagination__showPages__K1sWO"
<nav class="Pagination-module__Pagination__MgG6M Pagination-module__Pagination__showPages__K1sWO"
aria-label="Pagination">
aria-label="Pagination">
<div class="Pagination-module__Pagination__inner__HUPSX">
<div class="Pagination-module__Pagination__inner__HUPSX">
<a
<a
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Link-module__Link--arrow-start__qH1Ql Pagination-module__Pagination__item__LdRDT"
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Link-module__Link--arrow-start__qH1Ql Pagination-module__Pagination__item__LdRDT"
rel="prev" href="#3" aria-label="Previous Page">
role="button" rel="prev" href="#3" aria-label="Previous Page">
<svg
<svg
class="ExpandableArrow-module__ExpandableArrow__LPcdG ExpandableArrow-module__ExpandableArrow--reversed__JSqcK Link-module__Link-arrow__xbdbh"
class="ExpandableArrow-module__ExpandableArrow__LPcdG ExpandableArrow-module__ExpandableArrow--reversed__JSqcK Link-module__Link-arrow__xbdbh"
width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"
width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"
focusable="false">
focusable="false">
<path fill="currentColor"
<path fill="currentColor"
d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path>
d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path>
<path class="ExpandableArrow-module__ExpandableArrow-stem__jh2C8"
<path class="ExpandableArrow-module__ExpandableArrow-stem__jh2C8"
stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path>
stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path>
</svg>
</svg>
<span
<span
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
Previous</span>
Previous</span>
</a>
</a>
<a
<a
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
role="button" tabindex="0" href="#1" aria-label="Page 1">
role="button" href="#1" aria-label="Page 1">
<span
<span
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
1</span>
1</span>
</a>
</a>
<a
<a
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
role="button" tabindex="0" href="#2" aria-label="Page 2">
role="button" href="#2" aria-label="Page 2">
<span
<span
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
2</span>
2</span>
</a>
</a>
<a
<a
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
role="button" tabindex="0" href="#3" aria-label="Page 3">
role="button" href="#3" aria-label="Page 3">
<span
<span
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
3</span>
3</span>
</a>
</a>
<a
<a
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
role="button" tabindex="0" href="#4" aria-label="Page 4" aria-current="page">
role="button" href="#4" aria-label="Page 4" aria-current="page">
<span
<span
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
4</span>
4</span>
</a>
</a>
<a
<a
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
role="button" tabindex="0" href="#5" aria-label="Page 5">
role="button" href="#5" aria-label="Page 5">
<span
<span
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
5</span>
5</span>
</a>
</a>
<a
<a
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
role="button" tabindex="0" href="#6" aria-label="Page 6...">
role="button" href="#6" aria-label="Page 6...">
<span
<span
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
6</span>
6</span>
</a>
</a>
<a
<a
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
role="presentation" tabindex="0" as="span">
role="presentation">
<span
<span
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
…</span>
…</span>
</a>
</a>
<a
<a
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Pagination-module__Pagination__item__LdRDT"
role="button" tabindex="0" href="#10" aria-label="Page 10">
role="button" href="#10" aria-label="Page 10">
<span
<span
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
10</span>
10</span>
</a>
</a>
<a
<a
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Link-module__Link--arrow-end__JCrJV Pagination-module__Pagination__item__LdRDT"
class="Link-module__Link__Cgt5i Link-module__Link--default__jMW8B Link-module__Link--arrow-end__JCrJV Pagination-module__Pagination__item__LdRDT"
rel="next" href="#5" aria-label="Next Page">
role="button" rel="next" href="#5" aria-label="Next Page">
<span
<span
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
class="Text-module__Text__kfUeu Text-module__Text-font--mona-sans__TdvjR Text-module__Text--default__vMno5 Text-module__Text--200__LQghi Text-module__Text--antialiased__BMMjg Link-module__Link--label__aFZoa">
Next</span>
Next</span>
<svg
<svg
class="ExpandableArrow-module__ExpandableArrow__LPcdG Link-module__Link-arrow__xbdbh"
class="ExpandableArrow-module__ExpandableArrow__LPcdG Link-module__Link-arrow__xbdbh"
width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"
width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"
focusable="false">
focusable="false">
<path fill="currentColor"
<path fill="currentColor"
d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path>
d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path>
<path class="ExpandableArrow-module__ExpandableArrow-stem__jh2C8"
<path class="ExpandableArrow-module__ExpandableArrow-stem__jh2C8"
stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path>
stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path>
</svg>
</svg>
</a>
</a>
</div>
</div>
</nav>
</nav>