Dash Formating

src/app/userpage/user-dash/user-dash.page.html

@@ -20,11 +20,8 @@
     </ion-slides>
   </ion-card>
   <div class="dash_box">
-    <div class="dash_top">
-
-    </div>
-    <ion-grid class="box_below">
-      <ion-grid>
+  </div>
+        <ion-grid>
         <ion-row class="home_box_card">
           <ion-col>
             <ion-card class="first_card">
@@ -81,11 +78,13 @@
           </ion-col>
         </ion-row>
       </ion-grid>
+    <ion-grid class="box_below">
+
 
 
       <div>{{what_is_below}}</div>
     </ion-grid>
-  </div>
+
 
   <ion-grid>
     <ion-row class="block_list" *ngFor="let item of blogData" (click)="selectedBlog(item)">
@@ -108,4 +107,38 @@
     </ion-card-content>
   </ion-card> -->
 
-</ion-content>
+</ion-content>
+
+<ion-footer class="ion-no-border">
+  <ion-toolbar>
+    <ion-grid>
+      <ion-row>
+        <ion-col class="footer-col">
+          <ion-button fill="clear" size="small">
+            <ion-icon slot="icon-only" name="home"></ion-icon>
+          </ion-button>
+        </ion-col>
+        <ion-col class="footer-col">
+          <ion-button fill="clear" size="small">
+            <ion-icon slot="icon-only" name="star"></ion-icon>
+          </ion-button>
+        </ion-col>
+        <ion-col class="footer-col">
+          <ion-button fill="clear" size="small">
+            <ion-icon slot="icon-only" name="star"></ion-icon>
+          </ion-button>
+        </ion-col>
+        <ion-col class="footer-col">
+          <ion-button fill="clear" size="small">
+            <ion-icon slot="icon-only" name="star"></ion-icon>
+          </ion-button>
+        </ion-col>
+        <ion-col class="footer-col">
+          <ion-button fill="clear" size="small">
+            <ion-icon slot="icon-only" name="settings"></ion-icon>
+          </ion-button>
+        </ion-col>
+      </ion-row>
+    </ion-grid>
+  </ion-toolbar>
+</ion-footer>

src/app/userpage/user-dash/user-dash.page.scss

@@ -38,7 +38,8 @@ ion-card {
 }
 
 .first_card{
- background-image: url('../../../assets/img/myfit_home.jpg');
+ //background-image: url('../../../assets/img/myfit_home.jpg');
+ background-image: linear-gradient(to right, red , yellow);
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
@@ -48,4 +49,7 @@ ion-card {
   background-color: aliceblue;
   margin: 10px 5px 5px 5px;
 
+}
+.footer-col{
+  text-align: center;
 }