<!-- Start of first page: #home -->
<div data-role="page" id="home" data-add-back-btn="false">

    <div data-role="header" data-position="fixed" class="transparentheader">
        <h1>Exercise planner</h1>
        <div class="hearderline"></div>
    </div><!-- /header -->

    <div data-role="content">
        <ul id="alarms_list" data-role="listview" data-inset="true">
        </ul>
    </div><!-- /content -->

    <div data-role="footer" data-position="fixed">
        <div data-role="tabbar" data-style="tabbar">
            <ul>
                <li><a href="#new_exercise" id="newExerciseBtn">Add New Exercise</a></li>
            </ul>
        </div>
    </div><!-- /footer -->

</div><!-- /home -->
