diff --git a/src/app/components/jobowner-dash/jobowner-dash.component.html b/src/app/components/jobowner-dash/jobowner-dash.component.html
index 6ffbae8..aaa5491 100644
--- a/src/app/components/jobowner-dash/jobowner-dash.component.html
+++ b/src/app/components/jobowner-dash/jobowner-dash.component.html
@@ -1,3 +1,32 @@
 <p>
 <!--  jobowner-dash works!-->
 </p>
+<div
+        *ngFor="let item of bannerData; let i = index"
+        class="bg_white {{item.short_style}}  {{item.card_type}} "
+        (click)="onDetails(item)"
+>
+    <div class="list">
+        <div *ngIf="item.banner_location === 'URL' ">
+            <!-- code to render a large video block-->
+            <div
+                    class="bg_image back_image banner_image"
+                    [style.backgroundImage]="'url('+item.banner+')'"
+            ></div>
+        </div>
+        <div *ngIf="item.banner_location === 'LOCAL' ">
+            <div
+                    class="bg_image back_image banner_image"
+                    [style.backgroundImage]="'url(assets/images/'+item.banner+')'"
+            ></div>
+        </div>
+
+        <div class="detail">
+            <ion-label class="name">{{item.short_title}}</ion-label>
+            <ion-label class="bg_text ovf" style="background-color: white"
+            >{{item.short_description}}</ion-label
+            >
+        </div>
+    </div>
+    <!--    <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
+</div>
\ No newline at end of file
diff --git a/src/app/components/jobowner-dash/jobowner-dash.component.ts b/src/app/components/jobowner-dash/jobowner-dash.component.ts
index f416d48..0671b78 100644
--- a/src/app/components/jobowner-dash/jobowner-dash.component.ts
+++ b/src/app/components/jobowner-dash/jobowner-dash.component.ts
@@ -1,4 +1,7 @@
 import {Component, Input, OnInit} from '@angular/core';
+import {TasksDataService} from "../../store/tasks-data.service";
+import {Router} from "@angular/router";
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
 
 @Component({
   selector: 'app-jobowner-dash',
@@ -7,8 +10,58 @@ import {Component, Input, OnInit} from '@angular/core';
 })
 export class JobownerDashComponent implements OnInit {
   @Input('bannerData') bannerData:any;
-  constructor() { }
+  constructor(      public tasksDataService:TasksDataService,
+                    private router: Router,
+                    public sessionDataProviderService: SessionDataProviderService,) { }
 
   ngOnInit() {}
 
+  onDetails(item) {
+    // var pageToNavigate = 'detail';
+    var pageToNavigate = '';
+    // alert(item.link_path);
+    switch (item.link_path){
+      case 'referral':
+        pageToNavigate = 'invite';
+        break;
+      case 'mytask':  // offers waiting to start
+        pageToNavigate = 'joboffers';
+        break;
+
+      case 'my-coupon':
+        pageToNavigate = 'mycoupons';
+        break;
+      case 'blog-page':
+        //  this.blogDetails(this.getOneBlog(item));
+        // this.getOneBlog(item);
+        break;
+
+      case 'my-review-jobs':
+        pageToNavigate = 'jobmanager';
+        break
+
+      case 'my-pastdue-jobs':
+        pageToNavigate = 'jobmanager';
+        break
+
+      case 'pend-interest':
+        pageToNavigate ='pendinterest';
+        break;
+
+
+
+      case 'offer-interest':
+        pageToNavigate = 'jobinterest';
+        break
+
+      case 'acc-family':
+        pageToNavigate = 'family';
+        break;
+
+    }
+    if(pageToNavigate !=''){
+      this.router.navigate([pageToNavigate],{state: item});
+    }
+  }
+
 }