UPDATE 2: Carousel menu.


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: AJAX, CSS, HTML5, Javascript, Website Design

See more: carousel card effect javascript, css webkit carousel menu, carousel menu cards, carousel html5, carousel menu html5, website menu design code, website for 3d models, web for design logo letters, web for 3d models, web design random, web design menu, web design carousel html, web consult, update on web design, thank you letters, safari logo design, restaurant menu project examples, restaurant logo creation logo, random logo design, random logo, ps creation logo, models of website creation in html, logo design by letters only, logo creation 3d, letters-examples

About the Employer:
( 1 review ) Montreal, Canada

Project ID: #1278644

1 freelancer is bidding on average $50 for this job


Please see PMB

$50 CAD in 1 day
(0 Reviews)