fix

src/app/merms-dash/merms-dash.page.html

@@ -0,0 +1,167 @@
+<ion-content fullscreen>
+  <ion-grid>
+    <ion-row>
+      <ion-col>
+        <div>
+          <h2>{{ welcomeName }}</h2>
+        </div>
+      </ion-col>
+      <ion-col>
+        <div style="text-align: right;"> <h4>{{ currentDateFormated }}</h4></div>
+      </ion-col>
+    </ion-row>
+    <ion-row style="height: 80px;">
+      <ion-col style="background-color:ivory">
+        <div>.</div>
+      </ion-col>
+      <ion-col style="background-color:honeydew">
+        <div>.</div>
+      </ion-col>
+      <ion-col style="background-color: aquamarine;">
+        <div>.</div>
+      </ion-col>
+    </ion-row>
+  </ion-grid>
+
+
+  <ion-list>
+    <ion-list-header>
+      Pending Encounter
+    </ion-list-header>
+
+    <ion-item>
+      <ion-avatar slot="start">
+        <img src="./../../assets/imgs/avatar.svg">
+      </ion-avatar>
+      <ion-label>
+        <h2>Adekunle Gold</h2>
+        <h3>Need hew head</h3>
+        <p>10/10/2050, 9:30 AM Male , 54 yrs</p>
+      </ion-label>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar slot="start">
+        <img src="./../../assets/imgs/avatar.svg">
+      </ion-avatar>
+      <ion-label>
+        <h2>Janet Jackson</h2>
+        <h3>Want to escape from the planet</h3>
+        <p>10/10/2050, 10:30 AM Female , 34 yrs</p>
+      </ion-label>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar slot="start">
+        <img src="./../../assets/imgs/avatar.svg">
+      </ion-avatar>
+      <ion-label>
+        <h2>Rey</h2>
+        <h3>I can handle myself</h3>
+        <p>You will remove these restraints and leave...</p>
+      </ion-label>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar slot="start">
+        <img src="./../../assets/imgs/avatar.svg">
+      </ion-avatar>
+      <ion-label>
+        <h2>Luke</h2>
+        <h3>Your thoughts betray you</h3>
+        <p>I feel the good in you, the conflict...</p>
+      </ion-label>
+    </ion-item>
+  </ion-list>
+
+  <ion-list>
+    <ion-list-header>
+      Recent Encounter
+    </ion-list-header>
+
+    <ion-item>
+      <ion-avatar slot="start">
+        <img src="./../../assets/imgs/avatar.svg">
+      </ion-avatar>
+      <ion-label>
+        <h2>Poe</h2>
+        <h3>New Ride</h3>
+        <p>I just upgraded my X-Wing. Next time...</p>
+      </ion-label>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar slot="start">
+        <img src="./../../assets/imgs/avatar.svg">
+      </ion-avatar>
+      <ion-label>
+        <h2>Ben</h2>
+        <h3>Move Along</h3>
+        <p>These aren't the droids you're looking for...</p>
+      </ion-label>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar slot="start">
+        <img src="./../../assets/imgs/avatar.svg">
+      </ion-avatar>
+      <ion-label>
+        <h2>Leia</h2>
+        <h3>You're My Only Hope</h3>
+        <p>I've placed information vital to the survival...</p>
+      </ion-label>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar slot="start">
+        <img src="./../../assets/imgs/avatar.svg">
+      </ion-avatar>
+      <ion-label>
+        <h2>Yoda</h2>
+        <h3>Size matters not</h3>
+        <p>Do or do not. There is no try...</p>
+      </ion-label>
+    </ion-item>
+  </ion-list>
+
+
+
+
+
+
+
+
+
+
+
+
+</ion-content>
+
+<!-- Footer without a border -->
+<ion-footer class="ion-no-border">
+  <ion-toolbar>
+    <ion-grid style="font-size: 25px; text-align: center;">
+      <ion-row>
+        <ion-col>
+          <div>
+            <ion-icon name="home"></ion-icon>
+          </div>
+        </ion-col>
+        <ion-col>
+          <div>
+            <ion-icon name="grid"></ion-icon>
+          </div>
+        </ion-col>
+        <ion-col>
+          <div>[----]</div>
+        </ion-col>
+        <ion-col>
+          <div>
+            <ion-icon name="settings" (click)="goSettings()"></ion-icon>
+          </div>
+        </ion-col>
+      </ion-row>
+    </ion-grid>
+
+  </ion-toolbar>
+</ion-footer>