<div data-role="page" data-theme="a">
<div data-role="content" data-theme="a">
<h2>Buttons</h2>
<a href="javascript:void(0);" data-role="button" data-theme="a" data-icon="trash">Default</a>
<a href="javascript:void(0);" data-role="button" data-theme="b" data-icon="search">Blue</a>
<a href="javascript:void(0);" data-role="button" data-theme="c" data-icon="heart">Red</a>
<a href="javascript:void(0);" data-role="button" data-theme="d" data-icon="user">Green</a>
<a href="javascript:void(0);" data-role="button" data-theme="e" data-icon="off">Sky Blue</a>
<a href="javascript:void(0);" data-role="button" data-theme="f" data-icon="cog">Yellow</a>
<h2>Inline buttons</h2>
<a href="javascript:void(0);" data-role="button" data-icon="check" data-theme="a" data-inline="true">Save</a>
<a href="javascript:void(0);" data-role="button" data-icon="check" data-theme="b" data-inline="true">Save</a>
<a href="javascript:void(0);" data-role="button" data-icon="check" data-theme="c" data-inline="true">Save</a>
<a href="javascript:void(0);" data-role="button" data-icon="check" data-theme="d" data-inline="true">Save</a>
<a href="javascript:void(0);" data-role="button" data-icon="check" data-theme="e" data-inline="true">Save</a>
<a href="javascript:void(0);" data-role="button" data-icon="check" data-theme="f" data-inline="true">Save</a>
<h2>Listviews</h2>
<ul data-role="listview" data-inset="true" data-divider-theme="a">
<li data-role="list-divider">Default</li>
<li data-icon="repeat"><a href="javascript:void(0);">A list item</a></li>
<li data-icon="lock"><a href="javascript:void(0);">A list item</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-divider-theme="b">
<li data-role="list-divider">Blue</li>
<li data-icon="flag"><a href="javascript:void(0);">A list item</a></li>
<li data-icon="tag"><a href="javascript:void(0);">A list item</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-divider-theme="c">
<li data-role="list-divider">Red</li>
<li data-icon="volume-off"><a href="javascript:void(0);">A list item</a></li>
<li data-icon="volume-up"><a href="javascript:void(0);">A list item</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-divider-theme="d">
<li data-role="list-divider">Green</li>
<li data-icon="adjust"><a href="javascript:void(0);">A list item</a></li>
<li data-icon="map-marker"><a href="javascript:void(0);">A list item</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-divider-theme="e">
<li data-role="list-divider">Sky Blue</li>
<li data-icon="adjust"><a href="javascript:void(0);">A list item</a></li>
<li data-icon="tint"><a href="javascript:void(0);">A list item</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-divider-theme="f">
<li data-role="list-divider">Yellow</li>
<li data-icon="arrow-right"><a href="javascript:void(0);">A list item</a></li>
<li data-icon="arrow-down"><a href="javascript:void(0);">A list item</a></li>
</ul>
<div data-role="footer" data-theme="a">
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="play">Play</a></li>
<li><a href="#" data-icon="pause">Pause</a></li>
<li><a href="#" data-icon="stop">Stop</a></li>
</ul>
</div>
</div>
<div data-role="footer" data-theme="b">
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="play">Play</a></li>
<li><a href="#" data-icon="pause">Pause</a></li>
<li><a href="#" data-icon="stop">Stop</a></li>
</ul>
</div>
</div>
<div data-role="footer" data-theme="c">
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="play">Play</a></li>
<li><a href="#" data-icon="pause">Pause</a></li>
<li><a href="#" data-icon="stop">Stop</a></li>
</ul>
</div>
</div>
<div data-role="footer" data-theme="d">
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="play">Play</a></li>
<li><a href="#" data-icon="pause">Pause</a></li>
<li><a href="#" data-icon="stop">Stop</a></li>
</ul>
</div>
</div>
<div data-role="footer" data-theme="e">
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="play">Play</a></li>
<li><a href="#" data-icon="pause">Pause</a></li>
<li><a href="#" data-icon="stop">Stop</a></li>
</ul>
</div>
</div>
<div data-role="footer" data-theme="f">
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="play">Play</a></li>
<li><a href="#" data-icon="pause">Pause</a></li>
<li><a href="#" data-icon="stop">Stop</a></li>
</ul>
</div>
</div>
</div>
</div>