diff --git a/src/app/components/market-messages/market-messages.component.html b/src/app/components/market-messages/market-messages.component.html
new file mode 100644
index 0000000..d4506a9
--- /dev/null
+++ b/src/app/components/market-messages/market-messages.component.html
@@ -0,0 +1,3 @@
+<p>
+  market-messages works!
+</p>
diff --git a/src/app/components/market-messages/market-messages.component.scss b/src/app/components/market-messages/market-messages.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/market-messages/market-messages.component.spec.ts b/src/app/components/market-messages/market-messages.component.spec.ts
new file mode 100644
index 0000000..1e524e8
--- /dev/null
+++ b/src/app/components/market-messages/market-messages.component.spec.ts
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { MarketMessagesComponent } from './market-messages.component';
+
+describe('MarketMessagesComponent', () => {
+  let component: MarketMessagesComponent;
+  let fixture: ComponentFixture<MarketMessagesComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ MarketMessagesComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(MarketMessagesComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/market-messages/market-messages.component.ts b/src/app/components/market-messages/market-messages.component.ts
new file mode 100644
index 0000000..41d0d90
--- /dev/null
+++ b/src/app/components/market-messages/market-messages.component.ts
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-market-messages',
+  templateUrl: './market-messages.component.html',
+  styleUrls: ['./market-messages.component.scss'],
+})
+export class MarketMessagesComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}
diff --git a/src/app/pages/marketdetail/marketdetail.module.ts b/src/app/pages/marketdetail/marketdetail.module.ts
index 415bb40..9ebf29f 100644
--- a/src/app/pages/marketdetail/marketdetail.module.ts
+++ b/src/app/pages/marketdetail/marketdetail.module.ts
@@ -7,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
 import { MarketdetailPageRoutingModule } from './marketdetail-routing.module';
 
 import { MarketdetailPage } from './marketdetail.page';
+import {MarketMessagesComponent} from "../../components/market-messages/market-messages.component";
 
 @NgModule({
   imports: [
@@ -15,6 +16,6 @@ import { MarketdetailPage } from './marketdetail.page';
     IonicModule,
     MarketdetailPageRoutingModule
   ],
-  declarations: [MarketdetailPage]
+  declarations: [MarketdetailPage,MarketMessagesComponent]
 })
 export class MarketdetailPageModule {}
diff --git a/src/app/pages/marketdetail/marketdetail.page.html b/src/app/pages/marketdetail/marketdetail.page.html
index 91ed920..bcc2f90 100644
--- a/src/app/pages/marketdetail/marketdetail.page.html
+++ b/src/app/pages/marketdetail/marketdetail.page.html
@@ -63,27 +63,30 @@
       </ion-segment>
 
       <div *ngIf="tabs =='about'" class="about">
-        <ion-label class="head_text">{{jobData.offer_code}}</ion-label>
+        <div style="padding: 13px; width: 100%;">
+          <ion-label class="head_text">{{jobData.offer_code}}</ion-label>
 
-        <!--      <div class="mentor" (click)="onMentor()">-->
-        <div class="mentor">
-          <div class="left">
-            <div class="bg_image men_image" [style.backgroundImage]="'url('+session_image_server+'/'+curr_session+'/job/'+jobData.job_uid+')'"></div>
-            <div style="margin-left: 10px;">
-              <ion-label class="bold">Expires</ion-label>
-              <ion-label class="grey">{{jobData.expire}}</ion-label>
+          <!--      <div class="mentor" (click)="onMentor()">-->
+          <div class="mentor">
+            <div class="left">
+              <div class="bg_image men_image" [style.backgroundImage]="'url('+session_image_server+'/'+curr_session+'/job/'+jobData.job_uid+')'"></div>
+              <div style="margin-left: 10px;">
+                <ion-label class="bold" style="color: red;">Expires</ion-label>
+                <ion-label class="grey">{{jobData.expire}}</ion-label>
+              </div>
             </div>
+            <!--        <ion-icon name="chatbubble-ellipses-outline" color="primary"></ion-icon>-->
           </div>
-          <!--        <ion-icon name="chatbubble-ellipses-outline" color="primary"></ion-icon>-->
+
+          <ion-label class="head_text">Description</ion-label>
+          <ion-label class="description">{{jobData.job_description}}
+          </ion-label>
+
+          <ion-label class="head_text">Delivery Details</ion-label>
+          <ion-label class="description">{{jobData.description}}
+          </ion-label>
         </div>
 
-        <ion-label class="head_text">Description</ion-label>
-        <ion-label class="description">{{jobData.job_description}}
-        </ion-label>
-
-        <ion-label class="head_text">Delivery Details</ion-label>
-        <ion-label class="description">{{jobData.description}}
-        </ion-label>
       </div>
 
       <div *ngIf="tabs =='lesson'" class="lesson">
@@ -144,7 +147,8 @@
       </div>
       </div>
     </div>
-
   </div>
+
+  <app-market-messages></app-market-messages>
 </ion-content>