quay/static/directives/signup-form.html

<div class="signup-form-element">
  <form class="form-signup" name="signupForm" ng-submit="register()" ngshow="!awaitingConfirmation && !registering">
    <input type="text" class="form-control" placeholder="Create a username" name="username" ng-model="newUser.username" autofocus required ng-pattern="/^[a-z0-9_]{4,30}$/">
    <input type="email" class="form-control" placeholder="Email address" ng-model="newUser.email" required>
    <input type="password" class="form-control" placeholder="Create a password" ng-model="newUser.password" required
           ng-pattern="/^.{8,}$/">
    <input type="password" class="form-control" placeholder="Verify your password" ng-model="newUser.repeatPassword"
           match="newUser.password" required
           ng-pattern="/^.{8,}$/">
    <div class="form-group signin-buttons">
      <button id="signupButton"
              class="btn btn-primary btn-block landing-signup-button" ng-disabled="signupForm.$invalid" type="submit"
              analytics-on analytics-event="register">Sign Up for Free!</button>
      <span class="social-alternate">
        <i class="fa fa-circle"></i>
        <span class="inner-text">OR</span>
      </span>
      <a href="https://github.com/login/oauth/authorize?client_id={{ githubClientId }}&scope=user:email{{ github_state_clause }}"
         class="btn btn-primary btn-block"><i class="fa fa-github fa-lg"></i> Sign In with GitHub</a>
      <p class="help-block">No credit card required.</p>
    </div>
  </form>
  <div ng-show="registering" style="text-align: center">
    <div class="quay-spinner 2x"></div>
  </div>
  <div ng-show="awaitingConfirmation">
    <div class="sub-message">
      Thank you for registering! We have sent you an activation email.
      You must <b>verify your email address</b> before you can continue.</div>
  </div>
</div>