In Progress

HTML5, Javascript Job by DasHeff

As per our previous conversation:

Hello!

Please accept this project only if you are certain you can complete it successfully after the reading the description bellow.

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 (contains image+text & possibly video) appears bellow the carousel. The menu-card contains information relevant to the panel's category and has two sides( A & B ).

After the initial click on the panel the menu-card appears with a FADE-IN effect bellow the carousel and only the first side (Side ''A'' with logo) is seen, then automatically, WITHOUT A CLICK OF A BUTTON OR HOVER over the

menu-card, the smooth slide-flip effect presents the other side ( Side B) where the text+image+video is contained.

If a user was to click the SAME PANEL (not the menu-card) again, the menu-card is automatically refreshed with a NEW menu-card that is chosen at random from a variety of menu cards from that SAME CATEGORY. These actions should occur for each panel/category and it's respective set of menu-cards.

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

[url removed, login to view]

The rotation of the carousel should be controlled with buttons, as shown in the example.

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 major WEBKIT browsers such as Chrome, Safari.

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

PS: The capital letters do not indicate shouting, I have no option to highlight text.

Skills: HTML5, Javascript

See more: web for 3d models, web design random, web design carousel html, web consult, video custom, thank you letters, restaurant menu project examples, restaurant logo creation logo, random logo, ps creation logo, need html5 project, logo design by letters only, logo creation 3d, letters-examples, letters examples, letters 3d models, image carousel code, html web design models, html5 button, how to do a side flip, how to design a safari logo, how to design a restaurant logo, how to design 3d logo, how to 3d logo design, first capital

About the Employer:
( 1 review ) Montreal, Canada

Project ID: #1278651

Awarded to:

teget

Hired by the Employer

$50 CAD in 4 days
(13 Reviews)
5.4