diff --git a/17th Website/src/components/FormsPage/forms.vue b/17th Website/src/components/FormsPage/forms.vue
new file mode 100644
index 0000000..2f2a629
--- /dev/null
+++ b/17th Website/src/components/FormsPage/forms.vue	
@@ -0,0 +1,9 @@
+<script setup>
+
+
+</script>
+
+<template>
+  <h1>Here is a child component!</h1>
+
+</template>
\ No newline at end of file
diff --git a/17th Website/src/components/navigation/Navbar.vue b/17th Website/src/components/navigation/Navbar.vue
index 8dc57f2..4b38c8e 100644
--- a/17th Website/src/components/navigation/Navbar.vue	
+++ b/17th Website/src/components/navigation/Navbar.vue	
@@ -28,7 +28,7 @@ export default {
         <hr class="text-white">
         <navitem icon="carbon:home" link="/" @click="setActive('#home')" :active="activeButton === '#home'" />
         <navitem icon="carbon:events" link="/users" @click="setActive('#users')" :active="activeButton === '#users'"/>
-        <navitem icon="carbon:align-box-bottom-left" link="#" @click="setActive('#docs')"  :active="activeButton === '#docs'"/>
+        <navitem icon="carbon:align-box-bottom-left" link="/forms" @click="setActive('#docs')"  :active="activeButton === '#docs'"/>
         <navitem icon="carbon:tool-kit" link="#" @click="setActive('#tools')"  :active="activeButton === '#tools'"/>
     </div>
 </template>
diff --git a/17th Website/src/router.js b/17th Website/src/router.js
index 31028da..f2b486c 100644
--- a/17th Website/src/router.js	
+++ b/17th Website/src/router.js	
@@ -35,6 +35,11 @@ export default createRouter({
         path: '/users',
         name: 'Users',
         component: () => import('./views/users.vue'),
+    },
+    {
+      path: '/forms',
+      name: 'Forms',
+      component: () => import('./components/FormsPage/forms.vue')
     }
   ]
 })
\ No newline at end of file