[Usage Statistics | Trunk]:

1. Folders "about" and "resources" and files for these pages added.
2. app.routing.ts: Routes "/about" and "/resources" added.

src/app/about/about.component.css

@@ -0,0 +1,3 @@
+div {
+    color: red;
+}

src/app/about/about.component.html

@@ -0,0 +1,3 @@
+<div>
+  test about
+</div>

src/app/about/about.component.ts

@@ -0,0 +1,10 @@
+import {Component} from "@angular/core";
+
+@Component({
+  selector: 'about',
+  templateUrl: 'about.component.html',
+  styleUrls: ['about.component.css'],
+})
+export class AboutComponent {
+
+}

src/app/about/about.module.ts

@@ -0,0 +1,19 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {RouterModule} from "@angular/router";
+
+import {AboutComponent} from "./about.component";
+
+@NgModule({
+  imports: [
+    CommonModule,
+    RouterModule.forChild([{
+      path: '', component: AboutComponent
+    }])
+  ],
+  declarations: [AboutComponent],
+  exports: [AboutComponent]
+})
+export class AboutModule {
+
+}

src/app/app.routing.ts

@@ -2,14 +2,22 @@ import { NgModule} from '@angular/core';
 import { Routes, RouterModule} from '@angular/router';
 
 const appRoutes: Routes = [
-    {
-        path: '',
-        loadChildren: './home/home.module#HomeModule'
-    }
+  {
+    path: '',
+    loadChildren: './home/home.module#HomeModule'
+  },
+  {
+    path: 'about',
+    loadChildren: './about/about.module#AboutModule'
+  },
+  {
+    path: 'resources',
+    loadChildren: './resources/resources.module#ResourcesModule'
+  }
  ];
 
 @NgModule({
-    imports: [ RouterModule.forRoot(appRoutes) ],
-    exports: [ RouterModule ]
+  imports: [ RouterModule.forRoot(appRoutes) ],
+  exports: [ RouterModule ]
 })
 export class AppRoutingModule {}

src/app/resources/resources.component.css

@@ -0,0 +1,3 @@
+div {
+    color: green;
+}

src/app/resources/resources.component.html

@@ -0,0 +1,3 @@
+<div>
+  test resources
+</div>

src/app/resources/resources.component.ts

@@ -0,0 +1,10 @@
+import {Component} from "@angular/core";
+
+@Component({
+  selector: 'resources',
+  templateUrl: 'resources.component.html',
+  styleUrls: ['resources.component.css'],
+})
+export class ResourcesComponent {
+
+}

src/app/resources/resources.module.ts

@@ -0,0 +1,19 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {RouterModule} from "@angular/router";
+
+import {ResourcesComponent} from "./resources.component";
+
+@NgModule({
+  imports: [
+    CommonModule,
+    RouterModule.forChild([{
+      path: '', component: ResourcesComponent
+    }])
+  ],
+  declarations: [ResourcesComponent],
+  exports: [ResourcesComponent]
+})
+export class ResourcesModule {
+
+}