diff --git a/css/register.css b/css/register.css
new file mode 100644
index 0000000000000000000000000000000000000000..a97be55616e384bd49cb1e9a8342d7e2501d915b
--- /dev/null
+++ b/css/register.css
@@ -0,0 +1,111 @@
+.wrapper {
+ background-color: #8BBD3C;
+ border-color: #02702C;
+ border-width: 10px;
+ border-style: solid;
+ border-radius: 50px;
+}
+
+.logo {
+ display: inline-block;
+ width: 100%;
+ text-align: center;
+ font-size: 350%;
+ vertical-align: middle;
+ color: #02702C;
+ font-weight: bold;
+}
+
+.line {
+ display: inline-block;
+ width: 22%;
+ vertical-align: middle;
+ border-color: #02702C;
+}
+
+.form-input {
+ width: 100%;
+ text-align: center;
+}
+
+.user-input div {
+ text-align: left;
+ display: inline-block;
+ padding-left: 10px;
+}
+
+.label-input {
+ width: 35%;
+ text-align: left;
+ vertical-align: middle;
+ font-weight: bold;
+ color: #008800;
+ font-size: 150%;
+}
+
+.text-input {
+ width: 55%;
+ vertical-align: middle;
+}
+
+.text-input input {
+ width:100%;
+ height: 2em;
+}
+
+.text-input-with-check {
+ width: 49%;
+ vertical-align: middle;
+}
+
+.text-input-with-check input {
+ width: 100%;
+}
+
+.check-icon {
+ width: 13px;
+}
+
+.delete-icon {
+ width: 13px;
+ display: none;
+}
+
+.checkbox {
+ text-align: left;
+ padding-left: 27px;
+ font-weight: bold;
+ color: #008800;
+ font-size: 150%;
+}
+
+.bottom {
+ font-size: 0;
+}
+
+.redirect-login {
+ font-size: initial;
+ display: inline-block;
+ width: 45%;
+ text-align: left;
+ padding-left: 27px;
+}
+
+.register {
+ font-size: initial;
+ display: inline-block;
+ text-align: right;
+ padding-right: 19px;
+ width: 50%;
+ box-sizing: border-box;
+}
+.register input {
+ background-color: #82D800;
+ border-color: #000000;
+ border-radius: 5px;
+ font-size: 120%;
+ padding: 0 0 0 0;
+ color: black;
+ font-weight: bold;
+ width: 32%;
+}
\ No newline at end of file
diff --git a/img/check.png b/img/check.png
new file mode 100644
index 0000000000000000000000000000000000000000..558bed5d07e9b048e815ec560d4d02d8d1bf1c0a
Binary files /dev/null and b/img/check.png differ
diff --git a/view/edit-profile.html b/view/edit-profile.html
index 0c9d36908e994f12f32802b1aafe056f9c29c48c..6c77d49381c8da6a1577e379db3f80fbfeb08fa9 100644
--- a/view/edit-profile.html
+++ b/view/edit-profile.html
@@ -1,49 +1,46 @@
<html>
<head>
+ <title>Projekers-edit-profile</title>
<link href="../css/primary.css" type="text/css" rel="stylesheet">
<link href="../css/edit-profile.css" type="text/css" rel="stylesheet">
</head>
<body>
-<div class="wrapper">
-<h1>EDIT PROFILE INFORMATION</h1>
-<form action="#" method="post">
- <div class="edit-image">
- <div class="div-profile-image">
- <img src="../img/pikachu.jpg" class="profile-image">
- </div>
- <div class="browse-image">
- <label>Update profile picture</label>
- <br />
- <br />
- <input type="file" name="image-file" value="browse..">
- </div>
- </div>
+<div class="container">
+ <div class="wrapper">
+ <h1>EDIT PROFILE INFORMATION</h1>
+ <form action="#" method="post">
+ <div class="edit-image">
+ <div class="div-profile-image">
+ <img src="../img/pikachu.jpg" class="profile-image">
+ </div>
+ <div class="browse-image">
+ <label>Update profile picture</label>
+ <br />
+ <br />
+ <input type="file" name="image-file" value="browse..">
+ </div>
+ </div>
- <div>
- <div class="edit-data">
- <label class="form-label">Your Name</label>
- <input type="text" placeholder="Enter your name..">
- </div>
- <div class="edit-data">
- <label class="form-label">Phone</label>
- <input type="text" placeholder="Enter your phone number..">
- </div>
- <div class="edit-data">
- <label class="form-label">Status Driver</label>
- <div class="checkbox">
- <input type="checkbox">
+ <div>
+ <div class="edit-data">
+ <label class="form-label">Your Name</label>
+ <input type="text" placeholder="Enter your name..">
+ </div>
+ <div class="edit-data">
+ <label class="form-label">Status Driver</label>
+ <div class="checkbox">
+ <input type="checkbox">
+ </div>
+ </div>
</div>
- </div>
- </div>
- <div>
- <div>
- <a class="back" href="dashboard.php">BACK</a>
- <input type="submit" value="SAVE" class="save">
- </div>
- </div>
+ <div>
+ <a class="back" href="dashboard.php">BACK</a>
+ <input type="submit" value="SAVE" class="save">
+ </div>
-</form>
+ </form>
+ </div>
</div>
</body>
</html>
\ No newline at end of file
diff --git a/view/register.html b/view/register.html
new file mode 100644
index 0000000000000000000000000000000000000000..3a45ad68cc572d24bbcb3e5ef761f7366e0ec4b5
--- /dev/null
+++ b/view/register.html
@@ -0,0 +1,68 @@
+<html>
+<head>
+ <title>Projekers-register</title>
+ <link href="../css/primary.css" type="text/css" rel="stylesheet">
+ <link href="../css/register.css" type="text/css" rel="stylesheet">
+</head>
+<body>
+ <div class="container">
+ <div class = "wrapper">
+ <div class="logo">
+ <hr class="line">
+ SIGN UP
+ <hr class="line">
+ </div>
+ <br>
+ <br>
+ <div class="form-input">
+ <form>
+ <div class="user-input">
+ <div class="label-input">Your Name</label></div>
+ <div class="text-input"><input type="text"></div>
+ </div>
+ <div class="user-input">
+ <div class="label-input">Username</label></div>
+ <div class="text-input-with-check"><input type="text"></div>
+ <div><img src="../img/check.png" class="check-icon"></div>
+ <div><img src="../img/delete.png" class="delete-icon"></div>
+ </div>
+ <div class="user-input">
+ <div class="label-input">Email</label></div>
+ <div class="text-input-with-check"><input type="text"></div>
+ <div><img src="../img/check.png" class="check-icon"></div>
+ <div><img src="../img/delete.png" class="delete-icon"></div>
+ </div>
+ <div class="user-input">
+ <div class="label-input">Password</label></div>
+ <div class="text-input"><input type="password"></div>
+ </div>
+ <div class="user-input">
+ <div class="label-input">Confirm Password</label></div>
+ <div class="text-input"><input type="password"></div>
+ </div>
+ <div class="user-input">
+ <div class="label-input">Phone Number</label></div>
+ <div class="text-input"><input type="text"></div>
+ </div>
+ <br>
+ <div class="checkbox">
+ <input type="checkbox">
+ Also sign me up as a driver!
+ </div>
+ <br>
+ <br>
+ <div class="bottom">
+ <div class="redirect-login">
+ <a href="login.html">Already have an account?</a>
+ </div>
+ <div class="register">
+ <input type="submit" value="REGISTER">
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+
+</body>
+</html>
\ No newline at end of file