docs(demos): basic, header, list card examples

demos/component-docs/cards/cards-basic.html

@@ -5,10 +5,13 @@
 
 <ion-content class="has-header components-demo">
 
-  TODO
-  <ion-card>
+<ion-card>
 
-  </ion-card>
+  <ion-card-content>
+    This is just your basic card with some text to boot. Like it?  Keep scrolling...
+  </ion-card-content>
+
+</ion-card>
 
 
 </ion-content>

demos/component-docs/cards/cards-header.html

@@ -5,10 +5,18 @@
 
 <ion-content class="has-header components-demo">
 
-  TODO
-  <ion-card>
+<ion-card>
+
+  <ion-card-header>
+    Header
+  </ion-card-header>
+
+  <ion-card-content>
+    The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
+  </ion-card-content>
+
+</ion-card>
 
-  </ion-card>
 
 </ion-content>
 

demos/component-docs/cards/cards-list.html

@@ -5,9 +5,42 @@
 
 <ion-content class="has-header components-demo">
 
-  TODO
   <ion-card>
 
+      <ion-card-header style="color: #387df5">
+        Explore Nearby
+      </ion-card-header>
+
+      <a href="#" ion-item>
+        <icon cart item-left></icon>
+        Shopping
+      </a>
+
+      <a href="#" ion-item>
+        <icon medical item-left></icon>
+        Hospital
+      </a>
+
+      <a href="#" ion-item>
+        <icon cafe item-left></icon>
+        Cafe
+      </a>
+
+      <a href="#" ion-item>
+        <icon paw item-left></icon>
+        Dog Park
+      </a>
+
+      <a href="#" ion-item>
+        <icon beer item-left></icon>
+        Pub
+      </a>
+
+      <a href="#" ion-item>
+        <icon planet item-left></icon>
+        Space
+      </a>
+
   </ion-card>