How to do it...

The following are the instructions:

  1. Create a new BubbleLogin app using the blank template, as follows, and navigate to the BubbleLogin folder:
$ ionic start BubbleLogin blank
$ cd BubbleLogin
  1. Open the ./src/pages/home/home.html file and modify the content with the following code:
<ion-content #myContent class="home">  <ul class="bg-bubbles">    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>  </ul>  <ion-list>    <ion-item>      <ion-label>Username</ion-label>      <ion-input type="text"></ion-input>    </ion-item>    <ion-item class="input-password">      <ion-label>Password</ion-label>      <ion-input type="password"></ion-input>    </ion-item>  </ion-list>  <div padding> <button ion-button block round color="secondary">LOGIN</ ...

Get Ionic Cookbook - Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.