diff --git a/src/pages/demo/page1/index.vue b/src/pages/demo/page1/index.vue
new file mode 100644
index 0000000..e8f8b30
--- /dev/null
+++ b/src/pages/demo/page1/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <d2-container>
+    <template slot="header">Page 1 header</template>
+    Hello World
+    <template slot="footer">footer</template>
+  </d2-container>
+</template>
+
+<script>
+export default {
+  name: 'page1'
+}
+</script>
diff --git a/src/pages/demo/page2/index.vue b/src/pages/demo/page2/index.vue
new file mode 100644
index 0000000..c8f06c6
--- /dev/null
+++ b/src/pages/demo/page2/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <d2-container>
+    <template slot="header">Page 2 header</template>
+    Hello World
+    <template slot="footer">footer</template>
+  </d2-container>
+</template>
+
+<script>
+export default {
+  name: 'page2'
+}
+</script>
diff --git a/src/pages/demo/page3/index.vue b/src/pages/demo/page3/index.vue
new file mode 100644
index 0000000..d11e718
--- /dev/null
+++ b/src/pages/demo/page3/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <d2-container>
+    <template slot="header">Page 3 header</template>
+    Hello World
+    <template slot="footer">footer</template>
+  </d2-container>
+</template>
+
+<script>
+export default {
+  name: 'page3'
+}
+</script>