HTML, CSS & JavaScript Web site

Mockup for Once upon a time TV show fan site

This website concept based on the TV Once Upon a Time, was completely hand built in HTML, CSS & JavaScript code. Buy using JavaScript I was able to create a fading mirror that transforms from one characters face to another as the names of the characters slide into place on the right side of the screen. The theme song to the show is played in the background while the animation is preformed. In the show each actor portrays two character one is the Storybook character and one is a real life character in the town of Storybrooke. When you select a character page you are given a choice between the two character pages which also incorporates the sliding movement from one page to the other. On the finale page a grid of secondary characters are shown and has you mouse hovers over the image of the character boxes the pictures & names switch between the two characters. Select the link below to view the site in action.

Once Upon a Time