first commit

src/app/pages/message/message.page.html

@@ -0,0 +1,57 @@
+<!--
+  Authors : initappz (Rahul Jograna)
+  Website : https://initappz.com/
+  App Name : E-Learning App Template
+  This App Template Source code is licensed as per the
+  terms found in the Website https://initappz.com/license
+  Copyright and Good Faith Purchasers © 2021-present initappz.
+ -->
+<ion-header>
+  <ion-toolbar>
+    <ion-item lines="none">
+      <ion-icon name="arrow-back-outline" (click)="onBack()"></ion-icon>
+      <ion-label>
+        Jenny Wilona
+      </ion-label>
+    </ion-item>
+    <ion-buttons slot="end" (click)="onCall()">
+      <ion-button>
+        <ion-icon name="call-outline" color="light"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+    <ion-buttons slot="end">
+      <ion-button>
+        <ion-icon name="ellipsis-horizontal-circle-outline" color="light"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <div class="messageList">
+    <div class="left">
+      <p>Attending a trad show can be</p>
+    </div>
+    <div class="right">
+      <p>hey</p>
+    </div>
+    <div class="left">
+      <p>hii, there</p>
+    </div>
+  </div>
+</ion-content>
+
+<ion-footer>
+  <ion-toolbar>
+    <ion-row>
+      <ion-col size="10">
+        <ion-input type="text" placeholder="message..."></ion-input>
+      </ion-col>
+      <ion-col size="2">
+        <div class="btn">
+          <ion-icon name="mic"></ion-icon>
+        </div>
+      </ion-col>
+    </ion-row>
+  </ion-toolbar>
+</ion-footer>