diff --git a/src/app/components/taskactivities/taskactivities.component.html b/src/app/components/taskactivities/taskactivities.component.html
index ecf805c..6fd6b5a 100644
--- a/src/app/components/taskactivities/taskactivities.component.html
+++ b/src/app/components/taskactivities/taskactivities.component.html
@@ -13,9 +13,30 @@
     <div class="left">
       <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/msg/TEXT.svg)'"></div>
 
-      <div class="text">
+      <div class="text" style="padding: 1px; background-color: yellow; width: 100%;">
         <ion-label class="bold_text">{{item.msg_firstname}}-{{item.msg_date |date}}</ion-label>
-        <ion-label *ngIf="item.msg_type != 'FILE' " class="grey_text">{{item.message}}</ion-label>
+        <ion-label *ngIf="item.msg_type != 'FILE' " class="grey_text">
+<!--          <ion-textarea> {{item.message}} </ion-textarea>-->
+<!--            <ion-input  [innerHTML]="item.message"></ion-input>-->
+
+            <div style="width: 100%; padding: 1px; background-color: #8b198e;">
+
+                <ion-input
+                        style="background-color: white;
+                           height: 40px;
+                           width: 100%; "
+                        value={{item.message}}></ion-input>
+
+<!--                <ion-textarea [readonly]="true"-->
+<!--                              [wrap]="hard"-->
+<!--                              [autoGrow]="true"-->
+<!--                              [scrollLeft]="true"-->
+<!--                              class="grey_text" [innerHTML]="item.message"> </ion-textarea>-->
+
+<!--                <div style="background-color: lightgoldenrodyellow; word-wrap: break-word;overflow-wrap:break-word; width: 100%;"  class="grey_text" [innerHTML]="item.message"></div>-->
+            </div>
+
+         </ion-label>
         <ion-label *ngIf="item.msg_type == 'FILE' " class="grey_text"><a href="{{session_image_server}}/{{curr_session}}/contracts/{{item.msg_uid}}">{{item.message}}</a></ion-label>
       </div>
     </div>
diff --git a/src/app/pages/invite/invite.page.html b/src/app/pages/invite/invite.page.html
index 6a51865..4e5ba4a 100644
--- a/src/app/pages/invite/invite.page.html
+++ b/src/app/pages/invite/invite.page.html
@@ -14,51 +14,42 @@
     <div class="inv-head">Invite Friends</div>
     <ion-toolbar>
       <ion-buttons slot="start">
-        <ion-button style="background-color: #fcf7ee; color: white; font-size: 14px; font-weight: bolder;" (click)="setTabMode(100);">Invite with Email</ion-button>
-        <ion-button style="background-color: #ebe4ee; color: white; font-size: 14px; font-weight: bolder;" (click)="setTabMode(200);">Import from Contacts</ion-button>
+        <ion-button style="background-color: #fcf7ee; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(100);">Name & Email</ion-button>
+        <ion-button style="background-color: aliceblue; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(200);">From Contacts</ion-button>
+        <ion-button style="background-color: #ebe4ee; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(300);">Links</ion-button>
       </ion-buttons>
     </ion-toolbar>
 
     <div *ngIf="tabMode == 100 " class="lesson">
       <div class="ion-padding" slot="content" style="background-color: white; padding: 5px">
