want to give tabs in ionic view or any way to set "no animation"

.state('app.ctlist', {
    url: "/ct/:hrlId",
    views: {
      'menuContent': {
        templateUrl: "tech/ctlist.html"
      }
    }
  })
 
 .state('app.cpro', {
    url: "/cpro",
    views: {
      'menuContent': {
        templateUrl: "tech/cpro.html"
  
      }
    }
  })
 
 

<ion-view class="tech-view" ng-controller="hrlDetailCtrl" view-title="C Language">
    <ion-nav-bar class="bar-balanced big-bar" animation="no-animation" >
     <ion-nav-back-button>
        </ion-nav-back-button>  
    </ion-nav-bar>

    <div class="tabs-background-balanced tabs-color-light" style="padding:0px;margin:0px;"  >
        <div class=" bar bar-subheader tabs  tabs-icon-top" style="box-shadow: 0 2px 5px rgba(0,0,0,.26);">
      <a nav-clear class="tab-item disable-user-behavior active" title="Home" nav-clear  ui-sref="app.c">
       <i class="icon ion-ios-book "></i>
       Topic
      </a>
  
            <a nav-clear class="tab-item disable-user-behavior" title="Chat" nav-clear ui-sref="app.cpro">
       <i class="icon ion-code"></i>
       Programs
      </a>
  
            <a nav-clear class="tab-item disable-user-behavior" title="Drink" nav-clear ui-sref="app.cques">
       <i class="icon ion-document-text"></i>
       Ques / Ans
      </a>
        </div>
  </div>


 
  <ion-content class="padding spc-from-subheader" name="tabContent" animation="no-animation">
 
     <div  ng-controller="hrlistCtrl">    
        <div class="sub-topics-list"   ng-repeat="hrl in hrlist | limitTo: 29 | limitTo: -14" class="my-item item-icon-left">
       <a class="item item-icon-right " animation="no-animation" href="#/app/ct/{{hrl.id}}" style="border-width:0;border-style:none;background-color:#1E824C;">
            <div class="has-border">
   
       <h3 style="background-color:#1E824C;color:white">{{hrl.title}}
          </h3>
   </div>
   <i class="icon ion-ios-arrow-right"> </i>
    </a>
        </div>
    </div>
  </ion-content>
 
</ion-view>