Pacific Surfliner custom 404 page
Its always exciting when you are given a bit of creative freedom to build something one of a kind. I had the pleasure of being assigned a custom 404 page. The client did not want the same old thing and really wanted something that reflected who they are.
I came up with the idea of a train with the 404 as the train number.
The animated page can be viewed here: pacificsurfliner.com/404
The entire 404 page design was created in Adobe Illustrator. I then converted my design into an SVG.
I placed the SVG into my code editor and began to write CSS to accomplish the animations.
This page has no JavaScript, it is pure HTML and CSS.