diff --git a/ionic/components/slides/test/intro/appicon.png b/ionic/components/slides/test/intro/appicon.png
new file mode 100644
index 0000000000..bcace0c274
Binary files /dev/null and b/ionic/components/slides/test/intro/appicon.png differ
diff --git a/ionic/components/slides/test/intro/index.ts b/ionic/components/slides/test/intro/index.ts
new file mode 100644
index 0000000000..e9ee1f8efb
--- /dev/null
+++ b/ionic/components/slides/test/intro/index.ts
@@ -0,0 +1,10 @@
+import {App, IonicApp, Http} from 'ionic/ionic';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class MyApp {
+  constructor(private app: IonicApp) {
+  }
+}
diff --git a/ionic/components/slides/test/intro/main.html b/ionic/components/slides/test/intro/main.html
new file mode 100644
index 0000000000..1b43a0487b
--- /dev/null
+++ b/ionic/components/slides/test/intro/main.html
@@ -0,0 +1,71 @@
+<style>
+.slide {
+  padding-top: 80px;
+  color: #000;
+  text-align: center;
+
+  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+  font-weight: 300;
+}
+
+#logo {
+  margin: 30px 0px;
+}
+
+#list {
+  width: 170px;
+  margin: 30px auto;
+  font-size: 20px;
+}
+#list ol {
+  margin-top: 30px;
+}
+#list ol li {
+  text-align: left;
+  list-style: decimal;
+  margin: 10px 0px;
+}
+
+.button.ng-hide{
+  display:none;
+}
+</style>
+<ion-navbar *navbar>
+  <ion-nav-items primary>
+    <button>
+      Skip
+    </button>
+  </ion-nav-items>
+  <ion-nav-items secondary>
+    <button (click)="next()">
+      Next
+    </button>
+  </ion-nav-items>
+  <ion-title>Grid Icons</ion-title>
+</ion-navbar>
+<ion-slides pager>
+  <ion-slide>
+    <h3>Thank you for choosing the Awesome App!</h3>
+    <div id="logo">
+      <img src="appicon.png" style="max-width: 128px">
+    </div>
+    <p>
+      The number one app for everything awesome.
+    </p>
+  </ion-slide>
+  <ion-slide>
+    <h3>Using Awesome</h3>
+
+     <div id="list">
+       <h5>Just three steps:</h5>
+       <ol>
+         <li>Be awesome</li>
+         <li>Stay awesome</li>
+         <li>There is no step 3</li>
+       </ol>
+     </div>
+  </ion-slide>
+  <ion-slide>
+    <h3>Any questions?</h3>
+  </ion-slide>
+</ion-slides>