Code for the screenshot in the docs

Code for the screenshot in the docs

The jquery docs, here: http://jquerymobile.com/demos/1.0a2/#docs/about/intro.html

shows a screenshot of a two-column layout on an ipad. It looks like this:



Can someone please direct me to the code to create a page like that? Obviously, I'm a beginner. I appreciate the help. I've tried fiddling with ui-grid-a and b but haven't managed to get it working.

Ideally, I'd like to have a menu page and a content page. If the ipad is in portrait orientation or if you viewed the site on a phone, the menu and content would be separate (the default jquery mobile behavior) but if you viewed the site on an ipad in landscape mode it would look like the screenshot from the jquery mobile docs.