<div class="pageContent">
  <div class="navbar navbar-default navbar-static-top" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <a class="navbar-brand"><span class="chaseLogo"></span></a>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
        <div class="container-fluid bg-header">
          <h3>Login</h3>
        </div>
        <div class="well well-lg">
          <div class="container-fluid login-container">
            <div class="input-group">
              <input type="text" id="userID" class="form-control" placeholder="User Name" value="frank.johnson@qwikmail.com">
              <span class="input-group-btn">
                <button class="btn btn-default loginBtn" type="button" (click)="showUserNameInfo()">
                  <span class="glyphicon glyphicon-info-sign"></span>
                </button>
              </span>
            </div>
            <br>
            <input type="password" class="form-control" placeholder="Password">
            <br>
            <a routerLink="/dashboard" role="button" class="btn btn-primary btn-block">Login</a>
            <br>
            <div class="text-right">
              <a href="#" role="button" class="btn btn-warning">Forgot Password</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="pageFooter bg-footer">
  <div class="container text-right">
    <small>&copy; 2014 JPMorgan Chase & Co.</small>
  </div>
</div>