<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Fullbleed Roofing Invoice</title>
</head>
<body>
  <div class="invoice-page">
    <div class="top-rule"></div>
    <main class="sheet">
      <header class="invoice-header">
        <section class="brand-col">
          <div class="brand-line">
            <div class="brand-icon" aria-hidden="true">
              <span class="paper">
                <span class="paper-line one"></span>
                <span class="paper-line two"></span>
                <span class="paper-line three"></span>
              </span>
            </div>
            <h1>Fullbleed Roofing</h1>
          </div>
          <p>4582 Industrial Parkway</p>
          <p>Portland, OR 97204</p>
          <p>(503) 555-0198</p>
          <p>billing@fullbleedroofing.com</p>
        </section>

        <section class="meta-col">
          <p class="kicker">INVOICE</p>
          <p class="invoice-id">INV-2026-0234</p>
          <p class="date-row"><span>Date:</span> <strong>February 11, 2026</strong></p>
          <p class="date-row"><span>Due Date:</span> <strong>March 13, 2026</strong></p>
        </section>
      </header>

      <section class="bill-panel">
        <p class="panel-kicker">BILL TO</p>
        <p class="name">Sarah Mitchell</p>
        <p>Mitchell Residence</p>
        <p>892 Cedar Ridge Lane</p>
        <p>Portland, OR 97201</p>
      </section>

      <section class="items">
        <table class="invoice-table">
          <thead>
            <tr>
              <th class="desc">DESCRIPTION</th>
              <th class="qty">QTY</th>
              <th class="rate">RATE</th>
              <th class="amount">AMOUNT</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="desc">Asphalt Shingle Roof Replacement (2,400 sq ft)</td>
              <td class="qty">1</td>
              <td class="rate">$8500.00</td>
              <td class="amount strong">$8500.00</td>
            </tr>
            <tr>
              <td class="desc">Roof Deck Repair &amp; Reinforcement</td>
              <td class="qty">1</td>
              <td class="rate">$1200.00</td>
              <td class="amount strong">$1200.00</td>
            </tr>
            <tr>
              <td class="desc">Gutter Installation (80 linear feet)</td>
              <td class="qty">80</td>
              <td class="rate">$18.50</td>
              <td class="amount strong">$1480.00</td>
            </tr>
            <tr>
              <td class="desc">Ridge Vent Installation</td>
              <td class="qty">1</td>
              <td class="rate">$650.00</td>
              <td class="amount strong">$650.00</td>
            </tr>
            <tr>
              <td class="desc">Debris Removal &amp; Site Cleanup</td>
              <td class="qty">1</td>
              <td class="rate">$450.00</td>
              <td class="amount strong">$450.00</td>
            </tr>
          </tbody>
        </table>
      </section>
    </main>
  </div>
</body>
</html>
