<div data-role="page" class="type-interior" data-theme="$${JQMTheme|'c'}">
    <div data-role="header" data-theme="$${JQMTheme|'a'}">
        <h1>Master-Detail Application</h1>
        <a href="index.html" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
    </div><!-- /header -->

    <div data-role="content" data-theme="$${JQMTheme|'c'}">
        <div class="content-primary">
            <h2>Section 2</h2>

            <p>This is Section 2.</p>
        </div><!--/content-primary -->

        <div class="content-secondary">
            <div data-role="collapsible" data-collapsed="true" data-content-theme="$${JQMTheme|'c'}">
                <h3>More in this section</h3>
                <ul data-role="listview" data-dividertheme="$${JQMTheme|'b'}">
                    <li data-role="list-divider">Details</li>
                    <li><a href="index.html">Introduction</a></li>
                    <li><a href="section1.html">Section 1</a></li>
                    <li><a href="section2.html">Section 2</a></li>
                </ul>
            </div>
        </div>
    </div><!-- /content -->

    <div data-role="footer" class="footer-docs" data-theme="$${JQMTheme|'a'}" data-position="fixed">
        <p></p>
    </div>
</div><!-- /page -->