<!-- Start of first page: #notification -->
<div data-role="page" id="notification" 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">
        <div id="status" class="run"></div>
        <div class="notificationContainer exercise"></div>
    </div><!-- /content -->

    <div data-role="footer" data-position="fixed">
        <div data-role="tabbar" data-style="tabbar">
            <ul>
                <li><a href="#home">Exercises list</a></li>
                <li><a class="exit">Exit</a></li>
            </ul>
        </div>
    </div><!-- /footer -->

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

