So far, we have used Ionic pages using Ionic's navigation system. In this recipe, we're going to extend the existing page so that we can use it as an HTML element/component in the application. The following is the first page of the application:

When you click on SHOW CONTACT PAGE, it shows the contact page with the information from the previous page as shown in the following screenshot:

We will reutilize this contact page as an HTML element in the application.