diff --git a/editpreferredlocations.php b/editpreferredlocations.php
new file mode 100644
index 0000000000000000000000000000000000000000..6b8caaede349853e67b03d202159522de0b82a00
--- /dev/null
+++ b/editpreferredlocations.php
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Edit Profile</title>
+ <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+ <link rel="stylesheet" href="css/profile.css">
+ </head>
+ <body>
+ <div class="apps">
+ <div class="heading">
+ <h2>EDIT PREFERRED LOCATIONS</h2>
+ </div>
+ <table border="1" class="data-location">
+ <thead>
+ <tr>
+ <th>No</th>
+ <th>Location</th>
+ <th>Actions</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>1</td>
+ <td><input type="text" value="Pewter City" disabled></td>
+ <td><span class="edit"><i class="material-icons">mode_edit</i></span><span class="delete"><i class="material-icons">clear</i></span></td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td><input type="text" value="Saffron City" disabled></td>
+ <td><span class="edit"><i class="material-icons">mode_edit</i></span><span class="delete"><i class="material-icons">clear</i></span></td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td><input type="text" value="SkyPillar City" disabled></td>
+ <td><span class="edit"><i class="material-icons">mode_edit</i></span><span class="delete"><i class="material-icons">clear</i></span></td>
+ </tr>
+ </tbody>
+ </table>
+ <div class="add-location">
+ <h3>ADD NEW LOCATION</h3>
+ <form action="">
+ <input type="text" name="place" required>
+ <input type="submit" value="ADD">
+ </form>
+ </div>
+ <div class="back">
+ <a href="#">BACK</a>
+ </div>
+ </div>
+ <script src="js/profile.js"></script>
+ </body>
+</html>
diff --git a/editprofile.php b/editprofile.php
new file mode 100644
index 0000000000000000000000000000000000000000..3b59f3cc6ab3f3f19a4dec422c7c7c8766b66887
--- /dev/null
+++ b/editprofile.php
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Edit Profile</title>
+ <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
+ <link rel="stylesheet" href="css/profile.css">
+ </head>
+ <body>
+ <div class="apps">
+ <div class="heading">
+ <h3>EDIT PROFILE INFORMATION</h3>
+ </div>
+ <div class="edit-img">
+ <div class="profile-img">
+ <img src="img/profile-placeholder.png" alt="profile image" class="thumbnail">
+ </div>
+ <div class="update-img">
+ <h4>Update profile picture</h4>
+ <input id="uploadFile" type="text" disabled="disabled">
+ <div class="fileUpload">
+ <span>Browse...</span>
+ <input id="uploadBtn" type="file" class="upload">
+ </div>
+ </div>
+ </div>
+ <div class="edit-data">
+ <div class="form-group">
+ <label for="name">Your Name</label>
+ <input id="name" type="text" name="name" placeholder="your name" required>
+ </div>
+ <div class="form-group">
+ <label for="phone">Phone</label>
+ <input id="phone" type="text" name="phone" placeholder="your phone" required>
+ </div>
+ <div class="form-group">
+ <label for="driver">Status Driver</label>
+ <label class="switch">
+ <input type="checkbox">
+ <span class="slider round"></span>
+ </label>
+ </div>
+ <div class="submit">
+ <input type="submit" class="cancel" value="BACK">
+ <input type="submit" class="save" value="SAVE">
+ </div>
+ </div>
+ </div>
+ <script src="js/profile.js"></script>
+ </body>
+</html>
diff --git a/login.php b/login.php
new file mode 100644
index 0000000000000000000000000000000000000000..4f0435725d77138f9a6f088dc5a153c660f1ba67
--- /dev/null
+++ b/login.php
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Halaman Login</title>
+ <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
+ <link rel="stylesheet" href="css/auth.css">
+ </head>
+ <body>
+ <div class="apps">
+ <div class="form-heading">
+ <div class="heading-left">
+ <hr>
+ </div>
+ <div class="heading-title">
+ LOGIN
+ </div>
+ <div class="heading-right">
+ <hr>
+ </div>
+ </div>
+ <div class="form-login">
+ <form action="login.php" method="POST">
+ <div class="form-group">
+ <label for="username">Username </label>
+ <input id="username" type="text" name="username" placeholder="your username" required>
+ </div>
+ <div class="form-group">
+ <label for="password">Password </label>
+ <input id="password" type="password" name="password" placeholder="your password" pattern=".{5,10}" title="5 to 10 characters" required>
+ </div>
+ <div class="action">
+ <div class="register">
+ <a href="#">Don't have an account ?</a>
+ </div>
+ <div class="submit">
+ <input type="submit" value="GO!">
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/signup.php b/signup.php
new file mode 100644
index 0000000000000000000000000000000000000000..699ef52352848ca9ab539744960f5b4b60e2c3b8
--- /dev/null
+++ b/signup.php
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Halaman Signup</title>
+ <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+ <link rel="stylesheet" href="css/auth.css">
+
+ </head>
+ <body>
+ <div class="apps">
+ <div class="form-heading">
+ <div class="heading-left">
+ <hr>
+ </div>
+ <div class="heading-title">
+ SIGNUP
+ </div>
+ <div class="heading-right">
+ <hr>
+ </div>
+ </div>
+ <div class="form-signup">
+ <form action="register.php" method="POST">
+ <div class="form-group">
+ <label for="name">Your Name</label>
+ <input id="name" type="text" name="name" placeholder="your name" required>
+ </div>
+ <div class="form-group">
+ <label for="username">Username</label>
+ <input id="username" type="text" name="username" placeholder="your username" onfocusout="getUsernameValidation()" required> <span id="checkUsername"><i class="material-icons">check_circle</i></span>
+ </div>
+ <div class="form-group">
+ <label for="email">Email</label>
+ <input id="email" type="text" name="email" placeholder="your email" onfocusout="getEmailValidation()" required><span id="checkEmail"><i class="material-icons">check_circle</i></span>
+ </div>
+ <div class="form-group">
+ <label for="password">Password</label>
+ <input id="password" type="password" name="password" placeholder="your password" pattern=".{5,10}" title="5 to 10 characters" required>
+ </div>
+ <div class="form-group">
+ <label for="password_conf">Password Confirm</label>
+ <input id="password_conf" type="password" name="password_conf" placeholder="your password again" pattern=".{5,10}" title="5 to 10 characters" required>
+ </div>
+ <div class="form-group">
+ <label for="phone">Phone Number</label>
+ <input id="phone" type="text" name="phone" placeholder="your phone" required>
+ </div>
+ <input type="checkbox" name="driver" value="True"> Also sign me up as a driver!
+ <div class="action">
+ <div class="login">
+ <a href="#">Already have an account ?</a>
+ </div>
+ <div class="submit">
+ <input type="submit" value="REGISTER">
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ <script src="js/validation.js"></script>
+ </body>
+</html>
diff --git a/validation.php b/validation.php
new file mode 100644
index 0000000000000000000000000000000000000000..ebc008f580c705e3a75eeaaea1e1f897c4135320
--- /dev/null
+++ b/validation.php
@@ -0,0 +1,24 @@
+<?php
+if (!empty($_REQUEST['u'])){
+ $usernames = array("adyanf", "adyanaufalF", "adyanaufalfikri");
+ $toCheck = $_REQUEST['u'];
+ if (in_array($toCheck, $usernames)){
+ echo "false";
+ }
+ else {
+ echo "true";
+ }
+}
+
+if (!empty($_REQUEST['e'])){
+ $emails = array("adyanaufalf@gmail.com", "adyanaufalfikri@gmail.com", "13515130@std.stei.itb.ac.id");
+ $toCheck = $_REQUEST['e'];
+ if (in_array($toCheck, $emails)){
+ echo "false";
+ }
+ else {
+ echo "true";
+ }
+}
+
+?>
\ No newline at end of file