PhoneGap UI

This is a simple PhoneGap app. I'm just looking for the UI design. I will plug in the actual data/functionality. Here's what I need: 1. Main Screen: - (Logo Symbol attached) Title - ON / OFF Toggle button (needs to be really easy on mobile). - (icon) Sub Page #1 > - (icon) Sub Page #2 > - (icon) Sub Page #3 > These contents should fill the screen and work similar to android/ios setting screens. When you tap one of the "Sub Pages" the screen should slide to the right revealing the selected sub page. 2. Sub Page #1: - < Sub Page #1 Title - scrollable grid with two columns (no column headers). - First column should contain text. - Second column should contain an (X) allowing to delete the item. - Footer with a single "ADD" button across the bottom. - When "ADD" is clicked there is UI to add a row. Again, I will wire up the real data but for this job adding and removing rows should work strictly from a UI perspective (meaning that changes will not be persisted anywhere). Tapping on the Title takes you back to the main screen (with an animated scroll). 3. Sub Page #2 works exactly like sub page #1. 4. Sub Page #3 works exactly like sub page #1 except there is no footer and the grid just has 2 text columns (no way to add or remove rows). Just a scrolling grid with two text columns. The Main colors for the UI should be: #ffffff #77b7de #3d5a70 #002142 I think I've been clear. When you are done I want to be able to drop your files into the www folder of my PhoneGap app and have it work as described above.