HTML5, Javascript Job by DasHeff


The "invite to bid " is not functioning so I had to use the ''hire me!" button.

This project can be completed rather fast by someone who is skilled in CSS 3D Transform Models , HTML5, JAVASCRIPT and web design in general.

The project requirements go as follows:

I need to reproduce this type of CSS 3D carousel and add some interactivity, please consult the link bellow :

[url removed, login to view]

(There are detailed instructions on the web regarding the creation of the carousel)

Each panel of the carousel will represent a category display for a restaurant menu.

When a user clicks on a panel, a menu-card (image+text & possibly video) appears bellow the carousel. The menu-card contains information relevant to the panel's category.

If a user was to click the same panel again, the menu-card is automatically refreshed with NEW menu-card that is chosen at random from a variety of menu cards from that same category. The same applies for each panel.

The menu-card should appear with a fade-in and have a smooth slide-flip effect. The 1st side that is visible should be a logo and the the flip side (2nd side) is where the image+text & possibly video is displayed.

Please see the link that follows for the card slide flip:

[url removed, login to view]

The rotation of the carousel should be controlled with buttons, as shown in the example, or by hovering the mouse pointer in the desired direction.

I need:

Working example+Scrip+code+instructions as to how this can be implemented. It should all be with HTML5, CSS, JavaScript, WEBKIT. If you have alternative suggestions please let me know.

The final product must be W3C compliant and viewable with all major WEBKIT browsers such as Chrome, Safari, Firefox and Opera.

Thank you for taking the time to consider this project and have a great day!

Skills: HTML5, Javascript

See more: web for 3d models, web design random, web design carousel html, web consult, video custom, restaurant menu project examples, restaurant logo creation logo, random logo, need html5 project, logo creation 3d, image carousel code, html web design models, html5 button, how to design a safari logo, how to design a restaurant logo, how to design 3d logo, how to custom a logo, how to 3d logo design, fast logo creation, custom logo for hire, custom 3d design, creation of a logo and image, 3d text effect, 3d logo effect, 3d logo creation

About the Employer:
( 1 review ) Montreal, Canada

Project ID: #1277645

1 freelancer is bidding on average $30 for this job


Hired by the Employer

$30 USD in 4 days
(13 Reviews)