diff --git a/demos/cards/index.html b/demos/cards/index.html
new file mode 100644
index 0000000000..a6cb807e57
--- /dev/null
+++ b/demos/cards/index.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/demos/cards/index.ts b/demos/cards/index.ts
new file mode 100644
index 0000000000..461de97590
--- /dev/null
+++ b/demos/cards/index.ts
@@ -0,0 +1,11 @@
+import {App} from 'ionic/ionic';
+
+
+@App({
+ templateUrl: 'main.html'
+})
+
+class DemoApp {
+ constructor() {
+ }
+}
\ No newline at end of file
diff --git a/demos/cards/main.html b/demos/cards/main.html
new file mode 100644
index 0000000000..614186d229
--- /dev/null
+++ b/demos/cards/main.html
@@ -0,0 +1,64 @@
+
+Cards
+
+
+
+
+
+
+ Card Header
+
+
+
+ Keep close to Nature's heart... and break clear away, once in awhile,
+ and climb a mountain or spend a week in the woods. Wash your spirit clean.
+
+
+
+
+
+
+
+
+
+ ion-iteam in a card, icon left, button right
+
+
+
+
+ This is content, without any paragraph or header tags,
+ within an ion-card-content element.
+
+
+
+
+
+
+
+
+
+ Card Link Item 1
+
+
+
+
+
+ Card Link Item 2
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file