<div data-role="page">
    <div data-role="header" data-position="fixed">
        <h1>Master-Detail Application</h1>
    </div><!-- /header -->

    <div data-role="content">
        <div data-role="controlgroup" data-type="horizontal">
            <a data-role="button">Button 1</a>
            <a data-role="button">Button 2</a>
            <a data-role="button">Button 3</a>
        </div>
        <div>
            <h2>Section 1</h2>
            <p>This is Secion 1.</p>
        </div>
        <div>
            <div data-role="collapsible" data-collapsed="true">
                <h3>More in this section</h3>
                <ul data-role="listview">
                    <li class="ui-li-1line ui-li-dialogue" data-expandable="true" id="section" data-initial-expansion="true">Details</li>
                    <li class="ui-li-1line ui-li-dialogue" data-expanded-by="section"><a href="index.html">Introduction</a></li>
                    <li class="ui-li-1line ui-li-dialogue" data-expanded-by="section"><a href="section1.html">Section 1</a></li>
                    <li class="ui-li-1line ui-li-dialogue" data-expanded-by="section"><a href="section2.html">Section 2</a></li>
                </ul>
            </div>
        </div>
    </div><!-- /content -->

    <div data-role="footer" data-position="fixed">
        <p></p>
    </div><!-- /footer -->
</div><!-- /page -->