invoice list

index.html

<div class="container">
  <nav class="navbar navbar-inverse " style="top:10px">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">Invoices</a>
      </div>

      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <form class="navbar-form navbar-right" role="search">
          <div class="form-group">
            <input type="text" class="form-control" placeholder="Invoice Number">
          </div>
          <button type="submit" class="btn btn-default">Search</button>
        </form>

      </div>
    </div>
  </nav>

  <div class="panel panel-primary">
    <div class="panel-heading">
      <h3 class="panel-title">Shipped Invoice History  (30 days)</h3>
    </div>
    <div class="panel-body">

      <table class="table table-striped table-hover ">
        <thead>
          <tr>
            <th>Invoice Number</th>
            <th>Packing List #</th>
            <th>Date</th>
            <th>Total</th>
            <th>Freight</th>
            <th>Freight Cost</th>
            <th>COD Cost</th>
            <th>Terms</th>
            <th>Carrier</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><a href="#">40123456</a></td>
            <td>40123456</td>
            <td>2/15/2016</td>
            <td>468.12</td>
            <td>PREPAID</td>
            <td>0.00</td>
            <td>0.00</td>
            <td>W10</td>
            <td>UPS GROUND</td>
          </tr>
          <tr>
            <td><a href="#">41125691</a></td>
            <td>41125691</td>
            <td>2/15/2016</td>
            <td>264.99</td>
            <td>BILLED</td>
            <td>12.00</td>
            <td>0.00</td>
            <td>W10</td>
            <td>UPS GROUND</td>
          </tr>

        </tbody>
      </table>
    </div>
  </div>
</div>

invoice list.markdown

invoice list

A Pen by battaile on CodePen.

License.

scripts

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

style.css

body {
  background-image: url('https://cdn.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-9-full.jpg')
}

styles

<link href="https://bootswatch.com/spacelab/bootstrap.min.css" rel="stylesheet" />