diff --git a/src/app/pages/familyconnectaction/familyconnectaction.page.html b/src/app/pages/familyconnectaction/familyconnectaction.page.html
index 04209f3..372ac5e 100644
--- a/src/app/pages/familyconnectaction/familyconnectaction.page.html
+++ b/src/app/pages/familyconnectaction/familyconnectaction.page.html
@@ -10,5 +10,39 @@
 </ion-header>
 
 <ion-content>
+  <div class="boxed_contents">
 
+<!--    <div style="width: 100%; text-align: left;">-->
+<!--       Chat-->
+<!--    </div>-->
+    <ion-list style="border-radius: 10px; background-color: aliceblue; padding: 1px; margin-top: 10px">
+      <ion-list-header>
+        <ion-label>Chat</ion-label>
+      </ion-list-header>
+      <ion-item style="padding: 5px;">
+        <ion-textarea  style="width: 100%; border-radius: 10px; padding: 5px; background-color: white;" placeholder="Enter message"></ion-textarea>
+      </ion-item>
+<!--      <ion-item style="text-align: right; padding: 1px 1px 1px 0px; background-color: transparent;">-->
+
+<!--      </ion-item>-->
+    </ion-list>
+
+    <div style="width: 100%; text-align: right; background-color: transparent;">
+      <ion-button size="small" color="secondary" fill="solid" (click)="sendMessage()">Send</ion-button>
+    </div>
+<!--    <ion-card style="border-radius: 10px; background-color: aliceblue; padding: 1px;">-->
+<!--      <ion-card-header>-->
+<!--        <ion-card-subtitle>Chat</ion-card-subtitle>-->
+<!--      </ion-card-header>-->
+<!--      <ion-card-content style="margin: 1px;">-->
+<!--        <ion-textarea  style="width: 100%; border-radius: 10px; padding: 5px; background-color: whitesmoke;" placeholder="Enter message"></ion-textarea>-->
+<!--        <div style="text-align: right; padding: 1px 10px 1px 0px;">-->
+<!--          &lt;!&ndash;        <ion-button fill="clear">Action 1</ion-button>&ndash;&gt;-->
+<!--          <ion-button size="small" color="secondary" fill="solid">Send</ion-button>-->
+<!--        </div>-->
+<!--      </ion-card-content>-->
+<!--    </ion-card>-->
+
+
+  </div>
 </ion-content>
diff --git a/src/app/pages/familyconnectaction/familyconnectaction.page.ts b/src/app/pages/familyconnectaction/familyconnectaction.page.ts
index 6cbdd84..69fa5a9 100644
--- a/src/app/pages/familyconnectaction/familyconnectaction.page.ts
+++ b/src/app/pages/familyconnectaction/familyconnectaction.page.ts
@@ -26,4 +26,7 @@ export class FamilyconnectactionPage implements OnInit {
   onBack() {
     this.navctr.back();
   }
+  sendMessage(){
+
+  }
 }