register-component.html 2.22 KB
<div class="register-page">
  <div class="welcome-message">
    <h1>Ótimo ter você aqui!</h1>
    <p>
      "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
      "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
    </p>
    <p>Saiba mais <a href="#">informações</a></p>
  </div>
  <form>
    <div class="row">
      <div class="col-md-6 register-field">
        <label for="name">First Name</label>
        <input type="text" class="form-control" id="name" placeholder="joao" ng-model="ctrl.account.name">
      </div>

      <div class="col-md-6 register-field">
        <label for="lastName">Last Name</label>
        <input type="text" class="form-control" id="lastName" placeholder="silva" ng-model="ctrl.account.lastName">
      </div>

      <div class="col-md-12 register-field">
        <label for="login">Username</label>
        <input type="text" class="form-control" id="login" placeholder="username" ng-model="ctrl.account.login">
        <p class="light-text">ex: ola.coop.br/joaosilva</p>
      </div>

      <div class="col-md-12 register-field">
        <label for="email">Email</label>
        <input type="text" class="form-control" id="email" placeholder="Email" ng-model="ctrl.account.email">
      </div>

      <div class="col-md-6 register-field">
        <label for="password">Password</label>
        <input type="password" class="form-control" id="password" placeholder="Password" ng-model="ctrl.account.password">
      </div>

      <div class="col-md-6 register-field">
        <label for="password-confirmation">Password Confirmation</label>
        <input type="password" class="form-control" id="passwordConfirmation" placeholder="Password Confirmation" ng-model="ctrl.account.passwordConfirmation">
      </div>

      <div class="col-md-12">
        <p class="terms-info">Ao criar uma conta, você está concordando com os <a href="#">termos de uso</a>.</p>
      </div>

      <div class="col-md-12">
        <button type="submit" class="btn btn-default" ng-click="ctrl.signup(ctrl.account)">SignUp</button>
      </div>

    </div>
  </form>

  <p class="already-registered-message">Já possui uma conta?</p>

</div>