harbor/views/ng/sign-up.htm

<div class="container-fluid container-fluid-custom">
  <div class="container container-custom">
    <div class="row extend-height">
  	      <div class="section">
  		      <h1 class="col-md-12 col-md-offset-2 main-title title-color">Sign Up</h1>
          <div class="row">
            <div class="col-md-12 col-md-offset-2 main-content">
              <form class="form-horizontal" ng-controller="SignUpController as vm">
                <div class="form-group">
                  <label for="username" class="col-sm-3 control-label">Username:</label>
                  <div class="col-sm-7">
                    <input type="text" class="form-control" id="username" ng-model="vm.username">
                  </div>
                  <div class="col-sm-2">
                    <span class="asterisk">*</span>
                  </div>
                </div>
                <div class="form-group">
                  <label for="email" class="col-sm-3 control-label">Email:</label>
                  <div class="col-sm-7">
                    <input type="text" class="form-control" id="email" ng-model="vm.email">
                    <p class="help-block small-size-fonts">The Email address will be used for resetting password.</p>
                  </div>
                  <div class="col-sm-2">
                    <span class="asterisk">*</span>
                  </div>
                </div>
                <div class="form-group">
                  <label for="fullName" class="col-sm-3 control-label">Full Name:</label>
                  <div class="col-sm-7"> 
                    <input type="text" class="form-control" id="fullName" ng-model="vm.realname">
                    <p class="help-block small-size-fonts">First name & Last name.</p>
                  </div>
                  <div class="col-sm-2">
                    <span class="asterisk">*</span>
                  </div>
                </div>
                <div class="form-group">
                  <label for="password" class="col-sm-3 control-label">Password:</label>
                  <div class="col-sm-7">
                    <input type="password" class="form-control" id="password" ng-model="vm.password">
                    <p class="help-block small-size-fonts">At least 7 characters with 1 lowercase letter, 1 capital letter and 1 numeric character.</p>
                  </div>
                  <div class="col-sm-2">
                    <span class="asterisk">*</span>
                  </div>
                </div>
                <div class="form-group">
                  <label for="confirmPassword" class="col-sm-3 control-label">Confirm Password:</label>
                  <div class="col-sm-7">
                    <input type="password" class="form-control" id="confirmPassword" ng-model="vm.confirmPassword">
                  </div>
                  <div class="col-sm-2">
                    <span class="asterisk">*</span>
                  </div>
                </div>
                <div class="form-group">
                  <label for="comments" class="col-sm-3 control-label">Comments:</label>
                  <div class="col-sm-7">
                    <input type="password" class="form-control" id="comments" ng-model="vm.comment">
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-offset-8 col-md-10">
                    <button type="submit" class="btn btn-success" ng-click="vm.signUp()">Sign Up</button>
                  </div>
                </div>
              </form>
            </div>
          </div>            
        </div>
    </div>
  </div>
</div>