Which Disney Princess are you based on your zodiac sign?

Although I made this very early on along my path to learning web design, it remains one of my favorite achievements. I came up with all the princess to zodiac pairs, and wrote the descriptions myself. When you put in your name, you get a customized card with a description of your princess soulmate. Click the icons across the bottom to see all the different options. Make sure your volume is up, and you’ll hear a song as well!

I designed the website and coded it using HTML, CSS, and Javascript.

This was the first project I made with JavaScript, which I used to interpret the data you enter, to cue the animation, to play the right song, show the right picture, and incorporate your name and sign. I was so excited about all the knew possibilities JS opened up, and poured my heart into this project. Click here to visit the site, and enjoy!

Here are some previews:

 

P.S. I made this website before I knew about responsive web design. It looks best on a desktop, or at the very least, in landscape. I would not recommend it in another format.