diff --git a/src/app/app.component.html b/src/app/app.component.html
index 0dd31b7..33e1c7b 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,4 +1 @@
 <h1>Welcome to {{title}}!!</h1>
-<app-about></app-about>
-<app-links></app-links>
-<app-resume></app-resume>
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 2bb79a2..45fc342 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -8,21 +8,6 @@ import { LinksComponent } from './links/links.component';
 
 import { RouterModule }   from '@angular/router';
 
-RouterModule.forRoot([
-  {
-    path: 'about',
-    component: AboutComponent
-  },
-  {
-    path: 'resume',
-    component: ResumeComponent
-  },
-  {
-    path: 'links',
-    component: LinksComponent
-  }
-]);
-
 @NgModule({
   declarations: [
     AppComponent,
@@ -31,7 +16,21 @@ RouterModule.forRoot([
     LinksComponent
   ],
   imports: [
-    BrowserModule
+    BrowserModule,
+    RouterModule.forRoot([
+      {
+        path: 'about',
+        component: AboutComponent
+      },
+      {
+        path: 'resume',
+        component: ResumeComponent
+      },
+      {
+        path: 'links',
+        component: LinksComponent
+      }
+    ])
   ],
   providers: [],
   bootstrap: [AppComponent]