<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="jpmorganLogo"></span></a>
      </div>
      <div class="navbar-collapse collapse navbar-right">
        <ul class="nav navbar-nav">
          <li><a href="#" class="font-14"><span class="contacticon">&nbsp;Contact</span></a></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="container-fluid bg-header titleclr">
        <h3>Login</h3>
      </div>
    </div>
    <br>
    <div class="titleclr font-30" align="center">Welcome to Home Space</div>
    <br>
    
    <div class="col-md-6 col-md-offset-3">
      <div class="well">
        <div class="form-group">
          <label><strong>User ID</strong></label>
          <input type="text" class="form-control" placeholder="Enter UserID">
        </div>
        <div class="form-group">
          <label><strong>Password</strong></label>
          <input type="password" class="form-control" placeholder="Enter Password">
        </div>
        <div class="checkbox">
          <label><input type="checkbox"> Remember User ID</label>
        </div>
        <a role="button" routerLink="/auto-claim/view-payment-history" class="btn btn-primary btn-block">SUBMIT</a>
      </div>
      <div class="row">
        <div class="col-md-6"><a href="#" class="fontclr">Forgot User ID</a></div>
        <div class="col-md-6 text-right"><a href="#" class="fontclr">Forgot Password</a></div>
      </div>
    </div>
  </div>
  <br>
</div>

<div class="pageFooter bg-footer">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-6"><small><a href="#" class="footer-link">Terms & Condition</a> | <a href="#" class="footer-link">Policies & Procedure</a></small></div>
      <div class="col-md-6 text-right"><small>&copy; 2014 JPMorgan Chase & Co. all rights reserved.</small></div>
    </div>
  </div>
</div>