<div data-role="page">
    <div data-role="header" data-position="fixed">
        <h1>Master-Detail Application</h1>
        <a id="opt_text" data-icon="optiontray"></a>
        <div data-role="controlbar">
            <ul>
            <li><a href="index.html" class="ui-btn-active">Introduction</a></li>
            <li><a href="section1.html">Section 1</a></li>
            <li><a href="section2.html">Section 2</a></li>
            </ul>
        </div>
    </div><!-- /header -->

    <div data-role="content">
        <div >
            <h2>Introduction</h2>
            <p>This template is for a master-detail structured application.</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>&nbsp&nbsp&copy; Your Company</p>
    </div><!-- /footer -->
</div><!-- /page -->