<!DOCTYPE html>
<html>
  <head>
    <title>Register Alqapp</title>
  </head>
  <body>
    <div class="login-form">
      <h1>
        Register
      </h1>
      <form method="POST" action="doregister">
        <label>Username</label><br>
        <input type="text" name="username"><br>
        <label>Name</label><br>
        <input type="text" name="name"><br>
        <label>Password</label><br>
        <input type="password" name="password"><br>
        <label>Re-Password</label><br>
        <input type="password" name="repassword"><br>
        <input type="submit" value="Register">
      </form>
    </div>
  </body>
</html>
<style>
  @import url('https://fonts.googleapis.com/css2?family=Syne&display=swap');
  .login-form {
    width: 300px;
    margin: 0 auto;
    font-family: 'Syne', sans-serif;
  }
  .login-form h1 {
    text-align: center;
    color: #4d4d4d;
    font-size: 24px;
    padding: 20px 0 20px 0;
  }
  .login-form input[type="password"],
  .login-form input[type="text"] {
    width: 100%;
    padding: 15px;
    border: 1px solid #dddddd;
    margin-bottom: 15px;
    box-sizing:border-box;
  }
  .login-form input[type="submit"] {
    width: 100%;
    padding: 15px;
    background-color: #535b63;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
  }
</style>
