freeinvoicemaker.online Open in urlscan Pro
2606:4700:3030::ac43:c388  Public Scan

Form analysis
1 forms found in the DOM

POST #

<form id="generator-form" class="free-generator__wrap" enctype="multipart/form-data" action="#" method="post" onsubmit="return false">
  <div class="free-generator__row">
    <div class="free-generator__left free-generator__col">
      <div class="free-generator__left-wrap">
        <div class="free-generator__info">
          <div class="free-generator__info-row">
            <div class="free-generator__info-col">
              <div class="free-generator__info-sub free-generator__label"> From </div>
              <div class="free-generator__fields">
                <div class="free-generator__fields-item">
                  <label class="free-generator-input">
                    <span>Name</span>
                    <input type="text" name="generator-from-name" placeholder="Company Name">
                  </label>
                </div>
                <div class="free-generator__fields-item">
                  <label class="free-generator-input">
                    <span>Email</span>
                    <input type="email" name="generator-from-email" placeholder="name@domain.com">
                  </label>
                </div>
                <div class="free-generator__fields-item">
                  <label class="free-generator-input">
                    <span>Address</span>
                    <input type="text" name="generator-from-address" placeholder="Address, City, State, Zip">
                  </label>
                </div>
                <div class="free-generator__fields-item">
                  <label class="free-generator-input">
                    <span>Phone</span>
                    <input type="tel" name="generator-from-phone" placeholder="(123) 456-7890">
                  </label>
                </div>
                <div class="free-generator__fields-item">
                  <label class="free-generator-input">
                    <span>Website<br><small>(Optional)</small></span>
                    <input type="text" name="generator-from-website" class="website" placeholder="domain.com">
                  </label>
                </div>
              </div>
            </div>
            <div class="free-generator__info-col">
              <div class="free-generator__info-sub free-generator__label"> Bill To </div>
              <div class="free-generator__fields">
                <div class="free-generator__fields-item">
                  <label class="free-generator-input">
                    <span>Name</span>
                    <input type="text" name="generator-to-name" placeholder="Customer Name">
                  </label>
                </div>
                <div class="free-generator__fields-item">
                  <label class="free-generator-input">
                    <span>Email</span>
                    <input type="email" name="generator-to-email" placeholder="name@domain.com">
                  </label>
                </div>
                <div class="free-generator__fields-item">
                  <label class="free-generator-input">
                    <span>Address</span>
                    <input type="text" name="generator-to-address" placeholder="Address, City, State, Zip">
                  </label>
                </div>
                <div class="free-generator__fields-item">
                  <label class="free-generator-input">
                    <span>Phone</span>
                    <input type="tel" name="generator-to-phone" placeholder="(123) 456-7890">
                  </label>
                </div>
                <div class="free-generator__fields-item">
                  <label class="free-generator-input">
                    <span>Website<br><small>(Optional)</small></span>
                    <input type="text" name="generator-to-website" class="website" placeholder="domain.com">
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="free-generator__items free-generator-items">
          <div class="free-generator-items__header">
            <div class="free-generator-items__header-sub"> Items </div>
            <div class="free-generator-items__header-col">
              <div class="free-generator-items__header-item"> Price </div>
              <div class="free-generator-items__header-item"> Qty </div>
              <div class="free-generator-items__header-item"> Amount </div>
            </div>
          </div>
          <div class="free-generator-items__wrap">
            <div class="free-generator-items__list js-generator-list">
              <div class="free-generator-items__item js-generator-item">
                <div class="free-generator-items__item-left">
                  <button type="button" class="free-generator-items__item-delete js-generator-item-remove">
                    <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M0.707107 0L0 0.707107L2.82843 3.53553L0 6.36396L0.707107 7.07107L3.53553 4.24264L6.36396 7.07107L7.07107 6.36396L4.24264 3.53553L7.07107 0.707107L6.36396 0L3.53553 2.82843L0.707107 0Z" fill="#232226"></path>
                    </svg>
                  </button>
                  <div class="free-generator-items__item-desc free-generator-items__item-input">
                    <input type="text" name="Items[0][desc]" placeholder="Item Description" class="js-generator-item-input">
                  </div>
                </div>
                <div class="free-generator-items__item-right">
                  <div class="free-generator-items__item-col">
                    <div class="free-generator-items__item-num free-generator-items__item-input">
                      <input type="number" name="Items[0][rate]" placeholder="0.00" class="js-int-input js-generator-item-rate js-generator-item-input">
                    </div>
                  </div>
                  <div class="free-generator-items__item-col">
                    <div class="free-generator-items__item-num free-generator-items__item-input">
                      <input type="number" name="Items[0][qty]" placeholder="1" value="1" class="js-qty-input js-generator-item-qty js-generator-item-input">
                    </div>
                  </div>
                  <div class="free-generator-items__item-col">
                    <div class="free-generator-items__item-num free-generator-items__item-input">
                      <div class="free-generator-items__item-current free-generator__cur-field">
                        <i class="free-generator__symbol"></i>
                        <span class="js-generator-item-amount-html">0.00</span>
                        <input type="hidden" name="Items[0][amount]" value="0.00" class="js-generator-item-amount js-generator-item-input">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="free-generator-items__item hidden-clone js-generator-item">
                <div class="free-generator-items__item-left">
                  <button type="button" class="free-generator-items__item-delete js-generator-item-remove">
                    <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M0.707107 0L0 0.707107L2.82843 3.53553L0 6.36396L0.707107 7.07107L3.53553 4.24264L6.36396 7.07107L7.07107 6.36396L4.24264 3.53553L7.07107 0.707107L6.36396 0L3.53553 2.82843L0.707107 0Z" fill="#232226"></path>
                    </svg>
                  </button>
                  <div class="free-generator-items__item-desc free-generator-items__item-input">
                    <input type="text" name="desc" placeholder="Item Description" class="js-generator-item-input">
                  </div>
                </div>
                <div class="free-generator-items__item-right">
                  <div class="free-generator-items__item-col">
                    <div class="free-generator-items__item-num free-generator-items__item-input">
                      <input type="number" name="rate" placeholder="0.00" class="js-int-input js-generator-item-rate js-generator-item-input">
                    </div>
                  </div>
                  <div class="free-generator-items__item-col">
                    <div class="free-generator-items__item-num free-generator-items__item-input">
                      <input type="number" name="qty" placeholder="1" value="1" class="js-qty-input js-generator-item-qty js-generator-item-input">
                    </div>
                  </div>
                  <div class="free-generator-items__item-col">
                    <div class="free-generator-items__item-num free-generator-items__item-input">
                      <div class="free-generator-items__item-current free-generator__cur-field">
                        <i class="free-generator__symbol"></i>
                        <span class="js-generator-item-amount-html">0.00</span>
                        <input type="hidden" name="amount" value="0.00" class="js-generator-item-amount js-generator-item-input">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="free-generator-items__add">
              <button type="button" class="free-generator-items__add-btn js-generator-item-add">
                <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M5.5 0.5H4.5L4.5 4.5L0.5 4.5L0.5 5.5L4.5 5.5L4.5 9.5H5.5L5.5 5.5L9.5 5.5L9.5 4.5L5.5 4.5L5.5 0.5Z" fill="#232226"></path>
                </svg>
                <span>Add Item</span>
              </button>
            </div>
          </div>
        </div>
        <div class="free-generator__total">
          <div class="free-generator__total-wrap">
            <div class="free-generator__total-item">
              <b>Subtotal</b>
              <span class="free-generator__cur-field">
                <i class="free-generator__symbol"></i>
                <span class="js-generator-subtotal-html">0.00</span>
                <input type="hidden" name="generator-subtotal" value="0.00" class="js-generator-subtotal">
              </span>
            </div>
            <div class="free-generator__total-item">
              <b>Total</b>
              <span class="free-generator__cur-field">
                <i class="free-generator__symbol"></i>
                <span class="js-generator-total-html">0.00</span>
                <input type="hidden" name="generator-total" value="0.00" class="js-generator-total">
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="free-generator__right free-generator__col" style="">
      <div class="free-generator__file">
        <input type="file" name="generator-logo" id="generator-logo" accept=".png, .jpg, .jpeg, .svg, .webp">
        <label class="free-generator__file-btn" for="generator-logo">+ Add logo</label>
        <div class="free-generator__preview" id="generator-logo-preview"></div>
        <label class="free-generator__file-change" for="generator-logo">Edit logo</label>
      </div>
      <div class="free-generator__right-wrap">
        <div class="free-generator__options free-generator__right-col">
          <div class="free-generator__info-sub free-generator__label"> Invoice Options </div>
          <div class="free-generator__fields">
            <div class="free-generator__fields-item">
              <label class="free-generator-input">
                <span>Number</span>
                <input type="text" name="generator-number" placeholder="123456">
              </label>
            </div>
            <div class="free-generator__fields-item">
              <label class="free-generator-input">
                <span>Date</span>
                <input type="text" id="generator-date" name="generator-date" placeholder="01 | 01 | 2024">
              </label>
            </div>
            <div class="free-generator__fields-item">
              <label class="free-generator-input">
                <span>Due Date</span>
                <input type="text" id="generator-due-date" name="generator-due-date" placeholder="01 | 01 | 2024">
              </label>
            </div>
            <div class="free-generator__fields-item">
              <label class="free-generator-input">
                <span>Tax</span>
                <i>%</i>
                <input type="number" placeholder="0" name="generator-tax" class="js-int-input js-generator-tax">
              </label>
            </div>
            <div class="free-generator__fields-item">
              <label class="free-generator-input">
                <span>Discount</span>
                <i class="free-generator__symbol"></i>
                <input type="number" placeholder="0.00" name="generator-discount" class="js-int-input js-generator-discount">
              </label>
            </div>
          </div>
        </div>
        <div class="free-generator__currency free-generator__right-col">
          <div class="free-generator__label free-generator__label--margin"> Currency </div>
          <div class="free-generator__fields">
            <div class="free-generator__fields-item">
              <label class="free-generator-input">
                <span>
                  <span></span>
                </span>
                <div class="jq-selectbox jqselect js-select js-currency-select currency-us-dollar"><select name="currency" class="js-select js-currency-select">
                    <option value="currency-us-dollar" class="currency-us-dollar"> USD </option>
                    <option value="currency-euro" class="currency-euro"> EURO </option>
                    <option value="currency-jpy" class="currency-jpy"> JPY </option>
                    <option value="currency-inr" class="currency-inr"> INR </option>
                    <option value="currency-gbr" class="currency-gbr"> GBP </option>
                    <option value="currency-chf" class="currency-chf"> CHF </option>
                    <option value="currency-cad" class="currency-cad"> CAD </option>
                    <option value="currency-aud" class="currency-aud"> AUD </option>
                    <option value="currency-cny" class="currency-cny"> CNY </option>
                    <option value="currency-sek" class="currency-sek"> SEK </option>
                    <option value="currency-nzd" class="currency-nzd"> NZD </option>
                    <option value="currency-sgd" class="currency-sgd"> SGD </option>
                    <option value="currency-hkd" class="currency-hkd"> HKD </option>
                    <option value="currency-nok" class="currency-nok"> NOK </option>
                    <option value="currency-krw" class="currency-krw"> KRW </option>
                    <option value="currency-mxn" class="currency-mxn"> MXN </option>
                  </select>
                  <div class="jq-selectbox__select">
                    <div class="jq-selectbox__select-text"> USD </div>
                    <div class="jq-selectbox__trigger">
                      <div class="jq-selectbox__trigger-arrow"></div>
                    </div>
                  </div>
                  <div class="jq-selectbox__dropdown" style="display: none;">
                    <ul>
                      <li data-jqfs-class="currency-us-dollar" class="selected sel currency-us-dollar" style=""> USD </li>
                      <li data-jqfs-class="currency-euro" class=" currency-euro" style=""> EURO </li>
                      <li data-jqfs-class="currency-jpy" class=" currency-jpy" style=""> JPY </li>
                      <li data-jqfs-class="currency-inr" class=" currency-inr" style=""> INR </li>
                      <li data-jqfs-class="currency-gbr" class=" currency-gbr" style=""> GBP </li>
                      <li data-jqfs-class="currency-chf" class=" currency-chf" style=""> CHF </li>
                      <li data-jqfs-class="currency-cad" class=" currency-cad" style=""> CAD </li>
                      <li data-jqfs-class="currency-aud" class=" currency-aud" style=""> AUD </li>
                      <li data-jqfs-class="currency-cny" class=" currency-cny" style=""> CNY </li>
                      <li data-jqfs-class="currency-sek" class=" currency-sek" style=""> SEK </li>
                      <li data-jqfs-class="currency-nzd" class=" currency-nzd" style=""> NZD </li>
                      <li data-jqfs-class="currency-sgd" class=" currency-sgd" style=""> SGD </li>
                      <li data-jqfs-class="currency-hkd" class=" currency-hkd" style=""> HKD </li>
                      <li data-jqfs-class="currency-nok" class=" currency-nok" style=""> NOK </li>
                      <li data-jqfs-class="currency-krw" class=" currency-krw" style=""> KRW </li>
                      <li data-jqfs-class="currency-mxn" class=" currency-mxn" style=""> MXN </li>
                    </ul>
                  </div>
                </div>
              </label>
            </div>
          </div>
        </div>
        <div class="free-generator__currency free-generator__right-col">
          <div class="free-generator__label free-generator__label--margin"> Extension </div>
          <div class="free-generator__fields">
            <div class="free-generator__fields-item">
              <label class="free-generator-input">
                <span class="ext-icon">
                  <span></span>
                </span>
                <div class="jq-selectbox jqselect js-select js-ext-select ext-pdf"><select name="extension" class="js-select js-ext-select">
                    <option value="ext-pdf" class="ext-pdf"> PDF </option>
                    <option value="ext-docx" class="ext-docx"> DOCX </option>
                    <option value="ext-html" class="ext-html"> HTML </option>
                  </select>
                  <div class="jq-selectbox__select">
                    <div class="jq-selectbox__select-text"> PDF </div>
                    <div class="jq-selectbox__trigger">
                      <div class="jq-selectbox__trigger-arrow"></div>
                    </div>
                  </div>
                  <div class="jq-selectbox__dropdown" style="display: none;">
                    <ul>
                      <li data-jqfs-class="ext-pdf" class="selected sel ext-pdf" style=""> PDF </li>
                      <li data-jqfs-class="ext-docx" class=" ext-docx" style=""> DOCX </li>
                      <li data-jqfs-class="ext-html" class=" ext-html" style=""> HTML </li>
                    </ul>
                  </div>
                </div>
              </label>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="free-generator__btn">
    <a href="javascript:void(0);" class="btn btn-lg" data-touch="false">Generate Invoice</a>
  </div>
</form>

Text Content

INVOICE GENERATOR

From
Name
Email
Address
Phone
Website
(Optional)
Bill To
Name
Email
Address
Phone
Website
(Optional)
Items
Price
Qty
Amount
0.00
0.00
Add Item
Subtotal 0.00
Total 0.00
+ Add logo

Edit logo
Invoice Options
Number
Date
Due Date
Tax %
Discount
Currency
USD EURO JPY INR GBP CHF CAD AUD CNY SEK NZD SGD HKD NOK KRW MXN
USD

 * USD
 * EURO
 * JPY
 * INR
 * GBP
 * CHF
 * CAD
 * AUD
 * CNY
 * SEK
 * NZD
 * SGD
 * HKD
 * NOK
 * KRW
 * MXN

Extension
PDF DOCX HTML
PDF

 * PDF
 * DOCX
 * HTML

Generate Invoice