<div data-role="page" id="foo" data-theme="$${JQMTheme|'c'}">
    <div data-role="header" data-position="fixed" data-theme="$${JQMTheme|'a'}">
        <h1>Navigation Application</h1>
    </div><!-- /header -->

    <div data-role="content" data-theme="$${JQMTheme|'c'}">
        <ul data-role="listview" data-dividertheme="$${JQMTheme|'b'}" style="margin-top: 0;">
                    <li><a href="index.html">Classic</a></li>
                    <li><a href="index.html">2011 Hit song</a></li>
                    <li><a href="index.html">In the gym</a></li>
                    <li><a href="index.html">For baby</a></li>
                    <li><a href="index.html">My favorite </a></li>
                </ul>
    </div><!-- /content -->

    <div data-role="footer" data-id="fool" data-position="fixed" data-theme="$${JQMTheme|'a'}">
        <div data-role="navbar">
            <ul>
                <li><a href="index.html" class="ui-btn-active">Play List</a></li>
                <li><a href="section1.html">Music</a></li>
                <li><a href="section2.html">Artist</a></li>
            </ul>
        </div><!-- /navbar -->
    </div><!-- /footer -->
</div><!-- /page -->