<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Invoice IN00000001</title>
   <link rel="stylesheet" href="<?php echo asset('css/invoice.css'); ?>">
</head>

<body class="invoice">

  <div id="page">
    <div class="company-address">
      <strong>Lakedesign, Inc.</strong>
      <br> Lake Avenue 12
      <br> Atlantis
      <br> AB 12345
      <p></p>
    </div>
    <div class="recipient-address">
      <strong>1 Client Demo</strong>
      <br> Dale Avenue 4587
      <br> Puyallup
      <br> WA 98371
      <br> 555-(45)234573
    </div>
    <div class="clear"></div>
    <h1>Invoice IN00000001</h1>
    <p class="terms">
      <strong>13 March 2013</strong>
      <br> Payment due by 15 March 2013</p>
    <div class="clear"></div>
    <table cellspacing="0" class="invoice-items">
      <thead>
        <tr>
          <th scope="col" class="first" width="200"><span>Item Name</span></th>
          <th scope="col" class="first"><span>Description</span></th>
          <th scope="col" width="100"><span>Unit Price</span></th>
          <th scope="col" width="110"><span>Hours/Quantity</span></th>
          <th scope="col" width="100"><span>Total</span></th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td class="first">The Lion, the Witch and the Wardrobe</td>
          <td class="first">C. S. Lewis English 1950</td>
          <td>56.95</td>
          <td>6</td>
          <td>341.70</td>
        </tr>
        <tr>
          <td class="first">The Exorcist </td>
          <td class="first">William Peter Blatty English 1971</td>
          <td>19.95</td>
          <td>20</td>
          <td>399.00</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <th scope="col" colspan="4" style="text-align:right;"><span>Subtotal:</span></th>
          <th scope="col">740.70</th>
        </tr>
      </tfoot>
    </table>
    <p>
      <br>
    </p>
    <div class="invoice-totals-wrap">
      <table cellspacing="0" class="invoice-totals">
        <tbody>
          <tr>
            <td scope="col" width="220" style="text-align:right;"><span>Discount:</span></td>
            <td scope="col" width="100"><span>230.00</span></td>
          </tr>
          <tr>
            <td scope="col" width="220" style="text-align:right;"><span>Tax (19%):</span></td>
            <td scope="col" width="100"><span>97.03</span></td>
          </tr>
          <tr>
            <td scope="col" width="220" style="text-align:right;"><span>Total:</span></td>
            <td scope="col" width="100"><span>607.73</span></td>
          </tr>
          <tr>
            <td scope="col" width="220" style="text-align:right;"><span>Paid:</span></td>
            <td scope="col" width="100"><span>2,871.41</span></td>
          </tr>
          <tr>
            <td scope="col" width="220" style="text-align:right;" nowrap=""><span>Amount Due:</span></td>
            <td scope="col" width="100"><span style="font-size:20px;">0.00&nbsp;USD</span></td>
          </tr>
        </tbody>
      </table>
      <br>
    </div>
    <div class="notes">
      <br><strong>Notes:</strong>
      <br>Nulla ligula nibh, pharetra quis egestas et, molestie ac neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque purus nunc, tristique vitae mattis vitae, pellentesque id libero. Aliquam erat volutpat.
      Praesent ut augue eget turpis consequat auctor. In volutpat tristique nisi, eget viverra lorem dignissim et.</div>
    <div class="clear"></div>
    <br>
    <p>Nulla ligula nibh, pharetra quis egestas et, molestie ac neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque purus nunc, tristique vitae mattis vitae, pellentesque id libero. Aliquam erat volutpat.
      Praesent ut augue eget turpis consequat auctor. In volutpat tristique nisi, eget viverra lorem dignissim et. Integer rutrum, lectus vitae congue gravida, erat turpis varius lorem, et tempor justo nisl vitae tortor. Etiam pretium, tortor id egestas
      varius, nisi orci mattis nulla, sed tincidunt ante leo ut nibh.</p>
    <hr> Don’t miss the opportunities to thank ones who matter. Make your acknowledgment special with the thank you messages.
    <p></p>
    <div class="clear"></div>
  </div>
</body>

</html>