ionic-framework/ionic/components/app/test/snapcat/main.html

<ion-slides >
  <ion-slide>
    <ion-view>

      <ion-toolbar id="p1toolbar">
        <button class="toolbar-primary-item" primary><i class="icon ion-ios-heart"></i></button>
        <ion-title>secret</ion-title>
        <button class="toolbar-secondary-item" primary><i class="icon ion-ios-gear"></i></button>
      </ion-toolbar>

      <ion-content>
        <ion-list>
          <ion-item>
            Activity
          </ion-item>
          <ion-item>
            Chat
          </ion-item>
        </ion-list>
      </ion-content>

    </ion-view>
  </ion-slide>
  <ion-slide>
    <ion-view>

      <ion-toolbar id="p2toolbar">
        <div class="toolbar-inner" [control-group]="filterForm">
          <ion-title>feed</ion-title>
          <!--
          <ion-segment control="filterControl">
            <ion-segment-button value="new" ion-button>
              New
            </ion-segment-button>
            <ion-segment-button value="best" ion-button>
              Best
            </ion-segment-button>
          </ion-segment>
        -->
        </div>
      </ion-toolbar>

      <ion-content>

        <div class="card">
          <div class="card-content">
            I tried to keep both arts alive, but the camera won. I found that while the camera does not express the soul, perhaps a photograph can!
          </div>
          <img src="http://ionic-io-assets.s3.amazonaws.com/images/p.jpg">
          <div class="card-footer">
            Posted 5 days ago
          </div>
        </div>

        <div class="card">
          <div class="card-content">
            It is good to realize that if love and peace can prevail on earth, and if we can teach our children to honor nature's gifts, the joys and beauties of the outdoors will be here forever.
          </div>
          <img src="http://ionic-io-assets.s3.amazonaws.com/images/p1.png">
          <div class="card-footer">
            Posted 6 days ago
          </div>
        </div>

        <div class="card">
          <div class="card-content">
            I see humanity now as one vast plant, needing for its highest fulfillment only love, the natural blessings of the great outdoors, and intelligent crossing and selection.
          </div>
          <img src="http://ionic-io-assets.s3.amazonaws.com/images/p2.png">
          <div class="card-footer">
            Posted 7 days ago
          </div>
        </div>

        <div class="card">
          <div class="card-content">
            You must not lose faith in humanity. Humanity is an ocean; if a few drops of the ocean are dirty, the ocean does not become dirty.
          </div>
          <img src="http://ionic-io-assets.s3.amazonaws.com/images/p3.png">
          <div class="card-footer">
            Posted 7 days ago
          </div>
        </div>

        <div class="card">
          <div class="card-content">
            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.
          </div>
          <img src="http://ionic-io-assets.s3.amazonaws.com/images/p4.png">
          <div class="card-footer">
            Posted 8 days ago
          </div>
        </div>
      </ion-content>

    </ion-view>
  </ion-slide>
</ion-slides>

<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

<style>
  ion-view {
    background-color: #F5F5F5;
  }
  .platform-ios ion-toolbar {
    height: 64px !important;
    padding-top: 20px;
  }
  ion-content {
    background-color: #F5F5F5 !important;
  }
  .card {
    box-shadow: none !important;
  }
  .card .card-content, .card .card-footer {
    font-family: 'lato';
    font-size: 16px;
    line-height: 25px;
  }
  .card .card-footer {
    color: #B8B8B8;
  }
  .card .item {
    border: none !important;
  }
  .card .card-content, .card .card-footer {
    padding: 25px !important;
  }
  .item {
    font-family: 'lato';
    font-size: 16px;
  }
  .item-content {
    min-height: 70px !important;
  }
  ion-toolbar {
    text-align: center;
    align-items: center;
  }
  ion-toolbar:after {
    background: none !important;
  }
  ion-toolbar {
    letter-spacing: 1px;
  }
  .platform-ios ion-toolbar .button i {
    color: #fff !important;
    font-size: 24px !important;
  }
  .platform-ios .item:first-of-type:before,
  .platform-ios .item:last-of-type:after,
  .platform-ios .item-content:after {
    background-color: #F5F5F5 !important;
  }
  #p1toolbar {
    background-color: #FFB400;
  }
  #p1toolbar ion-title {
    color: white;
    font-family: 'lato';
  }
  #p2toolbar {
    background-color: #FF0000;
  }
  #p2toolbar ion-title {
    color: white;
    font-family: 'lato';
  }
</style>