diff --git a/src/Client/src/app/pages/main/resumes/resumes.component.css b/src/Client/src/app/pages/main/resumes/resumes.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/Client/src/app/pages/main/resumes/resumes.component.html b/src/Client/src/app/pages/main/resumes/resumes.component.html
new file mode 100644
index 0000000..196d036
--- /dev/null
+++ b/src/Client/src/app/pages/main/resumes/resumes.component.html
@@ -0,0 +1,13 @@
+<div class="tile-frame" *ngFor="let cur of ResumePage">
+    <div class="tile">
+        <h1>{{ cur.name }}</h1>
+        <h1>{{ cur.field }}</h1>
+        <h1>{{ cur.email }}</h1>
+        <h1>{{ cur.phoneNumber }}</h1>
+        <h1>{{ cur.city }}</h1>
+        <h1>{{ cur.stateOrRegion }}</h1>
+        <h1>{{ cur.country }}</h1>
+        <h1>{{ cur.postalCode }}</h1>
+        <h1>Active: {{ cur.isActive }}</h1>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/Client/src/app/pages/main/resumes/resumes.component.ts b/src/Client/src/app/pages/main/resumes/resumes.component.ts
new file mode 100644
index 0000000..75cba38
--- /dev/null
+++ b/src/Client/src/app/pages/main/resumes/resumes.component.ts
@@ -0,0 +1,24 @@
+import { Component } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { FormsModule } from '@angular/forms';
+import { Router, ActivatedRoute } from '@angular/router';
+import { Title } from '@angular/platform-browser';
+import { CommonModule } from '@angular/common';
+import { Resume } from 'app/models/Resume';
+
+@Component({
+  selector: 'main-resumes',
+  templateUrl: './resumes.component.html',
+  styleUrls: [ './resumes.component.css' ],
+  imports: [ FormsModule, CommonModule ]
+})
+export class ResumesComponent {
+
+  public ResumePage: Resume[] = [];
+
+  constructor( private http: HttpClient, private router: Router, private route: ActivatedRoute, private title: Title ) {
+    this.title.setTitle("Resumes | BoredCareers");
+
+  };
+
+}
\ No newline at end of file