diff --git a/demos/component-docs/app.css b/demos/component-docs/app.css
index 8f9caa6f23..27e5ddd1e8 100644
--- a/demos/component-docs/app.css
+++ b/demos/component-docs/app.css
@@ -168,3 +168,15 @@ ion-card p.adv-background-subtitle {
 
 }
 
+ion-card .icon-avatar {
+  margin: 10px 8px;
+  min-width: 2.4rem !important;
+  color: #444444;
+  font-size: 1.8em;
+  text-align: center;
+}
+
+ion-card.adv-map p {
+  font-size: 0.7em !important;
+}
+
diff --git a/demos/component-docs/cards/cards-advanced-map.html b/demos/component-docs/cards/cards-advanced-map.html
index b180e22b3b..1e8b590c22 100644
--- a/demos/component-docs/cards/cards-advanced-map.html
+++ b/demos/component-docs/cards/cards-advanced-map.html
@@ -5,11 +5,24 @@
 
 <ion-content class="has-header components-demo">
 
-<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 class="adv-map">
+  <div>
+    <img src="img/advance-card-map.png">
+  </div>
+  <ion-item>
+    <ion-avatar item-left class="icon-avatar">
+      <icon football></icon>
+    </ion-avatar>
+    <h2>Museum of Modern Football</h2>
+    <p>11 N. Way St, Madison, WI 53703</p>
+  </ion-item>
+  <ion-item>
+    <ion-avatar item-left class="icon-avatar">
+      <icon wine></icon>
+    </ion-avatar>
+    <h2>Institute of Fine Cocktails</h2>
+    <p>14 S. Hop Avenue, Madison, WI 53703</p>
+  </ion-item>
 
 </ion-card>
 
diff --git a/demos/component-docs/img/advance-card-map.png b/demos/component-docs/img/advance-card-map.png
new file mode 100644
index 0000000000..004e7d30e3
Binary files /dev/null and b/demos/component-docs/img/advance-card-map.png differ