<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 class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
          <li><a routerLink="/dashboard">Home</a></li>
          <li class="active"><a routerLink="/payment-history">Payment History</a></li>
          <li><a routerLink="/bank-accounts">Bank Accounts</a></li>
          <li class="user-dropdown dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Frank Johnson <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Profile</a></li>
              <li><a routerLink="/">Logout</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="container-fluid bg-header">
      <h3>Payment History</h3>
    </div>
    <br>
    <div class="row">
      <div class="col-md-12">
        <div class="well">
          <h4>Transaction History</h4>
          <table class="table table-striped">
            <thead>
              <tr>
                <th>Date</th>
                <th>Payment ID</th>
                <th>From</th>
                <th>Amount</th>
                <th>Description</th>
                <th>Status</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td colspan="6" class="text-center">No payment history available</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

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