diff --git a/src/app/account/account.component.html b/src/app/account/account.component.html
index 2d5fa188..b23a8adc 100644
--- a/src/app/account/account.component.html
+++ b/src/app/account/account.component.html
@@ -1 +1 @@
-<p>account works!</p>
+<p>Soon</p>
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index be7a22bc..ca365ce5 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -16,6 +16,7 @@ import {LoginComponent} from "./login/login.component";
 import {AccountComponent} from "./account/account.component";
 import {AuthenticatedGuard} from "./guards/authenticated-guard.service";
 import {UnauthorizedComponent} from "./unauthorized/unauthorized.component";
+import {LogoutComponent} from "./logout/logout.component";
 
 const routes: Routes = [
 	{ path: "browse", component: BrowseComponent, pathMatch: "full", resolve: { shows: LibraryResolverService } },
@@ -26,6 +27,7 @@ const routes: Routes = [
 	{ path: "watch/:item", component: PlayerComponent, resolve: { item: StreamResolverService } },
 	{ path: "search/:query", component: SearchComponent, resolve: { items: SearchResolverService } },
 	{ path: "login", component: LoginComponent },
+	{ path: "logout", component: LogoutComponent },
 	{ path: "account", component: AccountComponent, canActivate: [AuthenticatedGuard], canLoad: [AuthenticatedGuard] },
 	{ path: "unauthorized", component: UnauthorizedComponent },
 	{ path: "**", component: NotFoundComponent }
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 07f05077..60e08cae 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -40,6 +40,7 @@ import {
 import { AccountComponent } from './account/account.component';
 import {AuthenticatedGuard} from "./guards/authenticated-guard.service";
 import { UnauthorizedComponent } from './unauthorized/unauthorized.component';
+import { LogoutComponent } from './logout/logout.component';
 
 export function loadConfig(oidcConfigService: OidcConfigService)
 {
@@ -61,7 +62,8 @@ export function loadConfig(oidcConfigService: OidcConfigService)
 		LoginComponent,
 		PasswordValidator,
 		AccountComponent,
-		UnauthorizedComponent
+		UnauthorizedComponent,
+		LogoutComponent
 	],
 	imports: [
 		BrowserModule,
diff --git a/src/app/logout/logout.component.html b/src/app/logout/logout.component.html
new file mode 100644
index 00000000..b7b22f1b
--- /dev/null
+++ b/src/app/logout/logout.component.html
@@ -0,0 +1,9 @@
+<br/>
+<br/>
+<br/>
+<br/>
+<br/>
+<div class="text-center">
+	<h1>Successfully logged out.</h1>
+	<p>Go back to the <a href="/" routerLink="/" class="text-white">main page</a></p>
+</div>
diff --git a/src/app/logout/logout.component.scss b/src/app/logout/logout.component.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/logout/logout.component.ts b/src/app/logout/logout.component.ts
new file mode 100644
index 00000000..eb4a732f
--- /dev/null
+++ b/src/app/logout/logout.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-logout',
+  templateUrl: './logout.component.html',
+  styleUrls: ['./logout.component.scss']
+})
+export class LogoutComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}