Ion-slide with different template


I have 3 ion-slide-box. Everyone has 3 items.
My code is an implementation of tabbed slide box on github here
My Code look like this:

   <div class="tsb-icons">
        <div class="tsb-ic-wrp">
           <ion-scroll direction="x" class="tsb-hscroll">
               <a href="javascript:;" class="header-icon ion-pie"></a>
               <a href="javascript:;" class="header-icon ion-list-all"></a>
               <a href="javascript:;" class="header-icon ion-home-omg"></a>
   <ion-slide-box show-pager="false" on-slide-changed="slideHasChanged($index)">
             <h3>Pie content</h3>
              <h3>List all content</h3>
               <h3>Home content</h3>

i want ion-slide content with different templates, pie content => pie.html, list-all content => listall.html, home content => home.html.

but I do not know how to make it, any suggestions for me ?
Thanks in advance