Be inspired by Metro

Toolbars

Header

You can use additional ui-app-title class to specify application title, for example

<div data-role="page">
<div data-role="header">
<span class="ui-app-title">Be inspered by Metro</span>
...
</div>
</div>

Footer

Here is more text so you can see how header and footer change their position during scrolling. Here is more text so you can see how header and footer change their position during scrolling. Here is more text so you can see how header and footer change their position during scrolling.