diff --git a/src/app/pages/family/family.page.html b/src/app/pages/family/family.page.html
index ee3046b..67994bb 100644
--- a/src/app/pages/family/family.page.html
+++ b/src/app/pages/family/family.page.html
@@ -1,5 +1,6 @@
 
 <ion-content>
+
   <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/family.jpg)'">
     <div class="ion-padding">
       <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
@@ -133,17 +134,21 @@
 
     <div *ngIf="tabs =='pending'" class="review_tab">
 
-      <ion-card>
-        <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
-        <ion-card-header>
-          <ion-card-title>No Pending</ion-card-title>
-          <ion-card-subtitle>You have 0 pending suggestions</ion-card-subtitle>
-        </ion-card-header>
+      <div *ngIf="suggestion_total == 0">
+        <ion-card>
+          <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+          <ion-card-header>
+            <ion-card-title>No Pending</ion-card-title>
+            <ion-card-subtitle>You have 0 pending suggestions</ion-card-subtitle>
+          </ion-card-header>
+
+          <ion-card-content>
+            It's fun when the family recommends activities for your approval.  Any family member can log in to their profile and send what they are interested in.
+          </ion-card-content>
+        </ion-card>
+      </div>
+
 
-        <ion-card-content>
-          It's fun when the family recommends activities for your approval.  Any family member can log in to their profile and send what they are interested in.
-        </ion-card-content>
-      </ion-card>
 
       <div class="total">
         <div class="star-rate">
@@ -188,7 +193,7 @@
       <div class="reviw_list" *ngFor="let item of familyPendingData">
         <div class="profile">
           <div class="left">
-            <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/p2.jpg)'"></div>
+            <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/taskbanners/'+item.banner+')'"></div>
             <div style="margin-left: 10px;">
               <ion-label class="bold">{{item.title}}</ion-label>
             </div>
diff --git a/src/app/pages/invite/invite.page.html b/src/app/pages/invite/invite.page.html
index 0aaa8f1..8c0bed0 100644
--- a/src/app/pages/invite/invite.page.html
+++ b/src/app/pages/invite/invite.page.html
@@ -21,25 +21,43 @@
     </ion-segment-button>
   </ion-segment>
 
+  <ion-card>
+    <ion-card-header>
+      <ion-card-title>Card Title</ion-card-title>
+      <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
+    </ion-card-header>
 
-  <ion-item lines="none">
-    <ion-icon slot="start" name="mail-outline"></ion-icon>
-    <ion-input type="email" placeholder="Email"  [(ngModel)]='username'></ion-input>
-  </ion-item>
+    <ion-card-content>
+      <ion-item lines="none">
+        <ion-icon slot="start" name="mail-outline"></ion-icon>
+        <ion-input type="email" placeholder="Email"  [(ngModel)]='email'></ion-input>
+      </ion-item>
 
-  <ion-item lines="none">
-    <ion-icon slot="start" name="lock-closed-outline"></ion-icon>
-    <ion-input type="password" placeholder="Password"  [(ngModel)]='password'></ion-input>
-  </ion-item>
+      <ion-item lines="none">
+        <ion-icon slot="start" name="lock-closed-outline"></ion-icon>
+        <ion-input type="text" placeholder="firstname"  [(ngModel)]='firstname'></ion-input>
+      </ion-item>
+
+      <ion-item lines="none">
+        <ion-icon slot="start" name="lock-closed-outline"></ion-icon>
+        <ion-input type="text" placeholder="lastname"  [(ngModel)]='lastname'></ion-input>
+      </ion-item>
+
+      <ion-grid>
+        <ion-row>
+          <ion-col>
+          </ion-col>
+          <ion-col>
+            <ion-button expand="block" (click)="sendRefer()">
+              Send
+            </ion-button>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+    </ion-card-content>
+  </ion-card>
 
-  <ion-item lines="none">
-    <ion-icon slot="start" name="lock-closed-outline"></ion-icon>
-    <ion-input type="password" placeholder="Password"  [(ngModel)]='password'></ion-input>
-  </ion-item>
 
-  <ion-button expand="block" (click)="startLogin()">
-    Login
-  </ion-button>
 
 
 
diff --git a/src/app/pages/invite/invite.page.ts b/src/app/pages/invite/invite.page.ts
index e51732f..80ebe8b 100644
--- a/src/app/pages/invite/invite.page.ts
+++ b/src/app/pages/invite/invite.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 { WrenchService } from 'src/app/services/wrench.service';
@@ -11,6 +11,10 @@ import {SessionDataProviderService} from "../../store/session-data-provider.serv
 })
 export class InvitePage implements OnInit {
 
+  @ViewChild('firstname') firstname;
+  @ViewChild('lastname') lastname;
+  @ViewChild('email') email;
+
   constructor(
       private navctr: NavController,
       private router: Router,
@@ -19,6 +23,9 @@ export class InvitePage implements OnInit {
   ) {
   }
 
+  sendRefer(){
+
+  }
   ngOnInit() {
     this.getReferData();
   }
diff --git a/src/app/pages/mytasks/mytasks.page.html b/src/app/pages/mytasks/mytasks.page.html
index a9a7387..6401292 100644
--- a/src/app/pages/mytasks/mytasks.page.html
+++ b/src/app/pages/mytasks/mytasks.page.html
@@ -25,18 +25,20 @@
   </ion-segment>
 
   <div *ngIf="tabs =='tasks'">
+    <div *ngIf="active_job_count == 0">
+      <ion-card>
+        <img alt="WrenchBoard Tasks" src="https://www.wrenchboard.com/assets/images/apps/current-tasks.png" />
+        <ion-card-header>
+          <ion-card-title>Current Tasks</ion-card-title>
+          <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
+        </ion-card-header>
 
-    <ion-card>
-      <img alt="WrenchBoard Tasks" src="https://www.wrenchboard.com/assets/images/apps/current-tasks.png" />
-      <ion-card-header>
-        <ion-card-title>Current Tasks</ion-card-title>
-        <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
-      </ion-card-header>
+        <ion-card-content>
+          Here's a small text description for the card content. Nothing more, nothing less.
+        </ion-card-content>
+      </ion-card>
+    </div>
 
-      <ion-card-content>
-        Here's a small text description for the card content. Nothing more, nothing less.
-      </ion-card-content>
-    </ion-card>
 
     <div class="chat" *ngFor="let item of jobsData;" (click)="activeSeleted(item)">
       <div class="flex">
diff --git a/src/app/pages/mytasks/mytasks.page.ts b/src/app/pages/mytasks/mytasks.page.ts
index b5387e8..95ee87a 100644
--- a/src/app/pages/mytasks/mytasks.page.ts
+++ b/src/app/pages/mytasks/mytasks.page.ts
@@ -13,6 +13,11 @@ export class MytasksPage implements OnInit {
 
   tabs: any = 'tasks';
 
+    active_job_count:number =0;
+    pastdue_job_count:number =0;
+    review_job_count:number =0;
+
+
   constructor(
       private router: Router,
       public sessionDataProviderService: SessionDataProviderService,
@@ -55,6 +60,7 @@ export class MytasksPage implements OnInit {
           this.jobsData = this.jobsTotalData.result_list;
           // debugger;
           console.log("JOBS RETURN DATA->", this.jobsData);
+          this.active_job_count = this.jobsData.length;
           //  this.blogDataService.setBlogData(this.blogResult.blog_data);
         }
     );