docs(demos): add social card examples

demos/component-docs/app.css

@@ -238,5 +238,11 @@ body.ios img#ios-only {
   content: '•';
   padding-right: 5px;
 }
+p.time-ago {
+  color: #bbbbbb;
+  margin-left: 4px !important;
+  margin-right: 0px !important;
+
+}
 
 

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

@@ -22,20 +22,48 @@
   </ion-card-content>
 
   <ion-item actions class="demo-card">
-    <button clear primary item-left>
+    <button primary clear item-left>
       <icon thumbs-up></icon>
       <div style="color: #4b4b4b">12 Likes</div>
     </button>
-    <button dark clear item-left>
+    <button primary clear item-left>
       <icon text></icon>
-      4 Comments
-    </button>
-    <button clear light item-left>
-      <icon dark text></icon>
-      11h ago
+      <div style="color: #4b4b4b">4 Comments</div>
     </button>
+    <p item-left class="time-ago">
+      11h ago      
+    </p>
   </ion-item>
 
+</ion-card>
+
+<ion-card>
+
+  <ion-item>
+    <ion-avatar item-left>
+      <img src="img/ian-avatar.png">
+    </ion-avatar>
+    <h2>Dr. Ian Malcolm</h2>
+    <p>June 28, 1990</p>
+  </ion-item>
+
+  <img src="img/advance-card-jp.jpg">
+
+  <ion-card-content>
+  <p>Your scientists were so preoccupied with whether or not they could, that they didn't stop to think if they should.</p>
+  </ion-card-content>
+
+  <ion-item actions class="demo-card">
+      <button primary clear item-left>
+        <icon thumbs-up></icon>
+        <div style="color: #4b4b4b">46 Likes</div>
+      </button>
+      <button primary clear item-left>
+        <icon text></icon>
+        <div style="color: #4b4b4b">66 Comments</div>
+      </button>
+      <p item-left class="time-ago">2d ago</p>
+  </ion-item>
 
 </ion-card>