diff --git a/src/components/Login.vue b/src/components/Login.vue
new file mode 100644
index 0000000..a7e31b8
--- /dev/null
+++ b/src/components/Login.vue
@@ -0,0 +1,29 @@
+<script>
+export default {
+	name: "login",
+	data() {
+		return {
+			
+		}
+	},
+	methods: {
+		
+	},
+	beforeDestroy() {
+
+	},
+}
+
+</script>
+
+<template>
+	<div>
+		Login:
+	</div>
+	<form>
+		<input type="text" name="Username" autofocus placeholder="Username">
+		<input type="password" name="Password" placeholder="Password">
+	</form>
+</template>
+
+<style scoped></style>
diff --git a/src/router/index.js b/src/router/index.js
index 52ddce3..360e136 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
+import LoginView from '../views/LoginView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -9,6 +10,11 @@ const router = createRouter({
       name: 'home',
       component: HomeView
     },
+    {
+      path: '/login',
+      name: 'login',
+      component: LoginView
+    },
     // {
     //   path: '/about',
     //   name: 'about',
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
new file mode 100644
index 0000000..68271b0
--- /dev/null
+++ b/src/views/LoginView.vue
@@ -0,0 +1,12 @@
+<script setup>
+import Login from '../components/Login.vue';
+</script>
+
+<template>
+	<div id="Home">
+		<Login />
+	</div>
+</template>
+
+<style scoped>
+</style>