diff --git a/first-app/src/app/app.html b/first-app/src/app/app.html
new file mode 100644
index 0000000..efe5048
--- /dev/null
+++ b/first-app/src/app/app.html
@@ -0,0 +1 @@
+<h1>Hello world!</h1>
\ No newline at end of file
diff --git a/first-app/src/app/app.ts b/first-app/src/app/app.ts
index 3e08b2d..48c4117 100644
--- a/first-app/src/app/app.ts
+++ b/first-app/src/app/app.ts
@@ -3,9 +3,7 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'app-root',
   imports: [],
-  template: `
-    <h1>Hello world!</h1>
-  `,
+  templateUrl: './app.html',
   styleUrls: ['./app.css'],
 })
 export class App {
diff --git a/first-app/src/app/home/home.ts b/first-app/src/app/home/home.ts
new file mode 100644
index 0000000..ea303f4
--- /dev/null
+++ b/first-app/src/app/home/home.ts
@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-home',
+  imports: [],
+  template: `
+    <p>
+      home works!
+    </p>
+  `,
+  styles: ``
+})
+export class Home {
+
+}