-        <div style="margin-top: 10px; background-color: #f7f8fa; border-radius: 10px; padding: 5px">
-
-
-<!--          <ion-item lines="none">  </ion-item>-->
-
-        <ion-grid style="margin: 0px; padding: 0px; background-color: #fcf7ee; border-radius: 10px;">
-
-            <ion-row  style="margin: 0px;  padding: 10px 0px;">
-              <ion-col  style="margin: 0px;  padding: 0px  5px 0px 0px;"><ion-input style="background-color: white; " type="text" placeholder="Firstname" maxlength="15" [(ngModel)]='ref_firstname'></ion-input></ion-col>
-              <ion-col  style="margin: 0px;  padding: 0px;"><ion-input style="background-color: white; "  type="text" placeholder="Lastname" maxlength="15" [(ngModel)]='lastname'></ion-input></ion-col>
-            </ion-row>
-
-            <ion-row  style="margin: 0px;  padding: 10px  0px; ">
-              <ion-col  style="margin: 0px;  padding: 0px;">
-                <ion-input style="background-color: white; "  type="email" placeholder="Email"  maxlength="55"  [(ngModel)]='email'></ion-input>
-              </ion-col>
-            </ion-row>
-
-            <ion-row  style="margin: 0px;  padding: 10px  0px;">
-              <ion-col ></ion-col>
-              <ion-col  style="margin: 0px;  padding: 0px;">
-                <ion-button
-                        style="padding: 3px; height: 45px; min-width: 150px;"
-                        shape="round"
-                        expand="block"
-                        size="small"
-                        (click)="sendRefer()">
-                  Send Invite
-                </ion-button>
-              </ion-col>
-            </ion-row>
-
-        </ion-grid>
-
+        <div style="margin-top: 10px; background-color: #fcf7ee; border-radius: 10px; padding: 5px">
+          <ion-grid style="margin: 0px; padding: 0px; background-color: #fcf7ee; border-radius: 10px;">
+              <ion-row  style="margin: 0px;  padding: 10px 0px;">
+                <ion-col  style="margin: 0px;  padding: 0px  5px 0px 0px;"><ion-input style="background-color: white; border-radius: 5px;" type="text" placeholder="Firstname" maxlength="15" [(ngModel)]='ref_firstname'></ion-input></ion-col>
+                <ion-col  style="margin: 0px;  padding: 0px;"><ion-input style="background-color: white;  border-radius: 5px;"  type="text" placeholder="Lastname" maxlength="15" [(ngModel)]='lastname'></ion-input></ion-col>
+              </ion-row>
 
+              <ion-row  style="margin: 0px;  padding: 10px  0px; ">
+                <ion-col  style="margin: 0px;  padding: 0px;">
+                  <ion-input style="background-color: white;  border-radius: 5px; "  type="email" placeholder="Email"  maxlength="55"  [(ngModel)]='email'></ion-input>
+                </ion-col>
+              </ion-row>
+          </ion-grid>
         </div>
+
+        <div  style="padding: 10px  10px 0px 10px;">
+          <ion-button
+                  shape="round"
+                  expand="block"
+                  size="small"
+                  (click)="sendRefer()">
+            Send Invite
+          </ion-button>
+        </div>
+
       </div>
     </div>
+
     <div *ngIf="tabMode == 200 " class="lesson">
       <div class="ion-padding" slot="content" style="background-color: white; padding: 5px">
         <div style="margin-top: 10px; background-color: aliceblue; min-height: 150px; border-radius: 10px;">
@@ -74,24 +65,50 @@
               </ion-col>
             </ion-row>
           </ion-grid>
-
-
         </div>
-        <div  style="padding: 0px  10px 0px 10px;">
+        <div  style="padding:10px  10px 0px 10px;">
           <ion-button (click)="refreshContacts()"
                       shape="round"
                       expand="block"
                       size="small">Refresh Contacts</ion-button>
         </div>
+      </div>
+    </div>
+
+    <div *ngIf="tabMode == 300 " class="lesson">
+      <div class="ion-padding" slot="content" style="padding: 5px">
+        <div style="margin-top: 10px; background-color: #ebe4ee; min-height: 100px; border-radius: 10px;">
+          <ion-grid>
+            <ion-row style="padding: 0px; margin: 0px;">
+              <ion-col style="padding: 0px; margin: 0px;">
+               <ion-textarea [readonly]="true" style="background-color: white; border-radius: 5px; height: 80px;">
+                    {{refer_link}}
+               </ion-textarea>
+              </ion-col>
+            </ion-row>
+            <ion-row>
+              <ion-col>
+
+              </ion-col>
+            </ion-row>
+          </ion-grid>
+
+
+        </div>
+        <div  style="padding: 10px  10px 0px 10px;">
+          <ion-button (click)="sendtoMyEmail()"
+                      shape="round"
+                      expand="block"
+                      size="small">Send to my Email</ion-button>
+        </div>
 
 
       </div>
     </div>
 
 
-
     <div class="lesson" style="background-color: white; padding: 5px;">
-      <div class="inv-head">Recent Invitations</div>
+      <div class="inv-head">Previous Invitations</div>
 
       <div class="video" *ngFor="let item of referData;" >
         <div class="left">
