Pagination V03
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A quiet, text-only pager for a podcast episode archive, with Previous on the left, the page position in the middle and Next on the right. Each click swaps the four episodes shown and updates the position, which is a polite live region. Previous and Next are disabled at the ends, and focus moves to the other button when one becomes disabled.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 380 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Text-only design with arrows that nudge on hover
- Page position announced through role=status
- Disabled states at the first and last page
- Focus hand-off when a button becomes disabled
- Episode list rendered from a data array
Similar Templates
