Pagination

Pagination is used to display multiple pages of content. It lets the user know that more content exists, that it's accessible, and where they are in the content navigation.

Pagination Menu Example

Pagination Example

<section class="text-card col-start-4 col-end-7 col-start-lg-4 col-end-lg-7 col-start-md-1 col-span-md-6 col-start-sm-1 col-span-sm-6 darker-teal-shadow black-text">
    <header>
        <h1>Pagination Menu Example</h1>
    </header>
    <nav class="pagination">
        <a href="#" class="page page_active">1</a>
        <a href="#" class="page">2</a>
        <p class="pagination_middle">...</p>
        <a href="#" class="page">7</a>
        <a href="#" class="page">8</a>
    </nav>
</section>