My Project

Review "MenuData" example covered attached to the document. Convert the example to a similar app using jQuery Mobile. The app should have three pages(implemented within the same HTML file), selectable with three tabs at the top of application: "Home", "Menu", and "Contacts".The menu tab should be selected by default. The "Home" page should display some fake info about the diner with pictures. The "Contacts" page should display some fake contact information and pictures. The menu page should contain an additional toolbar (or a button group), inside of the page,for three menu selections: "Breakfast", "Lunch", and "Diner". By default, the app should automatically select and display the appropriate menu according to the time of the day, but the user should be able to switch between the menus with the menu buttons. The menu data should be loaded by the application from an XML file, using [login to view URL] your own jQuery Mobile theme (generated with Theme Roller), your own style sheet and some additional pictures to customize the application look; make it work and look nice. Strictly required: use one HTML file, use jQuery Mobile, use jQuery.