From 28cf4fc5765217b5cfbb35547d4e1adff8882b90 Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Sun, 18 Oct 2015 13:21:56 -0500
Subject: [PATCH] docs(demos): basic, header, list card examples

---
 demos/component-docs/cards/cards-basic.html  |  9 +++--
 demos/component-docs/cards/cards-header.html | 14 ++++++--
 demos/component-docs/cards/cards-list.html   | 35 +++++++++++++++++++-
 3 files changed, 51 insertions(+), 7 deletions(-)

diff --git a/demos/component-docs/cards/cards-basic.html b/demos/component-docs/cards/cards-basic.html
index c8fd577604..3057e0d13d 100644
--- a/demos/component-docs/cards/cards-basic.html
+++ b/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>
diff --git a/demos/component-docs/cards/cards-header.html b/demos/component-docs/cards/cards-header.html
index 80a561a1cb..fdd02fbb13 100644
--- a/demos/component-docs/cards/cards-header.html
+++ b/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>
 
diff --git a/demos/component-docs/cards/cards-list.html b/demos/component-docs/cards/cards-list.html
index 09d504165c..3954fda509 100644
--- a/demos/component-docs/cards/cards-list.html
+++ b/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>