diff --git a/src/app/app.html b/src/app/app.html
index 92b8f6b..242a21c 100644
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -3,6 +3,9 @@
 		@case ('startingPoint') {
 			<app-starting-point></app-starting-point>
 		}
+		@case ('collegeSelection') {
+			<app-college-selection></app-college-selection>
+		}
 		@default {
 			<app-starting-point></app-starting-point>
 		}
diff --git a/src/app/views/college-selection/college-selection.html b/src/app/views/college-selection/college-selection.html
new file mode 100644
index 0000000..e572929
--- /dev/null
+++ b/src/app/views/college-selection/college-selection.html
@@ -0,0 +1 @@
+<p>college-selection works!</p>
diff --git a/src/app/views/college-selection/college-selection.scss b/src/app/views/college-selection/college-selection.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/views/college-selection/college-selection.ts b/src/app/views/college-selection/college-selection.ts
new file mode 100644
index 0000000..ad28113
--- /dev/null
+++ b/src/app/views/college-selection/college-selection.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+	selector: 'app-college-selection',
+	templateUrl: './college-selection.html',
+	styleUrl: './college-selection.scss',
+	imports: [],
+})
+export class CollegeSelection {}