diff --git a/about.php b/controllers/about.php
similarity index 70%
rename from about.php
rename to controllers/about.php
index 18bb937..1567258 100644
--- a/about.php
+++ b/controllers/about.php
@@ -1,4 +1,3 @@
 <?php
-    require 'functions.php';
     $heading = "About Us";
     require "views/about.view.php";
\ No newline at end of file
diff --git a/contact.php b/controllers/contact.php
similarity index 71%
rename from contact.php
rename to controllers/contact.php
index d3485a3..1cbb80d 100644
--- a/contact.php
+++ b/controllers/contact.php
@@ -1,4 +1,3 @@
 <?php
-    require 'functions.php';
     $heading = "Contact Us";
     require "views/contact.view.php";
\ No newline at end of file
diff --git a/controllers/index.php b/controllers/index.php
new file mode 100644
index 0000000..41f9cac
--- /dev/null
+++ b/controllers/index.php
@@ -0,0 +1,3 @@
+<?php
+    $heading = "Home";
+    require "views/index.view.php";
\ No newline at end of file
diff --git a/mission.php b/controllers/mission.php
similarity index 70%
rename from mission.php
rename to controllers/mission.php
index fe2c7f9..b21d67e 100644
--- a/mission.php
+++ b/controllers/mission.php
@@ -1,4 +1,3 @@
 <?php
-    require 'functions.php';
     $heading = "Mission";
     require "views/mission.view.php";
\ No newline at end of file
diff --git a/index.php b/index.php
index 66af808..15234bf 100644
--- a/index.php
+++ b/index.php
@@ -1,4 +1,26 @@
 <?php
-    require 'functions.php';
-    $heading = "Home";
-    require "views/index.view.php";
\ No newline at end of file
+require 'functions.php';
+$uri = parse_url($_SERVER['REQUEST_URI'])['path'];
+
+$routes = [
+    '/' => 'controllers/index.php',
+    '/about' => 'controllers/about.php',
+    '/contact' => 'controllers/contact.php',
+    '/mission' => 'controllers/mission.php',
+];
+
+function routeToController($uri, $routes) {
+    if (array_key_exists($uri, $routes)) {
+        require $routes[$uri];
+    } else {
+        abort();
+    }
+}
+
+routeToController($uri, $routes);
+
+function abort($code = 404) {
+    http_response_code($code);
+    require "views/{$code}.php";
+    die();
+}
\ No newline at end of file
diff --git a/router.php b/router.php
new file mode 100644
index 0000000..9738e59
--- /dev/null
+++ b/router.php
@@ -0,0 +1,25 @@
+<?php
+$uri = parse_url($_SERVER['REQUEST_URI'])['path'];
+
+$routes = [
+    '/' => 'controllers/index.php',
+    '/about' => 'controllers/about.php',
+    '/contact' => 'controllers/contact.php',
+    '/mission' => 'controllers/mission.php',
+];
+
+function routeToController($uri, $routes) {
+    if (array_key_exists($uri, $routes)) {
+        require $routes[$uri];
+    } else {
+        abort();
+    }
+}
+
+routeToController($uri, $routes);
+
+function abort($code = 404) {
+    http_response_code($code);
+    require "views/{$code}.php";
+    die();
+}
\ No newline at end of file
diff --git a/views/404.php b/views/404.php
new file mode 100644
index 0000000..85740ed
--- /dev/null
+++ b/views/404.php
@@ -0,0 +1,12 @@
+<?php require ('partials/head.php') ?>
+<?php require ('partials/nav.php') ?>
+<?php require ('partials/banner.php') ?>
+  <main>
+    <div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
+      <h1 class="text-2xl font-bold">Sorry. Page Not Found.</h1>
+      <p class="mt-4">
+        <a href="/" class="text-blue underline">Go back home.</a>
+      </p>
+    </div>
+  </main>
+<?php require ('partials/footer.php') ?>
\ No newline at end of file
diff --git a/views/partials/nav.php b/views/partials/nav.php
index f2143a8..ca1c323 100644
--- a/views/partials/nav.php
+++ b/views/partials/nav.php
@@ -10,11 +10,11 @@
               <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
               <a href="/" class="<?= urlIs('/') ? 'bg-gray-900 text-white' : 'text-gray-300' ?> hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Home</a>
 
-              <a href="/about.php" class="<?= urlIs('/about.php') ? 'bg-gray-900 text-white' : 'text-gray-300' ?> hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" >About</a>
+              <a href="/about" class="<?= urlIs('/about') ? 'bg-gray-900 text-white' : 'text-gray-300' ?> hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" >About</a>
               
-              <a href="/contact.php" class="<?= urlIs('/contact.php') ? 'bg-gray-900 text-white' : 'text-gray-300' ?> hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Contact</a>
+              <a href="/contact" class="<?= urlIs('/contact') ? 'bg-gray-900 text-white' : 'text-gray-300' ?> hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Contact</a>
               
-              <a href="/mission.php" class="<?= urlIs('/mission.php') ? 'bg-gray-900 text-white' : 'text-gray-300' ?> hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Our Mission</a>
+              <a href="/mission" class="<?= urlIs('/mission') ? 'bg-gray-900 text-white' : 'text-gray-300' ?> hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Our Mission</a>
               
             </div>
           </div>