index.html

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <title>ERP5</title>

    <link rel="stylesheet" href="../lib/jquery/jquerymobile.css">

    <!-- renderjs -->
    <script src="../lib/rsvp.min.js" type="text/javascript"></script>
    <script src="../lib/uritemplate.min.js" type="text/javascript"></script>
    <script src="../lib/stateless.min.js" type="text/javascript"></script>
    <script src="../lib/renderjs.min.js" type="text/javascript"></script>
    <script src="../lib/jio.js" type="text/javascript"></script>

    <script src="../lib/jquery/jquery.js" type="text/javascript"></script>
    <script src="../lib/jquery/jquerymobile.js" type="text/javascript"></script>

    <!-- custom script -->
    <script src="../js/gadget_index_url.js" type="text/javascript"></script>

    <style type='text/css'>
iframe {
  width: 100%;
  margin: 0;
  padding: 0;
}
form {
  display: inline-block;
}
    </style>
  </head>
  <body>

  <header data-role="header" data-position="fixed">
    <h2 data-i18n="header.tasks">
      Files
    </h2>
    <a href="#" id="home">
      Home
    </a>
    <a id="newdoc">
      New File
    </a>
  </header>

  <article id="mainarticle">
  </article>

  </body>
</html>