diff --git a/src/app/pages/familymember/familymember.page.scss b/src/app/pages/familymember/familymember.page.scss
index 40f3f49..a1ea7ce 100644
--- a/src/app/pages/familymember/familymember.page.scss
+++ b/src/app/pages/familymember/familymember.page.scss
@@ -5,7 +5,7 @@ ion-content {
     height: 130px;
     background-size: contain;
     background-repeat: no-repeat;
-    
+
     .back {
       font-size: 25px;
       color: white;
diff --git a/src/app/pages/home/home.page.html b/src/app/pages/home/home.page.html
index f92bda3..41dbe8b 100644
--- a/src/app/pages/home/home.page.html
+++ b/src/app/pages/home/home.page.html
@@ -24,52 +24,80 @@
   </div> -->
 <div class="boxed_contents">
 
-  <div class="offer">
-    <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/offer.jpg)'"></div>
-  </div>
+  <div *ngIf = "accountType == 'FAMILY'; else elseFulltag">
 
-  <div  *ngFor="let item of bannerData; let i = index" class="bg_white {{item.short_style}}  {{item.card_type}} "  (click)="onDetails(item)">
-    <div class="list">
-      <div *ngIf="item.banner_location === 'URL' ">
-        <!-- code to render a large video block-->
-        <div class="bg_image back_image banner_image" [style.backgroundImage]="'url('+item.banner+')'"></div>
-      </div>
-      <div *ngIf="item.banner_location === 'LOCAL' ">
-        <div class="bg_image back_image banner_image" [style.backgroundImage]="'url(assets/images/'+item.banner+')'"></div>
-      </div>
+    <ion-grid class="fam1">
+      <ion-row>
+        <ion-col class="famleft"></ion-col>
+        <ion-col>
+          My Suggested Tasks
+        </ion-col>
+      </ion-row>
+    </ion-grid>
 
-      <div class="detail">
-        <ion-label class="name">{{item.short_title}}</ion-label>
-        <ion-label class="bg_text">{{item.short_description}}</ion-label>
+    <div class="lesson">
+      <div class="video" *ngFor="let item of [1,2,3,4,5,6]">
+        <div class="left">
+          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
 
-
-        <!--        <ion-label class="price">$48.00 </ion-label>-->
-
-<!--        <div class="row">-->
-<!--          &lt;!&ndash;          <ion-icon name="star-half-outline" color="warning"></ion-icon>&ndash;&gt;-->
-<!--          &lt;!&ndash;          <ion-label class="small">4.9</ion-label>&ndash;&gt;-->
-<!--          &lt;!&ndash;          <ion-label class="small">|</ion-label>&ndash;&gt;-->
-<!--          &lt;!&ndash;          <ion-label class="small">8266 Students</ion-label>&ndash;&gt;-->
-<!--        </div>-->
+          <div class="text">
+            <ion-label class="bold_text">Why Using Figma ?</ion-label>
+            <ion-label class="grey_text">10 mins</ion-label>
+          </div>
+        </div>
+        <div class="right">
+          <ion-icon name="lock-closed-outline"></ion-icon>
+        </div>
       </div>
     </div>
-    <!--    <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
-  </div>
 
-  <div class="flex">
-    <ion-label class="bold_text">Recommended Blog</ion-label>
-    <ion-label class="color_text" (click)="allBlog()">See all</ion-label>
+    
   </div>
-  <div class="bg_white bg_alice" *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)">
-    <div class="blog_list">
-      <div class="bg_image back_image banner_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'"></div>
-      <div class="detail">
-        <ion-label class="name">{{item.post_title}}</ion-label>
-      </div>
+  <ng-template #elseFulltag>
+    <div class="offer">
+      <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/offer.jpg)'"></div>
     </div>
-    <!--    <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
-  </div>
+    <div  *ngFor="let item of bannerData; let i = index" class="bg_white {{item.short_style}}  {{item.card_type}} "  (click)="onDetails(item)">
+      <div class="list">
+        <div *ngIf="item.banner_location === 'URL' ">
+          <!-- code to render a large video block-->
+          <div class="bg_image back_image banner_image" [style.backgroundImage]="'url('+item.banner+')'"></div>
+        </div>
+        <div *ngIf="item.banner_location === 'LOCAL' ">
+          <div class="bg_image back_image banner_image" [style.backgroundImage]="'url(assets/images/'+item.banner+')'"></div>
+        </div>
 
