diff --git a/index.html b/index.html
index c4bcaf2..8225dee 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,20 +8,15 @@
     <link rel="stylesheet" href="style.css">
     <title>Document</title>
 </head>
-<style>
-    .grid-wrapper {
-        display: grid;
-        padding: 4rem 4rem 0 4rem;
-        grid-template-columns: 1fr;
-        grid-template-rows: 100px 100px 100px;
-        grid-gap: 10px;
-    }
-
-    .box {
-        background-color: grey;
-    }
-</style>
 <body>
+    <nav>
+        <ul id="menu">
+            <li class="menu_element"><a class="menu_element" href="/index.html">Home</a></li>
+            <li class="menu_element"><a href="/index.html">Balance</a></li>
+
+
+        </ul>
+    </nav>
     <div class="balance-list">
         <h1>Umsätze</h1>
         <div class="grid-wrapper">
diff --git a/index_styles.css b/index_styles.css
new file mode 100644
index 0000000..2372a51
--- /dev/null
+++ b/index_styles.css
@@ -0,0 +1,24 @@
+.menu_element {
+    background-color: orangered;
+    width: 50px;
+    display: inline;
+    
+}
+
+#menu {
+
+    list-style-type: none;
+}
+
+
+.grid-wrapper {
+    display: grid;
+    padding: 4rem 4rem 0 4rem;
+    grid-template-columns: 1fr;
+    grid-template-rows: 100px 100px 100px;
+    grid-gap: 10px;
+}
+
+.box {
+    background-color: grey;
+}
\ No newline at end of file
