Feat: User registration screen

- Created user registration screen - Added redirect to login screen See #4
lupyana · May 7, 2019 · b793182 · b793182
1 parent 14063fb
commit b793182
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>Ride My Way</title>
-    <link rel="stylesheet" href="../../assets/css/index.css">
+    <link rel="stylesheet" href="assets/css/index.css">
   </head>
   <body>
     <main>
@@ -28,7 +28,7 @@ <h2>Sign In</h2>
         <div class="">
           <div class="bottom-links text-left width-50">
             Don't have an account yet?
-              <a href="#">Sign Up</a>
+              <a href="pages/auth/signUp.html">Sign Up</a>
           </div>
           <div class="bottom-links text-right width-50">
             <a href="pages/auth/forgot.html">Forgot password?</a>

diff --git a/pages/auth/signUp.html b/pages/auth/signUp.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>Ride My Way</title>
+    <link rel="stylesheet" href="../../assets/css/index.css">
+  </head>
+  <body>
+    <main>
+      <div class="width-600 center sign-in-box">
+        <div class="text-center">
+            <h2>Sign Up</h2>
+        </div>
+        <div class="">
+          <form class="" action="" method="post">
+            <label for="loginInput" class="input-label mb-20">Email address or mobile number</label>
+            <div class="spacer">
+             <input type="text" name="user" id="loginInput" value="" placeholder="Email or Phonenumber" class="input-box"><br>
+           </div>
+           <label for="loginPassword" class="input-label mb-20">Password</label>
+           <div class="spacer">
+            <input type="text" name="password" id="loginPassword" value="" placeholder="Password" class="input-box"><br>
+          </div>
+          <label for="loginPasswordConfirm" class="input-label mb-20">Confirm Password</label>
+          <div class="spacer">
+           <input type="text" name="re-password" id="loginPasswordConfirm" value="" placeholder="Confirm Password" class="input-box"><br>
+         </div>
+            <a href="#"> <button type="button" name="button" class="input-button">Sign Up</button> </a>
+          </form>
+        </div>
+
+        <div class="">
+          <div class="bottom-links text-left width-50">
+            Already have an account?
+              <a href="../../index.html">Sign In</a>
+          </div>
+
+        </div>
+
+      </div>
+    </main>
+  </body>
+</html>