diff --git a/src/app/merms-practice/merms-practice.page.html b/src/app/merms-practice/merms-practice.page.html
index d9436fa..47a278c 100644
--- a/src/app/merms-practice/merms-practice.page.html
+++ b/src/app/merms-practice/merms-practice.page.html
@@ -14,10 +14,16 @@
     <!-- Item Dividers in a List -->
     <ion-list>
 
-      <ion-item><ion-label>Search patient </ion-label></ion-item>
-      <ion-item><ion-label>Edit Profile</ion-label></ion-item>
-      <ion-item><ion-label>A4</ion-label></ion-item>
-      <ion-item><ion-label>Practice Time</ion-label></ion-item>
+      <ion-item><ion-label>Practice List </ion-label></ion-item>
+      <ion-item *ngFor="let type of myPracticeList" >
+        <ion-avatar slot="start">
+          <img src="./../../assets/imgs/avatar.svg">
+        </ion-avatar>
+        <ion-label>
+          <h3>{{type.practice_name}}</h3>
+          <p>{{type.address}} , {{type.city}} , {{type.country}}</p>
+        </ion-label>
+      </ion-item>
     
       
     </ion-list>
diff --git a/src/app/merms-practice/merms-practice.page.ts b/src/app/merms-practice/merms-practice.page.ts
index 7eccdde..78bf058 100644
--- a/src/app/merms-practice/merms-practice.page.ts
+++ b/src/app/merms-practice/merms-practice.page.ts
@@ -6,6 +6,8 @@ import {
   LoadingController,
 } from '@ionic/angular'
 
+import { MermsServiceProviderService } from './../providers/merms-service-provider.service';
+import { MermsSessionService } from './../merms-session.service';
 
 
 @Component({
@@ -15,7 +17,12 @@ import {
 })
 export class MermsPracticePage implements OnInit {
 
-  constructor(public navCtrl: NavController,private router: Router) { }
+  constructor(public navCtrl: NavController,private router: Router,
+    private mermsServiceProviderService: MermsServiceProviderService,
+    private mermsSessionService: MermsSessionService
+    ) { 
+this.getPracticeData();
+    }
 
   ngOnInit() {
   }
@@ -23,4 +30,38 @@ export class MermsPracticePage implements OnInit {
     console.log('MERMSLoginPage::goBack()')
     this.navCtrl.pop()
   }
+
+  currentProviderData: {
+    sessionid: string,
+    member_id: number,
+    card_count: number
+    card_type: number
+  };
+  myPracticeList: any;
+
+  getPracticeData() {
+    console.log('MermsServiceProviderService::getPracticeData() ########  @@@@  ########');
+    this.currentProviderData = {
+      sessionid: this.mermsSessionService.session,
+      member_id: this.mermsSessionService.member_id,
+      card_count: 100,
+      card_type: 22000
+    };
+
+
+    try {
+      this.mermsServiceProviderService.genericGetService('provider/practicelist', this.currentProviderData).subscribe(myPracticeList => {
+        console.log("card data result 22k: ", myPracticeList[0]['payload']);
+        this.myPracticeList = myPracticeList[0]['payload'];
+
+      });
+    } catch (e) {
+      console.log(e);
+    }
+
+    //
+
+
+  }
+
 }