diff --git a/src/app/pages/invite/invite.page.ts b/src/app/pages/invite/invite.page.ts
index b3b8438..e1af3da 100644
--- a/src/app/pages/invite/invite.page.ts
+++ b/src/app/pages/invite/invite.page.ts
@@ -18,7 +18,7 @@ export class InvitePage implements OnInit {
   @ViewChild('lastname') lastname;
   @ViewChild('email') email;
   tabs = 'refer';
-
+  refer_link:string = '';
   constructor(
       private navctr: NavController,
       private router: Router,
@@ -28,16 +28,9 @@ export class InvitePage implements OnInit {
       private contactsDataService:ContactsDataService,
       private loadingCtrl: LoadingController,
   ) {
+    this.refer_link = this.sessionDataProviderService.refer_link;
   }
-/*
- 'member_id' => int 1
-  'sessionid' => string '936571FD2E081B667930E7FFDF4D819938171883CA0CC951DC6C4FB184280EB3' (length=64)
-  'uid' => string '3119b744-42ad-4834-bb83-b737588754ca' (length=36)
-  'action' => int 11032
-  'ref_firstname' => string 'Reffirst10' (length=10)
-  'ref_lastname' => string 'Reflast86' (length=9)
-  'ref_email' => string 'ameye+636@chiefsoft.com' (length=23)
- */
+
   referSendData: {
     action:number, member_id: number, uid: string, sessionid: string, ref_firstname:string, ref_lastname:string,ref_email: string
   };
@@ -150,4 +143,8 @@ export class InvitePage implements OnInit {
 
     this.tabMode = tMode;
   }
+
+  sendtoMyEmail(){
+
+  }
 }
diff --git a/src/app/pages/jobmessage/jobmessage.page.html b/src/app/pages/jobmessage/jobmessage.page.html
index f97d9c7..9cabfb8 100644
--- a/src/app/pages/jobmessage/jobmessage.page.html
+++ b/src/app/pages/jobmessage/jobmessage.page.html
@@ -33,12 +33,12 @@
                 </div>
                   <div style="background-color: aliceblue; padding: 2px; border-radius: 5px;">
                       <div>
-                          <ion-textarea>
+                          <ion-textarea  [(ngModel)]="reply_message">
 
                           </ion-textarea>
                       </div>
                       <div style="text-align: right; margin: 10px; background-color: #c0def8">
-                          <ion-button size="small">Reply</ion-button>
+                          <ion-button size="small" (click)="replyMessage(selectedMessage)">Reply</ion-button>
                       </div>
                   </div>
               </ion-card-content>
diff --git a/src/app/pages/jobmessage/jobmessage.page.ts b/src/app/pages/jobmessage/jobmessage.page.ts
index bbf148f..f6957bf 100644
--- a/src/app/pages/jobmessage/jobmessage.page.ts
+++ b/src/app/pages/jobmessage/jobmessage.page.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, OnInit, ViewChild} from '@angular/core';
 import {NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
 import {SessionDataProviderService} from "../../store/session-data-provider.service";
@@ -67,6 +67,7 @@ export class JobmessagePage implements OnInit {
 
   }
   selectedMessage:any;
+  @ViewChild('reply_message') reply_message;
    viewSelected(item){
      // debugger;
       this.selectedMessage = item;
@@ -78,4 +79,7 @@ export class JobmessagePage implements OnInit {
     this.selectedMessage= null;
     this.viewMode = 100;
   }
+  replyMessage(item){
+
+  }
 }
diff --git a/src/app/store/session-data-provider.service.ts b/src/app/store/session-data-provider.service.ts
index 7db186c..ee4ce1b 100644
--- a/src/app/store/session-data-provider.service.ts
+++ b/src/app/store/session-data-provider.service.ts
@@ -87,6 +87,7 @@ export class SessionDataProviderService {
   home_dash_type:string="DEFAULT_HOME_DASH";
   family_action:string="";
   account_pref:string="PREF04";
+  refer_link:string="";
 
 
  session_contructed:boolean = false;
@@ -214,6 +215,7 @@ export class SessionDataProviderService {
       //this.pushNotificationProvider.tagUser(this.session);
       this.session_contructed = true;
       this.account_pref = loginResult.account_pref;
+      this.refer_link = loginResult.refer_link;
 
 
     } catch (error) {