<section class="content-layout">
  <header class="title">
    <div>
      <hr>
      <h1><?php echo $this->title; ?></h1>
      <hr>
    </div>
  </header>
  <section class="form-layout">
    <form action="/Profile" method="post" name="signupform" onsubmit="return signupValidation()">
      <div class="form-input">
        <div>Your Name</div>
        <input id="your-name" type="text" name="your-name">
      </div>
      <div class="form-input checked-input">
        <div>Username</div>
        <input id="username" type="text" name="username" onKeyUp="checkData('username','username-check')">
        <span id="username-check"></span>
      </div>
      <div class="form-input checked-input">
        <div>Email</div>
        <input id="email" type="text" name="email" onKeyUp="checkData('email','email-check')">
        <span id="email-check"></span>
      </div>
      <div class="form-input">
        <div>Password</div>
        <input id="password" type="password" name="password">
      </div>
      <div class="form-input">
        <div>Confirm Password</div>
        <input id="confirm-password" type="password" name="confirm-password">
      </div>
      <div class="form-input">
        <div>Phone Number</div>
        <input id="phone" type="text" name="phone-number">
      </div>
      <div class="driver-checkbox">
        <input id="isdriver" type="checkbox" name="driver">
        <div>Also sign me up as a driver!</div>
      </div>
      <div id="button-layout">
        <div>
          <a href="/Login">Already have an account</a>
        </div>
        <input id="register-button" type="submit" value="Register">
      </div>
    </form>
  </section>
</section>