diff --git a/src/app/components/pages/dashboard/dashboard-data.ts b/src/app/components/pages/dashboard/dashboard-data.ts
index 92399e4..e889de5 100644
--- a/src/app/components/pages/dashboard/dashboard-data.ts
+++ b/src/app/components/pages/dashboard/dashboard-data.ts
@@ -110,10 +110,17 @@ export const service_links: navLink[] =[
   export const shift_tasks = [
     {
       "name" : "Client Delivery",
-      "url" : "http://localhost:4200/delivery"
+      "url" : "http://118.67.213.117:12180/delivery"
     },
     {
       "name": "Monitoring Screenshots list",
-      "url" : "#"
+      "url" : "https://s3.brilliant.com.bd/bucket-1-ee86738d/shift-tasks/regular-tasks.png"
+    }
+  ]
+
+  export const client_docs = [
+    {
+      "name": "Friendship Diagram",
+      "url" : "https://s3.brilliant.com.bd/bucket-1-ee86738d/client-doc/friendship-diagram.html"
     }
   ]
diff --git a/src/app/components/pages/dashboard/dashboard.component.html b/src/app/components/pages/dashboard/dashboard.component.html
index ef2b01a..3f321e5 100644
--- a/src/app/components/pages/dashboard/dashboard.component.html
+++ b/src/app/components/pages/dashboard/dashboard.component.html
@@ -41,6 +41,16 @@
                     </div>
                 </div>
             </div>
+            <div class="delivery">
+                <div class="dropdown">
+                    <button class="dropbtn">Client Documents</button>
+                    <div class="dropdown-content">
+                        <ng-container *ngFor="let link of client_doc_links">
+                            <a href={{link.url}} target="_blank">{{ link.name }}</a>
+                        </ng-container>
+                    </div>
+                </div>
+            </div>
         </div>
     </nav>
 </div>
\ No newline at end of file
diff --git a/src/app/components/pages/dashboard/dashboard.component.ts b/src/app/components/pages/dashboard/dashboard.component.ts
index 8f7074e..bf364fc 100644
--- a/src/app/components/pages/dashboard/dashboard.component.ts
+++ b/src/app/components/pages/dashboard/dashboard.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { monitoring_tools_links, service_links, tools_links, shift_tasks } from './dashboard-data';
+import { monitoring_tools_links, service_links, tools_links, shift_tasks, client_docs } from './dashboard-data';
 import { navLink } from '../../../shared/model/nav-link.model';
 import { CommonModule } from '@angular/common';
 
@@ -15,11 +15,14 @@ export class DashboardComponent implements OnInit {
   monitoring_links!: navLink[];
   tools_links!: navLink[];
   shift_tasks_links!: navLink[];
+  client_doc_links!: navLink[];
+  
 
   ngOnInit(): void {
     this.service_link = service_links;
     this.monitoring_links = monitoring_tools_links;
     this.tools_links = tools_links;
     this.shift_tasks_links = shift_tasks;
+    this.client_doc_links = client_docs;
   }
 }
diff --git a/src/app/shared/components/client-doc/client-doc.component.html b/src/app/shared/components/client-doc/client-doc.component.html
new file mode 100644
index 0000000..a156edd
--- /dev/null
+++ b/src/app/shared/components/client-doc/client-doc.component.html
@@ -0,0 +1 @@
+<p>client-doc works!</p>
diff --git a/src/app/shared/components/client-doc/client-doc.component.scss b/src/app/shared/components/client-doc/client-doc.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/shared/components/client-doc/client-doc.component.spec.ts b/src/app/shared/components/client-doc/client-doc.component.spec.ts
new file mode 100644
index 0000000..ce760b8
--- /dev/null
+++ b/src/app/shared/components/client-doc/client-doc.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ClientDocComponent } from './client-doc.component';
+
+describe('ClientDocComponent', () => {
+  let component: ClientDocComponent;
+  let fixture: ComponentFixture<ClientDocComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ClientDocComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ClientDocComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/shared/components/client-doc/client-doc.component.ts b/src/app/shared/components/client-doc/client-doc.component.ts
new file mode 100644
index 0000000..17c0a35
--- /dev/null
+++ b/src/app/shared/components/client-doc/client-doc.component.ts
@@ -0,0 +1,17 @@
+import { Component, OnInit } from '@angular/core';
+import { client_doc_resource } from './client-doc.data';
+
+@Component({
+  selector: 'app-client-doc',
+  standalone: true,
+  imports: [],
+  templateUrl: './client-doc.component.html',
+  styleUrl: './client-doc.component.scss'
+})
+export class ClientDocComponent implements OnInit {
+  client_resources!: {"resource_type" : string, "s3_api_url": string}[];
+  ngOnInit(): void {
+    this.client_resources = client_doc_resource;
+  }
+  
+}
diff --git a/src/app/shared/components/client-doc/client-doc.data.ts b/src/app/shared/components/client-doc/client-doc.data.ts
new file mode 100644
index 0000000..9f1ad7f
--- /dev/null
+++ b/src/app/shared/components/client-doc/client-doc.data.ts
@@ -0,0 +1,10 @@
+export const client_doc_resource = [
+    {
+        'resource_type' : 'html',
+        's3_api_url' : 'https://s3.brilliant.com.bd/bucket-1-ee86738d/client-doc/friendship-diagram.html'
+    },
+    {
+        'resource_type' : 'pdf',
+        's3_api_url' : 'https://s3.brilliant.com.bd/bucket-1-ee86738d/client-doc/friendship-diagram.pdf'
+    }
+]
\ No newline at end of file