footer -enhanced

src/app/start/start.page.html

@@ -15,20 +15,40 @@
   </ion-card>
   <ion-card>
     <ion-item>
-      <ion-label class="ion-text-wrap">Enter your contents ode or name or just press continue 
+      <ion-label class="ion-text-wrap"
+        >Enter your contents ode or name or just press continue
       </ion-label>
     </ion-item>
 
     <ion-item>
-      <ion-input id="pageCodeName" name="pageCodeName" placeholder="Enter Code or Name"></ion-input>
+      <ion-input
+        id="pageCodeName"
+        name="pageCodeName"
+        placeholder="Enter Code or Name"
+      ></ion-input>
     </ion-item>
 
-      <ion-button expand="block" (click)="getCodePage()">Continue</ion-button>
+    <ion-button expand="block" (click)="getCodePage()">Continue</ion-button>
   </ion-card>
 </ion-content>
 
 <ion-footer>
   <ion-toolbar>
-    <ion-title>Footer</ion-title>
+    <ion-grid>
+      <ion-row>
+        <ion-col>
+          <ion-icon name="star"></ion-icon>
+        </ion-col>
+        <ion-col>
+          <ion-icon  name="star"></ion-icon>
+        </ion-col>
+        <ion-col>
+          <ion-icon  name="star"></ion-icon>
+        </ion-col>
+        <ion-col>
+          <ion-icon name="star"></ion-icon>
+        </ion-col>
+      </ion-row>
+    </ion-grid>
   </ion-toolbar>
-</ion-footer>
+</ion-footer>