Interactive html5 template

I need a template of an interactive presentation or learning website like [url removed, login to view] . The template you create would have any images and I would later customize it (update it with the logos and images I need)

The key aspects I need in this template are -

A. The interactive animations - the same animations and interactions used on quakequizsf which are -

1. At the start there is a begin button with some instruction in the middle of the page and there are 5 images in the background with a shadow beneath them and there is a menu at the bottom of the screen

2. When you mouseover any of the 5 images they magnify the image - then a dissolve effect takes you to another image with a scene in it (like the inside of a room)

3. When you click on one image the others fly out and the one clicked on open up a larger version of the clicked image

3. In the quakequizsf example there is a shake animation when the larger image or scene opens but for me I would like to not have the shake animation but 2 characters who would talk to each other using bubble text appearing - e.g. one would say to the other "hi" the other would reply "hi yourself" and I want to be able to create a conversation between the 2 using text bubbles that would play automatically (I want to be able to customize this to add more text conversation between the 2 characters) and then bring up a 3-question quiz - when you select the wrong answer you try again until you get the right answer

4. When you select the right answer you then see hotspots on the scene and when you click on them they bring up information

5. You can also go back to the the original 5 images to select another one and repeat the above until you explore all the scenarios

B. Instructions on how to customize the template - you can either put in the comment tags or provide a document to explain which section I can use to update the images or questions or content of the template - e.g. background colours, etc, what if I need to reduce the original starting 5 images to 3 in the css, html, js

[url removed, login to view] preference is html5 (or non flash) with jquery for the animations - if you have better way then please explain it in your quote. I'm not in favour of flash unless you can provide an very impressive example.

If this project goes well then this could lead to more work over time.

Please include any examples of any projects similar to my template.

Skills: Graphic Design, HTML, PHP, Website Design

See more: interactive html template, using text to create logos, template design presentation, shake n go, section html5, presentation template design, one page website animation template, need animations on my website, learning html for website design, learning html 5, javascript e learning, i want design in my room, it quote template, html5 text, html5 template design, html5 play, html 5 learning, html 5 interactive image, html5 button, how to start a conversation, how to learning create website, how to get animation on your website, how to design your room, how to design a website using html and css with example, how to design and or create logos

About the Employer:
( 1 review ) Dubai, United Arab Emirates

Project ID: #4963964