Section title

Heading first

Heading second

This is a normal paragraph to add any text you like.

Table heading	Tweets	Following	Followers
@xaviesteve	Click	131	195
@xaviesteve	622	Click	195
@xaviesteve	622	131	Click

You can follow me on Twitter for updates on this template at @xaviesteve.

Heading first

Account details

Me got forms too:

• Normal item
• Active section
• Red circle5
• Status indicator On

iPad/iPhone template by Xavi Esteve made in pure HTML and CSS (without requiring JavaScript) that works perfectly on any modern browser. It uses responsive queries to hide the sidebar in iPad portrait mode and in the iPhone (you can disable that easily if you want to).

The code has been developed so that there is no "divitis", completely optimized and minimal HTML code. There are no images or animations at all, everything has been coded using the latest CSS3 available features. Ready to download and start developing. These are some of the template's features:

App-ready: You can install this template as a normal app, removing the Safari top navigation bar and enjoying the full screen.

Responsive: Hides the sidebar in iPhone, mobiles and iPad portrait mode.

Heading styles: Two different heading styles: the main black one and the smaller blueish.

Anchor texts (links): The whole clickable area is active so that even fat fingers can click comfortably.

Scrollable: Both the sidebar and the main content can be scrolled separately.

Tables: Fully flexible and liquid tables that allow you to include more information while keeping the same look and feel as in any Apple app.

Forms: Fillable text and password fields, select dropdowns and buttons.

Tested in: iPhone 4, iPhone 3GS, iPad 2, Safari 5, Chrome 16 and Firefox 9.

License: Public Domain. It is free to use (commercially too) and you do not need to give me credits although I would appreciate them. It'll make my day if you send me a link to your creation.

To download the most recent version of this template visit xaviesteve.com.