ionic-framework/e2e/slides/intro/main.html

<style>
.slide {
  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-buttons start>
    <button>
      Skip
    </button>
  </ion-buttons>
  <ion-buttons end>
    <button (click)="next()">
      Next
    </button>
  </ion-buttons>
  <ion-title>Grid Icons</ion-title>
</ion-navbar>
<ion-slides pager (slide-changed)="onSlideChanged($event)" loop="true" autoplay="true">
  <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>