Error Page V08

Author: Colorlib

Released: September 2026

License: CC BY 3.0

A scheduled-maintenance page for a ferry booking site, with a calm sky-and-sea illustration and a single card of information. The expected return time comes from a data attribute and is shown in the visitor's own time zone with Intl, together with the day, zone name and a friendly time-remaining label. A striped progress bar and a four-step timeline follow the elapsed time, and a Check again button reports the result in a status region.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 156 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

• ETA from data-back-in (minutes) or data-back-at (ISO date), shown via Intl in local time
• Time zone name and city, and a time-remaining label that refreshes itself
• role="progressbar" with aria-valuenow and a descriptive aria-valuetext
• Step timeline marks done, in progress and up next from elapsed time
• Animated waves and boat that stop under prefers-reduced-motion