diff --git a/demos/component-docs/app.css b/demos/component-docs/app.css
index 117060707c..c8da5ed377 100644
--- a/demos/component-docs/app.css
+++ b/demos/component-docs/app.css
@@ -116,17 +116,9 @@ scroll-content {
   background-color: #fff;
   border-bottom: 0;
 }
-#demo-card-left {
-  font-size: 14px;
-  margin-top: -90px;
-  margin-left: 10px;
-  float: left;
+.demo-card {
+  height: 0;
 }
-#demo-card-right {
-  font-size: 14px;
-  margin-top: -90px;
-  float: right;
-  margin-right: 10px;
-
-
+.demo-card button {
+  font-size: 1.3rem;
 }
\ No newline at end of file
diff --git a/demos/component-docs/cards/cards.html b/demos/component-docs/cards/cards.html
index f0de786baa..53f981014b 100644
--- a/demos/component-docs/cards/cards.html
+++ b/demos/component-docs/cards/cards.html
@@ -4,56 +4,39 @@
 </ion-navbar>
 
 <ion-content class="has-header components-demo">
-<ion-card>
 
-  <ion-card-header primary>
-    Menu
-  </ion-card-header>
+  <ion-card>
 
-  <ion-card-content>
-    <a ion-item href="#">
-      <icon home item-left></icon>
-      Home
-    </a>
+    <div>
+      <img src="img/nin-live.png"/>
+    </div>
 
-    <a ion-item href="#">
-      <icon people item-left></icon>
-      Friends
-    </a>
+    <ion-card-content>
+      <h2 class="card-title">
+        Nine Inch Nails Live
+      </h2>
+      <p>
+        The most popular industrial group ever, and largely responsible for bringing the music to a mass audience.        
+      </p>
+    </ion-card-content>
 
-    <button ion-item>
-      <icon musical-notes item-left></icon>
-      Music
-    </button>
+    <ion-item actions class="demo-card">
+      <button clear item-left danger>
+        <icon star></icon>
+        Favorite
+      </button>
+      <button clear item danger>
+        <icon musical-notes></icon>
+        Listen
+      </button>
+      <button clear item-right danger>
+        <icon share-alt></icon>
+        Share
+      </button>
+    </ion-item>
 
-    <button ion-item>
-      <icon mail item-left></icon>
-      Mail
-    </button>
-  </ion-card-content>
+  </ion-card>
 
-</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>
 
diff --git a/demos/component-docs/footer-wireframe.png b/demos/component-docs/footer-wireframe.png
deleted file mode 100644
index ff518e6df4..0000000000
Binary files a/demos/component-docs/footer-wireframe.png and /dev/null differ
diff --git a/demos/component-docs/img/badu-live.png b/demos/component-docs/img/badu-live.png
new file mode 100644
index 0000000000..e227f7cb35
Binary files /dev/null and b/demos/component-docs/img/badu-live.png differ
diff --git a/demos/component-docs/card-wireframe.png b/demos/component-docs/img/card-wireframe.png
similarity index 100%
rename from demos/component-docs/card-wireframe.png
rename to demos/component-docs/img/card-wireframe.png
diff --git a/demos/component-docs/img/nin-live.png b/demos/component-docs/img/nin-live.png
new file mode 100644
index 0000000000..f17ce2679a
Binary files /dev/null and b/demos/component-docs/img/nin-live.png differ
diff --git a/demos/component-docs/img/queen-live.png b/demos/component-docs/img/queen-live.png
new file mode 100644
index 0000000000..e1b0f8f803
Binary files /dev/null and b/demos/component-docs/img/queen-live.png differ
diff --git a/demos/component-docs/img/rundmc-live.png b/demos/component-docs/img/rundmc-live.png
new file mode 100644
index 0000000000..623e9799be
Binary files /dev/null and b/demos/component-docs/img/rundmc-live.png differ