diff --git a/class_registration_app/src/components/Home.vue b/class_registration_app/src/components/Home.vue
index 3b2deec..1734ab4 100644
--- a/class_registration_app/src/components/Home.vue
+++ b/class_registration_app/src/components/Home.vue
@@ -16,7 +16,7 @@
     </div>
     
     <div class="login">
-        <button class="btn-97" style="position: absolute;top:42%;left:50%;transform:translate(-50%,-50%)">Login with your NetID here</button>
+        <a href=Login.vue><button class="btn-97" style="position: absolute;top:42%;left:50%;transform:translate(-50%,-50%)">Login with your NetID here</button></a>
         <a style="position: absolute;top:80%;left:50%;transform:translate(-50%,-50%)">Forget your login?</a>
     </div>
 </div>
diff --git a/class_registration_app/src/components/Login.vue b/class_registration_app/src/components/Login.vue
new file mode 100644
index 0000000..d18efba
--- /dev/null
+++ b/class_registration_app/src/components/Login.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <div>
+        <h1>Test!</h1>
+    </div>
+</template>
+    
+    <style scoped>
+    
+    </style>
\ No newline at end of file