<ion-fab center bottom>
  <button ion-fab class="theme_dark"><ion-icon name="settings"></ion-icon></button>
  <ion-fab-list side="top">
    <div class="fm_list_pop_container">
      <ul *ngIf="services_offered">
       <!---    <li (click)="open_page('TyrePage')">
          <div class="floatLeft"><img src="assets/imgs/fm_tyre.png"></div>
          <div class="floatLeft"><p>Tyres</p>
            </div>
          <div class="clear"></div>
        </li>
        <li (click)="open_page('BrakePage')">
          <div class="floatLeft"><img src="assets/imgs/fm_brake.png"></div>
          <div class="floatLeft">
            <p>Brakes</p>
          </div>
          <div class="clear"></div>
        </li> -->
        <li (click)="open_page('CatagoryPage', services_offered[0].id)">
          <div class="floatLeft"><img src="assets/imgs/fm_mechanical.png"></div>
          <div class="floatLeft"><p>{{services_offered[0].service}}</p></div>
          <div class="clear"></div>
        </li> 
        <li (click)="open_page('CatagoryBody',services_offered[1].id)">
          <div class="floatLeft"><img src="assets/imgs/fm_body.png"></div>
          <div class="floatLeft"><p>{{services_offered[1].service}}</p></div>
          <div class="clear"></div>
        </li>
        <li (click)="open_page('CatagoryWash',services_offered[2].id)">
          <div class="floatLeft"><img src="assets/imgs/fm_wash.png"></div>
          <div class="floatLeft"><p>{{services_offered[2].service}}</p></div>
          <div class="clear"></div>
        </li>
       <!--- <li (click)="open_page('OilPage')">
          <div class="floatLeft"><img src="assets/imgs/fm_oil1.png"></div>
          <div class="floatLeft"><p>Oil Change</p></div>
          <div class="clear"></div>
        </li> -->
      </ul>
      <div class="arrow-down"></div>
    </div>
  </ion-fab-list>
</ion-fab>

<ion-tabs color="headColor" selectedIndex="2">
	<ion-tab [root]="tab2" tabTitle="" tabIcon="md-home"></ion-tab>  
	<ion-tab [root]="tab1" tabTitle="" tabIcon="md-map"></ion-tab>
	<ion-tab [root]="tab3" tabTitle="" tabIcon=""></ion-tab>
	<ion-tab [root]="tab4" tabTitle="" tabIcon="md-notifications" [tabBadge]="notify" tabBadgeStyle="danger">
	<div class="notification">
	</div>
	</ion-tab>
	<ion-tab [root]="tab5" tabTitle="" tabIcon="md-person"></ion-tab>
</ion-tabs>