docs(demos): advanced map card

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;
+}
+

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>