diff --git a/src/app/pages/preferences/preferences.page.html b/src/app/pages/preferences/preferences.page.html
index dd7d4f7..4ed4be7 100644
--- a/src/app/pages/preferences/preferences.page.html
+++ b/src/app/pages/preferences/preferences.page.html
@@ -1,11 +1,31 @@
-<ion-header>
-  <ion-toolbar>
-    <ion-title>preferences</ion-title>
-  </ion-toolbar>
-</ion-header>
+<!--<ion-header>-->
+<!--  <ion-toolbar>-->
+<!--    <ion-title>preferences</ion-title>-->
+<!--  </ion-toolbar>-->
+<!--</ion-header>-->
 
 <ion-content>
+  <div class="ion-padding">
+    <div class="boxed_contents">
+      <ion-card>
+        <ion-card-header>
+          <ion-card-title>Use Preference</ion-card-title>
+          <!--      <ion-card-subtitle>Use Preference</ion-card-subtitle>-->
+        </ion-card-header>
 
+        <ion-card-content>
+          Tell us your best use scenario to help optimize your ease of use.
+        </ion-card-content>
+      </ion-card>
+      <div style="background-color: lightcyan; border-radius: 10px; padding: 10px;">
+        <ion-list>
+          <ion-item *ngFor="let item of prefData">
+            <ion-checkbox   labelPlacement="end"><span class="chk-item">{{item.description}}</span> </ion-checkbox>
+          </ion-item>
+        </ion-list>
+      </div>
+    </div>
+  </div>
 </ion-content>
 <ion-footer style="background-color: white;">
   <ion-toolbar style="padding-bottom: 10px;">
diff --git a/src/app/pages/preferences/preferences.page.scss b/src/app/pages/preferences/preferences.page.scss
index 1c3cf7a..61eb76f 100644
--- a/src/app/pages/preferences/preferences.page.scss
+++ b/src/app/pages/preferences/preferences.page.scss
@@ -1,357 +1,9 @@
 
 ion-content {
-  .back_image {
-    width: 100%;
-    height: 230px;
-
-    .back {
-      font-size: 25px;
-      color: white;
-    }
-  }
-
-  .flex {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    ion-icon {
-      font-size: 22px;
-    }
-  }
-
-  .row {
-    display: flex;
-    align-items: center;
-    margin-top: 10px;
-
-    .bg_text {
-      color: var(--ion-color-primary);
-      background: #dfe1f3;
-      font-size: 12px;
-      padding: 2px 5px;
-      border-radius: 5px;
-      margin-right: 10px;
-    }
-
-    .rate {
-      display: flex;
-      align-items: center;
-
-      .review {
-        margin-left: 5px;
-      }
-    }
-  }
-
-  .color_text {
-    margin-top: 10px;
-    font-size: 22px;
-    font-family: 'semi-bold';
-    color: var(--ion-color-primary);
-  }
-
-  .items {
-    display: flex;
-    justify-content: space-between;
-    margin-top: 10px;
-    margin-bottom: 20px;
-    border-bottom: 1px solid lightgrey;
-    padding-bottom: 10px;
-
-    .stud {
-      display: flex;
-      align-items: center;
-
-      ion-icon {
-        margin-right: 5px;
-      }
-
-      ion-label {
-        color: grey;
-      }
-    }
-  }
-
-  .about {
-    margin-top: 10px;
-
-    .head_text {
-      font-size: 18px;
-      font-family: 'semi-bold';
-      margin-bottom: 10px;
-    }
-
-    .mentor {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 20px;
-
-      .left {
-        display: flex;
-
-        .men_image {
-          height: 50px;
-          width: 50px;
-          border-radius: 100%;
-        }
-
-        .bold {
-          font-family: 'semi-bold';
-        }
-
-        .grey {
-          color: grey;
-          font-size: 14px;
-        }
-      }
-
-      ion-icon {
-        font-size: 25px;
-      }
-    }
-
-    .description {
-      color: grey;
-      margin-bottom: 5px;
-    }
-  }
-
-  .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;
-      }
-    }
-  }
-
-  .review_tab {
-    margin-top: 20px;
-
-    .total {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-
-      .star-rate {
-        display: flex;
-        align-items: center;
-
-        .bold {
-          font-size: 17px;
-          font-family: 'semi-bold';
-          margin-left: 5px;
-        }
-      }
-
-      .color {
-        color: var(--ion-color-primary);
-        font-size: 14px;
-      }
-    }
-
-
-    .story-item {
-      overflow: scroll;
-      display: flex;
-      flex-direction: row;
-      margin-top: 20px;
-
-      .menu {
-        width: 100%;
-        display: flex;
-        flex-direction: row;
-
-        .item {
-          padding: 5px;
-          margin: 5px;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          text-align: center;
-
-          ion-thumbnail {
-            border-radius: 15px;
-            width: max-content;
-            height: 60px;
-            width: 60px;
-            --border-radius: 50%;
-          }
-
-          ion-label {
-            font-size: 14px;
-            font-family: "medium";
-            color: var(--ion-color-medium);
-          }
-        }
-
-        .text {
-
-          display: flex;
-          align-items: center;
-          text-align: center;
-
-          .select {
-            display: flex;
-            align-items: center;
-            border: 1px solid var(--ion-color-primary);
-            border-radius: 20px;
-            padding: 2px 15px;
-            margin-right: 10px;
-
-            .rate_num {
-              margin-left: 5px;
-              color: var(--ion-color-primary);
-            }
-          }
-
-          .show {
-            background-color: var(--ion-color-primary);
-          }
-
-          .white {
-            color: white !important;
-          }
-
-          .choice {
-            display: flex;
-          }
-        }
-      }
-    }
-
-    .reviw_list {
-      margin-top: 25px;
-
-      .profile {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: 10px;
-
-        .left {
-          display: flex;
-          align-items: center;
-
-          .men_image {
-            height: 40px;
-            width: 40px;
-            border-radius: 100%;
-          }
-
-
-          .bold {
-            font-family: 'semi-bold';
-          }
-
-          .grey {
-            color: grey;
-            font-size: 14px;
-          }
-        }
-
-        .right {
-          display: flex;
-          align-items: center;
-
-          .select {
-            display: flex;
-            align-items: center;
-            border: 1px solid var(--ion-color-primary);
-            border-radius: 20px;
-            padding: 2px 15px;
-            margin-right: 10px;
-
-            .rate_num {
-              margin-left: 5px;
-              color: var(--ion-color-primary);
-            }
-          }
-
-          ion-icon {
-            font-size: 20px;
-          }
-        }
-      }
-
-      .like {
-        display: flex;
-        align-items: center;
-        margin-top: 10px;
-
-        .heart {
-          font-size: 25px;
-          margin-right: 5px;
-        }
-
-        .count {
-          margin-right: 10px;
-        }
-
-        .time {
-          color: grey;
-          font-size: 14px;
-        }
-      }
-    }
-  }
-
-
-
-  .bold_text {
-    font-size: 20px;
-    font-family: 'bold';
+  color: black;
+  .chk-item{
+    color: #4c8dff;
+    font-size: 18px;
   }
 }
 
