diff --git a/app/bootstrap.ts b/app/bootstrap.ts
index 927846c..6d273f6 100644
--- a/app/bootstrap.ts
+++ b/app/bootstrap.ts
@@ -7,6 +7,7 @@ import {FormsModule} from "@angular/forms";
 import { AppComponent }   from './components/app.component';
 import { CharacterComponent }   from './components/character.component';
 import { InventoryComponent }   from './components/inventory.component';
+import { RelicsComponent }   from './components/relics.component';
 import { SelectFileComponent }  from './components/selectfile.component';
 
 import { FileService } from './services/file.service';
@@ -16,6 +17,7 @@ const routes: Routes = [
   { path: '', redirectTo: 'selectfile', pathMatch: 'full'},
   { path: 'character', component: CharacterComponent },
   { path: 'selectfile', component: SelectFileComponent },
+  { path: 'relics', component: RelicsComponent },
   { path: 'inventory', component: InventoryComponent }
 ]
 
@@ -29,6 +31,7 @@ const routes: Routes = [
     AppComponent,
     CharacterComponent,
     SelectFileComponent,
+    RelicsComponent,
     InventoryComponent
   ],
   providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}, FileService, SOTN],
diff --git a/app/components/character.component.ts b/app/components/character.component.ts
index 20e56b4..53fe423 100644
--- a/app/components/character.component.ts
+++ b/app/components/character.component.ts
@@ -54,4 +54,8 @@ export class CharacterComponent {
     this.router.navigate(['/inventory']);
   }
 
+  goToRelics(){
+    this.router.navigate(['/relics']);
+  }
+
 }
diff --git a/app/templates/character.html b/app/templates/character.html
index 080f785..7056f76 100644
--- a/app/templates/character.html
+++ b/app/templates/character.html
@@ -23,5 +23,6 @@ <h3>ALUCARD</h3>
   </form>
   <div class="equipMenu">
     <button (click)="goToInventory()">Equip</button>
+    <button (click)="goToRelics()">Relics</button>
   </div>
 </div>