page structure update

src/app/app.component.ts

@@ -12,7 +12,6 @@ require("!style!css!sass!./theme/sass/_ionicons.scss");
 /*
  * App Component
  * Top Level Component
- * TODO: why the header and footer are not implemented?
  */
 @Component({
   selector: 'app',
@@ -21,16 +20,9 @@ require("!style!css!sass!./theme/sass/_ionicons.scss");
   encapsulation: ViewEncapsulation.None,
   styles: [require('normalize.css'), require('./app.scss')],
   template: `
-    <header>
-    </header>
-
     <main [ngClass]="{'menu-collapsed': isMenuCollapsed}">
       <router-outlet></router-outlet>
     </main>
-
-
-    <footer>
-    </footer>
   `
 })
 @RouteConfig([

src/app/pages/pages.component.ts

@@ -10,7 +10,15 @@ import {PageTop, Sidebar} from '../theme';
   encapsulation: ViewEncapsulation.None,
   styles: [],
   directives: [PageTop, Sidebar],
-  template: `<sidebar></sidebar><page-top></page-top><router-outlet></router-outlet>`
+  template: `
+    <sidebar></sidebar>
+    <page-top></page-top>
+    <div class="al-main">
+      <div class="al-content">
+        <content-top></content-top>
+        <router-outlet></router-outlet>
+      </div>
+    </div>`
 })
 @RouteConfig([
   {