diff --git a/REMEMBER.txt b/REMEMBER.txt
index 9c2f556..ce4c911 100644
--- a/REMEMBER.txt
+++ b/REMEMBER.txt
@@ -29,6 +29,9 @@ ionic generate component fastreward
 ionic generate component familypending
 ionic generate component job-group
 
+ionic generate component familiy-dash
+
+
 
 ionic generate component InterestCard
 ionic generate component PendingSuggested
diff --git a/src/app/components/familiy-dash/familiy-dash.component.html b/src/app/components/familiy-dash/familiy-dash.component.html
new file mode 100644
index 0000000..cd26be2
--- /dev/null
+++ b/src/app/components/familiy-dash/familiy-dash.component.html
@@ -0,0 +1,5 @@
+<div>
+  <app-familiy-nokids></app-familiy-nokids>
+  <app-familiy-notask></app-familiy-notask>
+  <app-familiy-addfamily></app-familiy-addfamily>
+</div>
diff --git a/src/app/components/familiy-dash/familiy-dash.component.scss b/src/app/components/familiy-dash/familiy-dash.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/familiy-dash/familiy-dash.component.spec.ts b/src/app/components/familiy-dash/familiy-dash.component.spec.ts
new file mode 100644
index 0000000..6537e89
--- /dev/null
+++ b/src/app/components/familiy-dash/familiy-dash.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { FamiliyDashComponent } from './familiy-dash.component';
+//import { FamiliyNokidsComponent } from '../familycards/familiy-nokids/familiy-nokids.component';
+
+describe('FamiliyDashComponent', () => {
+  let component: FamiliyDashComponent;
+  let fixture: ComponentFixture<FamiliyDashComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FamiliyDashComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FamiliyDashComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/familiy-dash/familiy-dash.component.ts b/src/app/components/familiy-dash/familiy-dash.component.ts
new file mode 100644
index 0000000..28b85fc
--- /dev/null
+++ b/src/app/components/familiy-dash/familiy-dash.component.ts
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-familiy-dash',
+  templateUrl: './familiy-dash.component.html',
+  styleUrls: ['./familiy-dash.component.scss'],
+})
+export class FamiliyDashComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}
diff --git a/src/app/components/familycards/familiy-addfamily/familiy-addfamily.component.html b/src/app/components/familycards/familiy-addfamily/familiy-addfamily.component.html
new file mode 100644
index 0000000..cb07f83
--- /dev/null
+++ b/src/app/components/familycards/familiy-addfamily/familiy-addfamily.component.html
@@ -0,0 +1,3 @@
+<p>
+  familiy-addfamily works!
+</p>
diff --git a/src/app/components/familycards/familiy-addfamily/familiy-addfamily.component.scss b/src/app/components/familycards/familiy-addfamily/familiy-addfamily.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/familycards/familiy-addfamily/familiy-addfamily.component.spec.ts b/src/app/components/familycards/familiy-addfamily/familiy-addfamily.component.spec.ts
new file mode 100644
index 0000000..91d33a5
--- /dev/null
+++ b/src/app/components/familycards/familiy-addfamily/familiy-addfamily.component.spec.ts
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { FamiliyAddfamilyComponent } from './familiy-addfamily.component';
+
+describe('FamiliyAddfamilyComponent', () => {
+  let component: FamiliyAddfamilyComponent;
+  let fixture: ComponentFixture<FamiliyAddfamilyComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FamiliyAddfamilyComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FamiliyAddfamilyComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/familycards/familiy-addfamily/familiy-addfamily.component.ts b/src/app/components/familycards/familiy-addfamily/familiy-addfamily.component.ts
new file mode 100644
index 0000000..7b7ccec
--- /dev/null
+++ b/src/app/components/familycards/familiy-addfamily/familiy-addfamily.component.ts
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-familiy-addfamily',
+  templateUrl: './familiy-addfamily.component.html',
+  styleUrls: ['./familiy-addfamily.component.scss'],
+})
+export class FamiliyAddfamilyComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}
diff --git a/src/app/components/familycards/familiy-nokids/familiy-nokids.component.html b/src/app/components/familycards/familiy-nokids/familiy-nokids.component.html
new file mode 100644
index 0000000..a9b2b44
--- /dev/null
+++ b/src/app/components/familycards/familiy-nokids/familiy-nokids.component.html
@@ -0,0 +1,3 @@
+<p>
+  familiy-nokids works!
+</p>
diff --git a/src/app/components/familycards/familiy-nokids/familiy-nokids.component.scss b/src/app/components/familycards/familiy-nokids/familiy-nokids.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/familycards/familiy-nokids/familiy-nokids.component.spec.ts b/src/app/components/familycards/familiy-nokids/familiy-nokids.component.spec.ts
new file mode 100644
index 0000000..80cf453
--- /dev/null
+++ b/src/app/components/familycards/familiy-nokids/familiy-nokids.component.spec.ts
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { FamiliyNokidsComponent } from './familiy-nokids.component';
+
+describe('FamiliyNokidsComponent', () => {
+  let component: FamiliyNokidsComponent;
+  let fixture: ComponentFixture<FamiliyNokidsComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FamiliyNokidsComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FamiliyNokidsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/familycards/familiy-nokids/familiy-nokids.component.ts b/src/app/components/familycards/familiy-nokids/familiy-nokids.component.ts
new file mode 100644
index 0000000..c5a52aa
--- /dev/null
+++ b/src/app/components/familycards/familiy-nokids/familiy-nokids.component.ts
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-familiy-nokids',
+  templateUrl: './familiy-nokids.component.html',
+  styleUrls: ['./familiy-nokids.component.scss'],
+})
+export class FamiliyNokidsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}
diff --git a/src/app/components/familycards/familiy-notask/familiy-notask.component.html b/src/app/components/familycards/familiy-notask/familiy-notask.component.html
new file mode 100644
index 0000000..8cb0770
--- /dev/null
+++ b/src/app/components/familycards/familiy-notask/familiy-notask.component.html
@@ -0,0 +1,3 @@
+<p>
+  familiy-notask works!
+</p>
diff --git a/src/app/components/familycards/familiy-notask/familiy-notask.component.scss b/src/app/components/familycards/familiy-notask/familiy-notask.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/familycards/familiy-notask/familiy-notask.component.spec.ts b/src/app/components/familycards/familiy-notask/familiy-notask.component.spec.ts
new file mode 100644
index 0000000..fb2f11f
--- /dev/null
+++ b/src/app/components/familycards/familiy-notask/familiy-notask.component.spec.ts
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { FamiliyNotaskComponent } from './familiy-notask.component';
+
+describe('FamiliyNotaskComponent', () => {
+  let component: FamiliyNotaskComponent;
+  let fixture: ComponentFixture<FamiliyNotaskComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FamiliyNotaskComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FamiliyNotaskComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/familycards/familiy-notask/familiy-notask.component.ts b/src/app/components/familycards/familiy-notask/familiy-notask.component.ts
new file mode 100644
index 0000000..ea7b273
--- /dev/null
+++ b/src/app/components/familycards/familiy-notask/familiy-notask.component.ts
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-familiy-notask',
+  templateUrl: './familiy-notask.component.html',
+  styleUrls: ['./familiy-notask.component.scss'],
+})
+export class FamiliyNotaskComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}
diff --git a/src/app/pages/home/home.module.ts b/src/app/pages/home/home.module.ts
index 04e1483..65ad242 100644
--- a/src/app/pages/home/home.module.ts
+++ b/src/app/pages/home/home.module.ts
@@ -14,6 +14,10 @@ import { FastrewardComponent } from "../../components/fastreward/fastreward.comp
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import {LatestMarketComponent} from "../../components/latest-market/latest-market.component";
 import {HelpListingComponent} from "../../components/help-listing/help-listing.component";
