diff --git a/frontend/src/App.css b/frontend/src/App.css
index f478d26..52855cf 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -45,3 +45,12 @@
   color: #fff;
   font-size: 100px;
 }
+
+.sitePage {
+  height: 90vh;
+  display: flex;
+  justify-content: center;
+}
+.sitePage h1 {
+  font-size: 80px;
+}
diff --git a/frontend/src/App.js b/frontend/src/App.js
index 50b3cb5..2c25cab 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -7,6 +7,7 @@ import SignUp from "./components/pages/SignUp";
 import Ueber from "./components/pages/Ueber";
 import Lizenzen from "./components/pages/lizenzen";
 import Privacy from "./components/pages/Privacy";
+import Login from "./components/pages/Login";
 
 function App() {
   return (
@@ -19,6 +20,7 @@ function App() {
           <Route path="/sign-up" component={SignUp} />
           <Route path="/lizenzen" component={Lizenzen} />
           <Route path="/privacy" component={Privacy} />
+          <Route path="/login" component={Login} />
         </Switch>
       </Router>
     </>
diff --git a/frontend/src/components/InputField.js b/frontend/src/components/InputField.js
new file mode 100644
index 0000000..c6cda35
--- /dev/null
+++ b/frontend/src/components/InputField.js
@@ -0,0 +1,12 @@
+import React from "react";
+
+function InputField(props) {
+  return (
+    <label>
+      <p>{props.LabelName}</p>
+      <input name={props.InputName} type={props.InputType} />
+    </label>
+  );
+}
+
+export default InputField;
diff --git a/frontend/src/components/SubmitField.js b/frontend/src/components/SubmitField.js
new file mode 100644
index 0000000..4114b28
--- /dev/null
+++ b/frontend/src/components/SubmitField.js
@@ -0,0 +1,12 @@
+import React from "react";
+
+function SubmitField(props) {
+  const InputValue = props.LabelName;
+  return (
+    <label>
+      <input type="submit" value={InputValue} />
+    </label>
+  );
+}
+
+export default SubmitField;
diff --git a/frontend/src/components/pages/Login.js b/frontend/src/components/pages/Login.js
new file mode 100644
index 0000000..0e29c40
--- /dev/null
+++ b/frontend/src/components/pages/Login.js
@@ -0,0 +1,29 @@
+import React from "react";
+import "../../App.css";
+import Footer from "../../Footer";
+import InputField from "../InputField";
+import SubmitField from "../SubmitField";
+
+export default function Login() {
+  return (
+    <>
+      <div className="sitePage">
+        <h1>Login</h1>
+        <form>
+          <InputField
+            LabelName="Benutzername / Kennung"
+            InputType=""
+            InputName="username"
+          />
+          <InputField
+            LabelName="Passwort"
+            InputType="password"
+            InputName="password"
+          />
+          <SubmitField LabelName="Einloggen" />
+        </form>
+      </div>
+      <Footer />
+    </>
+  );
+}