title: ionic multiple header bar?
body: <p>i have created new app with tabs. i want a header bar below tabs. how to get it?
  even if i get a div which displays content below tabs its fine.</p>
  
  <p><a href="https://i.stack.imgur.com/UJWet.png" rel="nofollow noreferrer">the hide div is in the child page of tab i wanted to keep in a different page and add it below tabs so that it appears in all the pages </a></p>
  
  <pre><code>&lt;ion-tabs class="tabs-icon-top tabs-color-active-positive"&gt;
  
  &lt;!-- Dashboard Tab --&gt;
  &lt;ion-tab title="Live View" icon-off="ion-ios-speedometer" icon-on="ion-ios-speedometer" href="#/tab/dash"&gt;
  &lt;ion-nav-view name="tab-dash"&gt;&lt;/ion-nav-view&gt;
   &lt;/ion-tab&gt;
  
   &lt;!-- Account Tab --&gt;
    &lt;ion-tab title="Statistics" icon-off="ion-stats-bars" icon-on="ion-stats-bars" href="#/tab/account"&gt;
     &lt;ion-nav-view name="tab-account"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-tab&gt;
  
     &lt;ion-tab title="Home" icon-off="ion-ios-home" icon-on="ion-ios-home" href="#/tab/account"&gt;
      &lt;ion-nav-view name="tab-account"&gt;&lt;/ion-nav-view&gt;
     &lt;/ion-tab&gt;
  
     &lt;ion-tab title="Service" icon-off="ion-clipboard" icon-on="ion-clipboard" href="#/tab/account"&gt;
      &lt;ion-nav-view name="tab-account"&gt;&lt;/ion-nav-view&gt;
      &lt;/ion-tab&gt;
  
     &lt;!-- Chats Tab --&gt;
    &lt;ion-tab title="Chats" icon-off="ion-chatbox-working" icon-on="ion-chatbox-working" href="#/tab/chats"&gt;
      &lt;ion-nav-view name="tab-chats"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-tab&gt;
    &lt;/ion-tabs&gt;
  
    &lt;!--&lt;h1&gt;Hide the DIV: &lt;input type="checkbox" ng-model="myCheck"&gt;&lt;/h1&gt;
     &lt;div id="divslide" ng-hide="myCheck"&gt;&lt;/div&gt;--&gt;
  
  
  
   &lt;!--&lt;h1&gt;Hide the DIV: &lt;input type="checkbox" ng-model="myCheck"&gt;&lt;/h1&gt;
    &lt;div id="divslide" ng-hide="myCheck"&gt;&lt;/div&gt;--&gt;
  
     &lt;ion-view view-title="Dashboard"&gt;
      &lt;ion-content class="padding"&gt;
       &lt;h1&gt;Hide the DIV: &lt;input type="checkbox" ng-model="myCheck"&gt;&lt;/h1&gt;
        &lt;div id="divslide" ng-hide="myCheck"&gt;&lt;/div&gt;
         &lt;h2&gt;Welcome to Ionic&lt;/h2&gt;
          &lt;p&gt;
         This is the Ionic starter for tabs-based apps. For other starters and ready-made templates, check out the &lt;a href="http://market.ionic.io/starters" target="_blank"&gt;Ionic Market&lt;/a&gt;.
         &lt;/p&gt;
         &lt;p&gt;
        To edit the content of each tab, edit the corresponding template file in &lt;code&gt;www/templates/&lt;/code&gt;. This template is &lt;code&gt;www/templates/tab-dash.html&lt;/code&gt;
         &lt;/p&gt;
        &lt;p&gt;
    If you need help with your app, join the Ionic Community on the &lt;a href="http://forum.ionicframework.com" target="_blank"&gt;Ionic Forum&lt;/a&gt;. Make sure to &lt;a href="http://twitter.com/ionicframework" target="_blank"&gt;follow us&lt;/a&gt; on Twitter to get important updates and announcements for Ionic developers.
     &lt;/p&gt;
      &lt;p&gt;
    For help sending push notifications, join the &lt;a href="https://apps.ionic.io/signup" target="_blank"&gt;Ionic Platform&lt;/a&gt; and check out &lt;a href="http://docs.ionic.io/docs/push-overview" target="_blank"&gt;Ionic Push&lt;/a&gt;. We also have other services available.
      &lt;/p&gt;
    &lt;/ion-content&gt;
    &lt;/ion-view&gt;
  </code></pre>