ion-tabs is not rendered

I have a page called footer-tabs that should render the ionic tabs, but it is not being displayed.

My footer-tab template:

<ion-tabs>
    <ion-tab tabIcon="list" tabTitle="Games"></ion-tab>
</ion-tabs>

Ts:

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
  selector: 'page-footeer-tab',
  templateUrl: 'footeer-tab.html',
})
export class FooteerTabPage {

  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }


}

In my home component, I try to call through the selector, but nothing is rendered:

  <page-footeer-tab></page-footeer-tab>

Am I forgetting something special?