diff --git a/src/app/pages/my-course/my-course.page.html b/src/app/pages/my-course/my-course.page.html
index 21f08a3..9e08d13 100644
--- a/src/app/pages/my-course/my-course.page.html
+++ b/src/app/pages/my-course/my-course.page.html
@@ -24,12 +24,23 @@
 
     <div *ngIf="tabs =='on'">
 
-      <div class="content" *ngFor="let item of jobsData;" (click)="viewMarketItem( item )">
+      <div class="lesson">
         <div class="flex">
-          <div class="text">
-            <ion-label class="bold_text">{{item.title}}</ion-label>
-            <ion-label class="price_line"> {{item.price*0.01| number : '1.2-2'}} {{item.currency}}  </ion-label>
-            <ion-label class="due_date">Timeline: {{item.timeline_days}} days</ion-label>
+          <ion-label class="bold">Available Task(s)</ion-label>
+          <!--                <ion-label class="color">.</ion-label>-->
+        </div>
+        <div class="video" *ngFor="let item of jobsData;" (click)="viewMarketItem( item )">
+          <div class="left">
+            <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/task-list.svg)'"></div>
+
+            <div class="text">
+              <div class="bold_text" [innerHTML]="item.title"></div>
+              <ion-label class="price_line"> {{item.price*0.01| number : '1.2-2'}} {{item.currency}}  </ion-label>
+              <ion-label class="due_date">Timeline: {{item.timeline_days}} days</ion-label>
+            </div>
+          </div>
+          <div class="right">
+            <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
           </div>
         </div>
       </div>