diff --git a/src/Client/src/app/app.routes.ts b/src/Client/src/app/app.routes.ts
index 53efab3..0bfac0d 100644
--- a/src/Client/src/app/app.routes.ts
+++ b/src/Client/src/app/app.routes.ts
@@ -11,6 +11,7 @@ import { ResetPasswordComponent } from './pages/account/resetpassword/resetpassw
 import { VerifyEmailComponent } from './pages/account/verifyemail/verifyemail.component';
 import { NewItemComponent } from './pages/store/admin/newitem/new.component';
 import { EditItemComponent } from './pages/store/admin/edititem/edit.component';
+import { HomeComponent } from './pages/home/home.component';
 
 export const routes: Routes = [
 
@@ -23,6 +24,8 @@ export const routes: Routes = [
     { path: "account/register", component: RegisterComponent },
     { path: "account/settings", component: SettingsComponent },
 
+    { path: "", component: HomeComponent },
+
     // Projects
     { path: "project/mist", component: MistComponent },
 
diff --git a/src/Client/src/app/pages/home/home.component.css b/src/Client/src/app/pages/home/home.component.css
new file mode 100644
index 0000000..26081b8
--- /dev/null
+++ b/src/Client/src/app/pages/home/home.component.css
@@ -0,0 +1,15 @@
+.center {
+    background-color: green;
+}
+
+.tile-frame {
+    column-count: 4;
+    column-gap: 20px;
+    padding: 20px;
+    width: calc(100% - 40px);
+}
+
+.tile{
+    background-color: aqua;
+    height: 40px;
+}
\ No newline at end of file
diff --git a/src/Client/src/app/pages/home/home.component.html b/src/Client/src/app/pages/home/home.component.html
new file mode 100644
index 0000000..29da843
--- /dev/null
+++ b/src/Client/src/app/pages/home/home.component.html
@@ -0,0 +1,11 @@
+<div class="tile-frame">
+
+    <div class="tile">
+
+    </div>
+
+    <div class="tile">
+        
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/src/Client/src/app/pages/home/home.component.ts b/src/Client/src/app/pages/home/home.component.ts
new file mode 100644
index 0000000..6d409fd
--- /dev/null
+++ b/src/Client/src/app/pages/home/home.component.ts
@@ -0,0 +1,20 @@
+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';
+
+@Component({
+  selector: 'home',
+  templateUrl: './home.component.html',
+  styleUrls: [ './home.component.css' ],
+  imports: [ FormsModule, CommonModule ]
+})
+export class HomeComponent {
+
+  constructor( private http: HttpClient, private router: Router, private route: ActivatedRoute, private title: Title ) {
+    this.title.setTitle("Home | BoredCareers");
+  };
+
+}
\ No newline at end of file