<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>