Ad home stuffs

src/app/pages/familymember/familymember.page.html

@@ -49,7 +49,48 @@
       </ion-segment-button>
     </ion-segment>
 
-    <div *ngIf="tabs =='about'" class="about">
+    <div *ngIf="tabs =='about'" class="lesson">
+
+        <div class="sec">
+            <ion-label class="grey">Currently Active</ion-label>
+            <ion-label class="color">0</ion-label>
+        </div>
+
+
+        <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>
+
+                <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 class="sec">
+            <ion-label class="grey">Suggested Tasks</ion-label>
+            <ion-label class="color">0</ion-label>
+        </div>
+
+
+        <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>
+
+                <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>
 

src/app/pages/home/home.page.html

@@ -137,13 +137,13 @@
 <!--  <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/taskbanners/'+item.banner+')'"></div>-->
   <div *ngIf="have_jobs != 0">
 
-    <ion-fab slot="fixed" vertical="top" horizontal="end" [edge]="true">
+    <ion-fab slot="fixed"  class="job_fab" vertical="top" color="secondary" horizontal="end" [edge]="true">
       <ion-fab-button>
-        <ion-label>Jobs</ion-label>
+        <ion-label>My Jobs</ion-label>
       </ion-fab-button>
       <ion-fab-list side="bottom">
-        <ion-fab-button>
-          <ion-icon name="document"></ion-icon>
+        <ion-fab-button (click)="myJobs()" (select)="myJobs()">
+          <ion-icon name="list"></ion-icon>
         </ion-fab-button>
         <ion-fab-button>
           <ion-icon name="color-palette"></ion-icon>

src/app/pages/home/home.page.scss

@@ -38,7 +38,6 @@ ion-header {
     }
   }
 }
-
 .fam1{
   margin:10px 0px 10px 0px;
   background-color: aliceblue;
@@ -52,8 +51,19 @@ ion-header {
     border-radius: 10px 0px 0px 10px;
   }
 }
+.job_fab{
+  margin-top: 30px;
+}
 ion-content {
 
+  ion-fab-button {
+    --background: #b7f399;
+    --background-activated: #87d361;
+    --background-hover: #a3e681;
+    --border-radius: 15px;
+    --box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
+    --color: black;
+  }
 
   .lesson {
     margin-top: 20px;
@@ -395,3 +405,4 @@ ion-content {
 }
 
 
+

src/app/pages/home/home.page.ts

@@ -167,6 +167,10 @@ export class HomePage implements OnInit {
         this.router.navigate([pageToNavigate],{state: item});
       }
   }
+
+  myJobs(){
+    this.router.navigate(['jobmanager']);
+  }
   selBlogResult:any;
   getOneBlog(item){
       const bligTmF ={