Edit in JSFiddle


              

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