<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>