<ion-card> <ion-grid> <ion-row class="ion-text-center"> <ion-col size="4" routerLink="/page1"> <ion-icon name="home" color="danger" size="large"></ion-icon> <p>Home</p> </ion-col> <ion-col size="4" routerLink="/page2"> <ion-icon name="bag-add" color="danger" size="large"></ion-icon> <p>About</p> </ion-col> <ion-col size="4" routerLink="/page3"> <ion-icon name="chatbox" color="danger" size="large"></ion-icon> <p>Contact</p> </ion-col> </ion-row> </ion-grid> </ion-card>