diff --git a/src/app/pages/jobmessage/jobmessage.page.html b/src/app/pages/jobmessage/jobmessage.page.html
index 9d11b9c..3f64b67 100644
--- a/src/app/pages/jobmessage/jobmessage.page.html
+++ b/src/app/pages/jobmessage/jobmessage.page.html
@@ -19,16 +19,35 @@
 
     </div>
 
-    <div>
-      <div *ngFor="let item of messageResult;" class ="msg-list" >
-        <div>{{item.msg_from}} -
-          <span class="mdate"> {{item.msg_date}}</span>
+    <div  class="lesson">
+
+      <div class="video" *ngFor="let item of messageResult;" (click)="viewSeleted(item)">
+        <!--        <div class="video" *ngFor="let item of jobsData;" (click)="viewMarketItem( item )">-->
+        <div class="left">
+<!--          <div class="bg_image back_image" [style.backgroundImage]="'url('+session_image_server+'/'+curr_session+'/job/'+item.job_uid+')'"></div>-->
+            <ion-icon name="chatbox-ellipses-outline"></ion-icon>
+
+          <div class="text">
+            <div class="bold_text" [innerHTML]="item.msg"></div>
+            <ion-label class="due_date">{{item.msg_date}}</ion-label>
+          </div>
         </div>
-        <div style="padding: 10px">{{item.msg}}</div>
-        <div style="text-align: right;">
-          <ion-icon name="return-down-forward-outline"></ion-icon>
+        <div class="right">
+          <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
         </div>
       </div>
+
+
+<!--      <div *ngFor="let item of messageResult;" class ="msg-list" >-->
+<!--        <div>{{item.msg_from}} - -->
+<!--          <span class="mdate"> {{item.msg_date}}</span>-->
+<!--        </div>-->
+<!--        <div style="padding: 10px">{{item.msg}}</div>-->
+<!--        <div style="text-align: right;">-->
+<!--          <ion-icon name="return-down-forward-outline"></ion-icon>-->
+<!--        </div>-->
+<!--      </div>-->
+
     </div>
 
 
diff --git a/src/app/pages/jobmessage/jobmessage.page.ts b/src/app/pages/jobmessage/jobmessage.page.ts
index 9f17d3d..3cea30c 100644
--- a/src/app/pages/jobmessage/jobmessage.page.ts
+++ b/src/app/pages/jobmessage/jobmessage.page.ts
@@ -64,5 +64,7 @@ export class JobmessagePage implements OnInit {
     );
 
   }
+   viewSeleted(item){
 
+  }
 }