www.skynova.com Open in urlscan Pro
2606:4700::6812:d7a  Public Scan

URL: https://www.skynova.com/template/invoice?c1=GAW_SE_NW&source=USA_INV&kw=blank_free_invoice_brd&cr5=524272821267&cr7=c&ag...
Submission: On May 02 via manual from US — Scanned from DE

Form analysis 1 forms found in the DOM

Name: invoice_formPOST

<form id="invoice_form" name="invoice_form" action="" method="post" enctype="multipart/form-data">
  <div id="save">
    <b>

    	<span class="form-row" style="margin:18px 0 8px 0;">
    		<label>E-mail address</label>
		    <input type="text" name="emailaddress" value="">
    	</span>

    	<span class="form-row">
    		<label>Password</label>
		    <input type="password" name="password" value="">
		</span>

		<span class="form-row clearfix" style="margin:10px 0 30px 0">
			<button type="button" class="btn btn-lg right btnRegister" style="width:140px">Save</button>
					</span>

	 </b>
  </div><!-- end SAVE -->
  <div class="alert alert-info"><span class="hidden-small">Want to customize your invoice? </span><button type="button" id="btnToggleOptions">Show Customization Options</button></div>
  <div id="options" class="hidden-print">
    <div class="options-container">
      <label class="option label-checkbox">
        <input type="checkbox" onclick="toggleLogo()" name="customization_logo" id="customization_logo">
        <span>Logo</span>
      </label>
      <label class="option label-checkbox">
        <input type="checkbox" name="customization_poNumber" id="customization_poNumber">
        <span>P.O. #</span>
      </label>
      <label class="option label-checkbox alertTax" data-alert="Please save before adding tax.">
        <input type="checkbox">
        <span>Sales Tax</span>
      </label>
    </div>
  </div>
  <table class="navbar-templates hidden-large">
    <tbody>
      <tr>
        <td class="minify">
          <button type="button" class="btn btnPreview">View</button>
        </td>
        <td class="minify">
          <button type="button" class="btn disabled" tabindex="-1" onclick="alert('Please save your invoice before creating PDF.')">PDF</button>
        </td>
        <td class="minify">
          <button type="button" class="btn disabled" tabindex="-1" onclick="alert('Please save your invoice before sending.')">Send</button>
        </td>
        <td class="minify">
          <button type="button" class="btn disabled hidden-xs" tabindex="-1" onclick="alert('Please save your invoice before recording payments.')">Payments</button>
        </td>
        <td></td>
        <td class="minify">
          <button type="button" class="btn toggleSaveBox"><ins class="isSaving">Cancel&nbsp;</ins>Save</button>
        </td>
      </tr>
    </tbody>
  </table>
  <table class="nav-content hidden-small">
    <tbody>
      <tr>
        <td class="minify">
          <button type="button" class="btn btnPreview">Preview</button>
        </td>
        <td class="minify">
          <button type="button" class="btn has-tooltip tooltip-bottom disabled" tabindex="-1">Print <i class="tip">After saving your invoice<br>(click the save-button to the right)<br>you can print your invoice.</i></button>
        </td>
        <td class="minify">
          <button type="button" class="btn has-tooltip tooltip-bottom disabled" tabindex="-1">PDF <i class="tip">After saving your invoice<br>(click the save-button to the right)<br>you can download a PDF.</i></button>
        </td>
        <td class="minify">
          <button type="button" class="btn has-tooltip tooltip-bottom disabled" tabindex="-1">Send <i class="tip">After saving your invoice<br>(click the save-button to the right)<br>you can send your invoice.</i></button>
        </td>
        <td class="minify">
          <button type="button" class="btn has-tooltip tooltip-bottom disabled" tabindex="-1">Mark as Paid <i class="tip">After saving your invoice<br>(click the save-button to the right)<br>you can record payments.</i></button>
        </td>
        <td></td>
        <td class="minify">
          <button type="button" class="btn toggleSaveBox"><ins class="isSaving">Cancel&nbsp;</ins>Save</button>
        </td>
      </tr>
    </tbody>
  </table>
  <input type="hidden" name="submitButton" id="submitButton" value="Save">
  <input type="hidden" name="c" value="">
  <input type="hidden" name="emailaddress_logged_in" value="">
  <input type="hidden" name="deleted" id="deleted" value="0">
  <input type="hidden" name="currency_code" id="currency_code" value="$">
  <input type="hidden" name="status" id="status" value="">
  <input type="hidden" name="module_id" id="module_id" value="106">
  <div id="modeEdit" class="paper">
    <div class="meta">
      <div class="meta-top-right">
        <div class="upload-container">
          <div id="upload_area" style="display:none">
          </div>
          <div class="clearfix"></div>
          <div class="clearfix">
            <div id="btnDeleteLogo" style="display:none;">
              <button type="button" class="btn btn-xs right" onclick="deleteLogo();">Delete Logo</button>
            </div>
            <label id="btnUploadLogo" class="input-file" style="display: none;">
              <b class="btn btn-xs right">Browse...</b>
              <input name="filename" type="file" id="logo_file_input" accept=".jpg, .jpeg, .gif, .bmp, .png">
            </label>
          </div>
          <input type="text" style="display:none;" name="customization_logoFilename" id="customization_logoFilename" onchange="updateLogo()" value="">
          <input type="hidden" name="filename" value="filename">
        </div>
        <label><span class="sr-only">Invoice heading</span>
          <input type="text" name="invoice_heading" id="invoice_heading" class="meta-title right" value="INVOICE" maxlength="50" autocomplete="nope">
        </label>
      </div>
      <div class="meta-left">
        <table class="form-invoice">
          <tbody>
            <tr>
              <td><label for="from_name">
                  <h2>From</h2>
                </label></td>
            </tr>
            <tr>
              <td>
                <input type="text" name="from_name" id="from_name" value="" maxlength="500" autocomplete="name" placeholder="Your Name">
              </td>
            </tr>
            <tr>
              <td>
                <textarea name="from_address" id="from_address" rows="1" style="min-height: 86px !important; height: 84px;" class="growTextarea" maxlength="1000" autocomplete="address" placeholder="Your address"></textarea>
              </td>
            </tr>
            <tr>
              <td style="padding-top:20px"><label for="to_new_customer">
                  <h2>To</h2>
                </label></td>
            </tr>
            <tr id="rowNewCustomer" style="">
              <td>
                <input type="text" name="to_new_customer" id="to_new_customer" value="" autocomplete="nope" maxlength="500" placeholder="Customer name">
              </td>
            </tr>
            <tr>
              <td>
                <textarea name="to_address" id="to_address" rows="1" style="min-height: 86px !important; height: 84px;" class="growTextarea" autocomplete="nope" maxlength="1000" placeholder="Customer address"></textarea>
              </td>
            </tr>
          </tbody>
        </table>
      </div><!--end meta-left-->
      <div class="meta-right">
        <table class="form-invoice dates">
          <tbody>
            <tr>
              <td class="label-header"><label for="invoice_number">Invoice #</label></td>
              <td>
                <input type="text" name="invoice_number" id="invoice_number" onkeyup="onlyNumbersLettersOrDashes(this)" value="0000001" maxlength="55" autocomplete="nope">
              </td>
            </tr>
            <tr id="po_numberTR" style="display:none;">
              <td class="label-header"><label for="po_number">P.O. #</label></td>
              <td>
                <input type="text" name="po_number" id="po_number" onkeyup="onlyNumbersLettersOrDashes(this)" value="" maxlength="55" autocomplete="nope">
              </td>
            </tr>
          </tbody>
        </table>
        <div class="form-invoice input-daterange dateRange">
          <label class="label" for="dateStart">Invoice Date</label>
          <input type="text" name="invoice_date" id="dateStart" class="form-control start" value="05/02/2024" maxlength="55" readonly="">
          <label class="label end" for="dateEnd">Due Date</label>
          <input type="text" name="payment_due_date" id="dateEnd" class="form-control end" value="05/02/2024" maxlength="55" readonly="">
        </div>
      </div><!--end meta-right-->
    </div><!--end meta-->
    <table id="dataTable" class="table-record">
      <thead>
        <tr class="hidden-small">
          <th><span class="sr-only">Delete row</span></th>
          <th id="col-item" style="width:86px">Item</th>
          <th id="col-description">Description</th>
          <th id="col-unitprice" class="text-right" style="width:80px">Unit Price</th>
          <th id="col-quantity" class="text-right" style="width:80px">Quantity</th>
          <th id="col-amount" class="text-right" style="width:80px">Amount</th>
        </tr>
      </thead>
      <tbody>
        <tr class="line">
          <td class="zap has-tooltip tooltip-left">
            <!-- ZAP -->
            <button tabindex="-1" type="button" class="btnDeleteRow btn-zap" style="">
              <i class="material-icons"></i>
            </button>
            <i class="tip">Delete Line</i>
          </td>
          <td class="dropdown-toggle select item">
            <label class="hidden-large">Item</label>
            <select aria-labelledby="col-item" class="noborder selectItem" onfocusin="objSelected=this;" name="item[]" id="itemSelect0">
              <option value="" selected="selected"></option>
              <option value="Service">Service</option>
              <option value="Hours">Hours</option>
              <option value="Days">Days</option>
              <option value="Product">Product</option>
              <option value="Discount_aynax">Discount</option>
            </select>
          </td>
          <td>
            <label class="hidden-large">Description</label>
            <textarea name="description[]" id="description[]" rows="1" maxlength="1000" aria-labelledby="col-description" class="growTextarea" style="height: 30px;"></textarea>
          </td>
          <td class="price">
            <label class="hidden-large">Unit Price</label>
            <input type="number" name="unit_price[]" id="unit_price[]" aria-labelledby="col-unitprice" class="text-right linePrice inputNumber" value="" autocomplete="nope" placeholder="0.00">
          </td>
          <td class="qty">
            <label class="hidden-large">Quantity</label>
            <input type="number" name="qty[]" id="qty[]" aria-labelledby="col-quantity" class="text-right lineQty inputNumber" value="" autocomplete="nope" placeholder="0.00">
          </td>
          <td class="amount alertLineTotal">
            <label class="hidden-large">Amount</label>
            <input type="text" tabindex="-1" name="total[]" id="total[]" aria-labelledby="col-amount" class="lineTotal" value="0.00" readonly="">
          </td>
        </tr>
        <tr class="line">
          <td class="zap has-tooltip tooltip-left">
            <!-- ZAP -->
            <button tabindex="-1" type="button" class="btnDeleteRow btn-zap" style="">
              <i class="material-icons"></i>
            </button>
            <i class="tip">Delete Line</i>
          </td>
          <td class="dropdown-toggle select item">
            <label class="hidden-large">Item</label>
            <select aria-labelledby="col-item" class="noborder selectItem" onfocusin="objSelected=this;" name="item[]" id="itemSelect1">
              <option value="" selected="selected"></option>
              <option value="Service">Service</option>
              <option value="Hours">Hours</option>
              <option value="Days">Days</option>
              <option value="Product">Product</option>
              <option value="Discount_aynax">Discount</option>
            </select>
          </td>
          <td>
            <label class="hidden-large">Description</label>
            <textarea name="description[]" id="description[]" rows="1" maxlength="1000" aria-labelledby="col-description" class="growTextarea" style="height: 30px;"></textarea>
          </td>
          <td class="price">
            <label class="hidden-large">Unit Price</label>
            <input type="number" name="unit_price[]" id="unit_price[]" aria-labelledby="col-unitprice" class="text-right linePrice inputNumber" value="" autocomplete="nope" placeholder="0.00">
          </td>
          <td class="qty">
            <label class="hidden-large">Quantity</label>
            <input type="number" name="qty[]" id="qty[]" aria-labelledby="col-quantity" class="text-right lineQty inputNumber" value="" autocomplete="nope" placeholder="0.00">
          </td>
          <td class="amount alertLineTotal">
            <label class="hidden-large">Amount</label>
            <input type="text" tabindex="-1" name="total[]" id="total[]" aria-labelledby="col-amount" class="lineTotal" value="0.00" readonly="">
          </td>
        </tr>
      </tbody>
    </table><!-- end dataTable -->
    <div class="button-row">
      <button type="button" class="btn btn-xs btnAddRow" onclick="newLineClick()">
        <i class="icon-new">&nbsp;</i><span>New Line</span>
      </button>
    </div>
    <div class="foot">
      <div class="foot-left notes">
        <label class="input-label" for="invoice_notes">
          <span>Notes</span>
        </label>
        <textarea name="invoice_notes" id="invoice_notes" rows="1" style="min-height: 108px !important; height: 106px;" maxlength="5000" class="growTextarea"></textarea>
      </div><!--end foot-left-->
      <div class="foot-right">
        <table id="table_sums" class="sums">
          <tbody>
            <tr class="sum-subtotal">
              <td class="sum-label">
                <label for="sum_subtotal">Subtotal</label>
              </td>
              <td class="sum-number">
                <input type="text" name="sum_subtotal" id="sum_subtotal" class="noborder nofocus text-right"
                  onclick="alert('The subtotal is calculated automatically as soon as you have entered something into both the unit price and the quantity field in the lines above.\n\nExample: If you wish to enter a service for $100.00, you should enter 100.00 in the unit price field and 1.00 in the quantity field.')"
                  value="0.00" readonly="">
              </td>
            </tr>
            <tr class="sum-discount" id="sum_discountTR" style="display:none;">
              <td class="sum-label">
                <label for="sum_discount"><span style="display:inline-block; width:.86em">–</span> Discount</label>
              </td>
              <td class="sum-number">
                <input type="text" name="sum_discount" id="sum_discount" class="noborder nofocus text-right" onclick="alert('The discount is calculated automatically as the sum of all lines with discount above.')" value="0.00" readonly="">
              </td>
            </tr>
            <tr class="sum-total">
              <td class="sum-label">
                <label for="sum_total">Total</label>
              </td>
              <td class="sum-number">
                <input type="text" name="sum_total" id="sum_total" class="noborder nofocus text-right"
                  onclick="alert('The total is calculated automatically as soon as you have entered something into both the unit price and the quantity field in the lines above.\n\nExample: If you wish to enter a service for $100.00, you should enter 100.00 in the unit price field and 1.00 in the quantity field.')"
                  value="0.00" readonly="">
              </td>
            </tr>
            <tr class="sum-paid">
              <td class="sum-label">
                <label for="amount_paid">Amount Paid</label>
              </td>
              <td class="sum-number">
                <input type="text" name="amount_paid" id="amount_paid" class="noborder nofocus text-right" value="0.00" readonly="">
              </td>
            </tr>
            <tr class="sum-balance">
              <td class="sum-label"> Balance Due </td>
              <td class="sum-number"
                onclick="alert('The balance due is calculated automatically as soon as you have entered something into both the unit price and the quantity field in the lines above.\n\nExample: If you wish to enter a service for $100.00, you should enter 100.00 in the unit price field and 1.00 in the quantity field')">
                <input type="hidden" name="balance_due" id="balance_due" class="noborder nofocus text-right" value="0.00" readonly="">
                <ins id="insert_balance">$0.00</ins>
              </td>
            </tr>
          </tbody>
        </table><!-- end table_sums -->
      </div>
    </div>
    <input type="hidden" id="lastDocFormInput" name="lastDocFormInput" value="POST_OK">
  </div><!--end #modeEdit-->
  <table class="navbar-templates hidden-large">
    <tbody>
      <tr>
        <td class="minify">
          <button type="button" class="btn btnPreview">View</button>
        </td>
        <td class="minify">
          <button type="button" class="btn disabled" tabindex="-1" onclick="alert('Please save your invoice before creating PDF.')">PDF</button>
        </td>
        <td class="minify">
          <button type="button" class="btn disabled" tabindex="-1" onclick="alert('Please save your invoice before sending.')">Send</button>
        </td>
        <td class="minify">
          <button type="button" class="btn disabled hidden-xs" tabindex="-1" onclick="alert('Please save your invoice before recording payments.')">Payments</button>
        </td>
        <td></td>
        <td class="minify">
          <button type="button" class="btn openSaveBox">Save</button>
        </td>
      </tr>
    </tbody>
  </table>