diff --git a/src/app/pages/preferences/preferences.page.ts b/src/app/pages/preferences/preferences.page.ts
index 4013e59..6a13bdc 100644
--- a/src/app/pages/preferences/preferences.page.ts
+++ b/src/app/pages/preferences/preferences.page.ts
@@ -1,7 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import {NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
-
+import {WrenchService} from "../../services/wrench.service";
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
 @Component({
   selector: 'app-preferences',
   templateUrl: './preferences.page.html',
@@ -11,12 +12,50 @@ export class PreferencesPage implements OnInit {
 
   constructor(
       private navctr: NavController,
-      private router: Router) { }
+      private router: Router,
+      private wrenchService: WrenchService,
+      public sessionDataProviderService:SessionDataProviderService) { }
 
   ngOnInit() {
+      this.getPreferenceData();
   }
   onBack() {
     this.navctr.back();
   }
 
+    reqData: {
+        action:number,
+        member_id: number,
+        uid: string,
+        sessionid: string,
+    };
+    prefTotalData:any;
+    prefData: [];
+  async getPreferenceData(){
+
+    // this.curr_session =  this.sessionDataProviderService.session;
+    // var interval = setInterval( ()=> {
+    //   this.refreshJobsData();
+    // }, 5000);
+
+    this.reqData = {
+        action:11065,
+        member_id: this.sessionDataProviderService.member_id,
+        uid: this.sessionDataProviderService.member_uid,
+        sessionid: this.sessionDataProviderService.session ,
+    };
+   //   this.curr_session =  this.sessionDataProviderService.session;
+    this.wrenchService.usePreferences(this.reqData).subscribe(
+        prefTotalData => {
+          this.prefTotalData = prefTotalData;
+          console.log("prefTotalData RETURN->", this.prefTotalData);
+          this.prefData =  this.prefTotalData.result_list;
+           // debugger; result_list
+        }
+    );
+  }
+
+  // usePreferences(reqData){
+  //   return this.getPostData("preferences", reqData);
+  // }
 }
diff --git a/src/app/services/wrench.service.ts b/src/app/services/wrench.service.ts
index 440e1b3..48115cf 100644
--- a/src/app/services/wrench.service.ts
+++ b/src/app/services/wrench.service.ts
@@ -209,6 +209,10 @@ export class WrenchService {
         return this.getPostData("jobgroupadd", reqData);
     }
 
+
+    usePreferences(reqData){
+        return this.getPostData("preferences", reqData);
+    }
     jobGroupMemberAdd(reqData){
         return this.getPostData("groupmemberadd", reqData);
     }