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 },
 

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;
+}

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>

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");
+  };
+
+}