</form>

Text Content

Login Sign Up

Home Invoice Template Templates Products Sign Up Login


FREE PRINTABLE INVOICE

To create a free invoice, just fill out the template below. To print, download
or send your invoice for free, click the save button.

If you need more options, for example to upload a logo, click the link below.


SAVE INVOICE & CREATE FREE ACCOUNT

To print, download or send your invoice, you first have to save it. To save your
invoice, enter your e-mail address and a password below - and click Save.


E-mail address Password Save
Want to customize your invoice? Show Customization Options
Logo P.O. # Sales Tax

View PDF Send Payments Cancel Save

Preview Print After saving your invoice
(click the save-button to the right)
you can print your invoice. PDF After saving your invoice
(click the save-button to the right)
you can download a PDF. Send After saving your invoice
(click the save-button to the right)
you can send your invoice. Mark as Paid After saving your invoice
(click the save-button to the right)
you can record payments. Cancel Save

Delete Logo
Browse...
Invoice heading


FROM


TO

Invoice # P.O. #

Invoice Date Due Date

Delete row Item Description Unit Price Quantity Amount  Delete Line Item
ServiceHoursDaysProductDiscount Description Unit Price Quantity Amount  Delete
Line Item ServiceHoursDaysProductDiscount Description Unit Price Quantity Amount

 New Line
Notes

Subtotal – Discount Total Amount Paid Balance Due $0.00

View PDF Send Payments Save

Support About Blog Learn Privacy Terms
skynova.com | PO Box 628 | West Chester, PA 19381 | United States