diff --git a/root/css/main.css b/root/css/main.css
index a2eff8a4071af950871f705c0d25b6bc1e17cad1..0880e605dd251aa3f62d47cf6acc596a5331c1e7 100644
--- a/root/css/main.css
+++ b/root/css/main.css
@@ -12,10 +12,10 @@ body {
#login_frame {
height: 300px;
- width: 300px;
+ width: 400px;
}
-#login_frame > h1 {
+.frame > h1 {
text-align: center;
}
@@ -23,18 +23,41 @@ body {
left: 10%;
width: 80%;
height: auto;
- border: 1px solid red;
position: relative;
}
-#login_frame input{
+input{
width: 100%;
+ margin: 1px auto 15px;
}
#login_frame input[type="submit"] {
display: block;
- width: 100px;
- margin: auto;
+ width: 40px;
+ margin: 0 auto 15px;
+}
+
+#sign_up_frame {
+ width: 400px;
+ height: 550px;
+}
+
+input[type="checkbox"]{
+ width: 0;
+ margin-right: 10px;
+}
+
+#sign_up_frame input[type="submit"]{
+ display: block;
+ width: 80px;
+ margin: 15px auto;
+}
+
+#sign_up_frame > div {
+ left: 10%;
+ width: 80%;
+ height: auto;
+ position: relative;
}
a:link, a:visited {
diff --git a/root/login/sign_up.html b/root/login/sign_up.html
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..b73e8172007ce916bba5845064d4c4848a3bac37 100644
--- a/root/login/sign_up.html
+++ b/root/login/sign_up.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Sign Up</title>
+ <link rel="stylesheet" type="text/css" href="../css/main.css">
+</head>
+<body>
+ <div id="sign_up_frame" class="frame">
+ <h1>-- Sign up --</h1>
+
+ <div>
+ <form method="post">
+ Your name
+ <input type="text" name="real_name"><br/>
+ Username
+ <input type="text" name="real_name"><br/>
+ Email
+ <input type="Email" name="real_name"><br/>
+ Password
+ <input type="Password" name="real_name"><br/>
+ Confirm password
+ <input type="Password" name="real_name"><br/>
+ Phone number
+ <input type="text" name="real_name"><br/>
+
+ <input type="checkbox" name="is_driver" value="true">Also sign me up as a driver<br/>
+
+ <input type="submit" value="REGISTER">
+ </form>
+ </div>
+ </div>
+
+</body>
+</html>
\ No newline at end of file