Tab bar disappear when I push a page from tabs.ts

I created a fab button on tabs.html to navigate to another page but tabs bottom bar disappear
here is my code

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

import { EarningsPage } from '../earnings/earnings';
import { ArenaPage } from '../arena/arena';
import { LeadsPage } from '../leads/leads';
import { ProductsPage } from '../products/products';
import { VoicemailPage } from '../voicemail/voicemail';

  templateUrl: 'tabs.html'
export class TabsPage {

  tab1Root = ArenaPage;
  tab2Root = LeadsPage;
  tab3Root = ProductsPage;
  tab4Root = EarningsPage;

  constructor(public navCtrl: NavController) {


    this.navCtrl.push(VoicemailPage, {}, {animate: false});


Please show your html file.

(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)

  Generated template for the VoicemailPage page.

  See for more info on
  Ionic pages and navigation.

<ion-content padding>
        <ion-avatar item-start class="avatar">
          <img src="assets/imgs/circle-grey.png"/>
        <div class="card-text-info">
          <span class="customer-name">
            CUSTOMER NAME
          <span class="voicemail-date">
          <p class="group_name">
            PRODUCT NAME
            <span end class="voicemail-time">
              5 SECS
      <audio id="5ebb08524c29262dab405192" controls controlsList="nodownload"><source src="" type="audio/x-wav"></audio>
      <div class="auido-controls">
        <ion-icon id="testplay" name="play" (click)="playAudio($event, '5ebb08524c29262dab405192')"></ion-icon>
        <ion-icon name="pause" class="display-none" (click)="pauseAudio($event, '5ebb08524c29262dab405192')"></ion-icon>
        <ion-icon name="call"></ion-icon>
        <ion-icon name="paper"></ion-icon>