diff --git a/src/app/pages/family/family.page.html b/src/app/pages/family/family.page.html
index 5a66e84..3039ea5 100644
--- a/src/app/pages/family/family.page.html
+++ b/src/app/pages/family/family.page.html
@@ -50,13 +50,13 @@
     </ion-segment>
 
     <div *ngIf="tabs =='members'" class="lesson">
-      <div class="video" *ngFor="let item of [1,2,3,4,5,6]">
+      <div class="video" *ngFor="let item of familyData">
         <div class="left">
           <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
 
           <div class="text">
-            <ion-label class="bold_text">Why Using Figma ?</ion-label>
-            <ion-label class="grey_text">10 mins</ion-label>
+            <ion-label class="bold_text">{{item.firstname}} {{item.lastname}} ({{item.age}})</ion-label>
+            <ion-label class="grey_text">Last Login: {{item.last_login}}</ion-label>
           </div>
         </div>
         <div class="right">
diff --git a/src/app/pages/family/family.page.ts b/src/app/pages/family/family.page.ts
index 4f2fd10..8172e1e 100644
--- a/src/app/pages/family/family.page.ts
+++ b/src/app/pages/family/family.page.ts
@@ -1,6 +1,9 @@
 import { Component, OnInit } from '@angular/core';
 import {NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
+import { WrenchService } from 'src/app/services/wrench.service';
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
+
 
 @Component({
   selector: 'app-family',
@@ -13,10 +16,15 @@ export class FamilyPage implements OnInit {
 
   constructor(
       private navctr: NavController,
-      private router: Router
-  ) { }
+      private router: Router,
+      public sessionDataProviderService: SessionDataProviderService,
+      private wrenchService: WrenchService
+  ) {
 
+
+  }
   ngOnInit() {
+    this.getFamilyData();
   }
 
   onBack() {
@@ -31,5 +39,28 @@ export class FamilyPage implements OnInit {
     this.router.navigate(['enroll']);
   }
 
+  usrData: {
+    action:22010, member_id: number, uid: string, sessionid: string, limit:20, page:1,offset: 0
+  };
+  familyTotalData:any;
+  familyData: [];
+  getFamilyData(){
+    this.usrData = {action:22010,
+      member_id: this.sessionDataProviderService.member_id,
+      uid: this.sessionDataProviderService.member_uid,
+      sessionid: this.sessionDataProviderService.session ,
+      limit:20, page:1,offset: 0}
+
+    this.wrenchService.getFamilyList(this.usrData).subscribe(
+        familyTotalData => {
+          this.familyTotalData = familyTotalData;
+          console.log("FAMILY  RETURN->", this.familyTotalData);
+          this.familyData = this.familyTotalData.result_list;
+          // debugger;
+          console.log("FAMILY RETURN DATA->", this.familyData);
+        }
+    );
+
+  }
 
 }
diff --git a/src/app/services/wrench.service.ts b/src/app/services/wrench.service.ts
index 0ac784b..5e0efaf 100644
--- a/src/app/services/wrench.service.ts
+++ b/src/app/services/wrench.service.ts
@@ -42,6 +42,9 @@ export class WrenchService {
       return this.getPostData('homebanners',usrData);
   }
 
+    getFamilyList(usrData) {
+        return this.getPostData("familylist", usrData);
+    }
     getUserWallets(usrData) {
         return this.getPostData("getwallets", usrData);
     }