Add cards-notifciation

content/websites/patterns/cards-notification/cards-notification.html

+<ul class="no-bullet columns medium-4 medium-push-4">
+  <li class="notifications-card">
+    <div class="row callout collapse">
+      <div class="columns medium-12">
+        <span class="secondary-color small float-right">
+          Started 14:14
+        </span>
+        <span class="label elixir-color">
+          Failed
+          <span class=""><i class="icon icon-common icon-clock"></i> 10 s.</span>
+        </span>
+        <h6>
+          My test request job
+        </h6>
+        <div class="small">
+          <a href="#" class="margin-right-medium readmore">Results</a>
+          <a href="#" class="margin-right-medium readmore">Parameters</a>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li class="notifications-card">
+    <div class="row callout collapse">
+      <div class="columns medium-12">
+        <span class="secondary-color small float-right">
+          Started 14:14
+        </span>
+        <span class="label training-color">
+          Processing
+          <span class=""><i class="icon icon-common icon-clock"></i> 33 s.</span>
+        </span>
+        <h6>
+          My test request job
+        </h6>
+        <div class="small">
+          <a href="#" class="margin-right-medium readmore">Results</a>
+          <a href="#" class="margin-right-medium readmore">Parameters</a>
+        </div>
+      </div>
+    </div>
+  </li>
+  <li class="notifications-card">
+    <div class="row callout collapse">
+      <div class="columns medium-12">
+        <span class="secondary-color small float-right">
+          Started 14:14
+        </span>
+        <span class="label">
+          Finished
+          <span class=""><i class="icon icon-common icon-clock"></i> 1:35 m.</span>
+        </span>
+        <h6>
+          My test request job
+        </h6>
+        <div class="small">
+          <a href="#" class="margin-right-medium readmore">Results</a>
+          <a href="#" class="margin-right-medium readmore">Parameters</a>
+        </div>
+      </div>
+    </div>
+  </li>
+</ul>

content/websites/patterns/cards-notification/cards-notification.yml

+name: 'Notification cards'
+tags:
+  - lists
+  - built-in
+category: containers
+description: Present a running list of time-based notifications with status.
+versions:
+  - 1.2.0, 1.3.0
+author:
+  name: Ken Hawkins
+  github: khawkins98
+  twitter: khawkins98

content/websites/patterns/cards-notification/layout.html

+{{#markdown}}
+
+
+
+{{/markdown}}
+
+{{> cards-notification}}