+import {FamiliyDashComponent} from "../../components/familiy-dash/familiy-dash.component";
+import { FamiliyNokidsComponent } from '../../components/familycards/familiy-nokids/familiy-nokids.component';
+import {FamiliyNotaskComponent} from "../../components/familycards/familiy-notask/familiy-notask.component";
+import {FamiliyAddfamilyComponent} from "../../components/familycards/familiy-addfamily/familiy-addfamily.component";
 
 // @NgModule({
 //   schemas: [CUSTOM_ELEMENTS_SCHEMA]
@@ -26,7 +30,13 @@ import {HelpListingComponent} from "../../components/help-listing/help-listing.c
     IonicModule,
     HomePageRoutingModule
   ],
-  declarations: [HomePage,SuggestedlistComponent,FamilypendingComponent,TrackingComponent,FastrewardComponent,LatestMarketComponent,HelpListingComponent],
+  declarations: [
+    HomePage,SuggestedlistComponent,FamilypendingComponent,
+    TrackingComponent,FastrewardComponent,
+    LatestMarketComponent,HelpListingComponent,
+    FamiliyDashComponent,FamiliyNokidsComponent,
+    FamiliyNotaskComponent,FamiliyAddfamilyComponent
+  ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class HomePageModule { }
diff --git a/src/app/pages/home/home.page.html b/src/app/pages/home/home.page.html
index 34e3d20..766ecb8 100644
--- a/src/app/pages/home/home.page.html
+++ b/src/app/pages/home/home.page.html
@@ -71,6 +71,7 @@
           </ion-buttons>
     <!--      <ion-title>{{walletDescription}}</ion-title>-->
         </ion-toolbar>
+        <app-familiy-dash></app-familiy-dash>
         <app-latest-market></app-latest-market>
         <app-fastreward></app-fastreward>
 <!--        <app-tracking></app-tracking>-->