diff --git a/frontend/index.css b/frontend/index.css
index 48b673c..2736ee1 100644
--- a/frontend/index.css
+++ b/frontend/index.css
@@ -1,3 +1,8 @@
 .loginSpacer {
     height: 33%;
+}
+
+#menu {
+    width: 100%;
+    padding: 5%;
 }
\ No newline at end of file
diff --git a/frontend/index.html b/frontend/index.html
index a226a8a..a672499 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -25,7 +25,16 @@
       <div class="fourth two-fifth-1000"></div>
     </div>
     <div id="mainPage" style="display: none;">
-      <p>Main Page</p>
+      <div id="content">
+        <div id="tasks"></div>
+        <div id="history"></div>
+        <div id="addTask"></div>
+      </div>
+      <div id="menu" class="flex three">
+        <button class="third">Tasks</button>
+        <button class="third">History</button>
+        <button class="third">Add Task</button>
+      </div>
     </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/frontend/index.js b/frontend/index.js
index 1568a75..4db2d55 100644
--- a/frontend/index.js
+++ b/frontend/index.js
@@ -16,7 +16,7 @@ async function login() {
     });
     // if failed red button
     // else switch screen
-    if (response.status != 200) {
+    if (response.status !== 200) {
         document.getElementById("loginSubmit").classList.add("error");
     } else {
         // switch screen