refactor(demos): give each component section its own view

demos/component-docs/cards/cards.html

@@ -0,0 +1,62 @@
+
+<ion-navbar *navbar class="show-navbar">
+  <ion-title>Cards</ion-title>
+</ion-navbar>
+
+<ion-content class="has-header components-demo">
+<ion-card>
+
+  <ion-card-header primary>
+    Menu
+  </ion-card-header>
+
+  <ion-card-content>
+    <a ion-item href="#">
+      <icon home item-left></icon>
+      Home
+    </a>
+
+    <a ion-item href="#">
+      <icon people item-left></icon>
+      Friends
+    </a>
+
+    <button ion-item>
+      <icon musical-notes item-left></icon>
+      Music
+    </button>
+
+    <button ion-item>
+      <icon mail item-left></icon>
+      Mail
+    </button>
+  </ion-card-content>
+
+</ion-card>
+
+
+<ion-card>
+
+  <ion-item>
+    <icon football item-left></icon>
+    Schedule
+    <button outline item-right>Open</button>
+  </ion-item>
+
+</ion-card>
+
+<ion-card>
+
+  <ion-item>
+    <icon trophy item-left></icon>
+    Trophies
+    <button outline item-right>View</button>
+  </ion-item>
+
+</ion-card>
+
+</ion-content>
+
+
+
+

demos/component-docs/cards/cards.ts

@@ -0,0 +1,10 @@
+import {IonicPlatform, IonicView} from 'ionic/ionic';
+
+@IonicView({
+  templateUrl: 'cards/cards.html',
+})
+export class CardsPage {
+    constructor() {
+
+    }
+}