+        <div class="detail">
+          <ion-label class="name">{{item.short_title}}</ion-label>
+          <ion-label class="bg_text">{{item.short_description}}</ion-label>
+
+
+          <!--        <ion-label class="price">$48.00 </ion-label>-->
+
+          <!--        <div class="row">-->
+          <!--          &lt;!&ndash;          <ion-icon name="star-half-outline" color="warning"></ion-icon>&ndash;&gt;-->
+          <!--          &lt;!&ndash;          <ion-label class="small">4.9</ion-label>&ndash;&gt;-->
+          <!--          &lt;!&ndash;          <ion-label class="small">|</ion-label>&ndash;&gt;-->
+          <!--          &lt;!&ndash;          <ion-label class="small">8266 Students</ion-label>&ndash;&gt;-->
+          <!--        </div>-->
+        </div>
+      </div>
+      <!--    <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
+    </div>
+    <div class="flex">
+      <ion-label class="bold_text">Recommended Blog</ion-label>
+      <ion-label class="color_text" (click)="allBlog()">See all</ion-label>
+    </div>
+    <div class="bg_white bg_alice" *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)">
+      <div class="blog_list">
+        <div class="bg_image back_image banner_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'"></div>
+        <div class="detail">
+          <ion-label class="name">{{item.post_title}}</ion-label>
+        </div>
+      </div>
+      <!--    <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
+    </div>
+  </ng-template>
 
 
 
diff --git a/src/app/pages/home/home.page.scss b/src/app/pages/home/home.page.scss
index 08514b4..65993de 100644
--- a/src/app/pages/home/home.page.scss
+++ b/src/app/pages/home/home.page.scss
@@ -39,8 +39,80 @@ ion-header {
   }
 }
 
+.fam1{
+  margin:10px 0px 10px 0px;
+  background-color: aliceblue;
+  min-height: 100px;
+  .famleft{
+    background-image: url("https://www.wrenchboard.com/assets/images/apps/family/kids-waiting.jpg");
+    background-size: cover;
+    background-repeat: no-repeat;
+    width:100%;
+    height: 130px;
+    border-radius: 10px 0px 0px 10px;
+  }
+}
 ion-content {
 
+
+  .lesson {
+    margin-top: 20px;
+
+    .bold {
+      font-family: 'semi-bold';
+    }
+
+    .color {
+      color: var(--ion-color-primary);
+    }
+
+    .grey {
+      color: grey;
+    }
+
+    .sec {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 10px;
+    }
+
+    .video {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      background-color: white;
+      padding: 15px;
+      box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
+      border-radius: 10px;
+      margin-top: 20px;
+
+      .left {
+        display: flex;
+      }
+
+      .men_image {
+        height: 40px;
+        width: 40px;
+        border-radius: 100%;
+      }
+
+      .text {
+        margin-left: 10px;
+      }
+
+      .bold_text {
+        font-size: 16px;
+        font-family: 'bold';
+      }
+
+      .grey_text {
+        font-size: 14px;
+        color: grey;
+      }
+    }
+  }
+
   .short_style{
     background-color: transparent;
     border-color: #a2d7f1;
diff --git a/src/app/pages/home/home.page.ts b/src/app/pages/home/home.page.ts
index a0969be..097bc12 100644
--- a/src/app/pages/home/home.page.ts
+++ b/src/app/pages/home/home.page.ts
@@ -15,7 +15,7 @@ export class HomePage implements OnInit {
   firstname: string = '';
   have_jobs:number = 0;
   blogData: [];
-
+  accountType:string="";
   constructor(
     private router: Router,
     public sessionDataProviderService: SessionDataProviderService,
@@ -23,24 +23,41 @@ export class HomePage implements OnInit {
     private onesignalService: OnesignalService,
     public blogDataService: BlogDataService
   ) {
-    this.firstname = this.sessionDataProviderService.firstname;
-  //  debugger;
-    this.blogData = this.blogDataService.blogData;
-    console.log("BLOG HOME 001->", this.blogDataService.blogData);
+    this.accountType = sessionDataProviderService.account_type;
 
+    this.firstname = this.sessionDataProviderService.firstname;
+    this.blogData = this.blogDataService.blogData;
   }
 
   ngOnInit() {
-   // this.getBlogData([]);
-   // this.getBannersData();
-    console.log("BLOG HOME 002->", this.blogDataService.blogData);
-    // this.firstname = this.sessionDataProviderService.firstname;
-    this.onesignalService.Init(this.sessionDataProviderService.member_uid);
+    if ( this.sessionDataProviderService.member_uid != ''){
+      console.log("BLOG HOME 002->", this.blogDataService.blogData);
+      // this.firstname = this.sessionDataProviderService.firstname;
+      this.onesignalService.Init(this.sessionDataProviderService.member_uid);
+
+      if (this.accountType == 'FULL'){
+        this.getBlogData([]);
+        this.getBannersData();
+      }
+
+      if (this.accountType == 'FAMILY'){
+
+      }
+
+    }
+
+
   }
 
   ionViewDidEnter(){
-    this.getBlogData([]);
-    this.getBannersData();
+    if (this.accountType == 'FULL'){
+      this.getBlogData([]);
+      this.getBannersData();
+    }
+
+    if (this.accountType == 'FAMILY'){
+
+    }
   }
   blogResult:any;
   bannerResult:any;