ulrich
2018-03-30 df8c52e525ef7b1da495e84e5a403cf1ef42e99d
commit | author | age
d3a2d9 1 <!DOCTYPE html>
U 2 <html>
3   <head>
4     <title>App-Layout</title>
5     <meta charset="UTF-8">
6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
7     <link rel="stylesheet" type="text/css" href="jslib/app-menu/nav-toggle.css">
8     <link rel="stylesheet" type="text/css" href="jslib/app-menu/app-menu.css">
df8c52 9     <link rel="stylesheet" type="text/css" href="hamburger.css">
d3a2d9 10     <link rel="stylesheet" type="text/css" href="app.css">
U 11   </head>
12   <body>
13     <!-- Kopfzeile -->
14     <div class="nord">
df8c52 15       <div id="nav-menu">
U 16         <div id="nav-toggle" class="hamburger hamburger--elastic">
17           <div class="hamburger-box">
18             <div class="hamburger-inner"></div>
19           </div>
20         </div>
21       </div>
22       <div class="app-titel">
23         <span id="app-titel">App-Titel</span>
24       </div>
d3a2d9 25     </div>
U 26     <div class="inhalt">
27       <!-- westliche Seitenleiste -->
28       <div class="west">
29         westliche Seitenleiste
30       </div>
31       <!-- zentraler Inhaltsbereich -->
32       <div class="zentrum">
33         <p>
df8c52 34           Inhalt hier...
d3a2d9 35         </p>
U 36       </div>
37       <!-- oestliche Seitenleiste -->
38       <div class="ost">
39         östliche Seitenleiste
40       </div>
41     </div>
42     <!-- Fusszeile -->
43     <div class="sued">
44       Fußzeile
45     </div>
46
47     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
48     <script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js"></script>
49     <script src="jslib/app-menu/app-menu.js"></script>
50     <script src="app.js"></script>
51     <script>
52       var app;
53       $(document).ready(function() {
54         app = new AppVorlage();
55         app.init();
56       });
57     </script>
58   </body>
59 </html>