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

    <div data-role="content">
        <div>
            <h2>Section 2</h2>
            <p>This is Secion 2.</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">
<!--
            <div data-role="fieldcontain">
                <fieldset data-role="controlgroup" data-type="horizontal">
                    <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
                    <label for="segment1">Button1</label>
                    <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
                    <label for="segment2">Button2</label>
                </fieldset>
            </div>
-->
    </div><!-- /footer -->
</div><!-- /page -->