404 page

About this component

The 404 page is where users land if they follow a broken link.

Styling

The 404 page has a cute Poppie the Panther illustration (it’s animated, and there’s a surprise if you wait long enough!) and a search form to help users find what they’re looking for.

How to use for 404 page

Edit the 404.php file.

欧洲杯决赛竞猜app_欧洲杯足球网-投注|官网ment info for 404 page

Stylesheet location: /_source/styles/components/_forms.scss

Example of 404 page

Numbered components
  1. global header, global navigation
  2. site title
  3. page title
  4. Poppie the Panther illustration, animated
  5. search form
  6. footer

404 page

404 page screenshot

Animation

Poppie animation, his pupils follow the mouse around and if you wait he blinks