Develop a simple web app to represent a fictional company selling office supplies (pens, pencils, erasers, etc.) In this problem, you can use images and data about products from web (for example, www.staples.ca).
Use jQuery Mobile with a toolbar at the top, having three tabs: "Home", "Products", and "Contacts".
The "Home" should contain a brief fictional information, and links to "Products" and "Contacts".
"Products" page should contain a list of three products with images. The products data should be loaded from a JSON file. Clicking on the items should open product details pages as separate pages with "back" button at the top.
"Contacts" page should contain a fictional contact information.
Use various transitions for links between the pages.
Customize the appearance of the app with your own theme and CSS. Make the app look reasonably pretty.