diff --git a/front/static/css/signup.css b/front/static/css/signup.css
new file mode 100644
index 0000000..e887d49
--- /dev/null
+++ b/front/static/css/signup.css
@@ -0,0 +1,13 @@
+.signup
+{
+    height: 200px;
+    width: 400px;
+    position: fixed;
+    left: 50%;
+    margin-left: -150px;
+    width:60%;
+}
+.border
+{
+    border-color:black;
+}
\ No newline at end of file
diff --git a/front/static/dashboard.html b/front/static/dashboard.html
index a8b588e..c25f1dc 100644
--- a/front/static/dashboard.html
+++ b/front/static/dashboard.html
@@ -53,6 +53,6 @@
             </ul>
         </nav>
     </div>
-    <script src="logout.js"></script>
+    <script src="js/logout.js"></script>
 </body>
 </html>
diff --git a/front/static/favicon.ico b/front/static/img/favicon.ico
similarity index 100%
rename from front/static/favicon.ico
rename to front/static/img/favicon.ico
diff --git a/front/static/login.js b/front/static/js/login.js
similarity index 100%
rename from front/static/login.js
rename to front/static/js/login.js
diff --git a/front/static/logout.js b/front/static/js/logout.js
similarity index 100%
rename from front/static/logout.js
rename to front/static/js/logout.js
diff --git a/front/static/signupPage.js b/front/static/js/signupPage.js
similarity index 100%
rename from front/static/signupPage.js
rename to front/static/js/signupPage.js
diff --git a/front/static/signup.html b/front/static/signup.html
index 7635b4e..8bec9e3 100644
--- a/front/static/signup.html
+++ b/front/static/signup.html
@@ -10,18 +10,30 @@
     <link rel="shortcut icon" href="/favicon.ico">
     <title>Sign up</title>
 </head>
-<body>
+<body style="background-color: lightgreen">
     <nav class="navbar navbar-expand-sm navbar-dark bg-primary">
         <a class="navbar-brand" href="index.html">Reimbursinator</a>
     </nav>
-    <h1>Sign up page</h1>
-    <form id="signup">
-        User Name: <input type="text" id="userName" minlength="4" size="10" required="required"><br>
-        Password: <input type="password" id="password" minlength="4" size="10" required="required"><br>
-        Confirm Password: <input type="password" id="confirmPassword"><br>
-        <input type="submit" value="Submit" formaction="index.html">
+    <form class="signup">
+        <div class="form-group">
+            <h3>Sign up page</h3>
+        </div>
+        <div class="form-group">
+            User Name: <input type="text" id="userName" minlength="4" size="10" required="required" class="border"><br>
+        </div>
+        <div class="form-group">
+            Email: <input type="email" id="email" required="required" class="border"><br>
+        </div>
+        <div class="form-group">
+            Password: <input type="password" id="password" minlength="4" size="10" required="required" class="border"><br>
+        </div>
+        <div class="form-group">
+            Confirm Password: <input type="password" id="confirmPassword" class="border"><br>
+        </div>
+        <input type="submit" value="Submit" formaction="index.html" class="border">
         <a class="nav-link" href="index.html">Return to main menu</a>
     </form>
 </body>
-<script src="signupPage.js"></script>
-</html>
+<script src="js/signupPage.js"></script>
+    <!--Still need to check if user exist and if email exist test-->
+</html>
\ No newline at end of file
