docs(demos): add advanced social card

demos/component-docs/cards/cards-advanced-social.html

@@ -7,10 +7,36 @@
 
 <ion-card>
 
+  <ion-item>
+    <ion-avatar item-left>
+      <img src="img/marty-avatar.png">
+    </ion-avatar>
+    <h2>Marty McFly</h2>
+    <p>November 5, 1955</p>
+  </ion-item>
+
+  <img src="img/advance-card-bttf.png">
+
   <ion-card-content>
-    This is just your basic card with some text to boot. Like it?  Keep scrolling...
+  <p>Wait a minute. Wait a minute, Doc. Uhhh... Are you telling me that you built a time machine... out of a DeLorean?! Whoa. This is heavy.</p>
   </ion-card-content>
 
+  <ion-item actions class="demo-card">
+    <button clear primary item-left>
+      <icon thumbs-up></icon>
+      <div style="color: #4b4b4b">12 Likes</div>
+    </button>
+    <button dark clear item-left>
+      <icon text></icon>
+      Comments
+    </button>
+    <button clear light item-left>
+      <icon dark text></icon>
+      11h ago
+    </button>
+  </ion-item>
+
+
 </ion-card>