Web App HTML

<!DOCTYPE html>
<html>
    <!-- header information-->
    <!-- Imported and linked stylesheets-->
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" href="stylesheet.css">
        <link rel="stylesheet" type="text/css" href=" jquery.mobile.flatui.css">
        <script type="text/javascript" src="script.js"></script>
        <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <title>Web App</title>
    </head>
    <body>
    <!-- Homepage-->
        <div data-role="page" id="TCHomepage">
            <!--Hidden Panel on homepage-->
                <div data-role="panel" id="homePagePanel" data-position-fixed="true" data-position="left" data-display="push"  data-dismissible="false" data-swipe-close="false">
                    <p id = "panelTitle">Functions</p>
                        <p class = "panelFunctions">Function 1</p>

                        <p class = "panelFunctions">Function 2</p>

                        <p class = "panelFunctions">Function 3</p>

                        <p class = "panelFunctions">Function 4</p>

                        <p class = "panelFunctions">Function 5</p>
                </div>
                <header></header>
    <!--Navigation Bar-->
    <!-- Set up persistent nav bar using data-position="fixed"-->
                <div data-role="header" data-position="fixed" class="header-bar">
                    <a href="#homePagePanel" data-icon="flat-menu">Menu</a>
                    <h1>Trouble Call Web App</h1>
                    <a href="#TCHomepage" data-icon="home">Home</a>
                </div>
    <!--Homepage Accordion-->
                <div data-role="collapsible-set" data-inset="false" id="homepageAccordian" >
    <!-- Crew List -->
                    <div data-role="collapsible">
                        <h3>Crew</h3>
                            <ul data-role="listview" data-inset="false">
                                <li>Crew #1</li>
                                <li>Crew #2</li>
                                <li>Crew #3</li>
                                <li>Crew #4</li>
                            </ul>
                    </div>
    <!-- Last Ten -->
                    <div data-role="collapsible">
                        <h3>Open Calls</h3>
                            <ul data-role="listview" data-inset="false">
                                <li>Call #1</li>
                                <li>Call #2</li>
                                <li>Call #3</li>
                                <li>Call #4</li>
                            </ul>
                    </div>
                </div>
            <footer></footer>
        </div>
    </body>
</html>