CINXE.COM

<!DOCTYPE html> <html lang="en" > <head> <title>Free Invoice Generator | Free Invoice Maker | Zoho Invoice</title> <meta name="description" content="Create awesome-looking invoices with no effort using Zoho Invoice's online invoice generator. Fill out the details, download it, and email it to your clients."> <meta name="keywords" content="invoice generator print PDF"> <meta property="og:image:secure_url" content="https://www.zoho.com/invoice/images/invoice.png" alt="Invoice software - Zoho Invoice" /> <meta name="apple-itunes-app" content="app-id=1061863220"> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="SHORTCUT ICON" href="https://www.zohowebstatic.com/sites/zweb/images/favicon.ico" type="image/x-icon"> <link rel="preconnect" href="https://static.zohocdn.com" crossorigin/> <style> @font-face { font-family: 'Zoho_Puvi_Light'; src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.eot'); src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.eot') format('embedded-opentype'),url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.woff2') format('woff2'),url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: 'Zoho_Puvi_Regular'; src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.eot'); src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.eot') format('embedded-opentype'),url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2'),url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: 'Zoho_Puvi_Medium'; src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot'); src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot') format('embedded-opentype'),url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.woff2') format('woff2'),url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: 'Zoho_Puvi_SemiBold'; src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.eot'); src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.eot') format('embedded-opentype'),url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.woff2') format('woff2'),url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: 'Zoho_Puvi_Bold'; src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.eot'); src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.eot') format('embedded-opentype'),url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.woff2') format('woff2'),url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap } </style> <script> let link = document.createElement('link'); link.rel = 'stylesheet'; link.href = 'https://www.zohowebstatic.com/sites/zweb/css/common/zf/common-header-footer.css'; link.async = true; document.head.appendChild(link); </script> <link href="/invoice/styles/site.css?v=4" rel="stylesheet" type="text/css"> <link href="/invoice/styles/invoicegenerator.css" rel="stylesheet"> <style type="text/css">.za-country_code-container select{height:0;width:0;padding:0;border:0;position:absolute}.za-country_code-container #rmobile{padding-left:39px;width:86%}.ccodelabel{width:30px;position:absolute;left:12px;top:13px;font-size:15px;color:#555}.otp-background{background-color:#131a2b;opacity:.75;position:fixed;z-index:1001;top:0;bottom:0;right:0;left:0}.otp-container{border-radius:20px;top:50%;left:50%;max-width:400px;width:75%;background:#fefefe;padding:30px;z-index:1101;position:fixed;text-align:center;box-shadow:3px 4px 7px #2d3038;-webkit-box-shadow:3px 4px 7px #2d3038;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.otp-field{width:60%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 12px;height:auto;outline:0;margin:15px 7px;border:1px solid #b3b7c9;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;text-align:center;border-radius:4px;background-color:#fefefe;color:#748196}.btn-verify{width:40%;padding:15px 0;font-weight:600;font-size:16px;color:#fff;background:#0075ff;border:none;border-radius:5px;cursor:pointer;height:auto}.close-otp-popup{position:absolute;top:14px;height:21px;width:21px;right:18px;cursor:pointer}.verifytitle{padding-top:23px;font-size:18px;font-weight:600;color:#24265a}.verifyinfo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.verifyheader{font-size:15px;padding:10px 5px;line-height:20px;color:#748196;margin:0}.otpmobile+span{font-size:20px}.otp-edit-icon{height:18px}.change,.resendotp{padding-left:5px;font-weight:600;font-size:14px;cursor:pointer;color:#2c85ff}.otp-popup-img{width:65px;height:65px}.za-submitbtn-otp{margin-top:25px}.resent-help{font-size:14px;color:#748196}.changeloadbtn,.resendotp.nonclickelem{pointer-events:none}.changeloadbtn{opacity:.3}.signupotpcontainer .field-msg{padding-top:5px;text-align:center}@media screen and (max-width:450px){.otp-container{top:calc(100% - 200px);-webkit-animation:otp-popup-animation .5s;animation:otp-popup-animation .5s;width:100%;border-radius:0;border-top-left-radius:20px;border-top-right-radius:20px}@-webkit-keyframes otp-popup-animation{0%{top:100%}to{top:calc(100% - 170px)}}@keyframes otp-popup-animation{0%{top:100%}to{top:calc(100% - 170px)}}.close-otp-popup{right:35px}}</style> <style type="text/css">b,body,div,h1,h2,h3,h4,h5,h6,img,li,p,span,ul{margin:0;padding:0}body{font-family:var(--zf-primary-regular),Zoho Puvi Regular,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}li,ul{list-style:none}input,textarea{border:none}.b-div{background-color:#fff}.d-inline-block{display:inline-block}.w-auto{width:auto}.mt-15{margin-top:15px!important}.title{font-size:34px!important;line-height:50px!important;color:#000}.container-width{max-width:900px}.container-padding{padding:0 20px}.faq-title,.template-container p,.text-animate,.title{font-family:var(--zf-primary-light),Zoho Puvi Light,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.desc{font-size:16px;line-height:29px;color:#606060}.highlight-point{color:#000}.font-semibold,.highlight-point{font-family:var(--primaryfont-semibold),Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.mb-8{margin-bottom:8px}.upload-logo-section{display:contents}.inv-header-container,.upload-logo-section{width:50%}.container{margin-bottom:100px}.d-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.row-item td.dele-icon,.table-header td.dele-icon{border-bottom:none;background:none;border-top:none}.add-logo{padding:20px 20px 15px;border:1px dashed #dbe8fd;display:block;border-radius:6px;margin-bottom:20px;font-size:14px;width:20%;color:#5b9aff;cursor:pointer;text-align:center;background-color:#fbfcff}.add-logo:hover{border:1px solid #dbe8fd!important}.add-logo .upload-svg{width:24px}.upload-section-note{display:block;margin:15px 20px;font-size:14px;width:24%;font-weight:500}.upload-section-note div{color:#676767;font-size:10px;padding-top:5px}#display_image{background-position:50%;background-size:contain;background-repeat:no-repeat;height:85px;display:none}.inv-generator .add-logo:hover>div .img-option.hide{display:block!important}.inv-generator .img-option{position:relative;left:100%;width:25px;top:4px;border:1px solid #ececec;border-top-right-radius:6px;border-bottom-right-radius:6px}.inv-generator .img-option div:first-child{border-bottom:1px solid #ececec;border-top-right-radius:6px;border-bottom-right-radius:0}.inv-generator .img-option div{padding:5px 5px 2px;background-color:#f9f9fb;border-bottom-right-radius:6px}.inv-generator .delete-svg,.inv-generator .edit-svg{width:14px;padding-top:2px}.main-div{overflow:hidden}.main-div,.top-band-div{margin:0 auto;width:auto}.top-band-div{clear:both;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:53px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 20px}.top-band-div .title-divider{border-left:1px solid #e2e2e2;height:53px;margin:0 20px}.top-band-div .freetool-title{color:#333;font-family:var(--zf-primary-semibold),Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.top-band-div .tool-name{font-size:18px}.top-band-div .powered-by{font-size:11px;line-height:13px;color:#333;display:block}.free-tools-menu{background:url(/invoice/images/menu.svg) no-repeat;cursor:pointer;display:inline-block;width:20px;height:25px;vertical-align:text-bottom}#topband-logo{margin-left:20px;display:none}.align-items-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.comp-addr-outer div{display:inline-block}.comp-addr-inner{width:54%}.bill-addr{margin-top:50px;width:100%}.row{margin:auto}.upload-logo-error-msg{background-color:snow;border:1px solid #ffdfdc;padding:5px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:6px;-webkit-box-shadow:0 2px 4px 0 rgba(126,159,114,.17);box-shadow:0 2px 4px 0 rgba(126,159,114,.17);margin:0 auto 10px}.caution-svg{width:24px;vertical-align:sub}.close-svg{width:14px;vertical-align:middle;margin-left:10px;cursor:pointer;float:right;margin-top:6px}.inv-generator{min-height:1100px;padding:40px 33px 0 35px;background:#fff;border:1px solid #bfc8de;border-radius:10px}.template-actions-container{padding-top:20px;border-top:1px solid #bfc8de;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.action-btn .pdf-dropdown{width:8px;height:8px;vertical-align:middle;margin:0 0 2px 5px}.action-btn.btn-main{color:#fff;background-color:#408dfb;border-color:#408dfb;outline:none}.action-btn{background-color:#fff;font-size:14px;border:1px solid #bfc8de;letter-spacing:normal}.try-invoice{margin-left:5px}.btn.btn-theme{padding:8px 23px}.pdf-dropdown-menu{display:none;position:absolute;top:100%;right:0;padding:4px;z-index:1000;text-align:left;background-color:#fff;border:1px solid #bfc8de;border-radius:6px;width:100%;-webkit-box-shadow:0 1px 10px 2px hsla(0,0%,63.9%,.23921568627450981);box-shadow:0 1px 10px 2px hsla(0,0%,63.9%,.23921568627450981)}.action-btn.btn-download:hover+.pdf-dropdown-menu,.pdf-dropdown-menu:hover{display:block}.pdf-dropdown-item{border-radius:6px;cursor:pointer;padding:7px 10px}.pdf-dropdown-item:hover{background-color:#408dfb;color:#fff;fill:#fff}.btn-plain{width:90%;background-color:rgba(0,0,0,0);border:1px solid #d6f669!important;color:#d6f669!important;display:block}.link-print{color:#83c0f5;cursor:pointer}.column td{padding:4px 8px;vertical-align:top}.taxsummary .column td{padding:8px 16px}.table-header{background-color:#000;color:#fff}.table-header td input{background-color:inherit;color:#fff;text-align:right}.table-header td input:not([READONLY]):focus{background:#fff;border:1px solid #444;color:#444}.bill td{padding:2px}.amount{text-align:right;width:100px}.sav-amo td{padding:10px;border-top:2px solid #ddd}.tot,.tot input{background:#f9f9fb}.tot ts{border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7}.tot input:focus{border:1px dotted #444}input,input.form-control,select.form-control,textarea{margin-bottom:2px;outline:none!important;border:1px dotted rgba(0,0,0,0)}.tot td{padding:10px;text-align:right}td.bdr-non{border:none}.note{width:100%;min-height:22px;margin-top:2px;resize:vertical!important}.terms{margin-top:20px;text-align:left;font-weight:700;font-size:14px}.font-sm{font-size:13px!important;line-height:20px}.bld{font-weight:700;margin:2px 0}.adr,.bld{font-size:14px}.adr{width:98%}.adr.error{border:1px solid #a94442}.adr-lft{width:55%;text-align:left}.adr-rgt{text-align:right;width:42%}.c-name{font-size:45px;font-weight:300;width:100%;color:#666;text-align:right;color:#38342c;margin:0 27px 0 auto}.bdr-non{border:none}.inv-generator input:hover,.inv-generator textarea:hover{border:1px solid #6ca3ff;border-radius:4px}input:-moz-read-only:hover{border:1px solid rgba(0,0,0,0)!important}input:read-only:hover{border:1px solid rgba(0,0,0,0)!important}input[READONLY]:focus{background:none;border:1px dotted #fff}.form-control{height:25px;padding:4px 12px 4px 3px;border:inherit;-webkit-box-shadow:inherit;box-shadow:inherit;-webkit-transition:inherit;-o-transition:inherit}.date-field{background:url(/invoice/svg/calendar.svg);background-size:17px;background-repeat:no-repeat;padding-left:22px;background-position:2px 2.5px}.highlight-transition-duration{-webkit-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.highlight{background-color:#fffbd7}.c-name.form-control{height:inherit}.form-control:focus{-webkit-box-shadow:inherit;box-shadow:inherit;border:1px solid #6ca3ff!important}.bill-to{color:#000;margin-bottom:10px}.row-item td{border-bottom:1px solid #e3e3e3;padding-bottom:10px}.f20{font-size:20px}.vtop{vertical-align:top}.lineItemDIV{clear:both;margin-top:30px;float:left}.add,.del{background-image:url(/invoice/inv-gen/icon-blk-1x.png);background-repeat:no-repeat;background-size:809px 393px}.add{background-position:-404px -256px;color:#00f;padding-left:23px;font-size:12px;padding-top:4px}.add,.del{height:16px;margin-top:2px;width:16px}.del{background-position:-404px -216px}.footer{padding:50px 0 20px}.copy{color:#fff;font-size:11px}.currencycodetxt{width:45px;text-align:right;font-size:12px;padding-right:4px}.stat-nor{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:2;border-bottom:1px solid #d6d6d6}.sticky-template .main-div{overflow:unset;padding:47px 10px 0}.sticky-header{position:-webkit-sticky;position:sticky;top:54px;background-color:#fafafa;z-index:1;display:none}.total-label{width:150px}.top-tab td{vertical-align:top;padding-top:20px}.free-invoice-line{margin-top:5px;color:#333;font-size:15px}.powered-by-link{text-decoration:none}.powered-by-text{margin-top:4px;font-size:15px;color:#666}.powered-by-logo{height:30px;width:auto;vertical-align:text-bottom;margin-left:2px;margin-right:9px}.btn:focus,.btn:hover{outline:0}.actions-block-btn{padding:20px 10px 20px 15px}.mbl-actions-block{display:none}.actions-block-btn .btn,.mbl-actions-block .btn{margin-right:10px}.contact-us{margin:20px 10px;color:#e1e2e5}.contact-us a{text-decoration:underline;color:#e1e2e5}.cursor-disabled{cursor:not-allowed}.select-currency{width:70px;height:23px;-webkit-appearance:menulist-button}.text-center{text-align:center}.font-xs{font-size:12px}.position-relative{position:relative}.sticky-actions-container{position:-webkit-sticky;position:sticky;top:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 100px);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;min-height:480px;padding-bottom:35px;padding-left:25px}.app-promo-container{padding-top:20px;border-top:1px solid rgba(191,200,222,.5215686274509804);max-width:300px;margin-top:20px}.app-promo-content{padding-left:10px}.app-promo-title{font-size:14px;margin-bottom:3px;font-weight:500;color:#020303}.app-promo-desc{font-size:11px;color:#626d88;line-height:1.4;margin-bottom:3px}.app-badge{height:19px;margin-right:5px;vertical-align:bottom}.pdf-actions-container{max-width:300px;height:100%}.sticky-download-container{position:-webkit-sticky;position:sticky;top:100px}.pdf-download-header{margin-bottom:15px;font-size:20px;font-family:var(--zf-primary-semibold),Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif;color:#000}.branding-colors-container{border-top:1px solid #bfc8de;border-bottom:1px solid #bfc8de;padding:15px 0}.colors-text{font-size:16px;font-family:var(--zf-secondary-medium),Zoho Puvi Medium,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif;margin-right:20px}.lineitem-colors{width:18px;background:#000;margin-left:10px;height:18px;border-radius:50%;display:inline-block;text-align:center;cursor:pointer}.bg-black{background:#000}.bg-orange{background:#e56e18}.bg-darkblue{background:#1d4ab8}.bg-green{background:#2f9e85}.bg-maroon{background:#b71e1e}.color-selection{display:none;height:9px;fill:#fff;margin-bottom:1px}.lineitem-colors:hover .color-selection,.selected-color .color-selection{display:inline}.template-type-container{padding:20px 0 15px}.thumbnail-container{margin-right:33px;text-align:center;cursor:pointer}.thumbnail-img{height:95px;border:1px solid #bfc7d9;border-radius:7px;fill:#eef3fb}:not(.selected-template)>.temp-img-header{fill:#eef3fb!important}.thumbnail-img.selected-template{border:1px solid #357cff;fill:#fff}.thumbnail-img.selected-template .temp-stroke{stroke:#357cff}.thumbnail-img.selected-template .temp-fill{fill:#357cff}.thumbnail-img.selected-template+p{color:#357cff}.qr-image-mobile-apps{width:auto;height:90px;padding:5px;background-color:#fff;border-radius:5px}.w100{width:100%}.ig-promotion{padding:12px;margin-bottom:20px;background-color:#f1f4fc;border-radius:7px}.info-circle{width:14px;height:14px;margin-top:2px;margin-right:5px}.ig-promotion p{display:inline}.ig-promotion p,.ig-promotion span{font-size:14px;line-height:20px}.ig-promotion span{color:#1a6ad9;cursor:pointer}.invoice-procedure-steps{background-color:#fff}.invoice-procedure-steps-inner{margin:100px auto 0;padding:70px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:25px}.invoice-procedure-steps-header{max-width:430px;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}.invoice-procedure-steps-header img{margin-top:35px;border-radius:10px;display:block}.invoice-procedure-steps-container{max-width:410px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}.procedure-steps{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding:40px 0 40px 35px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;position:relative;cursor:pointer}.procedure-steps:after,.procedure-steps:before{content:"";position:absolute}.procedure-steps:before{top:-5px;left:-5px;width:10px;height:10px;background-color:#d9d9d9;border-radius:50%;z-index:1}.previous-active:before{background-color:#0075ff}.procedure-steps:after{top:0;left:-1px;width:2px;height:0}.procedure-steps.active:before{background-color:#0075ff;-webkit-transition:background-color .1 linear;-o-transition:background-color .1 linear;transition:background-color .1 linear;top:-5.5px;left:-5.5px}.procedure-steps.active:after{-webkit-transition:height 7s linear;-o-transition:height 7s linear;transition:height 7s linear;background-color:#0075ff;height:100%}.procedure-steps p{color:#3d3d3d;display:none;margin-top:15px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.procedure-steps.active p{display:block}.procedure-steps>span{padding:12px 40px;border-radius:35px;display:inline-block;font-size:14px;line-height:19px;color:#000;background-color:#f5f4f4}.procedure-steps.active>span{background-color:#0075ff;color:#fff}.bottom-dot{position:absolute;bottom:-5px;left:-5px;width:10px;height:10px;background-color:#d9d9d9;border-radius:50%}.cta-section{background-color:#fafafa;padding:0 20px}.cta-inner{margin:100px auto 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.cta-inner:after{content:"";position:absolute;right:-115px;bottom:0;width:102px;height:517px;background:url(/invoice/inv-gen/footer-pattern.svg) no-repeat 50%;background-size:cover}.receipt-cta-pattern:after{height:425px}.cta-content{max-width:420px;padding-top:60px}.cta-content,.cta-img-container{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.cta-img-container{max-width:269px;font-size:0}.cta-img-container img{display:block}.cta{padding:16px 28px;display:inline-block;border-radius:5px;cursor:pointer;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;font-size:14px;margin-top:20px}.black-cta{border:1px solid #000;color:#000}.black-cta:hover{background-color:#000;color:#fff}.cta a{font-size:16px}.question{padding:0 20px;margin:100px auto}.question-group{padding:40px 0 0}.faq-title,.question-group{margin:0 auto}.QA-part{margin:0;border-bottom:1px solid #dadada;padding:25px 20px 25px 0;cursor:pointer}.question-part{position:relative}.faq-title{font-size:32px;line-height:40px;font-weight:400;padding:0 20px;text-align:center;color:#000}.question-part p{color:#000;font-size:20px;line-height:30px;width:90%;font-family:var(--zf-primary-semibold),Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.plus-icon{position:absolute;top:8px;right:10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;font-size:26px;vertical-align:top;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.plus-minus:after,.plus-minus:before{content:"";width:1.5px;height:15px;position:absolute;background-color:#000;-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.plus-minus:before{top:0;left:50%}.plus-minus:after{top:50%;left:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.QA-expand .plus-minus:before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.QA-expand .plus-minus:after{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.answer-part{padding-top:12px;display:none;width:90%}.answer-part p{color:#3b3b3b;font-size:16px;line-height:29px}.answer-part a{color:#0075ff}.answer-part b{color:#000;font-family:var(--zf-primary-semibold),Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.text-reveal-animation{margin:100px auto}.text-reveal-animation h2{font-size:30px;line-height:50px;color:#000}.text-animate{font-size:24px;line-height:44px;color:#000}.text-animate span{color:rgba(0,0,0,.2);-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:0 100%;background-image:-webkit-gradient(linear,left top,right top,from(#000),to(#000));background-image:-o-linear-gradient(left,#000,#000);background-image:linear-gradient(90deg,#000,#000);-webkit-animation:scroll-reveal 1s linear forwards;animation:scroll-reveal 1s linear forwards;animation-timeline:view(y);animation-range-start:cover 30vh;animation-range-end:cover 72vh}@keyframes scroll-reveal{to{background-size:100% 100%}}@-webkit-keyframes scroll-reveal{to{background-size:100% 100%}}.invoice-features-container{background-color:#fff;position:relative;padding:0 20px}.invoice-features-inner{margin:100px auto}.feature-title{margin-bottom:20px}.feature-title span{color:#0075ff}.invoice-features-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #efefef;border-bottom:1px solid #efefef}.invoice-features-content>div{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:50%;max-width:420px;gap:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #efefef;padding:30px 0}.invoice-features-content .process-step-content{max-width:100%}.invoice-features-content h3{color:#000;font-size:20px;line-height:42px}.invoice-features-content p{font-size:16px;line-height:29px;color:#606060;max-width:98%}.invoice-features-content h3{font-family:var(--primaryfont-semibold)}.process-step-icon{border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background-color:#006ae7}.process-step-icon,.process-step-icon img{width:42px;height:42px}.template-section{background-color:#fafafa}.template-container{margin:0 auto;padding:100px 0;max-width:850px}.template-container h2{text-align:center}.template-container>p{text-align:center}.template-exp-container{margin:35px auto 0;height:515px;position:relative}.template-exp-container img{display:block;margin:auto;-webkit-filter:drop-shadow(-3.389px 3.389px 12.707px rgba(0,0,0,.1));filter:drop-shadow(-3.389px 3.389px 12.707px rgba(0,0,0,.1))}.template-img-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.template-img-container p{color:#a9a9a9}.viewpoint1{position:absolute;top:37px;left:10px;width:257px;height:140px}.viewpoint1 p{max-width:150px;position:absolute;top:15px;left:0}.viewpoint2{position:absolute;top:210px;left:10px;width:257px;height:140px}.viewpoint2 p{max-width:150px;position:absolute;top:15px;left:0}.viewpoint3{position:absolute;bottom:13px;left:10px;width:257px;height:100px}.viewpoint3 p{max-width:150px;position:absolute;top:15px;left:0}.viewpoint4{position:absolute;top:70px;right:0;width:257px;height:100px}.viewpoint4 p{max-width:160px;position:absolute;top:15px;right:0}.viewpoint5{position:absolute;bottom:143px;right:0;width:257px;height:100px}.viewpoint5 p{max-width:160px;position:absolute;top:15px;right:0}.viewpoint1 p,.viewpoint2 p,.viewpoint3 p{text-align:right}.viewpoint4 p,.viewpoint5 p{text-align:left}.path-animating p{color:#000}.path-animating ellipse{fill:#0075ff}.path-animating .round-path{stroke:#0075ff}.mobile-img,.process-mb-img,.process-steps-wrapper{display:none}.ZI-form input:focus{border:1px solid #ccc}.field-msg .error{color:#a94442;font-size:12px}.action-icon{width:16px;height:16px;margin-right:5px;vertical-align:text-bottom}.btn-main .action-icon{fill:#fff}.close-lineitem-icon{width:16px;height:16px;vertical-align:top;fill:#fab2b1}.social-icon{width:28px;height:28px;fill:#aaa}.social-icon.fb-icon:hover{fill:#3b5998}.social-icon.twitter-icon:hover{fill:#1da1f2}.za-newsletter-container input{vertical-align:top}.za-newsletter-container label{max-width:96%}.check-zoho-invoice,.signup-cta-button{font-size:14px;cursor:pointer}.check-zoho-invoice,.check-zoho-invoice:hover{color:#408dfb;line-height:27px;text-decoration:none}.check-zoho-invoice{color:#000}.ze-btn{color:#fff;background:#408dfb;padding:5px 10px;margin-left:15px}.signup-cta-button:focus,.signup-cta-button:hover{color:#fff}a:focus,a:hover{text-decoration:none}.primary-cta .btn:hover{color:#fff}.soc-icon a{display:inline-block!important;vertical-align:top}.sub-tools-social li:hover{background-color:unset!important}.sub-tools-social div{font-size:16px}.inv-generator a{color:#408dfb!important}#printOptionModal .btn-primary{background-color:#408dfb;border:none}@media screen and (max-width:1200px){.sticky-template .main-div{padding-top:20px}.actions-block-btn{width:99%}.rgt-main-div{display:none}.lft-main-div,.top-band-div{width:100%}.mbl-actions-block{display:inline-block;width:100%;padding:20px 15px;margin:0 auto}.app-promo-title{font-size:18px}.app-promo-desc{font-size:15px}.app-badge{height:30px;margin-top:12px}.sticky-header{display:block}}@media screen and (max-width:1150px){.cta-inner:after{content:none}}@media (max-width:1050px){.container{width:auto;margin-bottom:20px}.check-zoho-invoice,.primary-cta{display:none}}@media screen and (max-width:950px){.feature-title,.invoice-features-inner{max-width:750px}.feature-title{text-align:left}.invoice-features-content>div{width:100%;max-width:100%}}@media screen and (max-width:900px){.template-exp-container svg{height:45px;width:183px}.template-img-container>div{width:183px;height:150px}.template-exp-container{max-width:700px}.template-img-container p{max-width:120px;font-size:14px}.viewpoint2 p,.viewpoint3 p{top:30px}}@media (max-width:768px){.cta-inner{margin:70px auto 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cta-content,.cta-img-container{max-width:500px}.cta-content .desc,.cta-content .title{text-align:center}.cta-content .black-cta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:20px auto 30px}.cta-img-container{padding-bottom:60px}.cta-img-container img{width:100%;border-radius:10px}.invoice-features-inner,.question,.text-reveal-animation{margin:70px auto}.invoice-procedure-steps-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:50px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:70px 0;margin:70px auto 0}.invoice-procedure-steps-header{text-align:center;max-width:600px}.invoice-procedure-steps-container{width:100%;max-width:600px;padding:0 35px;border-radius:10px}.invoice-procedure-steps-header img{display:none}.template-container{padding:70px 0}.invoice-procedure-steps{background-color:#fafafa}.column td:first-child{padding:4px 2px}.lineItemDIV table{table-layout:fixed!important}.taxsummary table{table-layout:unset!important}.container{width:auto;padding:0}.comp-addr-outer div{display:block;width:auto}.c-name.form-control{font-size:30px}.adr-lft,.adr-rgt{float:none!important;width:auto}.bill-addr{margin-top:0}.poweredby{text-align:center}.actions-block-btn{padding:15px;width:auto}.inv-generator{padding:40px 20px}}@media screen and (max-width:710px){.template-exp-container{display:none}.template-container{max-width:415px;padding:70px 20px}.process-steps-wrapper{max-width:415px;margin:auto;display:block}.relative{position:relative}.process-step{padding-top:25px;margin-top:25px;border-top:1px solid #ddd}.process-step>div:first-child{border-bottom:none;padding-bottom:0}.invoice-process-steps h3{font-size:20px;font-family:var(--primaryfont-semibold);line-height:34px;padding:3px 0;color:#000}.invoice-process-steps p{color:#606060;font-size:16px;line-height:29px}.process-mb-img{margin-top:25px;border-radius:10px}.mobile-img,.process-mb-img{display:block}.template-container h2,.template-container p{text-align:left}.template-section{background-color:#fff}}@media screen and (max-width:500px){.cta{padding:16px;text-align:center}.cta-inner h2,.text-animate{font-size:22px;line-height:36px}.QA-part{padding:25px 10px}.invoice-procedure-steps-container{padding:0}.procedure-steps{padding-right:15px}}@media screen and (max-width:420px){.btn-main,.try-invoice{float:none!important}.action-btn{margin-bottom:10px}.total-label{width:34px}}@media only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.add,.del{background-image:url(/invoice/inv-gen/icon-blk-2x.png)}}</style> <style type="text/css">.loading-container{position:absolute;top:0;left:0;width:100%;height:100%}.loading-popup{top:22%;margin:100px auto 0;max-width:450px;background:#fff;padding:30px;z-index:1200;position:relative;box-shadow:0 0 10px #cdcdcd;-webkit-box-shadow:0 0 10px #cdcdcd}.loading-popup h3{color:#555454;font-size:20px;text-align:center;margin:20px auto 8px}.loading-popup p{color:#666;clear:both;margin:10px 0;font-size:12px;text-align:center;line-height:24px}.loading-bg{background:url(/invoice/images/bg.png) repeat;width:100%;height:100%;position:absolute;top:0;z-index:1100}.loading-progress{width:8%;margin:0 auto;text-align:center}.z-access{margin-top:100px;text-align:center}.z-access h3{color:#333}.z-access .btn-signup{width:220px}.za-newsletter-container{margin-bottom:0;font-size:11px;font-family:Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.form-grp{margin-bottom:10px;position:relative}.form-field{display:block;width:92%;height:32px;padding:5px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #eee;border-radius:2px}.form-field:focus{outline:0;border-color:#1da1f2}.form-field::-moz-placeholder{color:#777;opacity:1}.form-field:-ms-input-placeholder{color:#777}.form-field::-webkit-input-placeholder{color:#777}.form-field[disabled],.form-field[readonly],fieldset[disabled] .form-field{cursor:not-allowed;background-color:#eee;opacity:1}select.form-field{-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:0;-webkit-appearance:none;-moz-appearance:none;border-radius:2px}select.ZI-country{border-radius:0;font-weight:lighter;font-family:Zoho Puvi Regular,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif;font-size:13px;color:#d6d6d6;padding:5px 12px;border:1px solid #e0e0e0;font-weight:400;color:#444}.select-placeholder-color{color:#999;font-size:15px}.btn-signup{display:inline-block;padding:0 25px;color:#fff;font-weight:400;font-size:15px;letter-spacing:-.03em;line-height:48px;border:none;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0,0,0,.05);-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;cursor:pointer;width:95%}.btn-signup:focus,.btn-signup:hover{outline:none}.social-signup{color:#b3b3b3;text-align:center;border-top:1px dashed #b3b3b3;cursor:pointer}.social-signup p{margin-bottom:15px;color:#b3b3b3}.social-signup li{width:22px;height:22px;text-align:center;display:inline-block;vertical-align:middle}.social-signup li:first-child{width:105px;height:47px}.social-signup li+li{margin-left:15px}[class^=social-icon-]{background-image:url(/invoice/images/signup/zoho-social-icons-1x.png);background-repeat:no-repeat;background-size:251px 150px;display:inline-block}.social-icon-google{background-position:-3px -81px;width:112px;height:47px}.social-icon-yahoo{background-position:-43px -12px;width:21px;height:21px}.social-icon-fb{background-position:-73px -12px;width:21px;height:21px}.social-icon-linkedin{background-position:-103px -12px;width:21px;height:21px}.social-icon-twitter{background-position:-133px -12px;width:21px;height:21px}.social-icon-windows{background-position:-165px -13px;width:18px;height:18px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){[class^=social-icon-]{background-image:url(/invoice/images/signup/zoho-social-icons-2x.png)}}.password-strength{background:none repeat scroll 0 0 #f7f7f7;display:block;float:right;margin-left:351px;margin-top:-35px;width:50px;display:none;position:absolute;top:43px;right:30px}.password-strength,.password-strength div{border-radius:5px;height:13px}.password-strength{right:39px}.field-msg{text-align:left;width:98%}.field-msg .error{color:#ed3d3d;font-size:12px}:-moz-placeholder,::-moz-placeholder{color:#999;font-weight:400;font-size:14px}::-webkit-input-placeholder{color:#999;font-size:14px;font-weight:200}:-ms-input-placeholder{color:#999;font-size:14px;font-weight:200}.za-tos-container{line-height:18px;font-size:11px;margin-bottom:15px}.za-tos-container .tos-checkbox,.za-tos-container .tos-label{cursor:pointer;font-family:Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.za-tos-container .tos-label{margin-left:5px}.za-tos-container .change-country-link{text-decoration:underline;margin-left:3px}.za-tos-container .tos-checkbox{float:left}.za-domain-error{margin-left:40px;font-size:13px}.sign_agree a,.za-donami-error a{color:#298ff6;text-decoration:underline;cursor:pointer}.za-captcha-container input[type=text]{width:220px;margin-top:6px}.loader{font-size:10px;margin:0;text-indent:-9999em;width:5em;height:5em;border-radius:50%;background:#453e70;background:-o-linear-gradient(left,#453e70 10%,rgba(69,62,112,0) 42%);background:-webkit-gradient(linear,left top,right top,color-stop(10%,#453e70),color-stop(42%,rgba(69,62,112,0)));background:linear-gradient(90deg,#453e70 10%,rgba(69,62,112,0) 42%);position:relative;-webkit-animation:load3 1.4s linear infinite;animation:load3 1.4s linear infinite;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.loader:before{width:50%;height:50%;background:#453e70;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:""}.loader:after{background:#fff;width:75%;height:75%;border-radius:50%;content:"";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}</style> <link rel="alternate" href="https://www.zoho.com/invoice/free-invoice-generator.html" hreflang="x-default"> <link rel="alternate" href="https://www.zoho.com/uk/invoice/free-invoice-generator.html" hreflang="en-gb"> <link rel="alternate" href="https://www.zoho.com/au/invoice/free-invoice-generator.html" hreflang="en-au"> <link rel="alternate" href="https://www.zoho.com/us/invoice/free-invoice-generator.html" hreflang="en-us"> <link rel="alternate" href="https://www.zoho.com/ca/invoice/free-invoice-generator.html" hreflang="en-ca"> <link rel="alternate" href="https://www.zoho.com/in/invoice/free-invoice-generator.html" hreflang="en-in"> <link rel="alternate" href="https://www.zoho.com/sa/invoice/free-invoice-generator.html" hreflang="en-sa"> <link rel="alternate" href="https://www.zoho.com/ae/invoice/free-invoice-generator.html" hreflang="en-ae"> <link rel="alternate" href="https://www.zoho.com/bh/invoice/free-invoice-generator.html" hreflang="en-bh"> <link rel="alternate" href="https://www.zoho.com/kw/invoice/free-invoice-generator.html" hreflang="en-kw"> <link rel="alternate" href="https://www.zoho.com/om/invoice/free-invoice-generator.html" hreflang="en-om"> <link rel="alternate" href="https://www.zoho.com/qa/invoice/free-invoice-generator.html" hreflang="en-qa"> <link rel="alternate" href="https://www.zoho.com/de-de/invoice/free-invoice-generator.html" hreflang="de-de"> <link rel="alternate" href="https://www.zoho.com/fr/invoice/free-invoice-generator.html" hreflang="fr"> <link rel="alternate" href="https://www.zoho.com/es-xl/invoice/free-invoice-generator.html" hreflang="es-419"> <link rel="alternate" href="https://www.zoho.com/pt-br/invoice/free-invoice-generator.html" hreflang="pt-br"> <link rel="alternate" href="https://www.zoho.com/nl/invoice/free-invoice-generator.html" hreflang="nl"> <link rel="alternate" href="https://www.zoho.com/ke/invoice/free-invoice-generator.html" hreflang="en-ke"> <link rel="alternate" href="https://www.zoho.com/es-mx/invoice/free-invoice-generator.html" hreflang="es-mx"> <link rel="alternate" href="https://www.zoho.com/za/invoice/free-invoice-generator.html" hreflang="en-za"> <link rel="canonical" href="https://www.zoho.com/invoice/free-invoice-generator.html"> <style> .playstore-pop { gap: 10px; height: 70px; background-color: #fff; padding: 10px; align-items: flex-start; border-bottom: 1px solid #d6d6d6; } .inv-generator-icon { width: 45px; height: 45px; padding: 10px; border: 1px solid #d6d6d6; border-radius: 8px; } .generator-title { font-family: 'Zoho Puvi SemiBold'; font-size: 15px; line-height: 22px; } .playstore-pop p { font-size: 13px; line-height: 16px; } .playstore-link { padding: 5px 13px; background-color: #408dfb; display: block; color: #fff; line-height: 15px; border-radius: 20px; align-self: center; margin-left: auto; font-size: 15px; } </style> </head> <body> <style> .navbar { position: fixed; background-color: #2c2929; color: #fff; height: 100vh; z-index: 9999; width: 0; opacity: 0; transition: all 0.3s ease; overflow-y: scroll; border-radius: 0; } .navbar.open { display: block; opacity: 1; width: 18%; } .navbar.open + .b-div{ width: 82%; margin-left: auto; } .navbar .close { display: none; cursor: pointer; position: absolute; right: 25px; top: 25px; color: #fff; opacity: 1; text-shadow: none; } .navbar h5 { font-size: 19px; font-weight: 600; } .navbar-logo-container { text-align: center; margin: 20px 0; } .nav-list { padding: 0 0 70px 20px; } .nav-sub-header { margin-top: 35px; } .nav-product-logo svg { width: 25px; padding-right: 8px; padding-bottom: 10px; display: inline-block; vertical-align: middle; } .navbar .sub-tools li { padding: 0 0 0 25px; } .navbar .nav-sub-header { font-size: 20px; font-weight: 600; } .navbar .nav-sub-header span { font-size: 16px; padding-bottom: 10px; display: inline-block; vertical-align: middle; } .sub-tools li a { display: block; padding: 7px 0; font-size: 13px; font-weight: 400; color: #d3d3d3; cursor: pointer; } .sub-tools li:hover { background-color: #3c3939; } .navbar li .active { border-left: 4px solid #FFD600; background-color: #413f3f; padding-left: 21px; } .navbar li .active a { color: #fff; } @media screen and (max-width: 1425px) { .navbar.open { width: auto; top: 0; padding-right: 10px; } .navbar .close { display: block; } .navbar.open + .b-div { width: 100%; margin: 0; } } </style> <script> document.addEventListener('DOMContentLoaded', () => { if(screen.width < 1024) { document.querySelector('.navbar').classList.remove('open'); } }); </script> <div class="navbar open"> <span class="close" onclick="InvoiceGenerator.toggleNavBar();"> x </span> <div class="navbar-logo-container"> <svg fill="none" viewBox="0 0 1024 450" width="90" alt="ZOHO"><path fill="#089949" d="M458.102 353c-7.7 0-15.5-1.6-23-4.9l-160-71.3c-28.6-12.7-41.5-46.4-28.8-75l71.3-160c12.7-28.6 46.4-41.5 75-28.8l160 71.3c28.6 12.7 41.501 46.4 28.801 75l-71.3 160c-9.5 21.2-30.301 33.7-52.001 33.7Zm-9.7-34.9c12.1 5.4 26.3-.1 31.7-12.1l71.301-160c5.4-12.1-.101-26.3-12.101-31.7L379.202 43c-12.1-5.4-26.3.1-31.7 12.1l-71.3 160c-5.4 12.1.1 26.3 12.1 31.7l160.1 71.3Z"/><path fill="#F9B21D" d="M960 353.1H784.8c-31.3 0-56.8-25.5-56.8-56.8V121.1c0-31.3 25.5-56.8 56.8-56.8H960c31.3 0 56.8 25.5 56.8 56.8v175.2c0 31.3-25.5 56.8-56.8 56.8Zm-175.2-256c-13.2 0-24 10.8-24 24v175.2c0 13.2 10.8 24 24 24H960c13.2 0 24-10.8 24-24V121.1c0-13.2-10.8-24-24-24H784.8Z"/><path fill="#E42527" d="m303.902 153.2-23.6 52.8c-.3.6-.6 1.1-.9 1.6l9.2 56.8c2.1 13.1-6.8 25.4-19.8 27.5l-173 28c-6.3 1-12.7-.5-17.9-4.2-5.2-3.7-8.6-9.3-9.6-15.6l-28-173c-1-6.3.5-12.7 4.2-17.9 3.7-5.2 9.3-8.6 15.6-9.6l173-28c1.3-.2 2.6-.3 3.8-.3 11.5 0 21.8 8.4 23.7 20.2l9.3 57.2 24.4-54.7-1.3-7.7c-5-30.9-34.2-52-65.1-47l-173 28c-14.9 2.3-28.1 10.4-36.9 22.7-8.9 12.3-12.4 27.3-10 42.3l28 173c2.4 15 10.5 28.1 22.8 37 9.7 7.1 21.2 10.7 33.1 10.7 3 0 6.1-.2 9.2-.7l173-28c30.9-5 52-34.2 47-65.1l-17.2-106Z"/><path fill="#226DB4" d="m511.404 235.8 25.4-56.9-7.2-52.9c-.9-6.3.8-12.6 4.7-17.7 3.9-5.1 9.5-8.4 15.9-9.2l173.6-23.6c1.1-.1 2.2-.2 3.3-.2 5.2 0 10.2 1.7 14.5 4.9.8.6 1.5 1.3 2.2 1.9 7.7-8.1 17.8-13.9 29.1-16.4-3.2-4.4-7-8.3-11.5-11.7-12.1-9.2-27-13.1-42-11.1l-173.8 23.6c-15 2-28.4 9.8-37.5 21.9-9.2 12.1-13.1 27-11.1 42l14.4 105.4ZM806.806 265.101l-22.8-168c-12.8.4-23.1 11-23.1 23.9v49.3l13.5 99.2c.9 6.3-.8 12.6-4.7 17.7-3.9 5.1-9.5 8.4-15.9 9.2l-173.6 23.6c-6.3.9-12.6-.8-17.7-4.7-5.1-3.9-8.4-9.5-9.2-15.9l-8-58.9-25.4 56.9.9 6.4c2 15 9.8 28.4 21.9 37.5 10 7.6 21.9 11.6 34.3 11.6 2.6 0 5.2-.2 7.8-.5l173.4-23.4c15-2 28.4-9.8 37.5-21.9 9.2-12.1 13.1-27 11.1-42Z"/><path fill="#fff" d="m316.998 436.2 24.8-36.6h-20.4c-1.1 0-2-.9-2-2v-4.9c0-1.1.9-2 2-2h33.5c1.1 0 2 .9 2 2v1.9c0 .4-.1.8-.3 1.1l-24.3 36.6h21.8c1.1 0 2 .9 2 2v4.9c0 1.1-.9 2-2 2h-35.4c-1.1 0-2-.9-2-2v-1.8c-.1-.5.1-.9.3-1.2ZM421.398 415.6c0-15 11-25.8 26-25.8 15.5 0 26 10.6 26 25.9 0 15.5-10.7 26.2-26.2 26.2-15.6 0-25.8-10.7-25.8-26.3Zm40.1.2c0-9.1-4.4-16.9-14.3-16.9-10 0-13.8 8.1-13.8 17.3 0 8.7 4.7 16.7 14.3 16.7 9.9-.1 13.8-8.6 13.8-17.1ZM544.501 390.6h7.4c1.1 0 2 .9 2 2v18.6h21v-18.6c0-1.1.9-2 2-2h7.4c1.1 0 2 .9 2 2v46.5c0 1.1-.9 2-2 2h-7.3c-1.1 0-2-.9-2-2v-18.8h-21v18.8c0 1.1-.9 2-2 2h-7.4c-1.1 0-2-.9-2-2v-46.5c-.1-1.1.8-2 1.9-2ZM655.398 415.6c0-15 11-25.8 26-25.8 15.5 0 26 10.6 26 25.9 0 15.5-10.7 26.2-26.2 26.2-15.6 0-25.8-10.7-25.8-26.3Zm40 .2c0-9.1-4.4-16.9-14.3-16.9-10 0-13.8 8.1-13.8 17.3 0 8.7 4.7 16.7 14.3 16.7 9.9-.1 13.8-8.6 13.8-17.1Z"/></svg> <h5>Finance Free Apps</h5> </div> <ul class="nav-list"> <li class="nav-sub-header"> <div class="nav-product-logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024" xml:space="preserve"><style>.st0{fill:#ffff}</style><g style="opacity:.9"><path class="st0" d="M490 400.8h140c16.6 0 30-13.4 30-30v-140c0-16.6-13.4-30-30-30H490c-16.6 0-30 13.4-30 30v140c0 16.6 13.4 30 30 30zm30-140.1h80v80h-80v-80z"/><path class="st0" d="M994.1 0H450c-93.8 0-170 76.3-170 170v110.6H169.3C75.9 280.6-.1 356.6-.1 450v404.6c0 93.4 76 169.4 169.4 169.4H754c72.1 0 140-28.1 191-79.1s79.1-118.8 79.1-191V30c0-16.6-13.4-30-30-30zM169.3 340.6h110.6v180.2h-220V450c0-60.3 49.1-109.4 109.4-109.4zm.6 623.4h-.6C109 964 59.9 914.9 59.9 854.6V580.8H280v273.8c0 60.3-49.1 109.4-109.4 109.4h-.7zm794.2-210c0 115.8-94.2 210.1-210.1 210.1H299.8c25-29.5 40.2-67.7 40.2-109.4V170c0-60.7 49.4-110 110-110h514.1v694z"/><path class="st0" d="M490 580.8h323.5c16.6 0 30-13.4 30-30s-13.4-30-30-30H490c-16.6 0-30 13.4-30 30s13.4 30 30 30zm0 180.1h323.5c16.6 0 30-13.4 30-30s-13.4-30-30-30H490c-16.6 0-30 13.4-30 30s13.4 30 30 30z"/></g></svg> <span>Billing</span> </div> <ul class="sub-tools"> <li class="active" > <a href="/invoice/free-invoice-generator.html?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Create Invoices </a> </li> <li > <a href="/invoice/free-estimate-generator/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Generate Estimates </a> </li> <li > <a href="/invoice/free-receipt-generator.html?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Create Receipts </a> </li> <li> <a href="/subscriptions/free-revenue-forecast/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Revenue Forecast </a> </li> </ul> </li> <li class="nav-sub-header"> <div class="nav-product-logo"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024" xml:space="preserve"><style>.st0{fill:#ffff}.st3{opacity:.9}</style><g class="st3"><path class="st0" d="M752.53 1023H631.77c-49.53 0-89.82-40.3-89.82-89.82V782.62H90.82C41.3 782.62 1 742.32 1 692.8V90.82C1 41.3 41.3 1 90.82 1h661.71c72.25 0 140.17 28.13 191.25 79.22C994.87 131.3 1023 199.23 1023 271.47v481.06c0 72.25-28.13 140.17-79.22 191.25C892.7 994.87 824.77 1023 752.53 1023zM601.82 752.68v180.5c0 16.51 13.43 29.94 29.94 29.94h120.76c116.12 0 210.59-94.47 210.59-210.59v-311.4a275.945 275.945 0 0 1-19.43 21.59c-51.09 51.08-119.01 79.22-191.25 79.22H631.77c-16.51 0-29.94 13.43-29.94 29.94v180.8zm-511-691.8c-16.51 0-29.94 13.43-29.94 29.94V692.8c0 16.51 13.43 29.94 29.94 29.94h451.12V571.88c0-49.53 40.3-89.82 89.82-89.82h120.67c116.12 0 210.59-94.47 210.59-210.59S868.55 60.88 752.43 60.88H90.82z"/></g><path d="M752.53 401.22c-71.54 0-129.75-58.2-129.75-129.75s58.2-129.75 129.75-129.75 129.75 58.2 129.75 129.75-58.21 129.75-129.75 129.75zm0-199.61c-38.52 0-69.86 31.34-69.86 69.86s31.34 69.86 69.86 69.86 69.86-31.34 69.86-69.86-31.34-69.86-69.86-69.86z" style="fill:#ffff" class="st3"/><g class="st3"><path class="st0" d="M389.88 240.51H210.42c-16.54 0-29.94-13.41-29.94-29.94s13.41-29.94 29.94-29.94h179.46c16.54 0 29.94 13.41 29.94 29.94s-13.41 29.94-29.94 29.94z"/></g><g class="st3"><path class="st0" d="M330.09 360.14H210.42c-16.54 0-29.94-13.41-29.94-29.94s13.41-29.94 29.94-29.94h119.67c16.54 0 29.94 13.41 29.94 29.94s-13.41 29.94-29.94 29.94z"/></g></svg><span>Finance & Payroll</span> </div> <ul class="sub-tools"> <li> <a href="https://www.zoho.com/uk/books/furlough-claim-calculator/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> HMRC Furlough Claim Calculator </a> </li> <li> <a href="https://www.zoho.com/in/payroll/income-tax-calculator/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Income Tax Calculator </a> </li> <li> <a href="https://www.zoho.com/us/books/paycheck-calculator/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Paycheck Calculator </a> </li> </ul> </li> <li class="nav-sub-header"> <div class="nav-product-logo"> <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><defs><style>.cls-1{opacity:.9}.cls-2{fill:#ffff}</style></defs><g class="cls-1"><path class="cls-2" d="M263.6 865.74a30 30 0 0 1-29.51-24.8L104.55 106.26a36.37 36.37 0 0 0-25.09-28.5l-57.87-18A30 30 0 1 1 39.41 2.47l57.87 18a96.15 96.15 0 0 1 66.36 75.37l129.54 734.68a30 30 0 0 1-24.33 34.76 30.38 30.38 0 0 1-5.25.46Z"/></g><g class="cls-1"><path class="cls-2" d="M406.26 965.63a30 30 0 0 1-5.18-59.55l532.26-93.85a36.48 36.48 0 1 0-12.67-71.85L463.55 821a96.48 96.48 0 0 1-111.77-78.26l-80.6-457.14a96.48 96.48 0 0 1 78.26-111.77l457.12-80.6a96.48 96.48 0 0 1 111.77 78.26l74.61 423.13A30 30 0 0 1 933.85 605l-74.61-423.1A36.49 36.49 0 0 0 817 152.31l-457.15 80.61a36.47 36.47 0 0 0-29.58 42.26l80.6 457.12a36.47 36.47 0 0 0 42.26 29.59l457.12-80.6a96.48 96.48 0 1 1 33.51 190L411.5 965.17a30.18 30.18 0 0 1-5.24.46Z"/></g><path d="M527 381.94a30 30 0 0 1-5.17-59.55l173.57-30.6a30 30 0 0 1 10.42 59.09l-173.57 30.6a30.38 30.38 0 0 1-5.25.46Z" style="fill:#ffff" class="cls-1"/><g class="cls-1"><path class="cls-2" d="M322.44 1022.89a120 120 0 1 1 21-1.85 120.84 120.84 0 0 1-21 1.85Zm.38-179.35a60.13 60.13 0 0 0-10.49.92 59.43 59.43 0 1 0 10.49-.92Z"/></g></svg><span>Inventory</span> </div> <ul class="sub-tools"> <li> <a href="/inventory/sku-generator/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> SKU Generator </a> </li> <li> <a href="/inventory/purchaseorder-generator/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Purchase Order Generator </a> </li> <li> <a href="/inventory/reorder-point-calculator/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Calculate Reorder Point </a> </li> <li> <a href="/inventory/economic-order-quantity/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Economic Order Quantity </a> </li> <li> <a href="/inventory/break-even-point-calculator/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Break-even Point Calculator </a> </li> <li> <a href="/inventory/inventory-turnover-ratio/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Inventory Turnover Ratio </a> </li> <li> <a href="/inventory/packing-slip-generator/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Packing Slip Generator </a> </li> <li> <a href="/inventory/free-barcode-generator/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> BarCode Generator </a> </li> </ul> </li> <li class="nav-sub-header"> <div class="nav-product-logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><defs><style>.cls-1{opacity:.9}.cls-2{fill:#ffff}</style></defs><g class="cls-1"><path class="cls-2" d="M845.62 1007.29c-78.84 0-155.48-28.12-221.64-81.33a16 16 0 0 0-21.35 1.14l-58 58a75.55 75.55 0 0 1-106.73 0l-56-56a16 16 0 0 0-22.63 0l-56.67 56.58a73.73 73.73 0 0 1-107-2.9A764.8 764.8 0 0 1 89.9 111.91a179.71 179.71 0 0 1 158.78-95.2h556.67c56.35 0 109.46 37.37 149.55 105.22 36.32 61.47 60.71 145.8 68.68 237.44a90.05 90.05 0 0 1-89.66 98H644.81c.69 16.84 2 33.53 3.79 49.9 0 .41.08.82.11 1.23a617.74 617.74 0 0 0 27.93 146.29c14.47 44.8 33.83 86 57.56 122.53 23.34 35.91 50.31 66.35 80.16 90.49s62 41.44 95.5 51.37a42.58 42.58 0 0 1-4.49 82.73 333.48 333.48 0 0 1-59.75 5.38ZM248.68 76.71a119.81 119.81 0 0 0-105.86 63.47 704.42 704.42 0 0 0 97.43 802.53 13.72 13.72 0 0 0 19.93.54l56.58-56.58a76.09 76.09 0 0 1 107.48 0l56.05 56.05a15.48 15.48 0 0 0 21.88 0l58-58a75.87 75.87 0 0 1 101.37-5.47c48.9 39.32 104.23 62.27 161.25 67.11a364.1 364.1 0 0 1-46.19-31.89c-34.76-28.11-66-63.25-92.75-104.45-54.26-83.49-87.1-186.07-95-296.69a781 781 0 0 1-4.7-86c0-106.25 21-206.61 59.18-282.6 13.37-26.62 28.41-49.39 44.77-68ZM644.8 397.33h289.12a30.05 30.05 0 0 0 29.88-32.76c-7.2-82.89-28.71-158.22-60.55-212.12-28.86-48.84-63.63-75.74-97.9-75.74-18.54 0-37.07 7.69-55.08 22.86-19.35 16.3-37.78 41.23-53.27 72.09-30.52 60.76-48.74 139.99-52.2 225.67Z"/></g><g class="cls-1"><path class="cls-2" d="M434.18 457.33H211.72a30 30 0 1 1 0-60h222.46a30 30 0 0 1 0 60Z"/></g><g class="cls-1"><path class="cls-2" d="M325.5 607.38H218.05a30 30 0 0 1 0-60H325.5a30 30 0 0 1 0 60Z"/></g><g class="cls-1"><path class="cls-2" d="M448.18 307.38H238.72a30 30 0 0 1 0-60h209.46a30 30 0 0 1 0 60Z"/></g></svg><span>Expense</span> </div> <ul class="sub-tools"> <li> <a href="https://www.zoho.com/expense/expense-report-generator/?src=free-tools-lhs-invoice-generator" rel="noopener noreferrer" target="_blank"> Generate Expense Reports </a> </li> </ul> </li> <li class="nav-sub-header"> <ul class="sub-tools sub-tools-social"> <li> <div>Spread the word</div> <div class="soc-icon"> <a href="https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fwww.zoho.com%2Finvoice%2Ffree-invoice-generator.html&text=Just%20created%20an%20awesome%20invoice%20for%20free%20using%20Zoho%27s%20%23InvoiceGenerator.%20All%20it%20took%20was%20a%20minute.%20Sweet!&tw_p=tweetbutton&url=http%3A%2F%2Fbit.ly%2F1JWfLzu" target="_blank" rel="noopener noreferrer" style="margin-right: 10px;"> <svg viewBox="0 0 512 512" class="social-icon twitter-icon" alt="twitter"><circle cx="256.1" cy="255.9" r="255.9"></circle><path fill="#FFF" d="M302.3 151.5c20.5-.4 31.3 7.1 41.7 16.6 8.8-.8 20.3-5.7 27-9.1l6.6-3.6c-3.9 10.4-9.1 18.6-17.1 24.8-1.8 1.4-3.6 3.2-5.8 4.1v.2c11.5-.1 20.9-5.3 29.9-8.1v.2c-4.7 7.5-11.1 15.1-17.9 20.6-2.8 2.2-5.5 4.4-8.2 6.5.2 12.1-.2 23.7-2.5 33.9-13.1 59.2-48 99.4-103.4 116.6-19.9 6.2-52 8.7-74.7 3.1-11.3-2.8-21.5-6-31.1-10.2-5.3-2.3-10.3-4.8-14.9-7.7-1.6-1-3.1-1.9-4.6-2.8 5.1.2 11.2 1.6 16.9.7 5.2-.9 10.3-.6 15.1-1.7 12-2.6 22.6-6.1 31.7-11.4 4.4-2.6 11.2-5.6 14.3-9.4-5.9.1-11.3-1.3-15.7-2.8-17.1-6-27-17.1-33.5-33.8 5.2.6 20.1 1.9 23.6-1-6.5-.4-12.8-4.1-17.2-6.9-13.7-8.6-24.9-23-24.9-45.2 1.8.9 3.6 1.7 5.4 2.6 3.5 1.5 6.9 2.2 11.1 3.1 1.8.4 5.2 1.4 7.2.7h-.3c-2.7-3.1-7-5.2-9.7-8.5-8.8-11-17.1-27.8-11.9-47.9 1.3-5.1 3.4-9.6 5.7-13.7.1.1.2.1.3.2 1 2.2 3.3 3.7 4.8 5.5 4.5 5.6 10.1 10.6 15.7 15 19.3 15.1 36.6 24.3 64.5 31.2 7.1 1.8 15.2 3.1 23.7 3.1-2.4-6.9-1.6-18.1.3-24.8 4.7-16.8 14.9-29 29.9-35.4 3.6-1.6 7.5-2.7 11.7-3.6 2-.6 4.2-.8 6.3-1.1z"></path></svg> </a> <a href="https://www.facebook.com/dialog/feed?app_id=2220391788200892&display=popup&link=https%3A%2F%2Fwww.zoho.com%2Finvoice%2Ffree-invoice-generator.html" target="_blank" rel="noopener noreferrer"> <svg viewBox="0 0 512 512" class="social-icon fb-icon" alt="facebook"><circle cx="256" cy="256" r="255.9"></circle><path fill="#FFF" d="M316.2 127.6V169s-30.8-3.1-38.4 8.6c-4.2 6.4-2.8 38.7-2.8 38.7h41.2c-3.4 15.7-5.9 26.1-8.4 39.6h-32.3v128.5h-56.2v-128h-23.6v-40.7h23.5c1.2-29.6 1.7-58.6 16.4-73.5 16.5-16.6 32.5-14.6 80.6-14.6z"></path></svg> </a></div> </li> </ul> </li> </ul> </div> <div class="b-div"> <div class="b-backdrop"></div> <div class="playstore-pop" style="display: none;" > <img class="inv-generator-icon" src="/invoice/images/invoice-generator.svg" alt="Zoho Invoice Generator app icon" /> <div style="align-self: center;"> <div class="generator-title">Invoice Generator - Zoho</div> <p>Simple & Professional Invoices</p> </div> <a class="playstore-link" href="https://play.google.com/store/apps/details?id=com.zoho.invoicegenerator&referrer=utm_source%3Dweb_app%26utm_medium%3Dsmart_app_banner" aria-label="Download PlayStore App">Get</a> </div> <div class="top-two-band stat-nor" id="stat-band"> <div class="top-band-div align-items-center"> <div class="d-flex align-items-center"> <a class="free-tools-menu" onclick="InvoiceGenerator.toggleNavBar()"></a> <svg xml:space="preserve" style="enable-background:new 0 0 1024 450" viewBox="0 0 1024 450" width="80" id="topband-logo" alt="ZOHO"><path d="M458.1 353c-7.7 0-15.5-1.6-23-4.9l-160-71.3c-28.6-12.7-41.5-46.4-28.8-75l71.3-160C330.3 13.2 364 .3 392.6 13l160 71.3c28.6 12.7 41.5 46.4 28.8 75l-71.3 160c-9.5 21.2-30.3 33.7-52 33.7zm-9.7-34.9c12.1 5.4 26.3-.1 31.7-12.1l71.3-160c5.4-12.1-.1-26.3-12.1-31.7L379.2 43c-12.1-5.4-26.3.1-31.7 12.1l-71.3 160c-5.4 12.1.1 26.3 12.1 31.7l160.1 71.3z" style="fill:#089949"/><path d="M960 353.1H784.8c-31.3 0-56.8-25.5-56.8-56.8V121.1c0-31.3 25.5-56.8 56.8-56.8H960c31.3 0 56.8 25.5 56.8 56.8v175.2c0 31.3-25.5 56.8-56.8 56.8zm-175.2-256c-13.2 0-24 10.8-24 24v175.2c0 13.2 10.8 24 24 24H960c13.2 0 24-10.8 24-24V121.1c0-13.2-10.8-24-24-24H784.8z" style="fill:#f9b21d"/><path d="M303.9 153.2 280.3 206c-.3.6-.6 1.1-.9 1.6l9.2 56.8c2.1 13.1-6.8 25.4-19.8 27.5l-173 28c-6.3 1-12.7-.5-17.9-4.2-5.2-3.7-8.6-9.3-9.6-15.6l-28-173c-1-6.3.5-12.7 4.2-17.9 3.7-5.2 9.3-8.6 15.6-9.6l173-28c1.3-.2 2.6-.3 3.8-.3 11.5 0 21.8 8.4 23.7 20.2l9.3 57.2L294.3 94l-1.3-7.7c-5-30.9-34.2-52-65.1-47l-173 28C40 69.6 26.8 77.7 18 90c-8.9 12.3-12.4 27.3-10 42.3l28 173c2.4 15 10.5 28.1 22.8 37C68.5 349.4 80 353 91.9 353c3 0 6.1-.2 9.2-.7l173-28c30.9-5 52-34.2 47-65.1l-17.2-106z" style="fill:#e42527"/><path d="m511.4 235.8 25.4-56.9-7.2-52.9c-.9-6.3.8-12.6 4.7-17.7 3.9-5.1 9.5-8.4 15.9-9.2l173.6-23.6c1.1-.1 2.2-.2 3.3-.2 5.2 0 10.2 1.7 14.5 4.9.8.6 1.5 1.3 2.2 1.9 7.7-8.1 17.8-13.9 29.1-16.4-3.2-4.4-7-8.3-11.5-11.7-12.1-9.2-27-13.1-42-11.1L545.6 66.5c-15 2-28.4 9.8-37.5 21.9-9.2 12.1-13.1 27-11.1 42l14.4 105.4zm295.4 29.3L784 97.1c-12.8.4-23.1 11-23.1 23.9v49.3l13.5 99.2c.9 6.3-.8 12.6-4.7 17.7s-9.5 8.4-15.9 9.2L580.2 320c-6.3.9-12.6-.8-17.7-4.7-5.1-3.9-8.4-9.5-9.2-15.9l-8-58.9-25.4 56.9.9 6.4c2 15 9.8 28.4 21.9 37.5 10 7.6 21.9 11.6 34.3 11.6 2.6 0 5.2-.2 7.8-.5L758.2 329c15-2 28.4-9.8 37.5-21.9 9.2-12.1 13.1-27 11.1-42z" style="fill:#226db4"/><path d="m317 436.2 24.8-36.6h-20.4c-1.1 0-2-.9-2-2v-4.9c0-1.1.9-2 2-2h33.5c1.1 0 2 .9 2 2v1.9c0 .4-.1.8-.3 1.1l-24.3 36.6h21.8c1.1 0 2 .9 2 2v4.9c0 1.1-.9 2-2 2h-35.4c-1.1 0-2-.9-2-2v-1.8c-.1-.5.1-.9.3-1.2zm104.4-20.6c0-15 11-25.8 26-25.8 15.5 0 26 10.6 26 25.9 0 15.5-10.7 26.2-26.2 26.2-15.6 0-25.8-10.7-25.8-26.3zm40.1.2c0-9.1-4.4-16.9-14.3-16.9-10 0-13.8 8.1-13.8 17.3 0 8.7 4.7 16.7 14.3 16.7 9.9-.1 13.8-8.6 13.8-17.1zm83-25.2h7.4c1.1 0 2 .9 2 2v18.6h21v-18.6c0-1.1.9-2 2-2h7.4c1.1 0 2 .9 2 2v46.5c0 1.1-.9 2-2 2H577c-1.1 0-2-.9-2-2v-18.8h-21v18.8c0 1.1-.9 2-2 2h-7.4c-1.1 0-2-.9-2-2v-46.5c-.1-1.1.8-2 1.9-2zm110.9 25c0-15 11-25.8 26-25.8 15.5 0 26 10.6 26 25.9 0 15.5-10.7 26.2-26.2 26.2-15.6 0-25.8-10.7-25.8-26.3zm40 .2c0-9.1-4.4-16.9-14.3-16.9-10 0-13.8 8.1-13.8 17.3 0 8.7 4.7 16.7 14.3 16.7 9.9-.1 13.8-8.6 13.8-17.1z"/></svg> <span class="title-divider"></span> <div class="freetool-title"> <h1 class="tool-name">Free Invoice Generator</h1> <a href="/invoice/?src=Free%20Invoice%20Creator%20-%20Zoho%20Invoice" rel="noopener noreferrer" class="powered-by"> by Zoho Invoice </a> </div> </div> <div class="d-flex align-items-center"> <a class="check-zoho-invoice" href="/invoice/"> Check out Zoho Invoice </a> <div class="primary-cta-in primary-cta"> <a class="signup-cta-button btn ze-btn ze-btn-filled" href="/invoice/signup/">Sign up. It's Free!</a> </div> </div> </div> </div> <div class="container sticky-template"> <div class="main-div row"> <div class="row clearfix sticky-header"> <div class="actions-block-btn col-md-8"> <button class="action-btn btn" onclick="InvoiceGenerator.getInvoicePDF();"> <svg viewBox="0 0 512 512" class="action-icon" alt="Get pdf"><path d="M256 0C114.62 0 0 114.62 0 256s114.62 256 256 256 256-114.62 256-256S397.38 0 256 0Zm152.73 408.73c-19.85 19.85-42.95 35.43-68.67 46.31C313.46 466.29 285.17 472 256 472s-57.46-5.71-84.06-16.96c-25.72-10.88-48.82-26.46-68.67-46.31s-35.43-42.95-46.31-68.67C45.71 313.46 40 285.17 40 256s5.71-57.46 16.96-84.06c10.88-25.72 26.46-48.82 46.31-68.67s42.95-35.43 68.67-46.31C198.54 45.71 226.83 40 256 40s57.46 5.71 84.06 16.96c25.72 10.88 48.82 26.46 68.67 46.31s35.43 42.95 46.31 68.67C466.29 198.54 472 226.83 472 256s-5.71 57.46-16.96 84.06c-10.88 25.72-26.46 48.82-46.31 68.67Z"/><path d="m340.72 267.33-61.25 53.79V132.5c0-11.05-8.95-20-20-20s-20 8.95-20 20v190.99l-68.84-55.48c-8.6-6.93-21.19-5.58-28.12 3.02s-5.58 21.19 3.02 28.12l101.39 81.72c.33.26.67.5 1.01.74.13.09.26.2.39.29.5.34 1.02.65 1.54.94.2.11.41.2.61.3.34.17.68.34 1.03.5.24.11.49.2.74.29.32.13.64.25.97.36.26.09.52.16.79.24.33.1.67.18 1.01.26.26.06.52.12.78.16.38.07.77.13 1.16.18.22.03.44.06.66.08.62.06 1.24.09 1.86.09h.01c.63 0 1.26-.04 1.89-.1.25-.02.5-.07.75-.1.37-.05.74-.1 1.11-.17.3-.06.59-.13.88-.2.31-.07.63-.15.94-.24.3-.09.6-.18.89-.28.3-.1.59-.21.89-.32.29-.11.57-.23.85-.36.29-.13.58-.27.86-.42a18.831 18.831 0 0 0 1.64-.94c.25-.16.51-.32.75-.49.27-.19.53-.39.79-.59.24-.19.48-.37.71-.57.08-.07.17-.13.25-.2l94.44-82.95c8.3-7.29 9.12-19.93 1.83-28.23-7.29-8.3-19.93-9.12-28.23-1.83Z"/></svg> Download </button> <button class="action-btn btn" onclick="InvoiceGenerator.showPrintCopiesOption();"> <svg viewBox="0 0 512 496" class="action-icon" alt="Print"><path d="M432 118.84h-41.49V59.93c0-33.04-26.92-59.93-60-59.93H181.49c-33.08 0-60 26.88-60 59.93v58.91H80c-44.11 0-80 35.85-80 79.91V348.7c0 44.06 35.89 79.9 80 79.9h41.49v7.47c0 33.04 26.92 59.93 60 59.93h149.02c33.08 0 60-26.88 60-59.93v-7.47H432c44.11 0 80-35.84 80-79.9V198.75c0-44.06-35.89-79.9-80-79.9ZM161.49 59.93c0-11.01 8.97-19.98 20-19.98h149.02c11.03 0 20 8.96 20 19.98v58.91H161.49V59.93Zm189.02 376.14c0 11.01-8.97 19.98-20 19.98H181.49c-11.03 0-20-8.96-20-19.98v-89.35h189.02v89.34ZM472 348.7c0 22.03-17.94 39.95-40 39.95h-41.49V346.7c10.76-.33 19.38-9.12 19.38-19.94s-8.95-19.98-20-19.98H122.11c-11.05 0-20 8.94-20 19.98s8.62 19.62 19.38 19.94v41.95H80c-22.06 0-40-17.92-40-39.95V198.75c0-22.03 17.94-39.95 40-39.95h352c22.06 0 40 17.92 40 39.95V348.7Z"/></svg> Print </button> <button class="action-btn btn pull-right btn-main" onclick="InvoiceGenerator.saveInvoice(document.invoiceGenerator, this);setHostUrl()"> Save online </button> </div> </div> <div class="col-md-8 lft-main-div"> <form name="invoiceGenerator" class="inv-generator"> <div class="upload-logo-error-msg hide" id="image_upload_err"> <svg width="17px" height="21px" viewBox="0 0 17 21" alt="caution" class="caution-svg"> <title>Group 38</title> <defs> <polygon id="path-1" points="-1.75478296e-16 0 16.045567 0 16.045567 15.6131364 -1.75478296e-16 15.6131364"></polygon> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Group-38"> <g id="Group-10" transform="translate(0.000000, 4.655035)"> <g id="Group-3" transform="translate(0.000000, 0.281355)"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-2"></g> <path d="M7.68678428,0.00170648909 C8.73692436,0.0232820071 9.76563301,0.228249428 10.7407631,0.627396511 C11.683746,1.01575584 12.5517189,1.55514379 13.301819,2.24556036 C14.0519191,2.92518918 14.6734305,3.7342711 15.144922,4.6296551 C15.6271292,5.54661462 15.9164535,6.5498762 16.0128949,7.58550107 C16.1093364,8.61033817 15.9914635,9.63517528 15.669992,10.6060736 C15.3592363,11.5446086 14.8555977,12.4076293 14.1912233,13.141197 C13.5161333,13.8963401 12.6910232,14.5004546 11.7801875,14.9103894 C10.7943417,15.3526876 9.73348587,15.600806 8.65119864,15.6115938 C7.53676427,15.6331693 6.43304561,15.4282019 5.39362125,15.018267 C4.38634403,14.6191199 3.45407682,14.0257932 2.6611139,13.2814378 C1.86815098,12.5478702 1.23592379,11.6740617 0.764432326,10.7031634 C0.303656577,9.72147735 0.0464794143,8.66427697 0.00361655385,7.57471331 C-0.0285305915,6.52830069 0.153636565,5.49267582 0.550118024,4.52177751 C0.925168053,3.61560576 1.49310095,2.78494831 2.20033815,2.10531949 C2.90757535,1.42569068 3.74340112,0.886302727 4.66495262,0.53030668 C5.6400827,0.163522874 6.65807563,-0.0198690289 7.68678428,0.00170648909" id="Fill-1" fill="#F36457" opacity="0.100000001" mask="url(#mask-2)"></path> </g> <path d="M8.32972719,5.51512464 L8.32972719,5.91427172 C8.32972719,6.04372483 8.31901147,6.18396569 8.31901147,6.32420656 C8.30829576,6.46444743 8.30829576,6.59390054 8.29758004,6.7341414 C8.28686433,6.87438227 8.28686433,7.00383538 8.27614861,7.13328849 C8.2654329,7.26274159 8.25471718,7.40298246 8.24400147,7.53243557 C8.23328575,7.66188868 8.22257004,7.80212954 8.21185432,7.94237041 C8.20113861,8.08261128 8.19042289,8.22285215 8.16899146,8.35230525 C8.14756003,8.48175836 8.13684432,8.62199923 8.11541289,8.75145234 C8.08326574,9.02114631 7.84752001,9.22611373 7.57962713,9.22611373 C7.45103855,9.22611373 7.32244997,9.1829627 7.22600853,9.10744838 C7.10813567,9.02114631 7.02240995,8.90248096 6.97954708,8.7622401 C6.90453708,8.49254612 6.82952707,8.22285215 6.76523278,7.95315817 C6.70093849,7.6834642 6.6366442,7.41377022 6.57234991,7.13328849 C6.50805562,6.85280675 6.45447704,6.58311278 6.41161418,6.3134188 C6.36875132,6.04372483 6.31517275,5.77403085 6.27230989,5.50433688 C6.26159417,5.4180348 6.25087846,5.32094497 6.24016274,5.2346429 C6.22944703,5.14834083 6.21873131,5.051251 6.21873131,4.96494893 C6.21873131,4.87864685 6.2080156,4.78155702 6.2080156,4.69525495 C6.2080156,4.60895288 6.2080156,4.51186305 6.21873131,4.42556098 C6.22944703,4.28532011 6.26159417,4.155867 6.32588846,4.03720165 C6.37946704,3.9185363 6.46519276,3.82144647 6.5616342,3.74593216 C6.65807563,3.67041785 6.7759485,3.60569129 6.89382136,3.57332802 C7.02240995,3.54096474 7.16171424,3.53017698 7.29030282,3.56254026 C7.39745997,3.58411577 7.51533284,3.61647905 7.61177428,3.67041785 C7.70821571,3.72435664 7.79394143,3.7890832 7.87966715,3.87538527 C7.95467716,3.95089958 8.02968716,4.04798941 8.08326574,4.14507924 C8.13684432,4.24216907 8.17970718,4.35004666 8.20113861,4.45792425 C8.22257004,4.54422633 8.23328575,4.64131616 8.25471718,4.72761823 C8.27614861,4.8139203 8.27614861,4.91101013 8.28686433,4.9973122 C8.29758004,5.08361428 8.29758004,5.18070411 8.30829576,5.26700618 C8.32972719,5.33173273 8.32972719,5.4180348 8.32972719,5.51512464 M7.80465715,11.9662045 C7.68678428,11.9662045 7.57962713,11.944629 7.47246998,11.901478 C7.36531283,11.8583269 7.26887139,11.7936004 7.19386139,11.7180861 C7.02240995,11.5562697 6.91525279,11.3297267 6.90453708,11.092396 C6.89382136,10.9737307 6.90453708,10.8550653 6.94739994,10.7471878 C6.97954708,10.6393102 7.03312566,10.5422203 7.10813567,10.466706 C7.24743996,10.2941019 7.46175426,10.197012 7.67606857,10.197012 C7.78322572,10.197012 7.90109858,10.2185876 7.99754002,10.2617386 C8.10469717,10.3048896 8.19042289,10.3696162 8.27614861,10.4451305 C8.44760005,10.6069469 8.5547572,10.8334898 8.56547292,11.0708205 C8.57618863,11.1894859 8.56547292,11.3081512 8.52261006,11.4160288 C8.49046291,11.5239064 8.43688434,11.6209962 8.37259005,11.6965105 C8.22257004,11.8691147 8.01897145,11.9662045 7.80465715,11.9662045 M14.4376848,11.2110614 C14.2233705,10.7903388 14.0090562,10.3696162 13.7947419,9.94889359 C13.5804276,9.52817099 13.3446819,9.11823614 13.1089361,8.7083013 C12.8731904,8.29836646 12.6374447,7.88843162 12.3909832,7.48928453 C12.1445218,7.09013745 11.8980603,6.69099037 11.6408832,6.29184328 C11.383706,5.8926962 11.1265288,5.50433688 10.858636,5.11597755 C10.5907431,4.72761823 10.3228502,4.3392589 10.0442416,3.96168734 C9.76563301,3.57332802 9.48702442,3.19575645 9.19770011,2.82897264 C8.9083758,2.45140108 8.6190515,2.08461727 8.31901147,1.71783347 L8.23328575,1.62074364 C8.07255003,1.3942007 7.86895144,1.21080879 7.63320571,1.07056793 C7.4188914,0.951902577 7.18314567,0.887176023 6.93668422,0.876388264 C6.70093849,0.865600505 6.46519276,0.930327059 6.26159417,1.03820465 C6.03656416,1.15687 5.854397,1.32947414 5.72580842,1.55601708 L5.66151413,1.65310691 C5.15787552,2.37588677 4.68638405,3.10945438 4.2256083,3.87538527 C3.76483255,4.64131616 3.32548824,5.42882256 2.89685963,6.25948001 C2.46823103,7.07934969 2.07174957,7.92079489 1.69669954,8.78381561 C1.32164951,9.64683633 0.957315198,10.5422203 0.62512803,11.4591798 C0.496539449,11.7072983 0.432245158,11.9769923 0.442960873,12.2466863 C0.453676588,12.5163802 0.528686594,12.7752864 0.657275175,13.0018294 C0.925168053,13.4872785 1.39665952,13.8216991 1.94316099,13.9187889 C2.45751531,13.9943032 2.97186964,14.0590298 3.47550825,14.1237563 C3.98986257,14.1776951 4.49350118,14.2208462 4.99713979,14.2532094 C5.5007784,14.2855727 5.9937013,14.3071482 6.49733991,14.317936 C6.9902628,14.3287237 7.48318569,14.317936 7.97610859,14.3071482 C8.46903148,14.2963605 8.95123866,14.2639972 9.42273013,14.2316339 C9.89422159,14.1992706 10.3764288,14.1453318 10.8479202,14.091393 C11.3194117,14.0266665 11.7801875,13.9619399 12.2409632,13.8756379 C12.7017389,13.7893358 13.151799,13.7030337 13.601859,13.5951561 C13.7840262,13.5627929 13.9447619,13.4980663 14.0947819,13.4009765 C14.2340862,13.3038866 14.3626748,13.1852213 14.4591162,13.0341927 C14.5555577,12.883164 14.6305677,12.7213477 14.6627148,12.5595313 C14.7055777,12.3869271 14.7162934,12.2035352 14.7055777,12.0201433 C14.694862,11.9554168 14.6841462,11.8906902 14.6734305,11.8151759 C14.6627148,11.7504493 14.6412834,11.6857228 14.619852,11.6102085 C14.5984205,11.5454819 14.5662734,11.4807554 14.5341262,11.4160288 C14.5234105,11.3297267 14.4805477,11.2650002 14.4376848,11.2110614" id="Fill-4" fill="#B43C31"></path> <path d="M13.6875847,13.5520051 C13.6875847,13.5520051 15.5521192,13.2067968 15.4771092,11.9662045 L13.5804276,12.4948047 L13.6875847,13.5520051 Z" id="Fill-6" fill="#B43C31"></path> <path d="M5.74723985,1.53444156 C5.74723985,1.53444156 6.76523278,-0.0729345282 7.75107857,0.00257978486 L6.32588846,1.67468243 L5.74723985,1.53444156 Z" id="Fill-8" fill="#B43C31"></path> </g> <g id="Group-26" transform="translate(1.127604, 4.667054)"> <g id="Group-13" fill="#F36457"> <path d="M8.01650694,4.64008484 L8.01650694,5.03923192 C8.01650694,5.17947279 8.00579123,5.3089259 8.00579123,5.44916677 C8.00579123,5.58940763 7.99507551,5.71886074 7.9843598,5.85910161 C7.97364408,5.98855472 7.97364408,6.12879558 7.96292837,6.25824869 C7.95221265,6.3877018 7.94149694,6.52794267 7.93078122,6.65739578 C7.92006551,6.78684888 7.90934979,6.92708975 7.89863408,7.06733062 C7.88791836,7.20757148 7.86648693,7.34781235 7.85577122,7.47726546 C7.8450555,7.60671857 7.82362407,7.74695943 7.80219264,7.87641254 C7.7700455,8.14610652 7.53429976,8.35107394 7.25569117,8.35107394 C7.12710259,8.35107394 6.99851401,8.3079229 6.89135686,8.23240859 C6.77348399,8.14610652 6.68775827,8.02744117 6.64489541,7.8872003 C6.55916969,7.61750633 6.4948754,7.34781235 6.43058111,7.07811838 C6.36628682,6.8084244 6.30199253,6.53873043 6.23769824,6.25824869 C6.17340395,5.98855472 6.11982537,5.70807298 6.07696251,5.43837901 C6.02338393,5.16868503 5.98052107,4.89899106 5.93765821,4.62929708 C5.9269425,4.54299501 5.91622678,4.44590518 5.90551107,4.35960311 C5.89479535,4.27330104 5.88407964,4.1762112 5.88407964,4.08990913 C5.88407964,4.00360706 5.87336392,3.90651723 5.87336392,3.82021516 C5.87336392,3.73391309 5.87336392,3.63682325 5.88407964,3.55052118 C5.89479535,3.41028032 5.9269425,3.28082721 5.99123679,3.16216186 C6.05553108,3.04349651 6.13054109,2.94640668 6.23769824,2.87089236 C6.33413967,2.79537805 6.45201254,2.7306515 6.58060112,2.69828822 C6.7091897,2.66592494 6.848494,2.65513718 6.98779829,2.68750046 C7.10567116,2.70907598 7.21282831,2.74143926 7.30926975,2.79537805 C7.40571118,2.84931685 7.50215262,2.9140434 7.57716262,3.00034547 C7.66288835,3.07585979 7.72718264,3.17294962 7.78076121,3.27003945 C7.83433979,3.36712928 7.87720265,3.47500687 7.89863408,3.58288446 C7.92006551,3.66918653 7.93078122,3.76627636 7.95221265,3.85257843 C7.97364408,3.93888051 7.97364408,4.03597034 7.9843598,4.12227241 C7.99507551,4.20857448 8.00579123,4.30566431 8.00579123,4.39196638 C8.00579123,4.45669294 8.01650694,4.54299501 8.01650694,4.64008484 M7.47000547,11.0911647 C7.35213261,11.0911647 7.24497546,11.0695892 7.13781831,11.0264382 C7.03066115,10.9832871 6.93421972,10.9185606 6.85920971,10.8430463 C6.68775827,10.6812299 6.58060112,10.4546869 6.5698854,10.2173562 C6.55916969,10.0986909 6.5698854,9.98002555 6.61274827,9.87214796 C6.64489541,9.76427037 6.69847399,9.66718054 6.77348399,9.59166622 C6.923504,9.41906208 7.12710259,9.32197225 7.35213261,9.32197225 C7.45928976,9.32197225 7.57716262,9.34354777 7.67360406,9.3866988 C7.78076121,9.42984984 7.87720265,9.49457639 7.95221265,9.57009071 C8.12366409,9.73190709 8.23082125,9.95845003 8.25225268,10.1957807 C8.26296839,10.3144461 8.25225268,10.4331114 8.20938982,10.540989 C8.17724267,10.6488666 8.12366409,10.7459564 8.04865409,10.8214708 C7.89863408,10.9940749 7.69503549,11.0911647 7.47000547,11.0911647 M14.220906,10.3360216 C14.0065917,9.91529899 13.7815617,9.49457639 13.5672474,9.07385379 C13.3529331,8.65313119 13.1171873,8.24319635 12.8707259,7.83326151 C12.6349802,7.42332666 12.3885187,7.01339182 12.1420573,6.61424474 C11.8955958,6.21509766 11.6384186,5.81595057 11.3812415,5.41680349 C11.1240643,5.01765641 10.8561714,4.62929708 10.5882786,4.24093776 C10.3203857,3.85257843 10.0417771,3.46421911 9.7631685,3.08664755 C9.48455991,2.69828822 9.1952356,2.32071666 8.9059113,1.95393285 C8.61658699,1.57636128 8.31654697,1.20957748 8.01650694,0.842793672 L7.93078122,0.745703841 C7.7700455,0.519160902 7.55573119,0.335768999 7.31998546,0.195528132 C7.10567116,0.0768627829 6.85920971,0.0121362289 6.61274827,0.00134846988 C6.37700253,-0.00943928913 6.1412568,0.0444995059 5.9269425,0.163164855 C5.70191248,0.281830204 5.51974532,0.454434348 5.38044103,0.680977287 L5.31614674,0.778067118 C4.81250813,1.50084697 4.31958523,2.23441458 3.84809377,3.00034547 C3.3766023,3.76627636 2.93725799,4.55378277 2.49791367,5.38444021 C2.05856935,6.2043099 1.65137217,7.0457551 1.27632214,7.90877582 C0.890556401,8.77179654 0.536937803,9.66718054 0.183319204,10.5841401 C0.0547306232,10.8322585 -0.00956366743,11.1019525 0.00115204767,11.3716465 C0.0118677628,11.6413404 0.0868777685,11.9002467 0.21546635,12.1267896 C0.483359227,12.6122387 0.965566407,12.9466593 1.52278359,13.0437491 C2.03713792,13.1192634 2.56220796,13.18399 3.07656228,13.2487165 C3.59091661,13.3026553 4.10527093,13.3458064 4.61962526,13.3781696 C5.12326387,13.4105329 5.63761819,13.4321084 6.1412568,13.4428962 C6.64489541,13.4536839 7.14853402,13.4428962 7.64145691,13.4321084 C8.13437981,13.4213207 8.6273027,13.3889574 9.1202256,13.3565941 C9.61314849,13.3134431 10.0953557,13.270292 10.5668471,13.2163532 C11.0383386,13.1624145 11.5098301,13.0869001 11.9813215,13.0005981 C12.452813,12.914296 12.9135887,12.8279939 13.3743645,12.7201163 C13.5565317,12.6877531 13.7279831,12.6230265 13.8780031,12.5259367 C14.0280231,12.4288468 14.145896,12.3101815 14.2423374,12.1591529 C14.3387789,12.0081242 14.4137889,11.8463079 14.4566517,11.6844915 C14.4995146,11.5118873 14.5102303,11.3284954 14.4995146,11.1451035 C14.4887989,11.080377 14.4780831,11.0156504 14.4673674,10.9401361 C14.4566517,10.8754095 14.4352203,10.810683 14.4137889,10.7351687 C14.3923574,10.6704421 14.3602103,10.6057156 14.3280631,10.540989 C14.295916,10.4546869 14.2530531,10.3899604 14.220906,10.3360216" id="Fill-11"></path> </g> <g id="Group-16" transform="translate(5.884080, 2.657172)" fill="#B43C31"> <path d="M2.13242731,1.9721252 L2.13242731,2.37127228 C2.13242731,2.51151315 2.12171159,2.64096626 2.12171159,2.78120713 C2.12171159,2.92144799 2.11099587,3.0509011 2.10028016,3.19114197 C2.08956444,3.32059508 2.08956444,3.46083594 2.07884873,3.59028905 C2.06813301,3.71974216 2.0574173,3.85998303 2.04670158,3.98943613 C2.03598587,4.11888924 2.02527015,4.25913011 2.01455444,4.39937098 C2.00383872,4.53961184 1.98240729,4.66906495 1.97169158,4.80930582 C1.96097586,4.94954669 1.93954443,5.07899979 1.918113,5.2084529 C1.89668157,5.34869377 1.83238728,5.46735912 1.72523013,5.56444895 C1.6287887,5.63996326 1.50020011,5.6831143 1.38232725,5.6831143 C1.25373867,5.6831143 1.12515009,5.63996326 1.01799293,5.56444895 C0.900120069,5.47814688 0.814394348,5.35948153 0.771531487,5.21924066 C0.696521482,4.94954669 0.621511476,4.67985271 0.557217185,4.41015874 C0.492922895,4.14046476 0.428628604,3.87077078 0.364334313,3.59028905 C0.300040023,3.30980732 0.257177162,3.0509011 0.203598587,2.77041937 C0.150020011,2.48993763 0.107157151,2.23103142 0.0642942906,1.96133744 C0.0535785755,1.87503537 0.0428628604,1.77794554 0.0321471453,1.69164347 C0.0214314302,1.60534139 0.0107157151,1.50825156 0.0107157151,1.42194949 C0.0107157151,1.33564742 0,1.23855759 0,1.15225552 C0,1.06595344 0,0.968863613 0.0107157151,0.882561541 C0.0214314302,0.742320674 0.0535785755,0.612867566 0.117872866,0.494202217 C0.235745732,0.267659278 0.450060034,0.0950551335 0.696521482,0.0303285795 C0.825110063,-0.00203469756 0.964414359,-0.0128224566 1.10371866,0.0195408205 C1.22159152,0.0411163385 1.32874867,0.0734796155 1.42519011,0.12741841 C1.52163154,0.181357206 1.60735727,0.24608376 1.69308299,0.332385832 C1.85381871,0.494202217 1.97169158,0.699169638 2.01455444,0.914924818 C2.03598587,1.00122689 2.04670158,1.09831672 2.06813301,1.18461879 C2.07884873,1.27092086 2.08956444,1.3680107 2.10028016,1.45431277 C2.11099587,1.54061484 2.11099587,1.62691691 2.12171159,1.72400674 C2.13242731,1.82109657 2.12171159,1.88582313 2.13242731,1.9721252" id="Fill-14"></path> </g> <g id="Group-19" transform="translate(6.280572, 2.219378)" fill="#FFFFFF"> <path d="M2.13242731,1.95683343 L2.13242731,2.34519275 C2.13242731,2.47464586 2.12171159,2.61488673 2.12171159,2.7551276 C2.12171159,2.89536846 2.11099587,3.02482157 2.10028016,3.16506244 C2.08956444,3.29451555 2.08956444,3.43475641 2.07884873,3.56420952 C2.06813301,3.69366263 2.0574173,3.82311574 2.04670158,3.9633566 C2.03598587,4.09280971 2.02527015,4.23305058 2.01455444,4.37329145 C2.00383872,4.51353231 1.98240729,4.64298542 1.97169158,4.78322629 C1.96097586,4.92346716 1.93954443,5.05292026 1.918113,5.18237337 C1.89668157,5.32261424 1.83238728,5.44127959 1.72523013,5.52758166 C1.6287887,5.60309597 1.51091583,5.64624701 1.38232725,5.64624701 C1.25373867,5.64624701 1.12515009,5.60309597 1.01799293,5.52758166 C0.900120069,5.44127959 0.814394348,5.32261424 0.771531487,5.18237337 C0.696521482,4.9126794 0.621511476,4.64298542 0.557217185,4.3840792 C0.492922895,4.12517299 0.428628604,3.84469125 0.364334313,3.57499728 C0.300040023,3.3053033 0.257177162,3.03560933 0.203598587,2.7551276 C0.150020011,2.47464586 0.107157151,2.21573965 0.0642942906,1.94604567 C0.0535785755,1.8597436 0.0428628604,1.76265377 0.0321471453,1.67635169 C0.0214314302,1.59004962 0.0214314302,1.49295979 0.0107157151,1.40665772 C0,1.32035565 0,1.22326582 0,1.13696374 C0,1.05066167 0,0.953571842 0.0107157151,0.86726977 C0.0214314302,0.727028902 0.0535785755,0.597575794 0.117872866,0.478910445 C0.235745732,0.252367506 0.450060034,0.0797633622 0.696521482,0.0258245672 C0.825110063,-0.00653870979 0.964414359,-0.00653870979 1.09300294,0.0150368082 C1.21087581,0.0366123262 1.31803296,0.0689756032 1.41447439,0.122914398 C1.51091583,0.176853193 1.59664155,0.241579747 1.67165156,0.327881819 C1.75737728,0.403396132 1.82167157,0.500485963 1.87525014,0.597575794 C1.92882872,0.694665625 1.97169158,0.802543216 1.99312301,0.910420806 C2.01455444,0.996722878 2.02527015,1.08302495 2.04670158,1.18011478 C2.0574173,1.26641685 2.06813301,1.36350668 2.07884873,1.44980876 C2.08956444,1.53611083 2.08956444,1.6224129 2.10028016,1.71950273 C2.13242731,1.78422928 2.13242731,1.87053136 2.13242731,1.95683343" id="Fill-17"></path> </g> <g id="Group-22" transform="translate(6.544600, 9.321972)" fill="#B43C31"> <path d="M1.70766364,0.873808479 C1.71837936,0.992473828 1.70766364,1.11113918 1.66480078,1.21901677 C1.63265364,1.32689436 1.57907506,1.42398419 1.50406506,1.4994985 C1.36476076,1.67210265 1.15044646,1.76919248 0.92541644,1.76919248 C0.807543574,1.76919248 0.700386423,1.74761696 0.593229272,1.70446592 C0.486072121,1.66131489 0.389630685,1.59658833 0.303904965,1.52107402 C0.132453523,1.35925763 0.0252963719,1.1327147 0.00386494171,0.895383997 C-0.00685077339,0.776718648 0.00386494171,0.658053299 0.0467278021,0.550175709 C0.0788749474,0.442298119 0.132453523,0.345208288 0.207463529,0.269693975 C0.35748354,0.10787759 0.561082127,0.010787759 0.786112144,0 C0.90398501,0 1.01114216,0.021575518 1.11829931,0.064726554 C1.22545646,0.10787759 1.3218979,0.172604144 1.3969079,0.248118457 C1.57907506,0.420722601 1.68623221,0.636477781 1.70766364,0.873808479" id="Fill-20"></path> </g> <g id="Group-25" transform="translate(6.973218, 8.847311)" fill="#FFFFFF"> <path d="M1.68623221,0.86302072 C1.69694793,0.981686069 1.68623221,1.10035142 1.64336935,1.20822901 C1.61122221,1.3161066 1.55764363,1.40240867 1.48263363,1.48871074 C1.34332933,1.66131489 1.12901503,1.75840472 0.914700725,1.75840472 C0.796827859,1.75840472 0.689670708,1.7368292 0.582513557,1.69367816 C0.475356406,1.65052713 0.37891497,1.58580057 0.303904965,1.51028626 C0.132453523,1.34846988 0.0252963719,1.12192694 0.00386494171,0.884596238 C-0.00685077339,0.765930889 0.00386494171,0.64726554 0.0467278021,0.53938795 C0.0788749474,0.43151036 0.132453523,0.345208288 0.207463529,0.258906216 C0.346767825,0.097089831 0.561082127,0 0.786112144,0 C0.893269295,0 1.01114216,0.021575518 1.1075836,0.064726554 C1.21474075,0.10787759 1.31118218,0.172604144 1.38619219,0.248118457 C1.55764363,0.409934842 1.65408507,0.636477781 1.68623221,0.86302072" id="Fill-23"></path> </g> </g> <g id="Group-31" transform="translate(10.247840, 0.008091)" fill="#B43C31"> <path d="M0,0.377571565 C0,0.377571565 0.268216508,0.075514313 0.587521875,0 L0.293760938,0.377571565 L0,0.377571565 Z" id="Fill-27"></path> <path d="M0.652159809,4.42298119 C0.664932024,4.42298119 1.04809846,4.47691999 1.2524539,4.0777729 L0.84374303,3.96989531 L0.652159809,4.42298119 Z" id="Fill-29"></path> </g> <g id="Group-34" transform="translate(9.186984, 0.312845)" fill="#B43C31"> <path d="M1.26445438,2.42454884 L0.214314302,2.42454884 C0.171451442,2.42454884 0.139304296,2.41376108 0.107157151,2.39218556 C0.0428628604,2.35982228 0.0107157151,2.28430797 0,2.21958142 C0,2.18721814 0,2.1440671 0.0214314302,2.11170383 L1.05014008,0.0943928913 C1.07157151,0.0512418553 1.10371866,0.0188785783 1.14658152,0.00809081925 C1.18944438,-0.00269693975 1.23230724,-0.00269693975 1.26445438,0.00809081925 C1.30731724,0.0188785783 1.33946439,0.0512418553 1.37161153,0.0836051323 C1.40375868,0.126756168 1.41447439,0.169907204 1.41447439,0.21305824 L1.43590582,1.28104638 C1.43590582,1.31340966 1.44662154,1.33498518 1.45733725,1.36734845 C1.46805297,1.38892397 1.47876868,1.42128725 1.50020011,1.43207501 C1.52163154,1.45365053 1.54306297,1.46443828 1.5644944,1.47522604 C1.58592583,1.4860138 1.61807298,1.49680156 1.63950441,1.49680156 L2.63606591,1.49680156 C2.66821306,1.49680156 2.70036021,1.50758932 2.73250735,1.51837708 C2.7646545,1.5399526 2.78608593,1.56152812 2.80751736,1.58310363 C2.82894879,1.61546691 2.8396645,1.64783019 2.8396645,1.68019346 C2.8396645,1.71255674 2.8396645,1.74492002 2.82894879,1.78807105 L1.93954443,4.01034941 C1.92882872,4.05350045 1.89668157,4.08586372 1.85381871,4.10743924 C1.81095585,4.12901476 1.77880871,4.12901476 1.73594585,4.118227 C1.69308299,4.10743924 1.66093584,4.08586372 1.6287887,4.05350045 C1.59664155,4.02113717 1.57521012,3.96719837 1.57521012,3.92404734 L1.47876868,2.64030402 C1.47876868,2.60794074 1.46805297,2.58636522 1.45733725,2.5647897 C1.44662154,2.54321419 1.42519011,2.52163867 1.41447439,2.50006315 C1.39304296,2.47848763 1.37161153,2.46769987 1.3501801,2.45691211 C1.31803296,2.42454884 1.29660153,2.42454884 1.26445438,2.42454884" id="Fill-32"></path> </g> <g id="Group-37" transform="translate(9.583466, 0.000000)" fill="#F36457"> <path d="M0.214314302,2.4353366 C0.171451442,2.4353366 0.139304296,2.42454884 0.107157151,2.40297332 C0.0428628604,2.35982228 0.0107157151,2.29509573 0,2.23036917 C0,2.1980059 0,2.15485486 0.0214314302,2.12249158 L1.05014008,0.0943928913 C1.07157151,0.0512418553 1.10371866,0.0188785783 1.14658152,0.00809081925 C1.18944438,-0.00269693975 1.23230724,-0.00269693975 1.26445438,0.00809081925 C1.30731724,0.0188785783 1.33946439,0.0404540963 1.37161153,0.0836051323 C1.40375868,0.115968409 1.41447439,0.169907204 1.41447439,0.21305824 L1.43590582,1.28104638 C1.43590582,1.31340966 1.44662154,1.33498518 1.45733725,1.36734845 C1.47876868,1.42128725 1.51091583,1.45365053 1.5644944,1.4860138 C1.58592583,1.49680156 1.61807298,1.50758932 1.63950441,1.50758932 L2.63606591,1.50758932 C2.66821306,1.50758932 2.70036021,1.51837708 2.73250735,1.52916484 C2.7646545,1.55074036 2.78608593,1.57231587 2.80751736,1.59389139 C2.82894879,1.62625467 2.8396645,1.65861795 2.8396645,1.69098122 C2.8396645,1.7233445 2.8396645,1.75570778 2.82894879,1.79885881 L1.93954443,4.02113717 C1.92882872,4.0642882 1.89668157,4.09665148 1.85381871,4.118227 C1.81095585,4.13980252 1.77880871,4.13980252 1.73594585,4.12901476 C1.69308299,4.118227 1.66093584,4.09665148 1.6287887,4.0642882 C1.59664155,4.03192493 1.57521012,3.97798613 1.57521012,3.9348351 L1.47876868,2.65109178 C1.47876868,2.6187285 1.46805297,2.59715298 1.45733725,2.57557746 C1.44662154,2.55400194 1.42519011,2.53242643 1.41447439,2.51085091 C1.39304296,2.48927539 1.37161153,2.47848763 1.3501801,2.46769987 C1.31803296,2.44612435 1.29660153,2.4353366 1.26445438,2.4353366 L0.214314302,2.4353366 Z" id="Fill-35"></path> </g> </g> </g> </svg> <small>Uploading Logo size should be less than 1MB.</small> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="close" class="close-svg" onclick="InvoiceGenerator.showHideErr('image_upload', false);"><g><path d="M428.4935,389.33a27.6974,27.6974,0,0,1-39.17,39.17l-133.32-133.33L122.6734,428.5a27.6973,27.6973,0,0,1-39.17-39.17L216.8334,256,83.5035,122.67a27.6973,27.6973,0,0,1,39.17-39.17l133.33,133.33L389.3233,83.5a27.6974,27.6974,0,1,1,39.17,39.17L295.1634,256Z" style="fill: #606060"/></g></svg> </div> <div class="hide upload-logo-error-msg" id="response_err"> <svg width="17px" height="21px" viewBox="0 0 17 21" alt="caution" class="caution-svg"> <title>Group 38</title> <defs> <polygon id="path-1" points="-1.75478296e-16 0 16.045567 0 16.045567 15.6131364 -1.75478296e-16 15.6131364"></polygon> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Group-38"> <g id="Group-10" transform="translate(0.000000, 4.655035)"> <g id="Group-3" transform="translate(0.000000, 0.281355)"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-2"></g> <path d="M7.68678428,0.00170648909 C8.73692436,0.0232820071 9.76563301,0.228249428 10.7407631,0.627396511 C11.683746,1.01575584 12.5517189,1.55514379 13.301819,2.24556036 C14.0519191,2.92518918 14.6734305,3.7342711 15.144922,4.6296551 C15.6271292,5.54661462 15.9164535,6.5498762 16.0128949,7.58550107 C16.1093364,8.61033817 15.9914635,9.63517528 15.669992,10.6060736 C15.3592363,11.5446086 14.8555977,12.4076293 14.1912233,13.141197 C13.5161333,13.8963401 12.6910232,14.5004546 11.7801875,14.9103894 C10.7943417,15.3526876 9.73348587,15.600806 8.65119864,15.6115938 C7.53676427,15.6331693 6.43304561,15.4282019 5.39362125,15.018267 C4.38634403,14.6191199 3.45407682,14.0257932 2.6611139,13.2814378 C1.86815098,12.5478702 1.23592379,11.6740617 0.764432326,10.7031634 C0.303656577,9.72147735 0.0464794143,8.66427697 0.00361655385,7.57471331 C-0.0285305915,6.52830069 0.153636565,5.49267582 0.550118024,4.52177751 C0.925168053,3.61560576 1.49310095,2.78494831 2.20033815,2.10531949 C2.90757535,1.42569068 3.74340112,0.886302727 4.66495262,0.53030668 C5.6400827,0.163522874 6.65807563,-0.0198690289 7.68678428,0.00170648909" id="Fill-1" fill="#F36457" opacity="0.100000001" mask="url(#mask-2)"></path> </g> <path d="M8.32972719,5.51512464 L8.32972719,5.91427172 C8.32972719,6.04372483 8.31901147,6.18396569 8.31901147,6.32420656 C8.30829576,6.46444743 8.30829576,6.59390054 8.29758004,6.7341414 C8.28686433,6.87438227 8.28686433,7.00383538 8.27614861,7.13328849 C8.2654329,7.26274159 8.25471718,7.40298246 8.24400147,7.53243557 C8.23328575,7.66188868 8.22257004,7.80212954 8.21185432,7.94237041 C8.20113861,8.08261128 8.19042289,8.22285215 8.16899146,8.35230525 C8.14756003,8.48175836 8.13684432,8.62199923 8.11541289,8.75145234 C8.08326574,9.02114631 7.84752001,9.22611373 7.57962713,9.22611373 C7.45103855,9.22611373 7.32244997,9.1829627 7.22600853,9.10744838 C7.10813567,9.02114631 7.02240995,8.90248096 6.97954708,8.7622401 C6.90453708,8.49254612 6.82952707,8.22285215 6.76523278,7.95315817 C6.70093849,7.6834642 6.6366442,7.41377022 6.57234991,7.13328849 C6.50805562,6.85280675 6.45447704,6.58311278 6.41161418,6.3134188 C6.36875132,6.04372483 6.31517275,5.77403085 6.27230989,5.50433688 C6.26159417,5.4180348 6.25087846,5.32094497 6.24016274,5.2346429 C6.22944703,5.14834083 6.21873131,5.051251 6.21873131,4.96494893 C6.21873131,4.87864685 6.2080156,4.78155702 6.2080156,4.69525495 C6.2080156,4.60895288 6.2080156,4.51186305 6.21873131,4.42556098 C6.22944703,4.28532011 6.26159417,4.155867 6.32588846,4.03720165 C6.37946704,3.9185363 6.46519276,3.82144647 6.5616342,3.74593216 C6.65807563,3.67041785 6.7759485,3.60569129 6.89382136,3.57332802 C7.02240995,3.54096474 7.16171424,3.53017698 7.29030282,3.56254026 C7.39745997,3.58411577 7.51533284,3.61647905 7.61177428,3.67041785 C7.70821571,3.72435664 7.79394143,3.7890832 7.87966715,3.87538527 C7.95467716,3.95089958 8.02968716,4.04798941 8.08326574,4.14507924 C8.13684432,4.24216907 8.17970718,4.35004666 8.20113861,4.45792425 C8.22257004,4.54422633 8.23328575,4.64131616 8.25471718,4.72761823 C8.27614861,4.8139203 8.27614861,4.91101013 8.28686433,4.9973122 C8.29758004,5.08361428 8.29758004,5.18070411 8.30829576,5.26700618 C8.32972719,5.33173273 8.32972719,5.4180348 8.32972719,5.51512464 M7.80465715,11.9662045 C7.68678428,11.9662045 7.57962713,11.944629 7.47246998,11.901478 C7.36531283,11.8583269 7.26887139,11.7936004 7.19386139,11.7180861 C7.02240995,11.5562697 6.91525279,11.3297267 6.90453708,11.092396 C6.89382136,10.9737307 6.90453708,10.8550653 6.94739994,10.7471878 C6.97954708,10.6393102 7.03312566,10.5422203 7.10813567,10.466706 C7.24743996,10.2941019 7.46175426,10.197012 7.67606857,10.197012 C7.78322572,10.197012 7.90109858,10.2185876 7.99754002,10.2617386 C8.10469717,10.3048896 8.19042289,10.3696162 8.27614861,10.4451305 C8.44760005,10.6069469 8.5547572,10.8334898 8.56547292,11.0708205 C8.57618863,11.1894859 8.56547292,11.3081512 8.52261006,11.4160288 C8.49046291,11.5239064 8.43688434,11.6209962 8.37259005,11.6965105 C8.22257004,11.8691147 8.01897145,11.9662045 7.80465715,11.9662045 M14.4376848,11.2110614 C14.2233705,10.7903388 14.0090562,10.3696162 13.7947419,9.94889359 C13.5804276,9.52817099 13.3446819,9.11823614 13.1089361,8.7083013 C12.8731904,8.29836646 12.6374447,7.88843162 12.3909832,7.48928453 C12.1445218,7.09013745 11.8980603,6.69099037 11.6408832,6.29184328 C11.383706,5.8926962 11.1265288,5.50433688 10.858636,5.11597755 C10.5907431,4.72761823 10.3228502,4.3392589 10.0442416,3.96168734 C9.76563301,3.57332802 9.48702442,3.19575645 9.19770011,2.82897264 C8.9083758,2.45140108 8.6190515,2.08461727 8.31901147,1.71783347 L8.23328575,1.62074364 C8.07255003,1.3942007 7.86895144,1.21080879 7.63320571,1.07056793 C7.4188914,0.951902577 7.18314567,0.887176023 6.93668422,0.876388264 C6.70093849,0.865600505 6.46519276,0.930327059 6.26159417,1.03820465 C6.03656416,1.15687 5.854397,1.32947414 5.72580842,1.55601708 L5.66151413,1.65310691 C5.15787552,2.37588677 4.68638405,3.10945438 4.2256083,3.87538527 C3.76483255,4.64131616 3.32548824,5.42882256 2.89685963,6.25948001 C2.46823103,7.07934969 2.07174957,7.92079489 1.69669954,8.78381561 C1.32164951,9.64683633 0.957315198,10.5422203 0.62512803,11.4591798 C0.496539449,11.7072983 0.432245158,11.9769923 0.442960873,12.2466863 C0.453676588,12.5163802 0.528686594,12.7752864 0.657275175,13.0018294 C0.925168053,13.4872785 1.39665952,13.8216991 1.94316099,13.9187889 C2.45751531,13.9943032 2.97186964,14.0590298 3.47550825,14.1237563 C3.98986257,14.1776951 4.49350118,14.2208462 4.99713979,14.2532094 C5.5007784,14.2855727 5.9937013,14.3071482 6.49733991,14.317936 C6.9902628,14.3287237 7.48318569,14.317936 7.97610859,14.3071482 C8.46903148,14.2963605 8.95123866,14.2639972 9.42273013,14.2316339 C9.89422159,14.1992706 10.3764288,14.1453318 10.8479202,14.091393 C11.3194117,14.0266665 11.7801875,13.9619399 12.2409632,13.8756379 C12.7017389,13.7893358 13.151799,13.7030337 13.601859,13.5951561 C13.7840262,13.5627929 13.9447619,13.4980663 14.0947819,13.4009765 C14.2340862,13.3038866 14.3626748,13.1852213 14.4591162,13.0341927 C14.5555577,12.883164 14.6305677,12.7213477 14.6627148,12.5595313 C14.7055777,12.3869271 14.7162934,12.2035352 14.7055777,12.0201433 C14.694862,11.9554168 14.6841462,11.8906902 14.6734305,11.8151759 C14.6627148,11.7504493 14.6412834,11.6857228 14.619852,11.6102085 C14.5984205,11.5454819 14.5662734,11.4807554 14.5341262,11.4160288 C14.5234105,11.3297267 14.4805477,11.2650002 14.4376848,11.2110614" id="Fill-4" fill="#B43C31"></path> <path d="M13.6875847,13.5520051 C13.6875847,13.5520051 15.5521192,13.2067968 15.4771092,11.9662045 L13.5804276,12.4948047 L13.6875847,13.5520051 Z" id="Fill-6" fill="#B43C31"></path> <path d="M5.74723985,1.53444156 C5.74723985,1.53444156 6.76523278,-0.0729345282 7.75107857,0.00257978486 L6.32588846,1.67468243 L5.74723985,1.53444156 Z" id="Fill-8" fill="#B43C31"></path> </g> <g id="Group-26" transform="translate(1.127604, 4.667054)"> <g id="Group-13" fill="#F36457"> <path d="M8.01650694,4.64008484 L8.01650694,5.03923192 C8.01650694,5.17947279 8.00579123,5.3089259 8.00579123,5.44916677 C8.00579123,5.58940763 7.99507551,5.71886074 7.9843598,5.85910161 C7.97364408,5.98855472 7.97364408,6.12879558 7.96292837,6.25824869 C7.95221265,6.3877018 7.94149694,6.52794267 7.93078122,6.65739578 C7.92006551,6.78684888 7.90934979,6.92708975 7.89863408,7.06733062 C7.88791836,7.20757148 7.86648693,7.34781235 7.85577122,7.47726546 C7.8450555,7.60671857 7.82362407,7.74695943 7.80219264,7.87641254 C7.7700455,8.14610652 7.53429976,8.35107394 7.25569117,8.35107394 C7.12710259,8.35107394 6.99851401,8.3079229 6.89135686,8.23240859 C6.77348399,8.14610652 6.68775827,8.02744117 6.64489541,7.8872003 C6.55916969,7.61750633 6.4948754,7.34781235 6.43058111,7.07811838 C6.36628682,6.8084244 6.30199253,6.53873043 6.23769824,6.25824869 C6.17340395,5.98855472 6.11982537,5.70807298 6.07696251,5.43837901 C6.02338393,5.16868503 5.98052107,4.89899106 5.93765821,4.62929708 C5.9269425,4.54299501 5.91622678,4.44590518 5.90551107,4.35960311 C5.89479535,4.27330104 5.88407964,4.1762112 5.88407964,4.08990913 C5.88407964,4.00360706 5.87336392,3.90651723 5.87336392,3.82021516 C5.87336392,3.73391309 5.87336392,3.63682325 5.88407964,3.55052118 C5.89479535,3.41028032 5.9269425,3.28082721 5.99123679,3.16216186 C6.05553108,3.04349651 6.13054109,2.94640668 6.23769824,2.87089236 C6.33413967,2.79537805 6.45201254,2.7306515 6.58060112,2.69828822 C6.7091897,2.66592494 6.848494,2.65513718 6.98779829,2.68750046 C7.10567116,2.70907598 7.21282831,2.74143926 7.30926975,2.79537805 C7.40571118,2.84931685 7.50215262,2.9140434 7.57716262,3.00034547 C7.66288835,3.07585979 7.72718264,3.17294962 7.78076121,3.27003945 C7.83433979,3.36712928 7.87720265,3.47500687 7.89863408,3.58288446 C7.92006551,3.66918653 7.93078122,3.76627636 7.95221265,3.85257843 C7.97364408,3.93888051 7.97364408,4.03597034 7.9843598,4.12227241 C7.99507551,4.20857448 8.00579123,4.30566431 8.00579123,4.39196638 C8.00579123,4.45669294 8.01650694,4.54299501 8.01650694,4.64008484 M7.47000547,11.0911647 C7.35213261,11.0911647 7.24497546,11.0695892 7.13781831,11.0264382 C7.03066115,10.9832871 6.93421972,10.9185606 6.85920971,10.8430463 C6.68775827,10.6812299 6.58060112,10.4546869 6.5698854,10.2173562 C6.55916969,10.0986909 6.5698854,9.98002555 6.61274827,9.87214796 C6.64489541,9.76427037 6.69847399,9.66718054 6.77348399,9.59166622 C6.923504,9.41906208 7.12710259,9.32197225 7.35213261,9.32197225 C7.45928976,9.32197225 7.57716262,9.34354777 7.67360406,9.3866988 C7.78076121,9.42984984 7.87720265,9.49457639 7.95221265,9.57009071 C8.12366409,9.73190709 8.23082125,9.95845003 8.25225268,10.1957807 C8.26296839,10.3144461 8.25225268,10.4331114 8.20938982,10.540989 C8.17724267,10.6488666 8.12366409,10.7459564 8.04865409,10.8214708 C7.89863408,10.9940749 7.69503549,11.0911647 7.47000547,11.0911647 M14.220906,10.3360216 C14.0065917,9.91529899 13.7815617,9.49457639 13.5672474,9.07385379 C13.3529331,8.65313119 13.1171873,8.24319635 12.8707259,7.83326151 C12.6349802,7.42332666 12.3885187,7.01339182 12.1420573,6.61424474 C11.8955958,6.21509766 11.6384186,5.81595057 11.3812415,5.41680349 C11.1240643,5.01765641 10.8561714,4.62929708 10.5882786,4.24093776 C10.3203857,3.85257843 10.0417771,3.46421911 9.7631685,3.08664755 C9.48455991,2.69828822 9.1952356,2.32071666 8.9059113,1.95393285 C8.61658699,1.57636128 8.31654697,1.20957748 8.01650694,0.842793672 L7.93078122,0.745703841 C7.7700455,0.519160902 7.55573119,0.335768999 7.31998546,0.195528132 C7.10567116,0.0768627829 6.85920971,0.0121362289 6.61274827,0.00134846988 C6.37700253,-0.00943928913 6.1412568,0.0444995059 5.9269425,0.163164855 C5.70191248,0.281830204 5.51974532,0.454434348 5.38044103,0.680977287 L5.31614674,0.778067118 C4.81250813,1.50084697 4.31958523,2.23441458 3.84809377,3.00034547 C3.3766023,3.76627636 2.93725799,4.55378277 2.49791367,5.38444021 C2.05856935,6.2043099 1.65137217,7.0457551 1.27632214,7.90877582 C0.890556401,8.77179654 0.536937803,9.66718054 0.183319204,10.5841401 C0.0547306232,10.8322585 -0.00956366743,11.1019525 0.00115204767,11.3716465 C0.0118677628,11.6413404 0.0868777685,11.9002467 0.21546635,12.1267896 C0.483359227,12.6122387 0.965566407,12.9466593 1.52278359,13.0437491 C2.03713792,13.1192634 2.56220796,13.18399 3.07656228,13.2487165 C3.59091661,13.3026553 4.10527093,13.3458064 4.61962526,13.3781696 C5.12326387,13.4105329 5.63761819,13.4321084 6.1412568,13.4428962 C6.64489541,13.4536839 7.14853402,13.4428962 7.64145691,13.4321084 C8.13437981,13.4213207 8.6273027,13.3889574 9.1202256,13.3565941 C9.61314849,13.3134431 10.0953557,13.270292 10.5668471,13.2163532 C11.0383386,13.1624145 11.5098301,13.0869001 11.9813215,13.0005981 C12.452813,12.914296 12.9135887,12.8279939 13.3743645,12.7201163 C13.5565317,12.6877531 13.7279831,12.6230265 13.8780031,12.5259367 C14.0280231,12.4288468 14.145896,12.3101815 14.2423374,12.1591529 C14.3387789,12.0081242 14.4137889,11.8463079 14.4566517,11.6844915 C14.4995146,11.5118873 14.5102303,11.3284954 14.4995146,11.1451035 C14.4887989,11.080377 14.4780831,11.0156504 14.4673674,10.9401361 C14.4566517,10.8754095 14.4352203,10.810683 14.4137889,10.7351687 C14.3923574,10.6704421 14.3602103,10.6057156 14.3280631,10.540989 C14.295916,10.4546869 14.2530531,10.3899604 14.220906,10.3360216" id="Fill-11"></path> </g> <g id="Group-16" transform="translate(5.884080, 2.657172)" fill="#B43C31"> <path d="M2.13242731,1.9721252 L2.13242731,2.37127228 C2.13242731,2.51151315 2.12171159,2.64096626 2.12171159,2.78120713 C2.12171159,2.92144799 2.11099587,3.0509011 2.10028016,3.19114197 C2.08956444,3.32059508 2.08956444,3.46083594 2.07884873,3.59028905 C2.06813301,3.71974216 2.0574173,3.85998303 2.04670158,3.98943613 C2.03598587,4.11888924 2.02527015,4.25913011 2.01455444,4.39937098 C2.00383872,4.53961184 1.98240729,4.66906495 1.97169158,4.80930582 C1.96097586,4.94954669 1.93954443,5.07899979 1.918113,5.2084529 C1.89668157,5.34869377 1.83238728,5.46735912 1.72523013,5.56444895 C1.6287887,5.63996326 1.50020011,5.6831143 1.38232725,5.6831143 C1.25373867,5.6831143 1.12515009,5.63996326 1.01799293,5.56444895 C0.900120069,5.47814688 0.814394348,5.35948153 0.771531487,5.21924066 C0.696521482,4.94954669 0.621511476,4.67985271 0.557217185,4.41015874 C0.492922895,4.14046476 0.428628604,3.87077078 0.364334313,3.59028905 C0.300040023,3.30980732 0.257177162,3.0509011 0.203598587,2.77041937 C0.150020011,2.48993763 0.107157151,2.23103142 0.0642942906,1.96133744 C0.0535785755,1.87503537 0.0428628604,1.77794554 0.0321471453,1.69164347 C0.0214314302,1.60534139 0.0107157151,1.50825156 0.0107157151,1.42194949 C0.0107157151,1.33564742 0,1.23855759 0,1.15225552 C0,1.06595344 0,0.968863613 0.0107157151,0.882561541 C0.0214314302,0.742320674 0.0535785755,0.612867566 0.117872866,0.494202217 C0.235745732,0.267659278 0.450060034,0.0950551335 0.696521482,0.0303285795 C0.825110063,-0.00203469756 0.964414359,-0.0128224566 1.10371866,0.0195408205 C1.22159152,0.0411163385 1.32874867,0.0734796155 1.42519011,0.12741841 C1.52163154,0.181357206 1.60735727,0.24608376 1.69308299,0.332385832 C1.85381871,0.494202217 1.97169158,0.699169638 2.01455444,0.914924818 C2.03598587,1.00122689 2.04670158,1.09831672 2.06813301,1.18461879 C2.07884873,1.27092086 2.08956444,1.3680107 2.10028016,1.45431277 C2.11099587,1.54061484 2.11099587,1.62691691 2.12171159,1.72400674 C2.13242731,1.82109657 2.12171159,1.88582313 2.13242731,1.9721252" id="Fill-14"></path> </g> <g id="Group-19" transform="translate(6.280572, 2.219378)" fill="#FFFFFF"> <path d="M2.13242731,1.95683343 L2.13242731,2.34519275 C2.13242731,2.47464586 2.12171159,2.61488673 2.12171159,2.7551276 C2.12171159,2.89536846 2.11099587,3.02482157 2.10028016,3.16506244 C2.08956444,3.29451555 2.08956444,3.43475641 2.07884873,3.56420952 C2.06813301,3.69366263 2.0574173,3.82311574 2.04670158,3.9633566 C2.03598587,4.09280971 2.02527015,4.23305058 2.01455444,4.37329145 C2.00383872,4.51353231 1.98240729,4.64298542 1.97169158,4.78322629 C1.96097586,4.92346716 1.93954443,5.05292026 1.918113,5.18237337 C1.89668157,5.32261424 1.83238728,5.44127959 1.72523013,5.52758166 C1.6287887,5.60309597 1.51091583,5.64624701 1.38232725,5.64624701 C1.25373867,5.64624701 1.12515009,5.60309597 1.01799293,5.52758166 C0.900120069,5.44127959 0.814394348,5.32261424 0.771531487,5.18237337 C0.696521482,4.9126794 0.621511476,4.64298542 0.557217185,4.3840792 C0.492922895,4.12517299 0.428628604,3.84469125 0.364334313,3.57499728 C0.300040023,3.3053033 0.257177162,3.03560933 0.203598587,2.7551276 C0.150020011,2.47464586 0.107157151,2.21573965 0.0642942906,1.94604567 C0.0535785755,1.8597436 0.0428628604,1.76265377 0.0321471453,1.67635169 C0.0214314302,1.59004962 0.0214314302,1.49295979 0.0107157151,1.40665772 C0,1.32035565 0,1.22326582 0,1.13696374 C0,1.05066167 0,0.953571842 0.0107157151,0.86726977 C0.0214314302,0.727028902 0.0535785755,0.597575794 0.117872866,0.478910445 C0.235745732,0.252367506 0.450060034,0.0797633622 0.696521482,0.0258245672 C0.825110063,-0.00653870979 0.964414359,-0.00653870979 1.09300294,0.0150368082 C1.21087581,0.0366123262 1.31803296,0.0689756032 1.41447439,0.122914398 C1.51091583,0.176853193 1.59664155,0.241579747 1.67165156,0.327881819 C1.75737728,0.403396132 1.82167157,0.500485963 1.87525014,0.597575794 C1.92882872,0.694665625 1.97169158,0.802543216 1.99312301,0.910420806 C2.01455444,0.996722878 2.02527015,1.08302495 2.04670158,1.18011478 C2.0574173,1.26641685 2.06813301,1.36350668 2.07884873,1.44980876 C2.08956444,1.53611083 2.08956444,1.6224129 2.10028016,1.71950273 C2.13242731,1.78422928 2.13242731,1.87053136 2.13242731,1.95683343" id="Fill-17"></path> </g> <g id="Group-22" transform="translate(6.544600, 9.321972)" fill="#B43C31"> <path d="M1.70766364,0.873808479 C1.71837936,0.992473828 1.70766364,1.11113918 1.66480078,1.21901677 C1.63265364,1.32689436 1.57907506,1.42398419 1.50406506,1.4994985 C1.36476076,1.67210265 1.15044646,1.76919248 0.92541644,1.76919248 C0.807543574,1.76919248 0.700386423,1.74761696 0.593229272,1.70446592 C0.486072121,1.66131489 0.389630685,1.59658833 0.303904965,1.52107402 C0.132453523,1.35925763 0.0252963719,1.1327147 0.00386494171,0.895383997 C-0.00685077339,0.776718648 0.00386494171,0.658053299 0.0467278021,0.550175709 C0.0788749474,0.442298119 0.132453523,0.345208288 0.207463529,0.269693975 C0.35748354,0.10787759 0.561082127,0.010787759 0.786112144,0 C0.90398501,0 1.01114216,0.021575518 1.11829931,0.064726554 C1.22545646,0.10787759 1.3218979,0.172604144 1.3969079,0.248118457 C1.57907506,0.420722601 1.68623221,0.636477781 1.70766364,0.873808479" id="Fill-20"></path> </g> <g id="Group-25" transform="translate(6.973218, 8.847311)" fill="#FFFFFF"> <path d="M1.68623221,0.86302072 C1.69694793,0.981686069 1.68623221,1.10035142 1.64336935,1.20822901 C1.61122221,1.3161066 1.55764363,1.40240867 1.48263363,1.48871074 C1.34332933,1.66131489 1.12901503,1.75840472 0.914700725,1.75840472 C0.796827859,1.75840472 0.689670708,1.7368292 0.582513557,1.69367816 C0.475356406,1.65052713 0.37891497,1.58580057 0.303904965,1.51028626 C0.132453523,1.34846988 0.0252963719,1.12192694 0.00386494171,0.884596238 C-0.00685077339,0.765930889 0.00386494171,0.64726554 0.0467278021,0.53938795 C0.0788749474,0.43151036 0.132453523,0.345208288 0.207463529,0.258906216 C0.346767825,0.097089831 0.561082127,0 0.786112144,0 C0.893269295,0 1.01114216,0.021575518 1.1075836,0.064726554 C1.21474075,0.10787759 1.31118218,0.172604144 1.38619219,0.248118457 C1.55764363,0.409934842 1.65408507,0.636477781 1.68623221,0.86302072" id="Fill-23"></path> </g> </g> <g id="Group-31" transform="translate(10.247840, 0.008091)" fill="#B43C31"> <path d="M0,0.377571565 C0,0.377571565 0.268216508,0.075514313 0.587521875,0 L0.293760938,0.377571565 L0,0.377571565 Z" id="Fill-27"></path> <path d="M0.652159809,4.42298119 C0.664932024,4.42298119 1.04809846,4.47691999 1.2524539,4.0777729 L0.84374303,3.96989531 L0.652159809,4.42298119 Z" id="Fill-29"></path> </g> <g id="Group-34" transform="translate(9.186984, 0.312845)" fill="#B43C31"> <path d="M1.26445438,2.42454884 L0.214314302,2.42454884 C0.171451442,2.42454884 0.139304296,2.41376108 0.107157151,2.39218556 C0.0428628604,2.35982228 0.0107157151,2.28430797 0,2.21958142 C0,2.18721814 0,2.1440671 0.0214314302,2.11170383 L1.05014008,0.0943928913 C1.07157151,0.0512418553 1.10371866,0.0188785783 1.14658152,0.00809081925 C1.18944438,-0.00269693975 1.23230724,-0.00269693975 1.26445438,0.00809081925 C1.30731724,0.0188785783 1.33946439,0.0512418553 1.37161153,0.0836051323 C1.40375868,0.126756168 1.41447439,0.169907204 1.41447439,0.21305824 L1.43590582,1.28104638 C1.43590582,1.31340966 1.44662154,1.33498518 1.45733725,1.36734845 C1.46805297,1.38892397 1.47876868,1.42128725 1.50020011,1.43207501 C1.52163154,1.45365053 1.54306297,1.46443828 1.5644944,1.47522604 C1.58592583,1.4860138 1.61807298,1.49680156 1.63950441,1.49680156 L2.63606591,1.49680156 C2.66821306,1.49680156 2.70036021,1.50758932 2.73250735,1.51837708 C2.7646545,1.5399526 2.78608593,1.56152812 2.80751736,1.58310363 C2.82894879,1.61546691 2.8396645,1.64783019 2.8396645,1.68019346 C2.8396645,1.71255674 2.8396645,1.74492002 2.82894879,1.78807105 L1.93954443,4.01034941 C1.92882872,4.05350045 1.89668157,4.08586372 1.85381871,4.10743924 C1.81095585,4.12901476 1.77880871,4.12901476 1.73594585,4.118227 C1.69308299,4.10743924 1.66093584,4.08586372 1.6287887,4.05350045 C1.59664155,4.02113717 1.57521012,3.96719837 1.57521012,3.92404734 L1.47876868,2.64030402 C1.47876868,2.60794074 1.46805297,2.58636522 1.45733725,2.5647897 C1.44662154,2.54321419 1.42519011,2.52163867 1.41447439,2.50006315 C1.39304296,2.47848763 1.37161153,2.46769987 1.3501801,2.45691211 C1.31803296,2.42454884 1.29660153,2.42454884 1.26445438,2.42454884" id="Fill-32"></path> </g> <g id="Group-37" transform="translate(9.583466, 0.000000)" fill="#F36457"> <path d="M0.214314302,2.4353366 C0.171451442,2.4353366 0.139304296,2.42454884 0.107157151,2.40297332 C0.0428628604,2.35982228 0.0107157151,2.29509573 0,2.23036917 C0,2.1980059 0,2.15485486 0.0214314302,2.12249158 L1.05014008,0.0943928913 C1.07157151,0.0512418553 1.10371866,0.0188785783 1.14658152,0.00809081925 C1.18944438,-0.00269693975 1.23230724,-0.00269693975 1.26445438,0.00809081925 C1.30731724,0.0188785783 1.33946439,0.0404540963 1.37161153,0.0836051323 C1.40375868,0.115968409 1.41447439,0.169907204 1.41447439,0.21305824 L1.43590582,1.28104638 C1.43590582,1.31340966 1.44662154,1.33498518 1.45733725,1.36734845 C1.47876868,1.42128725 1.51091583,1.45365053 1.5644944,1.4860138 C1.58592583,1.49680156 1.61807298,1.50758932 1.63950441,1.50758932 L2.63606591,1.50758932 C2.66821306,1.50758932 2.70036021,1.51837708 2.73250735,1.52916484 C2.7646545,1.55074036 2.78608593,1.57231587 2.80751736,1.59389139 C2.82894879,1.62625467 2.8396645,1.65861795 2.8396645,1.69098122 C2.8396645,1.7233445 2.8396645,1.75570778 2.82894879,1.79885881 L1.93954443,4.02113717 C1.92882872,4.0642882 1.89668157,4.09665148 1.85381871,4.118227 C1.81095585,4.13980252 1.77880871,4.13980252 1.73594585,4.12901476 C1.69308299,4.118227 1.66093584,4.09665148 1.6287887,4.0642882 C1.59664155,4.03192493 1.57521012,3.97798613 1.57521012,3.9348351 L1.47876868,2.65109178 C1.47876868,2.6187285 1.46805297,2.59715298 1.45733725,2.57557746 C1.44662154,2.55400194 1.42519011,2.53242643 1.41447439,2.51085091 C1.39304296,2.48927539 1.37161153,2.47848763 1.3501801,2.46769987 C1.31803296,2.44612435 1.29660153,2.4353366 1.26445438,2.4353366 L0.214314302,2.4353366 Z" id="Fill-35"></path> </g> </g> </g> </svg> <small id="error_msgs"></small> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="close" class="close-svg" onclick="InvoiceGenerator.showHideErr('response', false);"><g><path d="M428.4935,389.33a27.6974,27.6974,0,0,1-39.17,39.17l-133.32-133.33L122.6734,428.5a27.6973,27.6973,0,0,1-39.17-39.17L216.8334,256,83.5035,122.67a27.6973,27.6973,0,0,1,39.17-39.17l133.33,133.33L389.3233,83.5a27.6974,27.6974,0,1,1,39.17,39.17L295.1634,256Z" style="fill: #606060"/></g></svg> </div> <div class="d-flex"> <div class="upload-logo-section"> <label class="add-logo"> <input type="file" accept="image/png, image/jpg, image/jpeg, image/bmp" class="form-control" autofocus="focus" id="org_logo" title="Company Logo" data-is-array="false" style="display :none"> <span class="add-logo-label"> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="upload" class="upload-svg"><path d="M340.7061,253.5177a21.0039,21.0039,0,0,1-29.7,0l-37.36-37.37v130.4a21,21,0,1,1-42,0v-130.4l-37.37,37.37a21.0011,21.0011,0,1,1-29.7-29.7l73.22-73.22a21.0035,21.0035,0,0,1,29.7,0l73.21,73.22A21.0041,21.0041,0,0,1,340.7061,253.5177Z" style="fill:#5b9aff"/><path d="M439.086,400.7277a20.9985,20.9985,0,1,1-33.43-25.42,192.0478,192.0478,0,0,0-17.24-251.77c-74.85-74.87-196.66-74.88-271.53-.03a192.0528,192.0528,0,0,0-17.29,251.76,20.9985,20.9985,0,1,1-33.43,25.42,234.019,234.019,0,0,1,186.47-375.4h.03a234.0221,234.0221,0,0,1,186.42,375.44Z" style="fill:#5b9aff"/><path d="M485.6461,470.0377a21.0039,21.0039,0,0,1-21,21h-424a21,21,0,0,1,0-42h424A21.004,21.004,0,0,1,485.6461,470.0377Z" style="fill:#5b9aff"/></svg> <div>Upload</div> </span> <div id="display_image"> <div class="img-option hide"> <div onclick="InvoiceGenerator.editImage();"> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="edit-icon" class="edit-svg"><path d="M423.1666,92.5366a97.1933,97.1933,0,0,0-137.24,0l-37.5,37.48-140.98,140.9-.73.74a110.9345,110.9345,0,0,0-30.63,57.67l-13.6894,70.79a43.7167,43.7167,0,0,0,50.32,51.37l71.98-12.34a110.8992,110.8992,0,0,0,60-31.03l140.99-140.92,37.48-37.46a96.9785,96.9785,0,0,0,0-137.2Zm-208.16,285.87a69.1374,69.1374,0,0,1-37.4,19.35l-71.99,12.33a1.5714,1.5714,0,0,1-1.52-.49,1.5443,1.5443,0,0,1-.46-1.51l13.68-70.79a69.13,69.13,0,0,1,19.1-35.94l126.87-126.81,77.84,77.81Zm178.47-178.38-22.64,22.63-77.85-77.8,22.63-22.62a55.0306,55.0306,0,1,1,77.86,77.79Z" style="fill:#010101"/></svg> </div> <div onclick="InvoiceGenerator.removeImage();"> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="delete" class="delete-svg"><path d="M428.3265,93.1812h-84.49v1.04h-133.56v-22.72a9.8374,9.8374,0,0,1,9.82-9.82h71.81a9.8286,9.8286,0,0,1,9.81,9.82v21.68h42.12v-21.68a51.9942,51.9942,0,0,0-51.93-51.93h-71.81a51.9967,51.9967,0,0,0-51.94,51.93v21.68h-84.49a21,21,0,0,0,0,42h14.3l15.71,280.72a80.0218,80.0218,0,0,0,79.86,75.51h124.93a80.0124,80.0124,0,0,0,79.85-75.51l15.72-280.72h14.29a21,21,0,1,0,0-42Zm-69.85,320.49a40.0925,40.0925,0,0,1-40.01,37.83h-124.93a40.0923,40.0923,0,0,1-40.01-37.83l-15.59-278.49-.06-1.05h236.25l-.06,1.05Z" style="fill:#fd7172"/><rect x="210.2767" y="93.1812" width="133.5601" height="1.04" style="fill:#fd7172"/><polygon points="374.127 134.131 374.067 135.181 137.937 135.181 137.877 134.131 374.127 134.131" style="fill:#fd7172"/><path d="M182.5067,134.1312h13.42a20.22,20.22,0,0,1-5.36,1.05c-.44.04-.9.05-1.35.05s-.91-.01-1.35-.05A20.226,20.226,0,0,1,182.5067,134.1312Z" style="fill:#fd7172"/><path d="M316.0667,134.1312h13.42a20.2189,20.2189,0,0,1-5.36,1.05c-.44.04-.9.05-1.35.05s-.91-.01-1.35-.05A20.2267,20.2267,0,0,1,316.0667,134.1312Z" style="fill:#fd7172"/><rect x="301.7166" y="93.1812" width="42.1201" height="1.04" style="fill:#fd7172"/></svg> </div> </div> </div> </label> <div class="upload-section-note"> Upload Logo <div> 240 x 240 pixels @ 72 DPI,<br> Maximum size of 1MB. </div> </div> </div> <div class="inv-header-container"> <input class="c-name form-control" type="text" value="INVOICE" tabindex="5" id="title" name="title" data-json-node="title" data-is-array="false"> </div> </div> <div class="comp-addr-outer clearfix"> <div class="comp-addr-inner"> <input type="text" id="address1" class="adr bld f20 form-control" style="height: 30px" tabindex="1" autofocus placeholder="Your Company" onfocus="InvoiceGenerator.showHideErr('address1', false);" name="company_name" data-json-node="company_name" data-is-array="false"> <small id="address1_err" class="text-danger hide">Please fill in your company鈥檚 name</small> <input type="text" id="custName" class="adr form-control" tabindex="2" placeholder="Your Name" name="user_name" data-json-node="user_name" data-is-array="false"> <input type="text" id="address2" class="adr form-control" tabindex="3" placeholder="Company鈥檚 Address" name="company_address_1" data-json-node="company_address_1" data-is-array="false"> <input type="text" class="adr form-control" id="address3" tabindex="4" placeholder="City, State Zip" name="company_address_2" data-json-node="company_address_2" data-is-array="false"> <select class="hide w-auto form-control" tabindex="4" name="country" id="companyCountrySelect" onchange="InvoiceGenerator.countrySelected('companyCountry')" onblur="InvoiceGenerator.stateSelectorFocusedOut('companyCountry');"> <option value="us" >U.S.A</option> <option value="gb" >United Kingdom</option> <option value="ca" >Canada</option> <option value="in" >India</option> <option value="af" >Afghanistan</option> <option value="ax" >Aland Islands</option> <option value="al" >Albania</option> <option value="dz" >Algeria</option> <option value="as" >American Samoa</option> <option value="ad" >Andorra</option> <option value="ao" >Angola</option> <option value="ai" >Anguilla</option> <option value="aq" >Antarctica</option> <option value="ag" >Antigua and Barbuda</option> <option value="ar" >Argentina</option> <option value="am" >Armenia</option> <option value="aw" >Aruba</option> <option value="au" >Australia</option> <option value="at" >Austria</option> <option value="az" >Azerbaijan</option> <option value="bs" >Bahamas</option> <option value="bh" >Bahrain</option> <option value="bd" >Bangladesh</option> <option value="bb" >Barbados</option> <option value="by" >Belarus</option> <option value="be" >Belgium</option> <option value="bz" >Belize</option> <option value="bj" >Benin</option> <option value="bm" >Bermuda</option> <option value="bt" >Bhutan</option> <option value="bo" >Bolivia</option> <option value="ba" >Bosnia</option> <option value="bw" >Botswana</option> <option value="bv" >Bouvet Island</option> <option value="br" >Brazil</option> <option value="vg" >British Virgin Islands</option> <option value="bn" >Brunei</option> <option value="bg" >Bulgaria</option> <option value="bf" >Burkina Faso</option> <option value="bi" >Burundi</option> <option value="kh" >Cambodia</option> <option value="cm" >Cameroon</option> <option value="ca" >Canada</option> <option value="cv" >Cape Verde</option> <option value="ky" >Cayman Islands</option> <option value="cf" >Central African Republic</option> <option value="td" >Chad</option> <option value="cl" >Chile</option> <option value="cn" >China</option> <option value="cx" >Christmas Island</option> <option value="cc" >Cocos Islands</option> <option value="co" >Colombia</option> <option value="km" >Comoros</option> <option value="cg" >Congo</option> <option value="ck" >Cook Islands</option> <option value="cr" >Costa Rica</option> <option value="ci" >Ivory Coast</option> <option value="hr" >Croatia</option> <option value="cu" >Cuba</option> <option value="cy" >Cyprus</option> <option value="cz" >Czech Republic</option> <option value="dk" >Denmark</option> <option value="dj" >Djibouti</option> <option value="dm" >Dominica</option> <option value="do" >Dominican Republic</option> <option value="ec" >Ecuador</option> <option value="eg" >Egypt</option> <option value="sv" >El Salvador</option> <option value="gq" >Equatorial Guinea</option> <option value="er" >Eritrea</option> <option value="ee" >Estonia</option> <option value="et" >Ethiopia</option> <option value="fk" >Falkland Islands</option> <option value="fo" >Faroe Islands</option> <option value="fj" >Fiji</option> <option value="fi" >Finland</option> <option value="fr" >France</option> <option value="gf" >French Guiana</option> <option value="pf" >French Polynesia</option> <option value="tf" >French Southern Territories</option> <option value="ga" >Gabon</option> <option value="gm" >Gambia</option> <option value="ge" >Georgia</option> <option value="de" >Germany</option> <option value="gh" >Ghana</option> <option value="gi" >Gibraltar</option> <option value="gr" >Greece</option> <option value="gl" >Greenland</option> <option value="gd" >Grenada</option> <option value="gp" >Guadeloupe</option> <option value="gu" >Guam</option> <option value="gt" >Guatemala</option> <option value="gg" >Guernsey</option> <option value="gw" >Guinea-Bissau</option> <option value="gn" >Guinea</option> <option value="gy" >Guyana</option> <option value="ht" >Haiti</option> <option value="hm" >Heard Island and McDonald Islands</option> <option value="hn" >Honduras</option> <option value="hk" >Hong Kong</option> <option value="hu" >Hungary</option> <option value="is" >Iceland</option> <option value="in" >India</option> <option value="id" >Indonesia</option> <option value="ir" >Iran</option> <option value="iq" >Iraq</option> <option value="ie" >Ireland</option> <option value="im" >Isle of Man</option> <option value="il" >Israel</option> <option value="it" >Italy</option> <option value="jm" >Jamaica</option> <option value="jp" >Japan</option> <option value="je" >Jersey</option> <option value="jo" >Jordan</option> <option value="kz" >Kazakhstan</option> <option value="ke" >Kenya</option> <option value="ki" >Kiribati</option> <option value="xk" >Kosova Republic</option> <option value="kw" >Kuwait</option> <option value="kg" >Kyrgyzstan</option> <option value="la" >Laos</option> <option value="lv" >Latvia</option> <option value="lb" >Lebanon</option> <option value="ls" >Lesotho</option> <option value="lr" >Liberia</option> <option value="ly" >Libya</option> <option value="li" >Liechtenstein</option> <option value="lt" >Lithuania</option> <option value="lu" >Luxembourg</option> <option value="mo" >Macau</option> <option value="mk" >Macedonia</option> <option value="mg" >Madagascar</option> <option value="mw" >Malawi</option> <option value="my" >Malaysia</option> <option value="mv" >Maldives</option> <option value="ml" >Mali</option> <option value="mt" >Malta</option> <option value="mh" >Marshall Islands</option> <option value="mq" >Martinique</option> <option value="mr" >Mauritania</option> <option value="mu" >Mauritius</option> <option value="yt" >Mayotte</option> <option value="mx" >Mexico</option> <option value="fm" >Micronesia</option> <option value="md" >Moldova</option> <option value="mc" >Monaco</option> <option value="mn" >Mongolia</option> <option value="me" >Montenegro</option> <option value="ms" >Montserrat</option> <option value="ma" >Morocco</option> <option value="mz" >Mozambique</option> <option value="mm" >Myanmar</option> <option value="na" >Namibia</option> <option value="nr" >Nauru</option> <option value="np" >Nepal</option> <option value="nl" >Netherlands</option> <option value="an" >Netherlands Antilles</option> <option value="nc" >New Caledonia</option> <option value="nz" >New Zealand</option> <option value="ni" >Nicaragua</option> <option value="ne" >Niger</option> <option value="ng" >Nigeria</option> <option value="nu" >Niue</option> <option value="nf" >Norfolk Island</option> <option value="mp" >Northern Mariana Islands</option> <option value="kp" >North Korea</option> <option value="no" >Norway</option> <option value="om" >Oman</option> <option value="pk" >Pakistan</option> <option value="pw" >Palau</option> <option value="ps" >Palestine</option> <option value="pa" >Panama</option> <option value="pg" >Papua New Guinea</option> <option value="py" >Paraguay</option> <option value="pe" >Peru</option> <option value="ph" >Philippines</option> <option value="pn" >Pitcairn</option> <option value="pl" >Poland</option> <option value="pt" >Portugal</option> <option value="pr" >Puerto Rico</option> <option value="qa" >Qatar</option> <option value="ro" >Romania</option> <option value="ru" >Russia</option> <option value="rw" >Rwanda</option> <option value="kn" >Saint Kitts and Nevis</option> <option value="lc" >Saint Lucia</option> <option value="pm" >Saint Pierre and Miquelon</option> <option value="vc" >Saint Vincent and the Grenadines</option> <option value="ws" >Samoa</option> <option value="sm" >SanMarino</option> <option value="sa" >Saudi Arabia</option> <option value="sn" >Senegal</option> <option value="rs" >Serbia</option> <option value="sc" >Seychelles</option> <option value="sl" >Sierra Leone</option> <option value="sg" >Singapore</option> <option value="sk" >Slovakia</option> <option value="si" >Slovenia</option> <option value="sb" >Solomon Islands</option> <option value="so" >Somalia</option> <option value="za" >South Africa</option> <option value="gs" >South Georgia and the South Sandwich Islands</option> <option value="kr" >South Korea</option> <option value="es" >Spain</option> <option value="lk" >Sri Lanka</option> <option value="sd" >Sudan</option> <option value="sr" >Suriname</option> <option value="sj" >Svalbard and Jan Mayen</option> <option value="sz" >Swaziland</option> <option value="se" >Sweden</option> <option value="ch" >Switzerland</option> <option value="sy" >Syria</option> <option value="tw" >Taiwan</option> <option value="tj" >Tajikistan</option> <option value="tz" >Tanzania</option> <option value="th" >Thailand</option> <option value="tg" >Togo</option> <option value="tk" >Tokelau</option> <option value="to" >Tonga</option> <option value="tt" >Trinidad and Tobago</option> <option value="tn" >Tunisia</option> <option value="tr" >Turkey</option> <option value="tm" >Turkmenistan</option> <option value="tv" >Tuvalu</option> <option value="ug" >Uganda</option> <option value="ua" >Ukraine</option> <option value="ae" >United Arab Emirates</option> <option value="gb" >United Kingdom</option> <option value="uy" >Uruguay</option> <option value="us" >U.S.A</option> <option value="uz" >Uzbekistan</option> <option value="vu" >Vanuatu</option> <option value="va" >Vatican City</option> <option value="ve" >Venezuela</option> <option value="vn" >Vietnam</option> <option value="vg" >Virgin Islands, British</option> <option value="vi" >Virgin Islands, U.S.</option> <option value="wf" >Wallis and Futuna</option> <option value="eh" >Western Sahara</option> <option value="ye" >Yemen</option> <option value="zm" >Zambia</option> <option value="zw" >Zimbabwe</option> </select> <input type="text" class="adr form-control" tabindex="4" id="companyCountry" placeholder="Country" name="company_country" data-json-node="company_country" data-is-array="false" onfocus="InvoiceGenerator.showCountrySelect('companyCountry')"> <br> </div> </div> <ul class="pull-left bill-addr"> <li class="adr-lft pull-left"> <input type="text" value="Bill To:" id="billToLabel" class="adr bill-to bld form-control" tabindex="6" name="bill_to_label" data-json-node="bill_to_label" data-is-array="false"> <input type="text" id="billingAddress1" class="adr form-control" tabindex="6" placeholder="Your Client鈥檚 Company" onfocus="InvoiceGenerator.showHideErr('billingAddress1', false);" name="customer_name" data-json-node="customer_name" data-is-array="false"> <small id="billingAddress1_err" class="text-danger hide">Please fill in your client鈥檚 name or their company name</small> <input type="text" id="billingAddress2" class="adr form-control" tabindex="7" placeholder="Client鈥檚 Address" name="customer_billing_address_1" data-json-node="customer_billing_address_1" data-is-array="false"> <input type="text" class="adr form-control" id="billingAddress3" tabindex="8" placeholder="City, State Zip" name="customer_billing_address_2" data-json-node="customer_billing_address_2" data-is-array="false"> <select class="hide w-auto form-control" tabindex="10" name="country" id="customerCountrySelect" onchange="InvoiceGenerator.countrySelected('customerCountry')" onblur="InvoiceGenerator.stateSelectorFocusedOut('customerCountry');"> <option value="us" >U.S.A</option> <option value="gb" >United Kingdom</option> <option value="ca" >Canada</option> <option value="in" >India</option> <option value="af" >Afghanistan</option> <option value="ax" >Aland Islands</option> <option value="al" >Albania</option> <option value="dz" >Algeria</option> <option value="as" >American Samoa</option> <option value="ad" >Andorra</option> <option value="ao" >Angola</option> <option value="ai" >Anguilla</option> <option value="aq" >Antarctica</option> <option value="ag" >Antigua and Barbuda</option> <option value="ar" >Argentina</option> <option value="am" >Armenia</option> <option value="aw" >Aruba</option> <option value="au" >Australia</option> <option value="at" >Austria</option> <option value="az" >Azerbaijan</option> <option value="bs" >Bahamas</option> <option value="bh" >Bahrain</option> <option value="bd" >Bangladesh</option> <option value="bb" >Barbados</option> <option value="by" >Belarus</option> <option value="be" >Belgium</option> <option value="bz" >Belize</option> <option value="bj" >Benin</option> <option value="bm" >Bermuda</option> <option value="bt" >Bhutan</option> <option value="bo" >Bolivia</option> <option value="ba" >Bosnia</option> <option value="bw" >Botswana</option> <option value="bv" >Bouvet Island</option> <option value="br" >Brazil</option> <option value="vg" >British Virgin Islands</option> <option value="bn" >Brunei</option> <option value="bg" >Bulgaria</option> <option value="bf" >Burkina Faso</option> <option value="bi" >Burundi</option> <option value="kh" >Cambodia</option> <option value="cm" >Cameroon</option> <option value="ca" >Canada</option> <option value="cv" >Cape Verde</option> <option value="ky" >Cayman Islands</option> <option value="cf" >Central African Republic</option> <option value="td" >Chad</option> <option value="cl" >Chile</option> <option value="cn" >China</option> <option value="cx" >Christmas Island</option> <option value="cc" >Cocos Islands</option> <option value="co" >Colombia</option> <option value="km" >Comoros</option> <option value="cg" >Congo</option> <option value="ck" >Cook Islands</option> <option value="cr" >Costa Rica</option> <option value="ci" >Ivory Coast</option> <option value="hr" >Croatia</option> <option value="cu" >Cuba</option> <option value="cy" >Cyprus</option> <option value="cz" >Czech Republic</option> <option value="dk" >Denmark</option> <option value="dj" >Djibouti</option> <option value="dm" >Dominica</option> <option value="do" >Dominican Republic</option> <option value="ec" >Ecuador</option> <option value="eg" >Egypt</option> <option value="sv" >El Salvador</option> <option value="gq" >Equatorial Guinea</option> <option value="er" >Eritrea</option> <option value="ee" >Estonia</option> <option value="et" >Ethiopia</option> <option value="fk" >Falkland Islands</option> <option value="fo" >Faroe Islands</option> <option value="fj" >Fiji</option> <option value="fi" >Finland</option> <option value="fr" >France</option> <option value="gf" >French Guiana</option> <option value="pf" >French Polynesia</option> <option value="tf" >French Southern Territories</option> <option value="ga" >Gabon</option> <option value="gm" >Gambia</option> <option value="ge" >Georgia</option> <option value="de" >Germany</option> <option value="gh" >Ghana</option> <option value="gi" >Gibraltar</option> <option value="gr" >Greece</option> <option value="gl" >Greenland</option> <option value="gd" >Grenada</option> <option value="gp" >Guadeloupe</option> <option value="gu" >Guam</option> <option value="gt" >Guatemala</option> <option value="gg" >Guernsey</option> <option value="gw" >Guinea-Bissau</option> <option value="gn" >Guinea</option> <option value="gy" >Guyana</option> <option value="ht" >Haiti</option> <option value="hm" >Heard Island and McDonald Islands</option> <option value="hn" >Honduras</option> <option value="hk" >Hong Kong</option> <option value="hu" >Hungary</option> <option value="is" >Iceland</option> <option value="in" >India</option> <option value="id" >Indonesia</option> <option value="ir" >Iran</option> <option value="iq" >Iraq</option> <option value="ie" >Ireland</option> <option value="im" >Isle of Man</option> <option value="il" >Israel</option> <option value="it" >Italy</option> <option value="jm" >Jamaica</option> <option value="jp" >Japan</option> <option value="je" >Jersey</option> <option value="jo" >Jordan</option> <option value="kz" >Kazakhstan</option> <option value="ke" >Kenya</option> <option value="ki" >Kiribati</option> <option value="xk" >Kosova Republic</option> <option value="kw" >Kuwait</option> <option value="kg" >Kyrgyzstan</option> <option value="la" >Laos</option> <option value="lv" >Latvia</option> <option value="lb" >Lebanon</option> <option value="ls" >Lesotho</option> <option value="lr" >Liberia</option> <option value="ly" >Libya</option> <option value="li" >Liechtenstein</option> <option value="lt" >Lithuania</option> <option value="lu" >Luxembourg</option> <option value="mo" >Macau</option> <option value="mk" >Macedonia</option> <option value="mg" >Madagascar</option> <option value="mw" >Malawi</option> <option value="my" >Malaysia</option> <option value="mv" >Maldives</option> <option value="ml" >Mali</option> <option value="mt" >Malta</option> <option value="mh" >Marshall Islands</option> <option value="mq" >Martinique</option> <option value="mr" >Mauritania</option> <option value="mu" >Mauritius</option> <option value="yt" >Mayotte</option> <option value="mx" >Mexico</option> <option value="fm" >Micronesia</option> <option value="md" >Moldova</option> <option value="mc" >Monaco</option> <option value="mn" >Mongolia</option> <option value="me" >Montenegro</option> <option value="ms" >Montserrat</option> <option value="ma" >Morocco</option> <option value="mz" >Mozambique</option> <option value="mm" >Myanmar</option> <option value="na" >Namibia</option> <option value="nr" >Nauru</option> <option value="np" >Nepal</option> <option value="nl" >Netherlands</option> <option value="an" >Netherlands Antilles</option> <option value="nc" >New Caledonia</option> <option value="nz" >New Zealand</option> <option value="ni" >Nicaragua</option> <option value="ne" >Niger</option> <option value="ng" >Nigeria</option> <option value="nu" >Niue</option> <option value="nf" >Norfolk Island</option> <option value="mp" >Northern Mariana Islands</option> <option value="kp" >North Korea</option> <option value="no" >Norway</option> <option value="om" >Oman</option> <option value="pk" >Pakistan</option> <option value="pw" >Palau</option> <option value="ps" >Palestine</option> <option value="pa" >Panama</option> <option value="pg" >Papua New Guinea</option> <option value="py" >Paraguay</option> <option value="pe" >Peru</option> <option value="ph" >Philippines</option> <option value="pn" >Pitcairn</option> <option value="pl" >Poland</option> <option value="pt" >Portugal</option> <option value="pr" >Puerto Rico</option> <option value="qa" >Qatar</option> <option value="ro" >Romania</option> <option value="ru" >Russia</option> <option value="rw" >Rwanda</option> <option value="kn" >Saint Kitts and Nevis</option> <option value="lc" >Saint Lucia</option> <option value="pm" >Saint Pierre and Miquelon</option> <option value="vc" >Saint Vincent and the Grenadines</option> <option value="ws" >Samoa</option> <option value="sm" >SanMarino</option> <option value="sa" >Saudi Arabia</option> <option value="sn" >Senegal</option> <option value="rs" >Serbia</option> <option value="sc" >Seychelles</option> <option value="sl" >Sierra Leone</option> <option value="sg" >Singapore</option> <option value="sk" >Slovakia</option> <option value="si" >Slovenia</option> <option value="sb" >Solomon Islands</option> <option value="so" >Somalia</option> <option value="za" >South Africa</option> <option value="gs" >South Georgia and the South Sandwich Islands</option> <option value="kr" >South Korea</option> <option value="es" >Spain</option> <option value="lk" >Sri Lanka</option> <option value="sd" >Sudan</option> <option value="sr" >Suriname</option> <option value="sj" >Svalbard and Jan Mayen</option> <option value="sz" >Swaziland</option> <option value="se" >Sweden</option> <option value="ch" >Switzerland</option> <option value="sy" >Syria</option> <option value="tw" >Taiwan</option> <option value="tj" >Tajikistan</option> <option value="tz" >Tanzania</option> <option value="th" >Thailand</option> <option value="tg" >Togo</option> <option value="tk" >Tokelau</option> <option value="to" >Tonga</option> <option value="tt" >Trinidad and Tobago</option> <option value="tn" >Tunisia</option> <option value="tr" >Turkey</option> <option value="tm" >Turkmenistan</option> <option value="tv" >Tuvalu</option> <option value="ug" >Uganda</option> <option value="ua" >Ukraine</option> <option value="ae" >United Arab Emirates</option> <option value="gb" >United Kingdom</option> <option value="uy" >Uruguay</option> <option value="us" >U.S.A</option> <option value="uz" >Uzbekistan</option> <option value="vu" >Vanuatu</option> <option value="va" >Vatican City</option> <option value="ve" >Venezuela</option> <option value="vn" >Vietnam</option> <option value="vg" >Virgin Islands, British</option> <option value="vi" >Virgin Islands, U.S.</option> <option value="wf" >Wallis and Futuna</option> <option value="eh" >Western Sahara</option> <option value="ye" >Yemen</option> <option value="zm" >Zambia</option> <option value="zw" >Zimbabwe</option> </select> <input type="text" class="adr form-control" tabindex="10" id="customerCountry" placeholder="Country" name="customer_billing_country" data-json-node="customer_billing_country" data-is-array="false" onfocus="InvoiceGenerator.showCountrySelect('customerCountry')"> </li> <li class="adr-rgt pull-left"> <table width="100%" cellpadding="0" cellspacing="0" class="bill" style="table-layout: fixed"> <tbody> <tr> <td class="lft-txt" width="40%"> <input type="text" value="Invoice#" id="invNumberLabel" class="bld text-left w100 form-control" tabindex="12" name="invoice_number_label" data-json-node="invoice_number_label" data-is-array="false"> </td> <td> <input type="text" class="w100 form-control" id="invNumber" tabindex="13" placeholder="INV-12" name="invoice_number" data-json-node="invoice_number" data-is-array="false"> </td> </tr> <tr> <td class="lft-txt"> <input type="text" value="Invoice Date" id="invoiceDateLabel" class="bld text-left w100 form-control" tabindex="14" name="invoice_date_label" data-json-node="invoice_date_label" data-is-array="false"> </td> <td> <input class="w100 form-control date-field" type="text" id="invoiceDate" tabindex="15" name="invoice_date" data-json-node="invoice_date" data-is-array="false"> </td> </tr> <tr> <td class="lft-txt"> <input value="Due Date" id="dueDateLabel" class="bld text-left w100 form-control" type="text" tabindex="16" name="due_date_label" data-json-node="due_date_label" data-is-array="false"> </td> <td> <input id="dueDate" class="w100 form-control date-field" tabindex="17" type="text" name="due_date" data-json-node="due_date" data-is-array="false"> </td> </tr> </tbody> </table> </li> </ul> <input type="hidden" id="templateType" name="template_type" data-json-node="template_type" data-is-array="false" value="standard" /> <input type="hidden" id="itemTableColor" name="item_table_color" data-json-node="item_table_color" data-is-array="false" value="000" /> <div class="lineItemDIV"> <table width="100%" cellpadding="0" cellspacing="0" class="column" style="table-layout: fixed"> <thead> <tr class="table-header"> <td width="48%"> <input style="text-align:left;" type="text" id="itemDescLabel" value="Item Description" class="bld w100 form-control font-sm" tabindex="19" name="name" data-json-node="name" data-is-array="false" data-parent-json="line_items_header"> </td> <td width="17%"> <input type="text" value="Qty" id="itemQtyLabel" class="bld w100 font-sm" tabindex="19" name="quantity" data-json-node="quantity" data-is-array="false" data-parent-json="line_items_header"> </td> <td width="17%"> <input type="text" value="Rate" id="itemRateLabel" class="bld w100 text-left font-sm" tabindex="19" name="rate" data-json-node="rate" data-is-array="false" data-parent-json="line_items_header"> </td> <td width="17%"> <input type="text" value="TAX" id="itemTaxLabel1" class="bld w100 text-left font-sm" tabindex="19" name="tax1" data-json-node="tax1_name" data-is-array="false" data-parent-json="line_items_header"> </td> <td width="18%"> <input type="text" value="Amount" id="itemAmtLabel" class="bld w100 text-right form-control font-sm" style="text-align:right;" tabindex="19" name="amount" data-json-node="amount" data-is-array="false" data-parent-json="line_items_header"> </td> <td width="2%" class="dele-icon"> </td> </tr> </thead> <tbody class="lineItems"> <tr class="row-item trClone hide" id="lineItem.0" onmouseover="javascript:CreateInvoiceUtil.showCloseIcon(this,true)" onmouseout="javascript:CreateInvoiceUtil.showCloseIcon(this,false)"> <td> <textarea type="text" class="w100" tabindex="20" id="itemDesc.0" onkeypress="javascript:CreateInvoiceUtil.checkAndAddNewLineItem(this, event)" placeholder="Enter item name/description" name="itemDesc.0" data-json-node="name" data-is-array="true" data-array-parent="line_items"></textarea> </td> <td> <input type="number" min="0" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Qty');" class="w100 text-right" value="1" tabindex="20" id="itemQty.0" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemQty.0" data-json-node="quantity" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="text" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Rate');" class="w100 text-right" value="0.00" tabindex="20" id="itemRate.0" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemRate.0" data-json-node="rate" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="number" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Tax');" class="w100 text-right" value="0" tabindex="20" id="itemTax1.0" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemTax1.0" data-json-node="tax1" data-is-array="true" data-array-parent="line_items"> <input readonly type="text" class="w100 text-right text-muted" value="0.00" id="itemTaxValue1.0" name="itemTaxValue1.0" data-json-node="tax1_amount" data-is-array="true" data-array-parent="line_items"> </td> <td> <input readonly class="cursor-disabled w100 text-right" id="itemTotal.0" title="Amount is calculated automatically." name="itemTotal.0" data-json-node="amount" data-is-array="true" data-array-parent="line_items" value="0.00"/> </td> <td class="dele-icon"> <div style="padding-top:4px"> <a class="closeicon hide" style="cursor:pointer" title="Delete Row" id="itemClose.0" onclick="javascript:CreateInvoiceUtil.removeLineItem(this)"> <svg viewBox="0 0 512 512" class="close-lineitem-icon" alt="close"><path d="M256 32c30.3 0 59.6 5.9 87.2 17.6 26.7 11.3 50.6 27.4 71.2 48s36.7 44.5 48 71.2c11.7 27.6 17.6 56.9 17.6 87.2s-5.9 59.6-17.6 87.2c-11.3 26.7-27.4 50.6-48 71.2s-44.5 36.7-71.2 48C315.6 474.1 286.3 480 256 480s-59.6-5.9-87.2-17.6c-26.7-11.3-50.6-27.4-71.2-48s-36.7-44.5-48-71.2C37.9 315.6 32 286.3 32 256s5.9-59.6 17.6-87.2c11.3-26.7 27.4-50.6 48-71.2s44.5-36.7 71.2-48C196.4 37.9 225.7 32 256 32m0-32C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0z"/><path d="M284.3 250.3l62.3-62.3c6.2-6.2 6.2-16.2 0-22.4l-.2-.2c-6.2-6.2-16.2-6.2-22.4 0l-62.3 62.3c-3.1 3.1-8.2 3.1-11.3 0L188 165.4c-6.2-6.2-16.2-6.2-22.4 0l-.2.2c-6.2 6.2-6.2 16.2 0 22.4l62.3 62.3c3.1 3.1 3.1 8.2 0 11.3L165.4 324c-6.2 6.2-6.2 16.2 0 22.4l.2.2c6.2 6.2 16.2 6.2 22.4 0l62.3-62.3c3.1-3.1 8.2-3.1 11.3 0l62.3 62.3c6.2 6.2 16.2 6.2 22.4 0l.2-.2c6.2-6.2 6.2-16.2 0-22.4l-62.3-62.3c-3-3.2-3-8.2.1-11.4z"/></svg> </a> </div> </td> </tr> <tr class="row-item " id="lineItem.1" onmouseover="javascript:CreateInvoiceUtil.showCloseIcon(this,true)" onmouseout="javascript:CreateInvoiceUtil.showCloseIcon(this,false)"> <td> <textarea type="text" class="w100" tabindex="21" id="itemDesc.1" placeholder="Enter item name/description" onkeypress="javascript:CreateInvoiceUtil.checkAndAddNewLineItem(this, event)" name="itemDesc.1" data-json-node="name" data-is-array="true" data-array-parent="line_items">Brochure Design</textarea> </td> <td> <input type="number" min="0" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Qty');" class="w100 text-right" value="2" tabindex="21" id="itemQty.1" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemQty.1" data-json-node="quantity" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="text" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Rate');" class="w100 text-right" value="100.00" tabindex="21" id="itemRate.1" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemRate.1" data-json-node="rate" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="number" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Tax');" class="w100 text-right" value="12" tabindex="21" id="itemTax1.1" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemTax1.1" data-json-node="tax1" data-is-array="true" data-array-parent="line_items"> <input readonly type="text" class="w100 text-right text-muted" value="24.00" id="itemTaxValue1.1" name="itemTaxValue1.1" data-json-node="tax1_amount" data-is-array="true" data-array-parent="line_items"> </td> <td> <input readonly class="cursor-disabled w100 text-right" id="itemTotal.1" title="Amount is calculated automatically." name="itemTotal.1" data-json-node="amount" data-is-array="true" data-array-parent="line_items" value="200.00"/> </td> <td class="dele-icon"> <div style="padding-top:4px"> <a class="closeicon hide" title="Delete Row" id="itemClose.1" style="cursor:pointer;" onclick="javascript:CreateInvoiceUtil.removeLineItem(this)"> <svg viewBox="0 0 512 512" class="close-lineitem-icon" alt="close"><path d="M256 32c30.3 0 59.6 5.9 87.2 17.6 26.7 11.3 50.6 27.4 71.2 48s36.7 44.5 48 71.2c11.7 27.6 17.6 56.9 17.6 87.2s-5.9 59.6-17.6 87.2c-11.3 26.7-27.4 50.6-48 71.2s-44.5 36.7-71.2 48C315.6 474.1 286.3 480 256 480s-59.6-5.9-87.2-17.6c-26.7-11.3-50.6-27.4-71.2-48s-36.7-44.5-48-71.2C37.9 315.6 32 286.3 32 256s5.9-59.6 17.6-87.2c11.3-26.7 27.4-50.6 48-71.2s44.5-36.7 71.2-48C196.4 37.9 225.7 32 256 32m0-32C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0z"/><path d="M284.3 250.3l62.3-62.3c6.2-6.2 6.2-16.2 0-22.4l-.2-.2c-6.2-6.2-16.2-6.2-22.4 0l-62.3 62.3c-3.1 3.1-8.2 3.1-11.3 0L188 165.4c-6.2-6.2-16.2-6.2-22.4 0l-.2.2c-6.2 6.2-6.2 16.2 0 22.4l62.3 62.3c3.1 3.1 3.1 8.2 0 11.3L165.4 324c-6.2 6.2-6.2 16.2 0 22.4l.2.2c6.2 6.2 16.2 6.2 22.4 0l62.3-62.3c3.1-3.1 8.2-3.1 11.3 0l62.3 62.3c6.2 6.2 16.2 6.2 22.4 0l.2-.2c6.2-6.2 6.2-16.2 0-22.4l-62.3-62.3c-3-3.2-3-8.2.1-11.4z"/></svg> </a> </div> </td> </tr> <tr class="row-item " id="lineItem.2" onmouseover="javascript:CreateInvoiceUtil.showCloseIcon(this,true)" onmouseout="javascript:CreateInvoiceUtil.showCloseIcon(this,false)"> <td> <textarea type="text" class="w100" id="itemDesc.2" tabindex="22" placeholder="Enter item name/description" onkeypress="javascript:CreateInvoiceUtil.checkAndAddNewLineItem(this, event)" name="itemDesc.2" data-json-node="name" data-is-array="true" data-array-parent="line_items"></textarea> </td> <td> <input type="number" min="0" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Qty');" value="1" class="w100 text-right" id="itemQty.2" tabindex="22" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemQty.2" data-json-node="quantity" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="text" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Rate');" class="w100 text-right" value="0.00" id="itemRate.2" tabindex="22" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemRate.2" data-json-node="rate" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="number" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Tax');" class="w100 text-right" value="0" tabindex="22" id="itemTax1.2" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemTax1.2" data-json-node="tax1" data-is-array="true" data-array-parent="line_items"> <input readonly type="text" class="w100 text-right text-muted" value="0.00" id="itemTaxValue1.2" name="itemTaxValue1.2" data-json-node="tax1_amount" data-is-array="true" data-array-parent="line_items"> </td> <td> <input readonly class="cursor-disabled w100 text-right" id="itemTotal.2" title="Amount is calculated automatically." name="itemTotal.2" data-json-node="amount" data-is-array="true" data-array-parent="line_items" value="0.00"/> </td> <td class="dele-icon"> <div style="padding-top:4px"> <a class="closeicon hide" id="itemClose.2" title="Delete Row" style="cursor:pointer;text-decoration:underline;color:#DE7110" onclick="javascript:CreateInvoiceUtil.removeLineItem(this)"> <svg viewBox="0 0 512 512" class="close-lineitem-icon" alt="close"><path d="M256 32c30.3 0 59.6 5.9 87.2 17.6 26.7 11.3 50.6 27.4 71.2 48s36.7 44.5 48 71.2c11.7 27.6 17.6 56.9 17.6 87.2s-5.9 59.6-17.6 87.2c-11.3 26.7-27.4 50.6-48 71.2s-44.5 36.7-71.2 48C315.6 474.1 286.3 480 256 480s-59.6-5.9-87.2-17.6c-26.7-11.3-50.6-27.4-71.2-48s-36.7-44.5-48-71.2C37.9 315.6 32 286.3 32 256s5.9-59.6 17.6-87.2c11.3-26.7 27.4-50.6 48-71.2s44.5-36.7 71.2-48C196.4 37.9 225.7 32 256 32m0-32C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0z"/><path d="M284.3 250.3l62.3-62.3c6.2-6.2 6.2-16.2 0-22.4l-.2-.2c-6.2-6.2-16.2-6.2-22.4 0l-62.3 62.3c-3.1 3.1-8.2 3.1-11.3 0L188 165.4c-6.2-6.2-16.2-6.2-22.4 0l-.2.2c-6.2 6.2-6.2 16.2 0 22.4l62.3 62.3c3.1 3.1 3.1 8.2 0 11.3L165.4 324c-6.2 6.2-6.2 16.2 0 22.4l.2.2c6.2 6.2 16.2 6.2 22.4 0l62.3-62.3c3.1-3.1 8.2-3.1 11.3 0l62.3 62.3c6.2 6.2 16.2 6.2 22.4 0l.2-.2c6.2-6.2 6.2-16.2 0-22.4l-62.3-62.3c-3-3.2-3-8.2.1-11.4z"/></svg> </a> </div> </td> </tr> <tr class="row-item " id="lineItem.3" onmouseover="javascript:CreateInvoiceUtil.showCloseIcon(this,true)" onmouseout="javascript:CreateInvoiceUtil.showCloseIcon(this,false)"> <td> <textarea type="text" class="w100 lastLineItem" tabindex="23" placeholder="Enter item name/description" onkeypress="javascript:CreateInvoiceUtil.checkAndAddNewLineItem(this, event)" id="itemDesc.3" name="itemDesc.3" data-json-node="name" data-is-array="true" data-array-parent="line_items"></textarea> </td> <td> <input type="number" min="0" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Qty');" class="w100 text-right" value="1" id="itemQty.3" tabindex="23" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemQty.3" data-json-node="quantity" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="text" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Rate');" class="w100 text-right" value="0.00" id="itemRate.3" tabindex="23" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemRate.3" data-json-node="rate" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="number" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Tax');" class="w100 text-right" value="0" tabindex="23" id="itemTax1.3" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemTax1.3" data-json-node="tax1" data-is-array="true" data-array-parent="line_items"> <input readonly type="text" class="w100 text-right text-muted" value="0.00" tabindex="20" id="itemTaxValue1.3" name="itemTaxValue1.3" data-json-node="tax1_amount" data-is-array="true" data-array-parent="line_items"> </td> <td> <input readonly class="cursor-disabled w100 text-right" id="itemTotal.3" title="Amount is calculated automatically." name="itemTotal.3" data-json-node="amount" data-is-array="true" data-array-parent="line_items" value="0.00"/> </td> <td class="dele-icon"> <div style="padding-top:4px"> <a class="closeicon hide" id="itemClose.3" title="Delete Row" style="cursor:pointer;text-decoration:underline;color:#DE7110;" onclick="javascript:CreateInvoiceUtil.removeLineItem(this)"> <svg viewBox="0 0 512 512" class="close-lineitem-icon" alt="close"><path d="M256 32c30.3 0 59.6 5.9 87.2 17.6 26.7 11.3 50.6 27.4 71.2 48s36.7 44.5 48 71.2c11.7 27.6 17.6 56.9 17.6 87.2s-5.9 59.6-17.6 87.2c-11.3 26.7-27.4 50.6-48 71.2s-44.5 36.7-71.2 48C315.6 474.1 286.3 480 256 480s-59.6-5.9-87.2-17.6c-26.7-11.3-50.6-27.4-71.2-48s-36.7-44.5-48-71.2C37.9 315.6 32 286.3 32 256s5.9-59.6 17.6-87.2c11.3-26.7 27.4-50.6 48-71.2s44.5-36.7 71.2-48C196.4 37.9 225.7 32 256 32m0-32C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0z"/><path d="M284.3 250.3l62.3-62.3c6.2-6.2 6.2-16.2 0-22.4l-.2-.2c-6.2-6.2-16.2-6.2-22.4 0l-62.3 62.3c-3.1 3.1-8.2 3.1-11.3 0L188 165.4c-6.2-6.2-16.2-6.2-22.4 0l-.2.2c-6.2 6.2-6.2 16.2 0 22.4l62.3 62.3c3.1 3.1 3.1 8.2 0 11.3L165.4 324c-6.2 6.2-6.2 16.2 0 22.4l.2.2c6.2 6.2 16.2 6.2 22.4 0l62.3-62.3c3.1-3.1 8.2-3.1 11.3 0l62.3 62.3c6.2 6.2 16.2 6.2 22.4 0l.2-.2c6.2-6.2 6.2-16.2 0-22.4l-62.3-62.3c-3-3.2-3-8.2.1-11.4z"/></svg> </a> </div> </td> </tr> </tbody> <tbody> <tr> <td colspan="2" id="add-new-item"> <div> <a style="cursor:pointer;margin-left:0px;margin-top: -16px;" title="Add Row" onclick="javascript:CreateInvoiceUtil.addInvoiceLineItem()"> <svg style="fill: #408dfb;" viewBox="0 0 512 512" class="action-icon" alt="Add Line Item"><path d="M256 15C122.9 15 15 122.9 15 256s107.9 241 241 241 241-107.9 241-241S389.1 15 256 15zm122 263H278v100c0 12.2-9.8 22-22 22s-22-9.8-22-22V278H134c-12.2 0-22-9.8-22-22s9.8-22 22-22h100V134c0-12.2 9.8-22 22-22s22 9.8 22 22v100h100c12.2 0 22 9.8 22 22s-9.8 22-22 22z"/><path fill="#FFF" d="M378 234H278V134c0-12.2-9.8-22-22-22s-22 9.8-22 22v100H134c-12.2 0-22 9.8-22 22s9.8 22 22 22h100v100c0 12.2 9.8 22 22 22s22-9.8 22-22V278h100c12.2 0 22-9.8 22-22s-9.8-22-22-22z"/></svg> <span>Add Line Item</span> </a> </div> </td> <td id="total-section" colspan="5" style="border-right:none;"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr class="sav-amo text-right"> <td width="40%" class="bdr-non"> <input type="text" value="Sub Total" class="total-label form-control" id="subTotalLabel" tabindex="24" name="sub_total_label" data-json-node="sub_total_label" data-is-array="false"> </td> <td class="bdr-non"> <span class="amount bld cursor-disabled" id="subTotal" title="Sub total is calculated automatically." name="sub_total" data-json-node="sub_total" data-is-array="false">200.00</span> </td> </tr> <tr class="sav-amo text-right hide totalTaxClone" id="totalTax.0" total-tax> <td width="40%" class="bdr-non"> <input readonly type="text" value="VAT" class="total-label" id="totalTaxLabel.0" name="taxName.0" data-json-node="tax_name" data-is-array="true" data-array-parent="taxes"> </td> <td class="bdr-non"> <input readonly class="amount bld cursor-disabled" type="text" id="totalTaxAmt.0" name="taxValue.0" data-json-node="tax" data-is-array="true" data-array-parent="taxes"> </td> </tr> <tr class="tot"> <td width="40%"> <input type="text" value="TOTAL" class="total-label form-control" id="totalLabel" tabindex="26" name="total_label" data-json-node="total_label" data-is-array="false"> </td> <td> <select class="hide select-currency" tabindex="27" id="currencySelect" onchange="InvoiceGenerator.showCurrencySelect('currencySelect', 'currencySym')"> </select> <input type="hidden" id="currencyCode" name="currency_code" data-json-node="currency_code" data-is-array="false" value="USD" /> <input type="text" style="border: 1px solid #444; background-color: #fdf4db;" class="currencycodetxt" maxlength="5" tabindex="27" id="currencySym" value="$" name="currency_symbol" data-json-node="currency_symbol" data-is-array="false" onclick="InvoiceGenerator.showCurrencySelect('currencySym', 'currencySelect')"> <span style="display: none;" id="total" title="Amount is calculated automatically." name="total" data-json-node="total" data-is-array="false">224.00</span> <span class="amount bld cursor-disabled" id="total_formatted" title="Amount is calculated automatically." name="total_formatted" data-json-node="total_formatted" data-is-array="false">224.00</span> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div> <input class="terms form-control" value="Notes" id="notesLabel" tabindex="28" name="notes_label" data-json-node="notes_label" data-is-array="false"> </div> <div> <textarea class="note form-control" id="customerNotes" tabindex="29" name="notes" data-json-node="notes" data-is-array="false">It was great doing business with you.</textarea> </div> <div style="margin-top:30px;"> <input class="terms form-control" value="Terms & Conditions" id="termsLabel" tabindex="30" name="terms_and_conditions_label" data-json-node="terms_and_conditions_label" data-is-array="false"> </div> <div> <textarea class="note form-control" id="terms" tabindex="31" name="terms_and_conditions" data-json-node="terms_and_conditions" data-is-array="false">Please make the payment by the due date.</textarea> </div> <div class="text-right poweredby" style="padding: 50px 15px;"> <a href="/invoice/?src=Free%20Invoice%20Creator%20-%20Zoho%20Invoice" rel="noopener noreferrer" id="zohoinvoice" title="Click here" class="powered-by-link"> <span class="powered-by-text">Powered by</span> <img src="/invoice/images/invoice.png" alt="Zoho Invoice" class="powered-by-logo"> </a> <div class="free-invoice-line"> 100% Free Invoicing Solution </div> </div> </form> </div> <div class="col-md-4 rgt-main-div sticky-actions-container"> <div class="pdf-actions-container"> <div class="sticky-download-container"> <h3 class="pdf-download-header">Download Invoice</h3> <div class="branding-colors-container d-flex align-items-center"> <p class="colors-text">Theme</p> <span class="lineitem-colors bg-black selected-color" onclick="InvoiceGenerator.applyItemTableColor('000', 'bg-black');"><svg xml:space="preserve" style="enable-background:new 0 0 24 24" viewBox="0 0 24 24" class="color-selection" alt="Gray Color"><path d="M8.9 20.7c-.6 0-1.2-.2-1.6-.6L1 15c-1.1-.9-1.3-2.5-.4-3.6s2.5-1.3 3.6-.4l4.5 3.7L19.6 4c1-1 2.7-1 3.7 0s1 2.7 0 3.7L10.7 20c-.5.5-1.2.7-1.8.7z"/></svg></span> <span class="lineitem-colors bg-orange" onclick="InvoiceGenerator.applyItemTableColor('e56e18', 'bg-orange');"><svg xml:space="preserve" style="enable-background:new 0 0 24 24" viewBox="0 0 24 24" class="color-selection" alt="Orange Color"><path d="M8.9 20.7c-.6 0-1.2-.2-1.6-.6L1 15c-1.1-.9-1.3-2.5-.4-3.6s2.5-1.3 3.6-.4l4.5 3.7L19.6 4c1-1 2.7-1 3.7 0s1 2.7 0 3.7L10.7 20c-.5.5-1.2.7-1.8.7z"/></svg></span> <span class="lineitem-colors bg-darkblue" onclick="InvoiceGenerator.applyItemTableColor('1d4ab8', 'bg-darkblue');"><svg xml:space="preserve" style="enable-background:new 0 0 24 24" viewBox="0 0 24 24" class="color-selection" alt="Blue Color"><path d="M8.9 20.7c-.6 0-1.2-.2-1.6-.6L1 15c-1.1-.9-1.3-2.5-.4-3.6s2.5-1.3 3.6-.4l4.5 3.7L19.6 4c1-1 2.7-1 3.7 0s1 2.7 0 3.7L10.7 20c-.5.5-1.2.7-1.8.7z"/></svg></span> <span class="lineitem-colors bg-green" onclick="InvoiceGenerator.applyItemTableColor('2f9e85', 'bg-green');"><svg xml:space="preserve" style="enable-background:new 0 0 24 24" viewBox="0 0 24 24" class="color-selection" alt="Green Color"><path d="M8.9 20.7c-.6 0-1.2-.2-1.6-.6L1 15c-1.1-.9-1.3-2.5-.4-3.6s2.5-1.3 3.6-.4l4.5 3.7L19.6 4c1-1 2.7-1 3.7 0s1 2.7 0 3.7L10.7 20c-.5.5-1.2.7-1.8.7z"/></svg></span> <span class="lineitem-colors bg-maroon" onclick="InvoiceGenerator.applyItemTableColor('b71e1e', 'bg-maroon');"><svg xml:space="preserve" style="enable-background:new 0 0 24 24" viewBox="0 0 24 24" class="color-selection" alt="Maroon Color"><path d="M8.9 20.7c-.6 0-1.2-.2-1.6-.6L1 15c-1.1-.9-1.3-2.5-.4-3.6s2.5-1.3 3.6-.4l4.5 3.7L19.6 4c1-1 2.7-1 3.7 0s1 2.7 0 3.7L10.7 20c-.5.5-1.2.7-1.8.7z"/></svg></span> </div> <div class="d-flex template-type-container"> <div class="thumbnail-container" onclick="InvoiceGenerator.applyTemplateType('standard-thumb', 'standard');"> <svg xml:space="preserve" x="0" y="0" style="enable-background:new 0 0 76.2 92.9" viewBox="0 0 76.2 92.9" class="thumbnail-img standard-thumb selected-template" alt="Standard Template"> <style>.temp-stroke{fill:none;stroke:#bfc7d9}.stand2{stroke-linecap:round;stroke-linejoin:round}.stand7{stroke-miterlimit:10}.temp-fill{fill:#71778e}.temp-img-header{fill:#000}</style> <path d="M0 0h76.2v92.9H0z"/> <circle cx="14.1" cy="13.9" r="5.8" class="stand7 temp-stroke"/> <path d="M8.2 25.4H18M8.2 30.5H24M56.1 25.4h5.2" class="stand2 temp-stroke"/> <path d="M13 53.5h49.9c2.6 0 4.7 2.1 4.7 4.7V80c0 2.6-2.1 4.7-4.7 4.7H13c-2.6 0-4.7-2.1-4.7-4.7V58.3c-.1-2.7 2-4.8 4.7-4.8z"/> <path d="M56.1 30.5h11.5" class="stand2 temp-stroke"/> <path d="M57.3 11.6V16h-.9v-4.4h.9zM62.1 11.6V16h-.8l-1.9-2.7V16h-.9v-4.4h.8l1.9 2.7v-2.7h.9zM64 11.6l1.1 3.3 1.1-3.3h1L65.7 16h-1.2L63 11.6h1z" class="temp-fill"/> <path d="M13 53.5h49.9c2.6 0 4.7 2.1 4.7 4.7v3H8.2v-3c0-2.6 2.1-4.7 4.8-4.7z" class="temp-img-header"/> <path d="M8.4 60.9h59.1M8.4 72.9h59.1M13 53.5h49.9c2.6 0 4.7 2.1 4.7 4.7V80c0 2.6-2.1 4.7-4.7 4.7H13c-2.6 0-4.7-2.1-4.7-4.7V58.3c-.1-2.7 2-4.8 4.7-4.8z" class="stand7 temp-stroke"/> </svg> <p class="font-xs">Standard</p> </div> <div class="thumbnail-container" onclick="InvoiceGenerator.applyTemplateType('spreadsheet-thumb', 'excel');"> <svg xml:space="preserve" x="0" y="0" style="enable-background:new 0 0 76.2 92.9" viewBox="0 0 76.2 92.9" class="thumbnail-img spreadsheet-thumb" alt="Spreadsheet Template"> <style>.temp-stroke{fill:none;stroke:#bfc7d9}.spread2{stroke-linecap:round;stroke-linejoin:round}.spread3{stroke-miterlimit:10}.temp-fill{fill:#71778e}.temp-img-header{fill:#000}</style> <path d="M0 0h76.2v92.9H0z"/> <path d="M67.6 61H8.2v-2.7c0-2.7 2.2-4.9 4.9-4.9h49.7c2.6 0 4.8 2.1 4.8 4.8V61z" class="temp-img-header"/> <circle cx="14.1" cy="13.9" r="5.8" class="spread3 temp-stroke"/> <path d="M8.2 34.4h11.5M8.2 39.5h11.5" class="spread2 temp-stroke"/> <path d="M13 53.5h49.9c2.6 0 4.7 2.1 4.7 4.7V80c0 2.6-2.1 4.7-4.7 4.7H13c-2.6 0-4.7-2.1-4.7-4.7V58.3c-.1-2.7 2-4.8 4.7-4.8z" class="spread3 temp-stroke"/> <path d="M57.3 11.6V16h-.9v-4.4h.9zM62.1 11.6V16h-.8l-1.9-2.7V16h-.9v-4.4h.8l1.9 2.7v-2.7h.9zM64 11.6l1.1 3.3 1.1-3.3h1L65.7 16h-1.2L63 11.6h1z" class="temp-fill"/> <path d="M32.2 84.9V53.8M8.4 60.9h59.1" class="spread3 temp-stroke"/> </svg> <p class="font-xs">Spreadsheet</p> </div> <div class="thumbnail-container" onclick="InvoiceGenerator.applyTemplateType('compact-thumb', 'compact');"> <svg xml:space="preserve" x="0" y="0" style="enable-background:new 0 0 76.2 92.9" viewBox="0 0 76.2 92.9" class="thumbnail-img compact-thumb" alt="Compact Template"> <style>.temp-stroke{fill:none;stroke:#bfc7d9}.comp2{stroke-linecap:round;stroke-linejoin:round}.comp3{stroke-miterlimit:10}.temp-fill{fill:#71778e}.temp-img-header{fill:#000}</style> <path d="M0-.3h76.2v92.9H0z"/> <path d="M66.9 60.9H8c-.1 0-.2-.1-.2-.2v-2.4c0-2.6 2.1-4.7 4.7-4.7h49.9c2.6 0 4.7 2.1 4.7 4.7v2.4c0 .1-.1.2-.2.2z" class="temp-img-header"/> <circle cx="13.6" cy="13.9" r="5.8" class="comp3 temp-stroke"/> <path d="M7.8 34.4h11.5M7.8 39.5h11.5M55.6 34.4h5.3M55.6 39.5h11.5" class="comp2 temp-stroke"/> <path d="M12.5 53.5h49.9c2.6 0 4.7 2.1 4.7 4.7V80c0 2.6-2.1 4.7-4.7 4.7H12.5c-2.6 0-4.7-2.1-4.7-4.7V58.3c0-2.7 2.1-4.8 4.7-4.8z" class="comp3 temp-stroke"/> <path d="M56.6 21.6V25.4h-.9v-4.4h.9zM61.4 21.6V25.4h-.8l-1.9-2.7V25.4h-.9v-4.4h.8l1.9 2.7v-2.7h.9zM63.4 21l1.1 3.3 1.1-3.3h1L65 25.4h-1.2L62.4 21h1z" class="temp-fill"/> <path d="M31.8 84.9V53.8M7.9 60.9h59.2" class="comp3 temp-stroke"/> </svg> <p class="font-xs">Compact</p> </div> </div> <div class="d-flex position-relative ig-promotion"> <img class="info-circle" src="/invoice/svg/info-circle.svg" alt="Info icon" width="14" height="14"/> <div><p class="ig-promotion-text">Set up online payment collection gateways.</p><span onclick="signupPopup();"> Try it now <img src="/invoice/svg/external-link-icon.svg" alt="External link icon" width="13" height="13"/></span></div> </div> <div class="d-flex template-actions-container"> <button class="btn-theme btn-main action-btn btn" onclick="InvoiceGenerator.saveInvoice(document.invoiceGenerator, this);setHostUrl()"> Save online </button> <div class="d-flex position-relative"> <button class="action-btn btn btn-download btn-theme"> Download/Print <svg viewBox="0 0 410.8 322.9" class="action-icon pdf-dropdown" alt="Download Actions"><path d="M248.1 295.5c-17.1 23.6-50 28.8-73.5 11.8-4.5-3.3-8.5-7.3-11.8-11.8l-84-116-66.2-91.4c-25.3-34.8-.4-83.6 42.6-83.6h300.3c43 0 67.9 48.7 42.7 83.5L332 179.5l-83.9 116z"/></svg> </button> <ul class="pdf-dropdown-menu"> <div class="pdf-dropdown-item" onclick="InvoiceGenerator.showPrintCopiesOption();"> <svg viewBox="0 0 512 496" class="action-icon" alt="Print"><path d="M432 118.84h-41.49V59.93c0-33.04-26.92-59.93-60-59.93H181.49c-33.08 0-60 26.88-60 59.93v58.91H80c-44.11 0-80 35.85-80 79.91V348.7c0 44.06 35.89 79.9 80 79.9h41.49v7.47c0 33.04 26.92 59.93 60 59.93h149.02c33.08 0 60-26.88 60-59.93v-7.47H432c44.11 0 80-35.84 80-79.9V198.75c0-44.06-35.89-79.9-80-79.9ZM161.49 59.93c0-11.01 8.97-19.98 20-19.98h149.02c11.03 0 20 8.96 20 19.98v58.91H161.49V59.93Zm189.02 376.14c0 11.01-8.97 19.98-20 19.98H181.49c-11.03 0-20-8.96-20-19.98v-89.35h189.02v89.34ZM472 348.7c0 22.03-17.94 39.95-40 39.95h-41.49V346.7c10.76-.33 19.38-9.12 19.38-19.94s-8.95-19.98-20-19.98H122.11c-11.05 0-20 8.94-20 19.98s8.62 19.62 19.38 19.94v41.95H80c-22.06 0-40-17.92-40-39.95V198.75c0-22.03 17.94-39.95 40-39.95h352c22.06 0 40 17.92 40 39.95V348.7Z"/></svg> Print </div> <div class="pdf-dropdown-item" onclick="InvoiceGenerator.getInvoicePDF();"> <svg viewBox="0 0 512 512" class="action-icon" alt="Get pdf"><path d="M256 0C114.62 0 0 114.62 0 256s114.62 256 256 256 256-114.62 256-256S397.38 0 256 0Zm152.73 408.73c-19.85 19.85-42.95 35.43-68.67 46.31C313.46 466.29 285.17 472 256 472s-57.46-5.71-84.06-16.96c-25.72-10.88-48.82-26.46-68.67-46.31s-35.43-42.95-46.31-68.67C45.71 313.46 40 285.17 40 256s5.71-57.46 16.96-84.06c10.88-25.72 26.46-48.82 46.31-68.67s42.95-35.43 68.67-46.31C198.54 45.71 226.83 40 256 40s57.46 5.71 84.06 16.96c25.72 10.88 48.82 26.46 68.67 46.31s35.43 42.95 46.31 68.67C466.29 198.54 472 226.83 472 256s-5.71 57.46-16.96 84.06c-10.88 25.72-26.46 48.82-46.31 68.67Z"/><path d="m340.72 267.33-61.25 53.79V132.5c0-11.05-8.95-20-20-20s-20 8.95-20 20v190.99l-68.84-55.48c-8.6-6.93-21.19-5.58-28.12 3.02s-5.58 21.19 3.02 28.12l101.39 81.72c.33.26.67.5 1.01.74.13.09.26.2.39.29.5.34 1.02.65 1.54.94.2.11.41.2.61.3.34.17.68.34 1.03.5.24.11.49.2.74.29.32.13.64.25.97.36.26.09.52.16.79.24.33.1.67.18 1.01.26.26.06.52.12.78.16.38.07.77.13 1.16.18.22.03.44.06.66.08.62.06 1.24.09 1.86.09h.01c.63 0 1.26-.04 1.89-.1.25-.02.5-.07.75-.1.37-.05.74-.1 1.11-.17.3-.06.59-.13.88-.2.31-.07.63-.15.94-.24.3-.09.6-.18.89-.28.3-.1.59-.21.89-.32.29-.11.57-.23.85-.36.29-.13.58-.27.86-.42a18.831 18.831 0 0 0 1.64-.94c.25-.16.51-.32.75-.49.27-.19.53-.39.79-.59.24-.19.48-.37.71-.57.08-.07.17-.13.25-.2l94.44-82.95c8.3-7.29 9.12-19.93 1.83-28.23-7.29-8.3-19.93-9.12-28.23-1.83Z"/></svg> Download </div> </ul> </div> </div> </div> </div> <div class="d-flex align-items-center app-promo-container"> <img class="qr-image-mobile-apps" alt="QR code to download the invoice generator app" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAoAAAQKAQMAAADzagpvAAAABlBMVEX///8AAABVwtN+AAAFR0lEQVR42uzdQW7DIBAFUEs5gI+Uq/dIOUAkV6HqWMxArErdEL2/onQMLzuCMNlERERERORvuR017R/7cXwNalvvcTxbx/3197Or3VtNq32cjz1abc4DAQEBAQEBAQEBYUXCYzvTSudPBeF4P2w0O27/eRAQEBAQEBAQEBDWJdxjgFTa9d5mM+whyNxEiK8MCAgICAgICAgICB9F6De8959m5ByrboPH5nj/IRAQEBAQEBAQEBA+mrAND4dERnvfqTbGRUBAQEBAQEBAQPhAwruDJPOCGKGc4B4v7bczCAgICAgICAgICOsSSoLwv80UBAQEBAQEBAQEhBUJF0lvMNYB0gHtKWEYBAQEBAQEBAQEhOUItzzsfTRDZM+QeKxug2/D3mgiICAgICAgICAgrEjYammf+XuNtfkMY3mZcXjwGwEBAQEBAQEBAWFRwqs0Epqr2z7m9/DFCF1t6UVAQEBAQEBAQEBYl5CW6/W9xskaPTI5PRLN/CkREBAQEBAQEBAQViSM593Khvd0lR8F77IP7gtBQEBAQEBAQEBAWJEQyZq6iT1M2ievu+fVeK7yERAQEBAQEBAQEJYjxLzl4rs8bD1IMr++OsnTY9FEQEBAQEBAQEBAWJnQJkua0owZ6iJ+fqbk7O0LEBAQEBAQEBAQEJYjtHlz2rD5qViCdwVvtsGvL8xDQEBAQEBAQEBAWI4QM4wX8THWtLcOew95OkhSLsBGQEBAQEBAQEBAWJTQD1B3uSPnsPW3EC9v5ytTICAgICAgICAgICxHiEy3yac74vnQ9fiHxXNBwBAQEBAQEBAQEBBWJERpSuqtJ61TpgdJyri/cgSEb/bu4MZxIAYC4AEbgPPP0hn4AD/6YPVQvi8XxTc9U/rRhEQiICAgICAgIOwl3C0An98pmefwJe/+XAQEBAQEBAQEBIR1hHf81+CP7/NCEkNzvFbIICAgICAgICAgIGwkPF6Jj8K8pn0k7veGt7GLeAQEBAQEBAQEBISlhM/URN1QRXxHEqqIT8SIgICAgICAgICAsJRQI6nnDeHfW9uJ6p6X8X0CAgICAgICAgICwjpCavRK7THTScjPmtubWtqY50FAQEBAQEBAQEDYSMi7H1+L+OmyRH2r2PfmKREQEBAQEBAQEBCWEo6DP3oXeE+cTlTuxwlJuD7wEwEBAQEBAQEBAWEjoRrTvfWwNeevHavKL807EBAQEBAQEBAQENYS/hyK7cMNr6kaz711QxtrUB8CAgICAgICAgLCOkLa4Ekdi/h+VztxM6j6piP+REBAQEBAQEBAQFhKGN8pSdRZ3TIPbGqOf46vRkBAQEBAQEBAQNhLOC81bGOiSvvxsrGRjoCAgICAgICAgLCRkPinqZi3Hvaxrxpf3VP08pQICAgICAgICAgIGwmPeRdiz5a+eZGkT5iLeAQEBAQEBAQEBISlhKTWQOmeAdIx5Z5nVpcRAQEBAQEBAQEBYR3hHD/Xwnweh5fc/kcw5iIgICAgICAgICCsJfy8Os5196XhXYM/jn3yY0KqfAQEBAQEBAQEBISNhN5vmMhrIL31ZZ4i0gsQOxcBAQEBAQEBAQFhNeF0wDuuxkeOvUSMp/nWicgREBAQEBAQEBAQfhvhWWflhjorCfWJY+T9OSQCAgLC3/btEAeAEAiC4P9/jRszELBLqtWJzaXkhgACAgICAsJvhGzu55vW582968vcCAgICAgICAgICEMJKYT9jp7KmELIZ/5QSzwCAgICAgICAgLCREJVozVbB96ZDff6mBEBAQEBAQEBAQFhIkGSJEnScwu/CssOtalWXAAAAABJRU5ErkJggg==" /> <div class="app-promo-content"> <h4 class="app-promo-title">Install the mobile app</h4> <p class="app-promo-desc">Generate your invoices and save them online.</p> <div> <a href="https://apps.apple.com/app/apple-store/id1061863220?pt=423641&ct=FromInvGenWeb&mt=8" target="_blank" rel="noopener noreferrer"><svg xml:space="preserve" viewBox="308 -73.6 511.6 171" class="app-badge" alt="AppStore"><path fill="#A7A6A6" d="M778.9-73.5H344.1c-1.3 0-2.6 0-3.9.1-2.9 0-5.7.3-8.6.8-2.8.5-5.6 1.4-8.1 2.7-2.6 1.3-4.9 3-6.9 5s-3.7 4.4-5 6.9c-1.3 2.6-2.2 5.3-2.7 8.1s-.7 5.7-.8 8.6c0 1.3 0 2.6-.1 3.9v98.8c0 1.3 0 2.6.1 3.9 0 2.9.3 5.7.8 8.6.5 2.8 1.4 5.6 2.7 8.1 1.3 2.6 3 4.9 5 6.9s4.4 3.7 6.9 5c2.6 1.3 5.3 2.2 8.1 2.7s5.7.7 8.6.8H787.4c2.9 0 5.7-.3 8.6-.8 2.8-.5 5.6-1.4 8.2-2.7 2.6-1.3 4.9-3 6.9-5s3.7-4.4 5.1-6.9c1.3-2.6 2.2-5.3 2.6-8.1.5-2.8.7-5.7.8-8.6V-41.3c-.1-2.9-.3-5.7-.8-8.6-.5-2.8-1.4-5.6-2.6-8.1-2.6-5.1-6.8-9.3-12-12-2.6-1.3-5.3-2.2-8.2-2.7-2.8-.5-5.7-.7-8.6-.8-1.3 0-2.6 0-3.9-.1-1.5.1-3 .1-4.6.1z"/><path fill="#010101" d="M344.1 93.8h-3.9c-2.7 0-5.3-.3-8-.7-2.5-.4-4.9-1.2-7.1-2.3-2.2-1.1-4.2-2.6-6-4.3-1.8-1.7-3.2-3.8-4.4-6-1.1-2.2-1.9-4.6-2.3-7.1-.4-2.7-.7-5.3-.7-8 0-.9-.1-3.9-.1-3.9v-98.9s0-3 .1-3.8c0-2.7.3-5.4.7-8 .4-2.5 1.2-4.9 2.3-7.1 1.1-2.2 2.6-4.2 4.3-6 1.8-1.8 3.8-3.2 6-4.4 2.2-1.1 4.6-1.9 7.1-2.3 2.7-.4 5.3-.7 8-.7l3.9-.1h439.4l3.9.1c2.7 0 5.3.3 7.9.7 2.5.4 4.9 1.2 7.1 2.3 4.4 2.3 8 5.9 10.3 10.3 1.1 2.2 1.9 4.6 2.3 7.1.4 2.7.7 5.4.7 8.1V65.4c0 2.7-.3 5.3-.7 7.9-.4 2.5-1.2 4.9-2.3 7.1-1.1 2.2-2.6 4.2-4.3 5.9-1.7 1.8-3.8 3.2-6 4.4-2.2 1.1-4.7 1.9-7.1 2.4-2.6.4-5.3.7-8 .7H344.1z"/><g fill="#FFF"><path d="M413.9 13.3C414 6 417.8-.7 424-4.5c-3.9-5.6-10.2-9-17.1-9.2-7.2-.8-14.1 4.3-17.8 4.3-3.7 0-9.4-4.2-15.4-4.1-8 .3-15.2 4.7-19.1 11.7-8.3 14.3-2.1 35.4 5.8 46.9 4 5.7 8.6 12 14.7 11.8 5.9-.2 8.1-3.8 15.3-3.8 7.1 0 9.2 3.8 15.4 3.6 6.4-.1 10.4-5.7 14.2-11.4 2.8-4 5-8.5 6.5-13.2-7.7-3.2-12.6-10.6-12.6-18.8zM402.2-21.3c3.5-4.2 5.2-9.5 4.8-14.9-5.3.6-10.2 3.1-13.7 7.1s-5.2 9.1-4.9 14.4c5.4 0 10.5-2.4 13.8-6.6z"/></g><g fill="#FFF"><path d="M488.9 42.5h-20.2l-4.9 14.4h-8.6l19.2-53.1h8.9l19.2 53.1h-8.7l-4.9-14.4zm-18.2-6.6h16l-7.9-23.3h-.2l-7.9 23.3zM543.9 37.5c0 12-6.4 19.8-16.2 19.8-5 .3-9.8-2.4-12.2-6.8h-.2v19.2h-7.9V18.2h7.7v6.4h.1c2.5-4.4 7.3-7 12.3-6.8 9.9 0 16.4 7.7 16.4 19.7zm-8.2 0c0-7.8-4.1-13-10.2-13s-10.2 5.3-10.2 13c0 7.8 4.1 13 10.2 13s10.2-5.1 10.2-13zM586.5 37.5c0 12-6.4 19.8-16.2 19.8-5 .3-9.8-2.4-12.2-6.8h-.2v19.2H550V18.2h7.7v6.4h.1c2.5-4.4 7.3-7 12.3-6.8 9.9 0 16.4 7.7 16.4 19.7zm-8.2 0c0-7.8-4.1-13-10.2-13s-10.2 5.3-10.2 13c0 7.8 4.1 13 10.2 13s10.2-5.1 10.2-13zM614.6 42.1c.6 5.3 5.7 8.7 12.7 8.7 6.7 0 11.5-3.5 11.5-8.2 0-4.1-2.9-6.6-9.8-8.3l-6.9-1.7c-9.8-2.4-14.3-6.9-14.3-14.3 0-9.2 8-15.5 19.3-15.5 11.2 0 18.9 6.3 19.2 15.5h-8c-.5-5.3-4.9-8.5-11.3-8.5s-10.8 3.2-10.8 7.9c0 3.8 2.8 6 9.6 7.7l5.9 1.4c10.9 2.6 15.4 7 15.4 14.7 0 9.9-7.9 16.2-20.5 16.2-11.8 0-19.7-6.1-20.2-15.7l8.2.1zM664.4 9v9.2h7.4v6.3h-7.4v21.3c0 3.3 1.5 4.9 4.7 4.9.9 0 1.7-.1 2.6-.2v6.3c-1.5.3-2.9.4-4.4.4-7.8 0-10.9-2.9-10.9-10.5V24.5h-5.6v-6.3h5.6V9h8zM676 37.5c0-12.2 7.2-19.8 18.4-19.8s18.4 7.7 18.4 19.8c0 12.2-7.1 19.8-18.4 19.8-11.3.1-18.4-7.6-18.4-19.8zm28.6 0c0-8.4-3.8-13.3-10.3-13.3-6.4 0-10.3 5-10.3 13.3 0 8.4 3.8 13.3 10.3 13.3s10.3-4.9 10.3-13.3zM719.3 18.2h7.6v6.6h.2c1.1-4.2 4.9-7.2 9.3-7 .9 0 1.8.1 2.7.3v7.4c-1.2-.4-2.4-.5-3.6-.5-4.4-.2-8.1 3.3-8.3 7.7v24.2h-7.9V18.2zM775.7 45.5c-1.1 7-7.9 11.9-16.7 11.9-11.3 0-18.3-7.5-18.3-19.7 0-12.1 7-20 17.9-20 10.7 0 17.4 7.4 17.4 19.1v2.7h-27.3v.5c-.5 5.5 3.6 10.4 9.2 10.9h1.3c3.9.4 7.5-1.9 8.9-5.4h7.6zM748.8 34h19.4c.3-5.1-3.6-9.5-8.8-9.8h-.7c-5.4-.1-9.8 4.3-9.9 9.8 0-.1 0-.1 0 0z"/></g><g fill="#FFF"><path d="M469.7-36.2c6.2-.4 11.6 4.2 12.1 10.4.1.7 0 1.5-.1 2.2 0 8.2-4.4 12.8-12 12.8h-9.2v-25.4h9.2zm-5.2 21.9h4.8c4.4.3 8.2-3.1 8.5-7.5 0-.6 0-1.1-.1-1.6.6-4.4-2.5-8.5-6.9-9.1-.5-.1-1-.1-1.5-.1h-4.8v18.3zM486.2-20.3c-.5-5 3.2-9.5 8.2-9.9 5-.5 9.5 3.2 9.9 8.2.1.6.1 1.2 0 1.7.5 5-3.2 9.5-8.2 10s-9.5-3.2-10-8.2c.1-.6.1-1.2.1-1.8zm14.3 0c0-4.2-1.9-6.6-5.2-6.6-3.3 0-5.2 2.4-5.2 6.6s1.9 6.6 5.2 6.6c3.3 0 5.2-2.4 5.2-6.6zM528.5-10.7h-3.9l-4-14.2h-.3l-4 14.2h-3.9L507.1-30h3.9l3.4 14.7h.3l4-14.7h3.6l4 14.7h.3L530-30h3.8l-5.3 19.3zM538.3-29.9h3.7v3.1h.3c1-2.3 3.3-3.6 5.7-3.4 3.4-.3 6.5 2.3 6.7 5.8v13.9h-3.8v-11.7c0-3.1-1.3-4.6-4.2-4.6-2.4-.1-4.5 1.8-4.6 4.2v12h-3.8v-19.3zM560.7-37.4h3.8v26.8h-3.8v-26.8zM569.8-20.3c-.5-5 3.2-9.5 8.2-9.9 5-.5 9.5 3.2 9.9 8.2.1.6.1 1.2 0 1.7.5 5-3.2 9.5-8.2 10s-9.5-3.2-10-8.2c0-.6 0-1.2.1-1.8zm14.2 0c0-4.2-1.9-6.6-5.2-6.6s-5.2 2.4-5.2 6.6 1.9 6.6 5.2 6.6c3.3 0 5.2-2.4 5.2-6.6zM591.9-16.1c0-3.5 2.6-5.5 7.2-5.7l5.2-.3v-1.7c0-2-1.3-3.2-3.9-3.2-2.1 0-3.6.8-4 2.1h-3.7c.4-3.3 3.5-5.4 7.9-5.4 4.8 0 7.5 2.4 7.5 6.5v13.2h-3.7v-2.7h-.3c-1.2 2-3.5 3.1-5.8 3-3.2.3-6.1-2-6.4-5.2v-.6zm12.4-1.7v-1.6l-4.7.3c-2.7.2-3.9 1.1-3.9 2.8 0 1.7 1.5 2.7 3.6 2.7 2.5.3 4.7-1.6 5-4.1v-.1zM613.1-20.3c0-6.1 3.1-9.9 8-9.9 2.5-.1 4.8 1.2 5.9 3.4h.3v-10.6h3.8v26.8h-3.6v-3h-.3c-1.2 2.2-3.6 3.5-6 3.4-5-.2-8.1-4-8.1-10.1zm3.9 0c0 4.1 1.9 6.5 5.1 6.5s5.2-2.5 5.2-6.5-2-6.5-5.2-6.5-5.1 2.4-5.1 6.5zM646.8-20.3c-.5-5 3.2-9.5 8.2-9.9 5-.5 9.5 3.2 9.9 8.2.1.6.1 1.2 0 1.7.5 5-3.2 9.5-8.2 10s-9.5-3.2-10-8.2c0-.6 0-1.2.1-1.8zm14.2 0c0-4.2-1.9-6.6-5.2-6.6s-5.2 2.4-5.2 6.6 1.9 6.6 5.2 6.6c3.4 0 5.2-2.4 5.2-6.6zM670-29.9h3.7v3.1h.3c1-2.3 3.3-3.6 5.7-3.4 3.4-.3 6.5 2.3 6.7 5.8v13.9h-3.8v-11.7c0-3.1-1.3-4.6-4.2-4.6-2.4-.1-4.5 1.8-4.6 4.2v12H670v-19.3zM707.9-34.7v4.9h4.2v3.2h-4.2v9.9c0 2 .8 2.9 2.7 2.9.5 0 1 0 1.4-.1v3.2c-.7.1-1.4.2-2.1.2-4.2 0-5.9-1.5-5.9-5.2v-10.9h-3v-3.2h3.1v-4.9h3.8zM717.2-37.4h3.8v10.6h.3c1-2.3 3.4-3.7 5.9-3.4 3.5-.2 6.5 2.5 6.7 6v13.6H730v-11.6c0-3.1-1.4-4.6-4.1-4.6-2.5-.2-4.6 1.6-4.9 4.1v12h-3.8v-26.7zM755.9-15.9c-1.1 3.6-4.6 6-8.3 5.6-4.8.1-8.8-3.7-9-8.5 0-.5 0-1 .1-1.4-.7-4.9 2.8-9.3 7.6-10 .4-.1.8-.1 1.3-.1 5.4 0 8.6 3.7 8.6 9.7v1.3h-13.6v.2c-.2 2.8 1.8 5.3 4.6 5.5h.5c1.9.2 3.7-.7 4.6-2.3h3.6zm-13.3-6.2h9.7c.2-2.6-1.7-4.8-4.3-5h-.4c-2.7 0-5 2.1-5 5 0-.1 0 0 0 0z"/></g></svg></a> <a href="https://play.google.com/store/apps/details?id=com.zoho.invoicegenerator&referrer=utm_source%3Dweb_app%26utm_medium%3Dbanner" target="_blank" rel="noopener noreferrer"><svg id="13c005e6-dafa-4518-82d4-37f024a593e7" data-name="Layer 1" viewBox="0 0 511.5 151.6" class="app-badge" alt="PlayStore"><defs><linearGradient id="e660c0ea-3d72-470c-9a50-88009672e404" x1="82.6" y1="315" x2="19" y2="251.4" gradientTransform="matrix(1 0 0 -1 0 348)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4998d3"/><stop offset=".01" stop-color="#4a99d3"/><stop offset=".26" stop-color="#42baeb"/><stop offset=".51" stop-color="#41c7f2"/><stop offset=".76" stop-color="#56c9e9"/><stop offset="1" stop-color="#5bcae8"/></linearGradient><linearGradient id="ad030801-5032-4e96-a78e-776c10cf40b9" x1="128.22" y1="272.25" x2="36.52" y2="272.25" gradientTransform="matrix(1 0 0 -1 0 348)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fee000"/><stop offset=".41" stop-color="#febd11"/><stop offset=".78" stop-color="#faa51a"/><stop offset="1" stop-color="#f99b1c"/></linearGradient><linearGradient id="7bc0c69c-25ca-4924-b3dd-16b2f52805b0" x1="94.09" y1="263.49" x2="7.84" y2="177.24" gradientTransform="matrix(1 0 0 -1 0 348)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ef4149"/><stop offset="1" stop-color="#c31e63"/></linearGradient><linearGradient id="af7f4c8d-342a-4ccd-99d6-82e6e268bba9" x1="27.66" y1="347.34" x2="66.18" y2="308.82" gradientTransform="matrix(1 0 0 -1 0 348)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#32a072"/><stop offset=".07" stop-color="#2ca772"/><stop offset=".48" stop-color="#4bba71"/><stop offset=".8" stop-color="#5ebd6b"/><stop offset="1" stop-color="#66be69"/></linearGradient><style>.d6a6e59f-14b9-4298-921d-72170e9f05f5{fill:#fff;stroke:#fff;stroke-miterlimit:10;stroke-width:.2px}.a48cfc46-0dcb-4fe8-b076-3e3422f09b83{fill:#010101;isolation:isolate;opacity:.12}</style></defs><path d="M492.7 151.6H18.9A19 19 0 0 1 0 132.7V19A19 19 0 0 1 18.9.1h473.7A19 19 0 0 1 511.5 19v113.7a18.8 18.8 0 0 1-18.8 18.9Z"/><path d="M492.7 3a15.88 15.88 0 0 1 15.9 15.9v113.7a15.88 15.88 0 0 1-15.9 15.9H18.9A15.88 15.88 0 0 1 3 132.6V19A15.88 15.88 0 0 1 18.9 3.1h473.8m0-3.1H18.9A19 19 0 0 0 0 18.9v113.7a19 19 0 0 0 18.9 18.9h473.7a19 19 0 0 0 18.9-18.9V19a18.82 18.82 0 0 0-18.8-19Z" style="fill:#a7a6a6"/><path class="d6a6e59f-14b9-4298-921d-72170e9f05f5" d="M179.7 38.8a10.19 10.19 0 0 1-2.8 7.6 11.14 11.14 0 0 1-8.4 3.4 11.62 11.62 0 0 1-11.8-11.9A11.62 11.62 0 0 1 168.5 26a11 11 0 0 1 4.7 1 9.65 9.65 0 0 1 3.6 2.5l-2 2a7.68 7.68 0 0 0-6.2-2.7 8.45 8.45 0 0 0-6.2 2.5 9 9 0 0 0-2.6 6.6 9 9 0 0 0 2.6 6.6 8.45 8.45 0 0 0 6.2 2.5 8.74 8.74 0 0 0 6.4-2.5 7.21 7.21 0 0 0 1.9-4.6h-8.3v-2.7h11c0 .5.1 1.1.1 1.6ZM197.2 29.3h-10.4v7.2h9.3v2.7h-9.3v7.2h10.4v2.8h-13.3V26.5h13.3ZM209.5 49.3h-2.9v-20h-6.4v-2.8h15.6v2.8h-6.4l.1 20ZM227.1 49.3V26.5h2.9v22.7l-2.9.1ZM243 49.3h-2.9v-20h-6.4v-2.8h15.6v2.8h-6.4l.1 20ZM279 46.3a11.83 11.83 0 0 1-16.6 0 11.7 11.7 0 0 1-3.3-8.4 11.7 11.7 0 0 1 3.3-8.4 11.71 11.71 0 0 1 16.6.1 11.79 11.79 0 0 1 3.4 8.4 12.17 12.17 0 0 1-3.4 8.3Zm-14.6-1.9a8.69 8.69 0 0 0 12.4 0 8.82 8.82 0 0 0 2.5-6.5 8.82 8.82 0 0 0-2.5-6.5 8.69 8.69 0 0 0-12.4 0 8.82 8.82 0 0 0-2.5 6.5 9.23 9.23 0 0 0 2.5 6.5ZM286.4 49.3V26.5h3.6l11.1 17.7h.1l-.1-4.4V26.5h2.9v22.7h-3l-11.7-18.5h-.1l.1 4.4v14.2Z"/><path class="109b228c-96e5-466a-8ada-e5fe58ea650d" d="M258.2 82.4a16.1 16.1 0 1 0 16.2 16.1 15.92 15.92 0 0 0-16.2-16.1Zm0 25.9c-4.9 0-9.1-4-9.1-9.8s4.2-9.8 9.1-9.8 9.1 4 9.1 9.8-4.2 9.8-9.1 9.8Zm-35.3-25.9a16.1 16.1 0 1 0 16.2 16.1 15.92 15.92 0 0 0-16.2-16.1Zm0 25.9c-4.9 0-9.1-4-9.1-9.8s4.2-9.8 9.1-9.8 9.1 4 9.1 9.8-4.2 9.8-9.1 9.8Zm-42-20.9v6.8h16.4c-.5 3.8-1.8 6.7-3.7 8.6a16.67 16.67 0 0 1-12.6 5 18.2 18.2 0 0 1 0-36.4 17.15 17.15 0 0 1 12.3 4.9l4.8-4.8a23.89 23.89 0 0 0-17.2-6.9c-13.8 0-25.4 11.2-25.4 25s11.6 25 25.4 25c7.4 0 13.1-2.4 17.5-7s5.9-10.9 5.9-16a18.5 18.5 0 0 0-.4-4.3l-23 .1Zm171.7 5.3c-1.3-3.6-5.4-10.3-13.8-10.3s-15.2 6.5-15.2 16.1a16.07 16.07 0 0 0 29.4 9l-5.5-3.7a9.12 9.12 0 0 1-7.9 4.5 8.05 8.05 0 0 1-7.8-4.9l21.6-8.9Zm-21.9 5.4a8.83 8.83 0 0 1 8.4-9.4c2.8 0 5.2 1.4 6 3.4Zm-17.6 15.6h7.1V66.3h-7.1ZM301.5 86h-.2a11.11 11.11 0 0 0-8.5-3.6c-8.1 0-15.4 7.1-15.4 16.2s7.4 16.1 15.4 16.1a11 11 0 0 0 8.5-3.7h.2v2.3c0 6.2-3.3 9.5-8.6 9.5a8.94 8.94 0 0 1-8.1-5.7l-6.2 2.6a15.37 15.37 0 0 0 14.3 9.5c8.3 0 15.3-4.9 15.3-16.8V83.5h-6.7V86Zm-8.1 22.3c-4.9 0-9-4.1-9-9.7s4.1-9.8 9-9.8 8.6 4.2 8.6 9.8-3.8 9.7-8.6 9.7Zm92.4-42h-16.9v47.4h7.1V95.8h9.9c7.8 0 15.5-5.7 15.5-14.7s-7.8-14.8-15.6-14.8Zm.2 22.9h-10.1V73H386a8.1 8.1 0 1 1 0 16.2Zm43.7-6.8c-5.1 0-10.4 2.3-12.6 7.3l6.3 2.6c1.3-2.6 3.8-3.5 6.5-3.5 3.7 0 7.4 2.2 7.4 6.1v.5a16.11 16.11 0 0 0-7.4-1.8c-6.8 0-13.7 3.7-13.7 10.7 0 6.3 5.5 10.4 11.8 10.4 4.8 0 7.4-2.1 9-4.6h.2v3.7h6.8V95.6c.1-8.6-6.2-13.2-14.3-13.2Zm-.9 25.9c-2.3 0-5.5-1.2-5.5-4 0-3.7 4-5.1 7.5-5.1a12.94 12.94 0 0 1 6.5 1.6 8.68 8.68 0 0 1-8.5 7.5Zm40.1-24.9-8.1 20.5h-.2l-8.4-20.5h-7.6l12.6 28.7-7.2 16h7.4l19.4-44.7Zm-63.6 30.3h7.1V66.3h-7.1Z" style="fill:#fff"/><path class="0a844d34-d86e-4415-acea-f11fc11a52aa" d="M39.5 28.6a7.69 7.69 0 0 0-1.8 5.3v83.8a7.51 7.51 0 0 0 1.8 5.3l.3.3 47-46.9v-1.2l-47-47Z" style="fill:url(#e660c0ea-3d72-470c-9a50-88009672e404)"/><path class="212812cb-7ca0-4892-95a6-9dc715e531fb" d="M102.4 92 86.8 76.3v-1.1l15.7-15.7.4.2 18.5 10.5c5.3 3 5.3 7.9 0 10.9l-18.6 10.7Z" style="fill:url(#ad030801-5032-4e96-a78e-776c10cf40b9)"/><path class="669cd5e7-d668-473a-a2fe-842ca97330be" d="m102.8 91.8-16-16L39.6 123c1.7 1.8 4.6 2.1 7.9.2l55.3-31.4" style="fill:url(#7bc0c69c-25ca-4924-b3dd-16b2f52805b0)"/><path d="M102.8 59.8 47.4 28.3c-3.2-1.8-6.1-1.6-7.9.2l47.2 47.2Z" style="fill:url(#af7f4c8d-342a-4ccd-99d6-82e6e268bba9)"/><path class="08d28e42-e268-47d0-984d-2569886edfc7" d="m102.4 91.5-55 31.3c-3.1 1.7-5.8 1.6-7.6 0l-.3.3.3.3c1.8 1.6 4.5 1.7 7.6 0l55.4-31.5Z" style="isolation:isolate;opacity:.2;fill:#010101"/><path class="a48cfc46-0dcb-4fe8-b076-3e3422f09b83" d="M39.5 122.5a7.69 7.69 0 0 1-1.8-5.3v.6a7.51 7.51 0 0 0 1.8 5.3l.3-.3ZM121.3 80.7l-18.9 10.7.4.4 18.5-10.5c2.6-1.5 4-3.5 4-5.5-.2 1.8-1.6 3.6-4 4.9Z"/><path class="0207e646-62b4-4814-903d-c7113b7b45bd" d="m47.4 28.9 73.9 42c2.4 1.4 3.7 3.1 4 4.9 0-2-1.3-4-4-5.5l-73.9-42c-5.3-3-9.6-.5-9.6 5.6v.6c0-6.1 4.3-8.6 9.6-5.6Z" style="opacity:.25;isolation:isolate;fill:#fff"/></svg></a> <a href="https://www.microsoft.com/store/apps/9NBLGGH5NZB7?cid=InvoiceGeneratorWeb" target="_blank" rel="noopener noreferrer"><svg viewBox="0 0 537.2 194" class="app-badge" alt="Windows Store"><rect x="1.4" y="1.4" width="534.4" height="191.2" rx="24.04" ry="24.04"/><path d="M26.84 2.8h483.52c13.28 0 24.04 10.76 24.04 24.04v140.32c0 13.28-10.76 24.04-24.04 24.04H26.84c-13.28 0-24.04-10.76-24.04-24.04V26.84C2.8 13.56 13.56 2.8 26.84 2.8ZM24.04 194h489.12c13.28 0 24.04-10.76 24.04-24.04V24.04C537.2 10.76 526.44 0 513.16 0H24.04C10.76 0 0 10.76 0 24.04v145.92C0 183.24 10.76 194 24.04 194Z" fill="#d2d2d2"/><path fill="#f25022" d="M41.8 43h52.1v52.1H41.8z"/><path fill="#7fba00" d="M99.4 43h52.1v52.1H99.4z"/><path fill="#00a4ef" d="M41.8 100.4h52.1v52.1H41.8z"/><path fill="#ffb900" d="M99.4 100.4h52.1v52.1H99.4z"/><path d="M251.9 101.7c0-1.6.6-2.8 1.7-3.9s2.4-1.6 4-1.6 3 .6 4 1.6c1.1 1.1 1.6 2.4 1.6 3.8 0 1.5-.6 2.8-1.7 3.8-1.1 1.1-2.4 1.6-4 1.6s-2.9-.5-4-1.6c-1.1-1-1.6-2.3-1.6-3.7m10.2 50.7h-9.3V113h9.3v39.4ZM290.4 145.7c1.4 0 2.9-.3 4.6-.9 1.7-.6 3.2-1.5 4.6-2.5v8.6c-1.5.9-3.2 1.5-5 1.9-1.9.4-4 .7-6.2.7-5.8 0-10.5-1.9-14.2-5.5-3.7-3.7-5.5-8.4-5.5-14.1 0-6.3 1.9-11.6 5.6-15.7 3.7-4.1 9-6.2 15.8-6.2 1.7 0 3.5.2 5.3.7 1.8.4 3.2 1 4.2 1.6v8.9c-1.4-1.1-2.9-1.9-4.4-2.4s-3-.9-4.6-.9c-3.7 0-6.6 1.2-8.9 3.5-2.2 2.4-3.4 5.6-3.4 9.6s1.1 7.1 3.2 9.3c2.2 2.4 5.1 3.4 8.9 3.4M326.1 112.4c.7 0 1.4.1 2 .1.6.1 1.1.2 1.5.4v9.4c-.5-.4-1.2-.7-2.1-1-.9-.3-2.1-.5-3.4-.5-2.3 0-4.2.9-5.8 2.9s-2.4 4.9-2.4 8.9v20h-9.3v-39.5h9.3v6.2h.1c.9-2.2 2.1-3.9 3.9-5 1.7-1.3 3.7-1.9 6.2-1.9M330.1 133.3c0-6.5 1.9-11.7 5.5-15.5 3.7-3.8 8.8-5.7 15.4-5.7 6.2 0 11 1.9 14.5 5.5 3.5 3.7 5.2 8.6 5.2 14.9s-1.9 11.5-5.5 15.3c-3.7 3.8-8.7 5.7-15 5.7s-11-1.8-14.5-5.4c-3.9-3.6-5.6-8.5-5.6-14.8m9.6-.2c0 4.1.9 7.3 2.8 9.5s4.5 3.2 8 3.2 6-1.1 7.7-3.2c1.7-2.2 2.7-5.4 2.7-9.7s-.9-7.5-2.7-9.6c-1.8-2.2-4.4-3.2-7.7-3.2s-6 1.1-8 3.4c-1.9 2.2-2.8 5.3-2.8 9.6M384.4 123.3c0 1.3.4 2.4 1.2 3.1.9.7 2.7 1.7 5.6 2.9 3.7 1.5 6.3 3.2 7.8 5 1.5 1.9 2.2 4.1 2.2 6.7 0 3.7-1.4 6.7-4.3 9-2.9 2.2-6.7 3.4-11.6 3.4-1.6 0-3.4-.2-5.4-.6s-3.7-.9-5-1.5v-9.1c1.7 1.2 3.5 2.1 5.5 2.8 1.9.7 3.7 1.1 5.3 1.1 2.1 0 3.7-.3 4.7-.9s1.5-1.6 1.5-3c0-1.3-.5-2.4-1.6-3.2-1.1-.9-3-1.9-5.9-3-3.4-1.4-5.8-3-7.3-4.9s-2.2-4.1-2.2-6.8c0-3.5 1.4-6.5 4.2-8.8s6.5-3.4 11-3.4c1.4 0 2.9.1 4.7.4 1.7.3 3.2.7 4.3 1.2v8.8c-1.2-.8-2.7-1.5-4.3-2.1s-3.3-.9-4.8-.9c-1.7 0-3.2.4-4.1 1.1-1 .6-1.5 1.6-1.5 2.7M405.4 133.3c0-6.5 1.9-11.7 5.5-15.5 3.7-3.8 8.8-5.7 15.4-5.7 6.2 0 11 1.9 14.5 5.5 3.5 3.7 5.2 8.6 5.2 14.9s-1.9 11.5-5.5 15.3c-3.7 3.8-8.7 5.7-15 5.7s-11-1.8-14.5-5.4c-3.8-3.6-5.6-8.5-5.6-14.8m9.7-.2c0 4.1.9 7.3 2.8 9.5s4.5 3.2 8 3.2 6-1.1 7.7-3.2c1.7-2.2 2.7-5.4 2.7-9.7s-.9-7.5-2.7-9.6c-1.8-2.2-4.4-3.2-7.7-3.2s-6 1.1-8 3.4c-1.8 2.2-2.8 5.3-2.8 9.6M476.6 120.7V141c0 4.2 1 7.3 2.9 9.5s4.9 3.1 8.8 3.1c1.3 0 2.7-.1 4-.4 1.4-.3 2.4-.6 2.9-.9v-7.7c-.6.4-1.2.7-2 .9s-1.4.4-1.9.4c-1.9 0-3.3-.5-4.2-1.5s-1.3-2.7-1.3-5.2v-18.5h9.5v-7.6h-9.4v-11.8l-9.3 2.9v8.9h-13.9v-4.8c0-2.4.5-4.2 1.6-5.4s2.5-1.8 4.5-1.8c1 0 1.9.1 2.7.4.7.2 1.3.5 1.6.7v-8c-.7-.2-1.4-.4-2.3-.5-.9-.1-1.9-.2-3-.2-4.2 0-7.7 1.3-10.4 4s-4 6-4 10.2v5.5h-6.6v7.6h6.6v31.9h9.4v-31.9l13.8-.1ZM243.9 97.4v55h-9.5v-43h-.2l-17.1 43h-6.3l-17.5-43h-.2v43h-8.7v-55h13.7l15.7 40.8h.3l16.7-40.8h13.1zM209.4 73.6c-3.3 1.9-7 2.8-11.2 2.8-3.2 0-6-.7-8.5-2.1-2.4-1.4-4.4-3.4-5.7-5.9-1.3-2.5-2-5.4-2-8.6 0-3.4.7-6.4 2.2-9s3.5-4.7 6.2-6.2 5.7-2.2 9-2.2c1.7 0 3.4.2 5 .5 1.7.3 3 .7 4.1 1.2v5c-2.5-1.7-5.7-2.5-9.5-2.5-2.3 0-4.4.6-6.2 1.7-1.9 1.1-3.3 2.7-4.3 4.6-1 2-1.5 4.2-1.5 6.7 0 3.9 1.1 7 3.1 9.3s4.9 3.4 8.5 3.4c2.3 0 4.4-.4 6.1-1.4v-8.5h-7v-4.1h11.6l.1 15.3ZM236.2 65.3h-16.3c.1 2.4.8 4.2 2.1 5.5 1.3 1.2 3 1.9 5.1 1.9 2.8 0 5.2-.8 7.3-2.4v4c-.9.6-2.1 1.2-3.5 1.6s-2.9.6-4.4.6c-3.5 0-6.3-1.1-8.3-3.2s-2.9-5.1-2.9-9c0-2.4.5-4.5 1.4-6.4.9-1.9 2.3-3.4 4-4.5s3.6-1.6 5.7-1.6c3 0 5.5 1 7.2 3s2.6 4.7 2.6 8.3v2.2Zm-4.5-3.5c0-2.1-.5-3.6-1.4-4.7s-2.2-1.6-4-1.6c-1.6 0-2.9.6-4.1 1.7-1.2 1.1-1.9 2.7-2.2 4.6h11.7ZM253.9 75.6c-.4.2-1 .4-1.8.6-.7.1-1.4.2-2.1.2-4.4 0-6.5-2.4-6.5-7.2V56.1h-4v-3.8h4v-5.6l4.5-1.4v7h5.8V56H248v12.3c0 1.6.2 2.7.7 3.3s1.4.9 2.7.9c.9 0 1.7-.2 2.4-.7l.1 3.8ZM276.4 44c0 .7-.2 1.4-.8 1.9s-1.2.8-2.1.8c-.8 0-1.5-.2-2.1-.8-.6-.5-.8-1.2-.8-2s.3-1.5.9-2c.6-.5 1.2-.8 2-.8s1.4.2 2 .8c.6.7.9 1.3.9 2.1m-.7 31.8h-4.5V52.3h4.5v23.5ZM295.6 75.6c-.4.2-1 .4-1.8.6-.7.1-1.4.2-2.1.2-4.4 0-6.5-2.4-6.5-7.2V56.1h-4v-3.8h4v-5.6l4.4-1.4v7h5.8V56h-5.8v12.3c0 1.6.2 2.7.7 3.3s1.4.9 2.7.9c.9 0 1.7-.2 2.4-.7l.2 3.8ZM325.2 44.8c-.7-.4-1.6-.6-2.5-.6-2.5 0-3.8 1.6-3.8 4.7v3.3h5.3v3.7h-5.3v19.8h-4.5V56h-4v-3.8h4v-3.6c0-2.5.7-4.5 2.1-6s3.4-2.2 5.8-2.2c1.2 0 2.2.1 2.9.4v4ZM341.9 56.9c-.2-.2-.7-.4-1.4-.6-.6-.1-1.2-.2-1.6-.2-1.6 0-2.9.7-3.9 2.2-1 1.4-1.5 3.3-1.5 5.6v12H329V52.3h4.5V57h.1c.5-1.6 1.3-2.9 2.4-3.8 1.1-.9 2.3-1.4 3.7-1.4.9 0 1.7.1 2.2.3v4.8ZM367.8 64c0 3.8-1.1 6.8-3.3 9.1s-5.1 3.4-8.7 3.4-6.4-1.1-8.5-3.3-3.2-5.1-3.2-8.8c0-3.9 1.1-7 3.3-9.2s5.2-3.4 9-3.4c3.5 0 6.3 1.1 8.3 3.2 2.1 2.2 3.1 5.2 3.1 9m-4.6.1c0-2.8-.6-4.9-1.8-6.3s-2.9-2.2-5.2-2.2-4 .7-5.3 2.3c-1.3 1.5-1.9 3.7-1.9 6.4s.6 4.7 1.9 6.2c1.3 1.5 3 2.2 5.3 2.2s4-.7 5.2-2.2c1.2-1.5 1.8-3.6 1.8-6.4M408.4 75.8h-4.5V62.5c0-2.4-.4-4.2-1.1-5.3s-2.1-1.6-3.9-1.6c-1.5 0-2.8.7-3.8 2.1-1.1 1.4-1.6 3-1.6 4.9v13.3H389V62c0-4.3-1.7-6.5-5-6.5-1.6 0-2.9.7-3.9 2s-1.5 3-1.5 5v13.3h-4.5V52.3h4.5V56h.1c1.7-2.9 4.2-4.2 7.3-4.2 1.5 0 2.9.4 4.1 1.2 1.2.8 2.1 2 2.6 3.5.9-1.6 2-2.8 3.3-3.6 1.3-.7 2.8-1.2 4.5-1.2 5.2 0 7.7 3.2 7.7 9.6l.2 14.5Z" fill="#fff"/></svg></a> </div> </div> </div> </div> <div class="mbl-actions-block app-promo-content text-center"> <h4 class="app-promo-title">Install the mobile app</h4> <p class="app-promo-desc">Generate your invoices and save them online.</p> <div> <a href="https://apps.apple.com/app/apple-store/id1061863220?pt=423641&ct=FromInvGenWeb&mt=8" target="_blank" rel="noopener noreferrer"><img class="app-badge" src="/invoice/images/appstore-badge.svg" loading="lazy" alt="AppStore"></a> <a href="https://play.google.com/store/apps/details?id=com.zoho.invoicegenerator&referrer=utm_source%3Dweb_app%26utm_medium%3Dbanner" target="_blank" rel="noopener noreferrer"><img class="app-badge" src="/invoice/images/playstore-badge.svg" loading="lazy" alt="PlayStore"></a> <a href="https://www.microsoft.com/store/apps/9NBLGGH5NZB7?cid=InvoiceGeneratorWeb" target="_blank" rel="noopener noreferrer"><img class="app-badge" src="/invoice/images/windows-badge.svg" loading="lazy" alt="Windows Store"></a> </div> </div> </div> <div> </div> </div> <div class="container-padding bg-white"> <div class="text-reveal-animation container-width"> <h2>What is an invoice?</h2> <div class="text-animate"> <span>An invoice is a statement delivered to a buyer to tell them what they owe for a good or service. It contains all the necessary information relating to a purchase, such as the seller's and buyer's information, products purchased and their prices, the payment due date, and other relevant information. Maintaining invoices helps businesses stay transparent with their customers about their pricing and payment expectations. It not only helps them track income but also comes in handy when filing taxes.</span> </div> </div> </div> <div class="invoice-procedure-steps container-padding"> <div class="invoice-procedure-steps-inner container-width"> <div class="invoice-procedure-steps-header"> <h2 class="title">How to create an invoice using an invoice generator</h2> <p class="desc mt-15">Creating professional invoices with a free invoice generator is now easy. Follow these steps to create an invoice that aligns with your brand identity.</p> <picture class="picture-lozad"> <source type="image/webp" data-srcset="/invoice/inv-gen/invoice-generator-steps.webp"> <img src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/invoice-generator-steps.png" alt="How to make an invoice | Zoho Invoice Generator" width="400" height="415"/> </picture> </div> <div class="invoice-procedure-steps-container"> <div class="procedure-steps"> <span>Step 1</span> <p class="desc" style="display: block;">Select the color theme and invoice format <span class='highlight-point'>(Standard, Spreadsheet, or Compact)</span> in which you wish to display your invoice. Once done, upload your business logo so your invoices reflect your brand's image.</p> </div> <div class="procedure-steps"> <span>Step 2</span> <p class="desc">Fill out the essential details like your business name, business address, customer contact information, invoice number, invoice date, and the payment due date.</p> </div> <div class="procedure-steps"> <span>Step 3</span> <p class="desc">Enter the details of the sale items in the <span class='highlight-point'>Item description table</span>, and the invoice generator will automatically calculate the rates as you input the item quantities. You can also provide additional notes and terms and conditions in the <span class='highlight-point'>Notes</span> and <span class='highlight-point'>Terms and Conditions</span> section.</p> </div> <div class="procedure-steps" style="border-bottom: none;"> <span>Step 4</span> <p class="desc">After entering all the necessary details, click <span class='highlight-point'>Download/Print</span> to download or print the document, or click <span class='highlight-point'>Save Online</span> to save and access the invoice later from anywhere using Zoho Invoice.</p> <div class="bottom-dot"></div> </div> </div> </div> </div> <section class="template-section"> <div class="template-container"> <h2 class="title">Invoice format</h2> <p class="desc">A usual business invoice contains the following components:</p> <div class="template-exp-container"> <picture> <source type="image/webp" srcset="/invoice/inv-gen/invoice-template.webp"> <img src="/invoice/inv-gen/invoice-template.png" alt="sample invoice format | Zoho Invoice" width="388" height="524" loading="lazy"/> </picture> <div class="template-img-container"> <div class="viewpoint1"> <svg width="260" height="56" viewBox="0 0 260 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <path id="path-1-1" d="M247.795 48.8877H192.56C187.037 48.8877 182.56 44.4106 182.56 38.8877V10.5C182.56 4.97716 178.083 0.5 172.56 0.5H0" stroke="#C7C7C7"/> <path id="path-1-2" d="M247.795 48.8877H192.56C187.037 48.8877 182.56 44.4106 182.56 38.8877V10.5C182.56 4.97716 178.083 0.5 172.56 0.5H0" stroke-width="2"/> <ellipse cx="253.45" cy="49.0272" rx="3.27498" ry="3.2363" fill="black"/> <path class="round-path" d="M259.625 49.0274C259.625 52.3907 256.864 55.1247 253.45 55.1247C250.036 55.1247 247.275 52.3907 247.275 49.0274C247.275 45.6642 250.036 42.9301 253.45 42.9301C256.864 42.9301 259.625 45.6642 259.625 49.0274Z" stroke="black" stroke-width="0.75"/> </svg> <p>The business's logo, name, and address; and the customer's contact information.</p> </div> <div class="viewpoint4"> <svg width="261" height="57" viewBox="0 0 261 57" fill="none" xmlns="http://www.w3.org/2000/svg"> <path id="path-4-1" d="M13 50H52C57.5228 50 62 45.5228 62 40V11C62 5.47715 66.4772 1 72 1H261" stroke="#C7C7C7"/> <path id="path-4-2" d="M13 50H52C57.5228 50 62 45.5228 62 40V11C62 5.47715 66.4772 1 72 1H261" stroke-width="2"/> <ellipse cx="6.55528" cy="49.5551" rx="3.2777" ry="3.27766" fill="black"/> <path class="round-path" d="M12.7355 49.5553C12.7355 52.9684 9.96855 55.7353 6.55539 55.7353C3.14224 55.7353 0.375332 52.9684 0.375332 49.5553C0.375332 46.1422 3.14224 43.3753 6.55539 43.3753C9.96855 43.3753 12.7355 46.1422 12.7355 49.5553Z" stroke="black" stroke-width="0.75"/> </svg> <p>The invoice number, invoice date, and the due date</p> </div> <div class="viewpoint2"> <svg width="260" height="14" viewBox="0 0 260 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path id="path-6-1" d="M246.945 7H0" stroke="#C7C7C7"/> <path id="path-6-2" d="M246.945 7H0" stroke-width="2"/> <ellipse cx="253.472" cy="6.55512" rx="3.26375" ry="3.27766" fill="black"/> <path class="round-path" d="M259.625 6.55531C259.625 9.96993 256.869 12.7353 253.473 12.7353C250.076 12.7353 247.32 9.96993 247.32 6.55531C247.32 3.1407 250.076 0.375332 253.473 0.375332C256.869 0.375332 259.625 3.1407 259.625 6.55531Z" stroke="black" stroke-width="0.75"/> </svg> <p>The item names, descriptions, quantities, and rates.</p> </div> <div class="viewpoint5"> <svg width="261" height="57" viewBox="0 0 261 57" fill="none" xmlns="http://www.w3.org/2000/svg"> <path id="path-5-1" d="M13 50H52C57.5228 50 62 45.5228 62 40V11C62 5.47715 66.4772 1 72 1H261" stroke="#C7C7C7"/> <path id="path-5-2" d="M13 50H52C57.5228 50 62 45.5228 62 40V11C62 5.47715 66.4772 1 72 1H261" stroke-width="2"/> <ellipse cx="6.55528" cy="49.5551" rx="3.2777" ry="3.27766" fill="black"/> <path class="round-path" d="M12.7355 49.5553C12.7355 52.9684 9.96855 55.7353 6.55539 55.7353C3.14224 55.7353 0.375332 52.9684 0.375332 49.5553C0.375332 46.1422 3.14224 43.3753 6.55539 43.3753C9.96855 43.3753 12.7355 46.1422 12.7355 49.5553Z" stroke="black" stroke-width="0.75"/> </svg> <p>The subtotal, taxes, and total amount that needs to be paid.</p> </div> <div class="viewpoint3"> <svg width="260" height="14" viewBox="0 0 260 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path id="path-3-1" d="M246.945 7H0" stroke="#C7C7C7"/> <path id="path-3-2" d="M246.945 7H0" stroke-width="2"/> <ellipse cx="253.472" cy="6.55512" rx="3.26375" ry="3.27766" fill="black"/> <path class="round-path" d="M259.625 6.55531C259.625 9.96993 256.869 12.7353 253.473 12.7353C250.076 12.7353 247.32 9.96993 247.32 6.55531C247.32 3.1407 250.076 0.375332 253.473 0.375332C256.869 0.375332 259.625 3.1407 259.625 6.55531Z" stroke="black" stroke-width="0.75"/> </svg> <p>The notes and terms and conditions section.</p> </div> </div> </div> <div class="process-steps-wrapper"> <div class="invoice-process-steps"> <div class="process-step"> <div class="process-step-content"> <h3>Business Information</h3> <p class="desc">The business's logo, name, and address; and the customer's contact information.</p> </div> <div class="process-mb-img"> <picture class="picture-lozad"> <source type="image/webp" data-srcset="/invoice/inv-gen/business-logo.webp"> <img class="mobile-img" src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/business-logo.png" alt="Business logo | Zoho Invoice" width="415" height="270"> </picture> </div> </div> <div class="process-step"> <div class="process-step-content"> <h3>Invoice Details</h3> <p class="desc">The invoice number, invoice date, and the due date</p> </div> <div class="process-mb-img"> <picture class="picture-lozad"> <source type="image/webp" data-srcset="/invoice/inv-gen/invoice-details.webp"> <img class="mobile-img" src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/invoice-details.png" alt="Business logo | Zoho Invoice" width="415" height="270"> </picture> </div> </div> <div class="process-step"> <div class="process-step-content"> <h3>Itemized List</h3> <p class="desc">The item names, descriptions, quantities, and rates.</p> </div> <div class="process-mb-img"> <picture class="picture-lozad"> <source type="image/webp" data-srcset="/invoice/inv-gen/itemized-list.webp"> <img class="mobile-img" src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/itemized-list.png" alt="Business logo | Zoho Invoice" width="415" height="270"> </picture> </div> </div> <div style="margin-bottom: 0;" class="process-step"> <div class="process-step-content"> <h3>Payment Summary</h3> <p class="desc">The subtotal, taxes, and total amount that needs to be paid.</p> </div> <div class="process-mb-img"> <picture class="picture-lozad"> <source type="image/webp" data-srcset="/invoice/inv-gen/payment-summary.webp"> <img class="mobile-img" src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/business-logo.png" alt="Payment summary | Zoho Invoice" width="415" height="270"> </picture> </div> </div> <div style="margin-bottom: 0;" class="process-step"> <div class="process-step-content"> <h3>Notes and Terms</h3> <p class="desc">The notes and terms and conditions section.</p> </div> <div class="process-mb-img"> <picture class="picture-lozad"> <source type="image/webp" data-srcset="/invoice/inv-gen/notes-terms.webp"> <img class="mobile-img" src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/business-logo.png" alt="Terms and conditions | Zoho Invoice" width="415" height="270"> </picture> </div> </div> </div> </div> </div> </section> <div class="invoice-features-container"> <div class="invoice-features-inner container-width"> <h2 class="feature-title title color-black">What elements should an invoice include?</h2> <div class="invoice-features-content"> <div > <div class="process-step-icon"> <img class="lozad" src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/business-logo.svg" alt="Business logo | Zoho Invoice" width="42" height="42"/> </div> <div class="process-step-content"> <h3>Business logo</h3> <p>A business logo is a unique symbol that represents an organization. Adding a business logo to your invoices not only reinforces your brand's identity among your customers but also projects your business as a legitimate one.</p> </div> </div> <div > <div class="process-step-icon"> <img class="lozad" src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/invoice-number.svg" alt="Invoice number | Zoho Invoice" width="42" height="42"/> </div> <div class="process-step-content"> <h3>Invoice number</h3> <p>Businesses might send out huge volumes of invoices. In such cases, tracking each invoice becomes a tedious task. This is where an invoice number comes in handy. An Invoice number is a sequential number that uniquely identifies each invoice. Sequentially numbering each invoice helps businesses track a specific transaction.</p> </div> </div> <div > <div class="process-step-icon"> <img class="lozad" src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/business-name.svg" alt="Business name | Zoho Invoice" width="42" height="42"/> </div> <div class="process-step-content"> <h3>Business name</h3> <p>This is the name that your organization goes by. Having your business name and address on your invoice not only makes it easy for your customers to communicate with you but also reassures them that they are dealing with a credible business.</p> </div> </div> <div > <div class="process-step-icon"> <img class="lozad" src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/product-description.svg" alt="Product description | Zoho Invoice" width="42" height="42"/> </div> <div class="process-step-content"> <h3>Product description</h3> <p>A product description is a compelling marketing copy that showcases all the information of the product. This may include details like the product's size, dimensions, color, and other information. Describing the product in your invoices gives your customers a clear idea of what they are buying.</p> </div> </div> <div style="border-bottom: none;" > <div class="process-step-icon"> <img class="lozad" src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/invoice-date.svg" alt="Invoice date | Zoho Invoice" width="42" height="42"/> </div> <div class="process-step-content"> <h3>Invoice date</h3> <p>The invoice date is the date in which an invoice is issued. Apart from this, an invoice also contains the payment due date, which is the date by which a customer should pay the invoice.</p> </div> </div> <div style="border-bottom: none;" > <div class="process-step-icon"> <img class="lozad" src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/terms-conditions.svg" alt="Terms and conditions | Zoho Invoice" width="42" height="42"/> </div> <div class="process-step-content"> <h3>Terms and conditions</h3> <p>Terms and conditions are a set of rules that both the buyer and seller should abide by. These rules might define the payment terms, late fees, or explain the return and refund policies for goods or services.</p> </div> </div> </div> </div> </div> <div class="question"> <h2 class="faq-title">Frequently asked questions</h2> <div class="question-group container-width"> <ul class="QA-parent"> <li class="QA-part QA-expand"> <div class="question-part"> <p>What are the different types of invoices?</p> <span class="plus-minus plus-icon"></span> </div> <div class="answer-part" style="display: block;"> <p><p>The different types of invoices are:</p> <br><p><b>Proforma invoices:</b> A document that states the commitment of the seller to deliver goods and services to the buyer for an agreed price.</p> <br><p><b>Commercial invoice:</b> A document used for customs in the sale of goods that exported across the international borders.</p> <br><p><b>Credit notes:</b> A document issued to the buyer in case of goods retuned due to damage or any mistakes made.</p> <br><p><b>Timesheet invoice:</b> Invoice created for work done on hourly basis.</p> <br><p><b>Recurring Invoices:</b> Invoices created and send to customers on a regular interval.</p></p> </div> </li> <li class="QA-part "> <div class="question-part"> <p>Why is it important to add due date on the invoice?</p> <span class="plus-minus plus-icon"></span> </div> <div class="answer-part"> <p>Adding the due date in your invoice will encourage your customers to make the payment within a certain period, ensuring you get paid on time.</p> </div> </li> <li class="QA-part "> <div class="question-part"> <p>Can I customize this blank invoice?</p> <span class="plus-minus plus-icon"></span> </div> <div class="answer-part"> <p>With the Free Invoice Generator, you do not have the option to customize the blank invoices. However, the <a href='/invoice/templates/' target='_blank' rel='noopener noreferrer'>invoice templates</a> from Zoho Invoice are fully customizable. You can sign up to the free plan of Zoho Invoice to customize your invoices. You can choose a template of your choice and customize it to suit your brand. Know more about <a href='/invoice/help/settings/templates.html?src=free-invoice-generator-faqs' target='_blank'>customizing invoices.</a></p> </div> </li> <li class="QA-part "> <div class="question-part"> <p>What is a proforma invoice?</p> <span class="plus-minus plus-icon"></span> </div> <div class="answer-part"> <p>A proforma invoice is an estimated invoice sent by the seller to the buyer to inform the buyer about the sale of goods and their prices. It's either sent along with the deliverables or before they are shipped. <a href='https://www.zoho.com/billing/academy/billing-basics/proforma-invoice.html' target='_blank' rel='noopener noreferrer'>Learn more</a></p> </div> </li> <li class="QA-part "> <div class="question-part"> <p>Can I edit my invoices?</p> <span class="plus-minus plus-icon"></span> </div> <div class="answer-part"> <p>Yes, Zoho Invoice lets you edit the invoices. You can then download, print, or send a copy of the edited invoice to the customer. Learn how to <a href='/invoice/help/invoice/new-invoice.html#edit-invoice' target='_blank' rel='noopener noreferrer'>edit invoices</a> in Zoho Invoice.</p> </div> </li> <li class="QA-part "> <div class="question-part"> <p>I need to change the date format for my invoices. Can I do it from the Invoice Creator?</p> <span class="plus-minus plus-icon"></span> </div> <div class="answer-part"> <p>No, with the free invoice creator tool, you cannot change the date format. However, with Zoho Invoice app you can change the date format of your invoices. <a href='/invoice/kb/general/change-date-format.html' target='_blank' rel='noopener noreferrer'>Learn more</a></p> </div> </li> <li class="QA-part "> <div class="question-part"> <p>Do I have the option to add discounts to my invoices?</p> <span class="plus-minus plus-icon"></span> </div> <div class="answer-part"> <p>You do not have the option to add discounts within this Invoice generator. However, by signing up for the <a href='/invoice/signup/?src=free-invoice-generator-faqs' target='_blank' rel='noopener noreferrer'>Free Zoho Invoice software,</a> you can <a href='/invoice/kb/invoices/invoice-discounts.html?src=free-invoice-generator-faqs' target='_blank' rel='noopener noreferrer'>add discounts</a> to your invoices.</p> </div> </li> <li class="QA-part "> <div class="question-part"> <p>I need to add an additional field to my invoice. How can I do that?</p> <span class="plus-minus plus-icon"></span> </div> <div class="answer-part"> <p>You can sign up to Zoho Invoice for Free and add additional fields to your invoices. Zoho Invoice supports custom fields, letting you capture additional information in your invoices. <a href='/invoice/kb/templates/invoice-additional-fields.html' target='_blank' rel='noopener noreferrer'>Know more</a></p> </div> </li> <li class="QA-part "> <div class="question-part"> <p>I need to create recurring invoices. What is the solution?</p> <span class="plus-minus plus-icon"></span> </div> <div class="answer-part"> <p> With Zoho Invoice, you can create recurring invoices for transactions that takes place on a regular interval. Read more about recurring invoices. If you have a subscription model of business you might like to try <a href='/billing/?src=free-invoice-generator-faqs' target='_blank' rel='noopener noreferrer'>Zoho Billing.</a></p> </div> </li> <li class="QA-part "> <div class="question-part"> <p>Can I create invoices in different languages?</p> <span class="plus-minus plus-icon"></span> </div> <div class="answer-part"> <p>Zoho Invoice supports over 17 languages, letting you send invoices in multiple languages depending on your need. <a href='/invoice/help/settings/templates.html#create-multiple-languages' target='_blank' rel='noopener noreferrer'>Learn more</a></p> </div> </li> <li class="QA-part "> <div class="question-part"> <p>Can I add a salesperson when I create an invoice?</p> <span class="plus-minus plus-icon"></span> </div> <div class="answer-part"> <p>Yes, with Zoho Invoice you can add Salesperson to your invoices. <a href='/invoice/kb/invoices/associate-sales-person.html' target='_blank' rel='noopener noreferrer'>Know more</a></p> </div> </li> <li class="QA-part "> <div class="question-part"> <p>Is there a way I can do my invoicing on the go?</p> <span class="plus-minus plus-icon"></span> </div> <div class="answer-part"> <p><a href='/invoice/mobile-apps/?src=free-invoice-generator-faqs' target='_blank' rel='noopener noreferrer'>The mobile app</a> (iOS, Android, Windows) from Zoho Invoice lets you manage your business invoicing from anywhere, anytime.</p> </div> </li> </ul> </div> </div> <div class="cta-section"> <div class="cta-inner container-width "> <div class="cta-content"> <h2 class="title">Streamline your invoicing operations with Zoho Invoice</h2> <p class="desc mt-15">Creating and sending professional invoices is now quicker and easier with Zoho Invoice. Sign up to generate quotes, automate payment reminders, manage projects, and much more鈥攁ll for free.</p> <a class="cta black-cta color-black access-invoice" href="/invoice/signup/?src=invoice-freeinvoicegenerator-promotionalbanner" rel="noopener noreferrer">Sign up for free</a> </div> <div class="cta-img-container"> <picture class="picture-lozad"> <source media="(max-width: 768px)" data-srcset="/invoice/inv-gen/cta-section-mobile.webp" type="image/webp"> <source media="(max-width: 768px)" data-srcset="/invoice/inv-gen/cta-section-mobile.png"> <source type="image/webp" data-srcset="/invoice/inv-gen/cta-section.webp"> <img src="/invoice/images/pic.gif" data-src="/invoice/inv-gen/cta-section.png" alt="Free invoicing software - Zoho Invoice" width="269" height="517"/> </picture> </div> </div> </div> <div class="common-footer"></div> </div> <div class="modal" id="printOptionModal"> <div class="modal-dialog modal-md"> <div class="modal-content"> <div class="modal-header"> <button class="close" type="button" onclick="$('#printOptionModal').hide();">x</button> <h4>Number of Copies</h4> </div> <div class="modal-body"> <div class="radio"> <label> <input type="radio" name="print-option" value="1" checked> <b>One Copy</b> <p class="text-muted">An original copy will be printed.</p> </label> </div> <div class="radio"> <label> <input type="radio" name="print-option" value="2"> <b>Two Copies</b> <p class="text-muted">A supplier copy and a recipient copy will be printed.</p> </label> </div> <div class="radio"> <label> <input type="radio" name="print-option" value="3"> <b>Three Copies</b> <p class="text-muted">A supplier copy, a transporter copy, and a recipient copy will be printed.</p> </label> </div> </div> <div class="modal-footer" style="text-align: left"> <button class="btn btn-primary" type="button" onclick="InvoiceGenerator.getInvoicePDF(true)">Print</button> <button class="btn btn-default" type="button" onclick="$('#printOptionModal').hide();">Cancel</button> </div> </div> </div> </div> <style type="text/css">.signup-cont{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;-webkit-overflow-scrolling:touch;outline:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;overflow-x:hidden;overflow-y:auto;background-color:rgba(19,26,43,.6)}.signup-cont-inner{position:relative;margin:30px auto}.signup-modal-content{position:relative;background-color:#fff;background-clip:padding-box;border-radius:10px;outline:0;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.signup-bg{position:relative;padding:60px 20px 0;border-radius:10px 0 0 10px;width:42%;background:-o-linear-gradient(280.6deg,rgba(181,210,255,.5) -20.78%,rgba(237,239,244,0) 92.12%);background:linear-gradient(169.4deg,rgba(181,210,255,.5) -20.78%,rgba(237,239,244,0) 92.12%);height:auto}.template-pop-title{font-size:20px;line-height:1.4;font-family:var(--primaryfont-bold);color:#000;max-width:360px;margin:0 auto 20px}.form-field{outline:none!important;width:100%!important;border-color:#d6d6d6;border-radius:5px!important;padding:12px 12px 12px 36px;height:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box!important;box-sizing:border-box!important}.btn-signup,.form-field{color:#000;font-family:var(--primaryfont-regular)}.btn-signup{padding:0 25px!important;background-color:#ffc917;font-weight:400;width:100%}.btn-signup:hover{background-color:#ffc917!important;border-color:none;color:#000}.signupform{max-width:100%}.form-field:focus{outline:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #ccc}.form-field[disabled],.form-field[readonly],fieldset[disabled] .form-field{cursor:not-allowed;background-color:#eee;opacity:1}.form-field:-moz-placeholder,.form-field::-moz-placeholder{color:#999;font-weight:400;font-size:16px!important}.form-field::-webkit-input-placeholder{color:#999;font-weight:400;font-size:16px!important}.form-field:-ms-input-placeholder{color:#999;font-weight:400;font-size:16px!important}.za-tos-container{margin-bottom:15px}.za-tos-container a{color:#1616ef}.change-country-link{text-decoration:underline;margin-left:3px}.tos-checkbox{float:left}.za-tos-container .tos-checkbox{cursor:pointer}.za-newsletter-container,.za-tos-container{font-size:12px;line-height:18px}.za-newsletter-container label{max-width:92%;margin-bottom:5px;display:inline-block}.za-newsletter-container input{float:left}.signup-modal-close{position:absolute;width:30px;height:30px;right:15px;top:15px;cursor:pointer}.signup-popup{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.signup-popup-form{padding:40px 55px;width:58%;border-radius:0 10px 10px 0}.company-name-container:after,.za-contact-number-container:after,.za-country_state-container:after,.za-email-container:after,.za-fullname-container:after,.za-password-container:after,.za-rmobile-container:after{width:16px;height:16px;content:"";position:absolute;top:16px;left:11px}.company-name-container:after{background-image:url(/invoice/images/signup-popup/org-black.svg)}.za-email-container:after{background-image:url(/invoice/images/signup-popup/mail-black.svg)}.za-contact-number-container:after,.za-rmobile-container:after{background-image:url(/invoice/images/signup-popup/call-black.svg)}.za-password-container:after{background-image:url(/invoice/images/signup-popup/password-black.svg)}.za-country_state-container:after{background-image:url(/invoice/images/signup-popup/location-black.svg)}.za-fullname-container:after{background-image:url(/invoice/images/signup-popup/user.svg)}.za-country-container select,.za-country_state-container select{position:relative;line-height:1.42857143;width:100%}.za-country-container select{background-image:url(/invoice/images/signup-popup/global-black.svg);background-size:16px 16px;background-position:10px 15px;background-repeat:no-repeat}.signup-pop-cta{margin-bottom:27px!important}.za-country_code-container select{display:none}.ccodelabel{width:30px;position:absolute;color:#000;top:14px;left:36px}#rmobile{padding-left:70px!important}.signupform label{max-width:90%;margin-left:5px}.testimonial{position:relative;margin-top:110px}.testimonial-content{color:#000!important;padding:25px 10px 20px;line-height:30px}.testimonial-content b{font-size:17px}.testimonial>img{height:25px;position:absolute;top:-20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.customer-info{padding:15px 0;position:relative}.customer-name{font-family:var(--primaryfont-bold);font-size:17px}.customer-info:before{content:"";width:136px;height:1px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-top:1px solid #000}.customer-info p{color:#000}.mobile-promotion{position:absolute;bottom:0;left:0;padding:25px 55px;width:100%;text-align:center;border-top:1px solid #b3b3b3}.mobile-prop-title{color:#000;font-size:15px;line-height:19px}.mobile-prop-desc{font-size:13px;line-height:15px;color:#626d88;letter-spacing:.3px;margin-top:5px;margin-bottom:13px}.social-signup p{margin:10px 0}.ZI-popup{top:30%;left:50%;width:450px;background:#fff;padding:30px;z-index:1200;position:fixed;-webkit-box-shadow:-2px 0 6px #666;box-shadow:-2px 0 6px #666;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:10px;margin-left:0}.ZI-con-desc{margin:10px 0 20px;color:#666;font-size:15px;line-height:24px}.ZI-loading{background:url(/invoice/images/loading.gif) no-repeat;background-position:16px 17px;height:37px;width:230px;margin:10px auto;clear:both}.signup-cont input[type=checkbox]{margin:3px 3px 3px 4px}.change-country-link,.mobile-prop-title,.testimonial-content b,.za-tos-container .tos-checkbox,.ZI-popup h3{font-family:var(--primaryfont-semibold)}.ccodelabel,.form-field,.testimonial-content,.za-country-container select,.za-country_state-container select{font-size:16px!important}.ccodelabel,.customer-info,.template-pop-title,.testimonial-content{text-align:center}@media (min-width:970px){.signup-cont-inner{width:900px}}@media (max-width:970px){.signup-bg{display:none}.signup-cont-inner{max-width:500px}.signup-popup-form{width:100%}}@media (max-width:600px){.signup-popup-form{padding:30px 7%}.signup-cont-inner{margin:20px}}@media (max-width:460px){.template-pop-title{margin-top:20px}}</style> <div class="signup-cont" id="signupModalTemp"> <div class="signup-cont-inner"> <div class="signup-modal-content"> <div> <div style="display: none" id="ZI-load"> <div class="ZI-load"></div> <div class="ZI-popup"> <h3 class="font-semibold"> We are working on setting up your account and saving your invoice. </h3> <p class="ZI-con-desc"> Meanwhile, why don鈥檛 you verify your account by clicking on the link we sent you in the email? </p> <div class="ZI-loading"> </div> </div> </div> <div class="signup-popup"> <div class="signup-bg"> <div class="testimonial"> <img loading="lazy" src="/invoice/images/signup-popup/quote.svg" alt="" height="25" width="30" /> <p class="testimonial-content"><b>Zoho Invoice has helped us have a good hold on our cash flow.</b> We can keep track of our income and expenditure easily, and also create and send professional looking invoices to our clients in no time.</p> <div class="customer-info"> <p class="customer-name">Sylvia Charles</p> <p>Director, E Branding Ads</p> </div> </div> <div class="mobile-promotion"> <p class="mobile-prop-title">Download the mobile app</p> <p class="mobile-prop-desc">Manage your business' invoicing operations on the go</p> <div> <a href="https://play.google.com/store/apps/details?id=com.zoho.invoice&referrer=utm_source%3Dwebsite%26utm_medium%3Dtemplates_signup_popup" target="_blank" rel="noreferrer noopener" aria-label="Get Zoho Invoice on Google Play"><img loading="lazy" src="/invoice/images/playstore-badge.svg" alt="Get Zoho Invoice on Google Play" height="26" width="90" /></a> <a href="https://apps.apple.com/app/apple-store/id413017364?pt=423641&ct=website_templates_signup_popup&mt=8" target="_blank" rel="noreferrer noopener" aria-label="Download Zoho Invoice from the App store"><img loading="lazy" src="/invoice/images/appstore-badge.svg" alt="Download Zoho Invoice from the App store" height="26" width="76"/></a> <a href="https://www.microsoft.com/store/apps/9WZDNCRDFD1H?cid=ZITemplatesWeb" target="_blank" rel="noreferrer noopener" aria-label="Get Zoho Invoice from Microsoft Store"><img loading="lazy" src="/invoice/images/windows-badge.svg" alt="Get Zoho Invoice from Microsoft Store" height="26" width="71" /></a> </div> </div> </div> <div class="signup-popup-form"> <div class="signup-modal-close"> <img loading="lazy" src="/invoice/images/close-circle.svg" alt="close" onclick="closeForm()"> </div> <h3 class="template-pop-title"> Go beyond templates, experience the best of invoicing for free </h3> <div class="ZI-form"> <form action="//accounts.zoho.com/accounts/register.ac" name="signupform" id="signupform" method="post" class="signupform form" width="" novalidate="novalidate" autocomplete="off"> <div class="form-grp za-fullname-container"> <input type="text" id="namefield" class="form-field" name="firstname" tabindex="1" placeholder="Full Name" autofocus="true" > </div> <div class="form-grp za-email-container"> <input type="email" class="form-field" name="email" tabindex="2" autocomplete="on" placeholder="Email Address"> </div> <div class="form-grp za-rmobile-container" style="display: none;"> <div class="form-grp za-country_code-container"> <select class="za_country_code" id="country_code" name="country_code"></select> <input type="text" id="rmobile" name="rmobile" placeholder="Phone Number" class="form-field" tabindex="3"> <div class="ccodelabel">+91</div> </div> </div> <input type="hidden" name="r_address/1.phone" id="contact_number"> <div class="form-grp za-password-container" style="position: relative;"> <input type="password" id="password" class="form-field" name="password" tabindex="4" placeholder="Password"> <div class="password-strength"> <div></div> </div> </div> <div class="form-grp company-name-container"> <input type="text" id="companyName" class="form-field" name="r_address/1.company_name" tabindex="5" placeholder="Company Name"> </div> <div id="generator_terms"> <input type="hidden" id="countryValue" value=""> <input type="hidden" id="x_invoice_file_id" name="x_invoice_file_id" /> </div> <input type="hidden" id="x_edition" name="x_edition" value=""> <div class="form-grp za-country-container"> <select class="form-field za-country-select" tabindex="6" name="country" id="country" style="display: none;"></select> </div> <div class="za-country_state-container form-grp"> <select class="form-field" name="country_state" id="country_state" tabindex="7"></select> </div> <div style="display:none;" class="za-captcha-container"> <div class="form-grp"> <input type="text" placeholder="Enter Captcha" class="form-field" name="captcha" disabled="disabled"> <br> <img src="about:blank" class="za-captcha" style="border:solid 1px #ccc;margin-top:2px;"> </div> </div> <input type="hidden" id="x_feature" name="x_feature" value=""> <input type="hidden" id="x_plan_type" name="x_plan_type" value=""> <input type="hidden" id="x_source" name="x_source" value=""> <input type="hidden" id="x_template_type" name="x_template_type" value=""> <div class="form-grp za-tos-container" style="padding-top: 6px;"> <span id="data-center-name"></span> <span class="change-country-link tos-label" id="country-change" onclick="showCountryField()">Change Country</span> </div> <div class="form-grp za-tos-container"> <label for="tos" class="tos-label"> I agree to the <a style="text-decoration:underline;" href="https://www.zoho.com/terms.html" id="terms-link" target="_blank">Terms of Service</a> and <a href="https://www.zoho.com/privacy.html" target="_blank" style="text-decoration:underline;" id="privacy-link">Privacy Policy</a>. </label> <input class="tos-checkbox" type="checkbox" id="tos" name="tos" value="true" tabindex="8"> </div> <div class="form-grp za-newsletter-container"> <input type="checkbox" id="newsletter" name="newsletter" value="true" tabindex="8"> <label for="newsletter"> I would like to receive marketing communication from Zoho and Zoho鈥檚 regional partners for future product updates, services and events. </label> </div> <div class="form-grp signup-pop-cta"> <button type="submit" class="btn-signup btn btn-primary" name="za-signup-btn" id="za-signup-btn" tabindex="8">Get your free account</button> </div> <div class="form-grp social-signup"> <p>Or sign in using</p> <ul> <li><span alt="Google" title="Google" onclick="FederatedSignIn.GO('GOOGLE');zohoFedClickEvent('Google');" class="social-icon-google"></span></li> <li><span alt="Yahoo" title="Yahoo" onclick="FederatedSignIn.GO('YAHOO');zohoFedClickEvent('Yahoo');" class="social-icon-yahoo"></span></li> <li><span alt="Facebook" title="Facebook" onclick="FederatedSignIn.GO('FACEBOOK');zohoFedClickEvent('Facebook');" class="social-icon-fb"></span></li> <li><span alt="LinkedIn" title="LinkedIn" onclick="FederatedSignIn.GO('LINKEDIN');zohoFedClickEvent('Linkedin');" class="social-icon-linkedin"></span></li> <li><span alt="Twitter" title="Twitter" onclick="FederatedSignIn.GO('TWITTER');zohoFedClickEvent('Twitter');" class="social-icon-twitter"></span></li> <li><span alt="Office365" title="Office365" onclick="FederatedSignIn.GO('AZURE');zohoFedClickEvent('Office365');" class="social-icon-windows"></span></li> </ul> </div> <section class="signupotpcontainer" id="otp-popup" style="display: none;"> <div class="otp-background"></div> <div class="otp-container"> <div class="close-otp-popup" onclick="gobacktosignup()"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" xml:space="preserve"><circle cx="15" cy="15" r="15" fill-rule="evenodd" clip-rule="evenodd" fill="#f1f1f1"/><path d="M21.5 20.5c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3l-4.8-5-4.8 5c-.2.2-.5.3-.7.3s-.5-.1-.7-.3c-.4-.4-.4-1 0-1.4l4.8-5-4.8-5c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4.8 5 4.8-5c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-4.8 5 4.8 5z" fill="#979797"/></svg> </div> <picture> <source srcset="/invoice/images/signup/mobile-otp-dark.svg" media="(prefers-color-scheme:dark)"> <img src="/invoice/images/signup/mobile-otp.svg" class="otp-popup-img" alt="Enter code" loading="lazy"> </picture> <div class="verifytitle">Verify your phone number</div> <div class="verifyinfo"> <p class="verifyheader">We'll send a code to </p> <div class="otpmobile"> <span id="mobileotp" style="font-size: 16px;"></span> <span class="change" onclick="gobacktosignup()">Edit</span> </div> <img src="/invoice/images/signup/edit-icon.svg" class="otp-edit-icon" alt="" loading="lazy"> </div> <span class="za-otp-container " style="display: none;"> <input type="text" class="otp-field" tabindex="1" name="otp" id="otpfield" placeholder="Enter code" disabled="disabled"> <div style="padding-top: 12px;"> <span class="resent-help">Haven't received it yet?</span> <span onclick="resendOTP()" class="resendotp">Resend</span> </div> </span> <div class="za-submitbtn-otp"> <input type="button" tabindex="1" class="btn-verify" value="Verify" onclick="initiateOTPValidation()" name="otpfield"> <div class="loadingImg"></div> </div> </div> </section> <script> window.isOTPSignupSupported = true; </script> </form> </div> </div> </div> </div> </div> </div> </div> <script src="/finance/js/handle-signup-dc.js" type="text/javascript" defer></script> <script type="text/javascript"> function closeForm() { document.getElementById("signupModalTemp").style.display = "none"; } function signupPopup() { if (window.zohouser && window.zohouser.DISPLAY_NAME) { let _zDomain = dcName === 'ca' ? 'zohocloud' : hostUrl.split('.')[1]; let hostName = _zDomain + '.' + dcName; window.location.href = 'https://invoice.' + hostName + '/home'; } else { document.getElementById("signupModalTemp").style.display = "block"; } } </script> <script> var chatWidgetCode = { 'invoice': '7aa0180e0bbf15740d80f4d8e4b6d669bfba59c7115d1bf67671b657b2ada0a2', 'invoiceGcc': 'bd37612312fb666c5e2dbde5c6247f8fe1ff0a1ac544ecbf859c154187567b8b' }; var widgetcode = chatWidgetCode['invoice']; widgetcode = "3a2dbaf49eff8780c3d5066372c2564c77e4f4505ffe265abca80506de6d2b50846e8bd76202d9b4e26e29667edafa32"; var script = document.createElement('script'); script.type = "text/javascript"; script.async = true; script.id="siquts"; script.src="https://widgets.zohosalesiq.com/app.js?widgetcode="+widgetcode; var temp = document.getElementsByTagName("script")[0]; temp.parentNode.insertBefore(script, temp); var canShowChatWidget = (window.matchMedia('(min-width: 650px)')).matches && true ; var $zoho = $zoho || { salesiq: { values: {}, ready: function() { $zoho.salesiq.floatwindow.close(); if (canShowChatWidget) { $zoho.salesiq.floatbutton.visible("show"); } else { $zoho.salesiq.floatbutton.visible("hide"); } }, afterReady: function() { if (canShowChatWidget) { $zoho.salesiq.floatwindow.visible("4"); } } } }; </script> <script> var src_page = 'invoice_generator'; document.addEventListener('DOMContentLoaded', () => { InvoiceGenerator.countrySelected('companyCountry'); InvoiceGenerator.countrySelected('customerCountry'); if (edition === 'ae' || edition === 'om' || edition === 'sa' || edition === 'bh') { CreateInvoiceUtil.calculateItemTableSubTotal(); } CreateInvoiceUtil.calculateInvTaxAndTotal(); }); </script> <script src="/finance/js/finance.js" type="text/javascript" ></script> <script type="text/javascript" src="/invoice/js/jquery-2.2.4.min.js"></script> <script type="text/javascript" src="/invoice/js/index.js?version=7"></script> <script src="https://www.zohowebstatic.com/sites/zweb/js/common/zf/prd-common.js" async></script> <script type="text/javascript"> var name = "ZohoInvoiceRef"; var pageURL = "ZohoInvoicePageURL"; if(checkAnalyticsCookie()){ createCookie(name,pageURL); } function zohoGASignupEvent() { } function zohoFedClickEvent() { } function zcTrackClick() { } </script> <script type="text/javascript"> if(checkAnalyticsCookie()){ (function(w,s){var e=document.createElement("script");e.type="text/javascript";e.async=true; e.src="https://zohotagmanager.cdn.pagesense.io/ztmjs/9e14ca550fb345518206a5a65a40a7a9.js"; var x=document.getElementsByTagName("script")[0];x.parentNode.insertBefore(e,x);})(window,"script"); } </script> <script type="text/javascript" src="/invoice/js/signup.js" async></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js" defer></script> <script> window.addEventListener('load', () => { const picture_observer = lozad('.picture-lozad', { rootMargin:"0px", threshold: 0, load: function(el) { $(el).find('source').each(function(){$(this).attr('srcset', $(this).attr('data-srcset'))}) $(el).find('img').each(function(){$(this).attr('src', $(this).attr('data-src'))}) } }); picture_observer.observe(); const lozadObserver = lozad(); lozadObserver.observe(); let lazyLoadElements = document.querySelectorAll('.lazyload-section'); lazyLoadElements.forEach((ele) => ele.classList.add('visible')); }); </script> <script type="text/javascript">"use strict";function setEditionCookie(e,i){var t=new Date,n=i;t.setDate(t.getDate()+150),document.cookie=encodeURIComponent(e)+"="+n+"; path=/; expires="+t}function getCookieValue(e){return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+encodeURIComponent(e).replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null}var editionsArray=["uk","ca","au","us","in","sa","ae","bh","om","kw","qa","ke","es-mx","za","de-de"],url=window.location.href,urlArray=url.split("/"),isEditionSpecific=-1!==editionsArray.indexOf(urlArray[3]),edition=isEditionSpecific?urlArray[3]:"global";function switchEdition(e){-1!==editionsArray.indexOf(urlArray[3])?"global"===e?urlArray.splice(3,1):urlArray[3]=e:"global"!==e&&urlArray.splice(3,0,e),setEditionCookie("ZFEdition",e),url=urlArray.join("/"),window.location=url}var editionSwitchBanner=document.getElementById("edition-switch-banner");function closeEditionBannner(e){setEditionCookie("ZFEdition",e),editionSwitchBanner.classList.remove("show")}window.addEventListener("load",function(e){var i=getCookieValue("ZFEdition"),t=(window.CountryCode||"").toLowerCase();"gb"===t?t="uk":"mx"===t?t="es-mx":"de"===t&&(t="de-de");var n,o=document.getElementsByClassName("visit-btn")[0],a=document.getElementsByClassName("edition-switch-text")[0],r=document.getElementsByClassName("close-banner")[0],c=urlArray[3],s={AE:"UAE",AU:"Australia",BH:"Bahrain",CA:"Canada",IN:"India",KE:"Kenya",KW:"Kuwait",QA:"Qatar",OM:"Oman","ES-MX":"Mexico",SA:"Saudi Arabia",UK:"United Kingdom",US:"United States",ZA:"South Africa","DE-DE":"Germany"}[t.toUpperCase()]||"Global",d=function(){a.textContent="You can visit the ".concat(s," site to view content specific to your location."),o.classList.add(t),o.href="".concat(n),o.textContent="Visit ".concat(s," site"),o.setAttribute("onclick","switchEdition('".concat(t,"')")),r.setAttribute("onclick","closeEditionBannner('".concat(c,"')")),editionSwitchBanner.classList.add("show")},l=function(){editionsArray.includes(t)?(urlArray[3]=t,n=urlArray.join("/")):(urlArray.splice(3,1),n=urlArray.join("/"))};null===i?c!==t&&"invoice"!==c&&editionsArray.includes(t)?(document.body.classList.add("edition-band"),l(),d()):!editionsArray.includes(t)&&editionsArray.includes(c)&&(l(),document.body.classList.add("edition-band"),a.textContent="Looks like you're on a different edition. Switch to global edition for more relevant informtion",o.href="".concat(n),o.setAttribute("onclick","switchEdition('global')"),r.setAttribute("onclick","closeEditionBannner('".concat(c,"')")),editionSwitchBanner.classList.add("show")):c!==t&&c!==i&&"invoice"!==c&&(l(),d())});</script> <script type="text/javascript" src="/invoice/js/invoicegenerator.js"></script> <script src="/finance/js/handle-signup-dc.js" type="text/javascript" defer></script> <script type="text/javascript">"use strict";$(".QA-part").click(function(s){if($(s.target).length){var e=$(s.currentTarget),a=$(".answer-part",this),i=$(".line-arrow-down",this),r=$(".icon-close",this);a.is(":visible")?(a.slideUp(200),e.removeClass("QA-expand"),i.addClass("show"),i.removeClass("hide"),r.addClass("hide"),r.removeClass("show")):(a.slideDown(200),i.addClass("hide"),i.removeClass("show"),r.addClass("show"),e.addClass("QA-expand"),r.removeClass("hide"))}}),$(".answer-reference").click(function(s){s.stopPropagation()});</script> <script type="text/javascript">"use strict";var intervalId,steps=document.querySelectorAll(".procedure-steps"),currentStepIndex=0;function activateStep(e){steps.forEach(function(t,s){t.classList.remove("active"),s<e&&steps[s]?(t.style.borderLeft="2px solid #0075FF",t.classList.add("previous-active")):steps[s]&&(t.style.borderLeft="1px solid #D9D9D9",t.classList.remove("previous-active"))}),steps[e]&&(steps[e].classList.add("active"),steps[e].style.borderLeft="1px solid #D9D9D9")}function resetSteps(){steps.forEach(function(e){e.classList.remove("active","previous-active"),e.style.borderLeft="1px solid #D9D9D9"})}function startStepInterval(){clearInterval(intervalId),intervalId=setInterval(function(){if(activateStep(currentStepIndex=(currentStepIndex+1)%steps.length),0!==currentStepIndex){var e=steps[0].querySelector("p");e&&(e.style.display="none")}if(0===currentStepIndex){var t=steps[0].querySelector("p");t&&(t.style.display="block"),resetSteps(),activateStep(currentStepIndex)}},7e3)}if(steps.forEach(function(e,t){e.addEventListener("click",function(){clearInterval(intervalId),activateStep(currentStepIndex=t);var e=steps[0].querySelector("p");0!==t&&e?e.style.display="none":e&&(e.style.display="block"),0===t&&(resetSteps(),activateStep(currentStepIndex)),startStepInterval()})}),"IntersectionObserver"in window){var stepsObserver=new IntersectionObserver(function(e){e.forEach(function(e){e.isIntersecting&&(steps[0]&&steps[0].classList.add("active"),startStepInterval(),stepsObserver.unobserve(e.target))})},{threshold:.7}),stepsSection=document.querySelector(".invoice-procedure-steps-container");stepsObserver.observe(stepsSection)}function getPathLength(e){return e.getTotalLength()}function animatePath(e){var t=getPathLength(e);return e.closest("div").classList.add("path-animating"),e.style.strokeDasharray=t,e.style.strokeDashoffset=t,e.style.stroke="transparent",e.animate([{strokeDashoffset:t,stroke:"#0075FF"},{strokeDashoffset:0,stroke:"#0075FF"}],{duration:6e3,easing:"ease-in-out",fill:"forwards"})}function resetPath(e){var t=getPathLength(e);e.style.setProperty("stroke","transparent","important"),e.style.strokeDasharray=t,e.style.strokeDashoffset=t}var observer=new IntersectionObserver(function(e,t){e.forEach(function(e){if(e.isIntersecting){var s=e.target,r=s.querySelectorAll('path[id*="-2"]'),n=0;!function e(){if(n<r.length){var t=r[n];animatePath(t).onfinish=function(){var s=t.closest("svg"),r=s.querySelector("ellipse"),a=s.querySelector(".round-path");resetPath(t),r&&(r.style.fill="#000"),a&&(a.style.stroke="#000"),n++,e()}}}(),t.unobserve(s)}})},{threshold:.5}),container=document.querySelector(".template-exp-container");observer.observe(container);</script> <script type="text/javascript"> let userAgent = window.navigator.userAgent; if (userAgent.indexOf("Android") > -1) { document.getElementsByClassName('playstore-pop')[0].style.display = "flex"; } let igPromotiontext = ["Access other fully customizable invoice<br> templates.", "Set up online payment collection<br> gateways.", "Save your invoices securely on the cloud."]; let randomString = Math.floor(Math.random() * igPromotiontext.length); document.getElementsByClassName('ig-promotion-text')[0].innerHTML = igPromotiontext[randomString]; function setHostUrl() { if (params.serviceurl.indexOf('source_url') === -1) { params.serviceurl = params.serviceurl + '&source_url=invoice_generator'; } params.serviceurl = params.serviceurl; } $(document).ready(function() { for (var i = 1; i <= 3; i++) { autosize($("#itemDesc\\." + i)); } autosize($("#terms")); autosize($("#customerNotes")); var todayDate = $.fn.datepicker.DPGlobal.formatDate(new Date(), $.fn.datepicker.DPGlobal.parseFormat("M dd, yyyy"), "en"); $("#invoiceDate").attr("placeholder", todayDate); $("#dueDate").attr("placeholder", todayDate); $('#invoiceDate').datepicker({ format: "M dd, yyyy", autoclose: true, orientation: 'auto', keyboardNavigation: false, todayHighlight: true }); $('#dueDate').datepicker({ format: "M dd, yyyy", autoclose: true, orientation: 'auto', keyboardNavigation: false, todayHighlight: true }); $.each(InvoiceGenerator.currencyList, function(key, item) { $('#currencySelect') .append($("<option></option>") .attr("value", key) .attr("symbol", item.currency_symbol) .text(key + " - " + item.currency_name + " (" + item.currency_symbol + ")")); }); $("#currencySelect").val($("#currencyCode").val()); window.isInvoiceGenerator = true; $(".form-control").addClass("highlight highlight-transition-duration"); setTimeout(function(){ $(".form-control").removeClass("highlight"); }, 1000); setTimeout(function(){ $(".form-control").removeClass("highlight-transition-duration"); }, 2000); }); if (edition === 'in') { let indiaStates = InvoiceGenerator.indiaStates; for (let index = 0; index < indiaStates.length; index++) { let stateName = indiaStates[index].state_name; $('#companyStateSelect') .append($("<option></option>") .attr("value", stateName) .text(stateName)); $('#customerStateSelect') .append($("<option></option>") .attr("value", stateName) .text(stateName)); $('#placeOfSupplySelect') .append($("<option></option>") .attr("value", stateName) .text(stateName)); } CreateInvoiceUtil.calculateInvTaxAndTotal(); } if ([ 'ae', 'sa', 'bh', 'om' ].includes(edition)) { let states = { 'ae': InvoiceGenerator.UaeStates, 'sa': InvoiceGenerator.saudiArabiaStates, 'bh': InvoiceGenerator.bahrainStates, 'om': InvoiceGenerator.omanStates }; let gccStates = states[edition]; for (let index = 0; index < gccStates.length; index++) { let value = gccStates[index]; $('#gccCompanyStateSelect') .append($("<option></option>") .attr("value", value) .text(value)); $('#gccCustomerStateSelect') .append($("<option></option>") .attr("value", value) .text(value)); $('#placeOfSupplySelect') .append($("<option></option>") .attr("value", value) .text(value)); } CreateInvoiceUtil.calculateInvTaxAndTotal(); } $('.faq-container h2').click(function () { if ($(this).hasClass('active')) { $(this).removeClass('active'); } else { $('.faq-container h2').removeClass('active'); $(this).addClass('active'); } }); function onSignupReady() { InvoiceGenerator.updateSourceInput(21); $(document.body).css("visibility", "visible"); $.fn.zaSignUp.defaults.disableSubmit = function() { return "Sign Up"; } $.fn.zaSignUp.defaults.getConfirmationTemplate = function() { return ''; } $("#signupform").zaSignUp({ onsubmit: function() { $("#za-signup-btn").attr("disabled", true); let country = document.getElementById('country').value; if (country !== 'IN') { $("#ZI-load").css("display","block"); } }, oncomplete: function(state) { var statusKey; var signupState = $.fn.zaSignUp.SIGNUP_STATE; $.each(signupState, function(key, value) { if (state === value) { statusKey = key; return false; } }); if (state === signupState.OTP_INITIATED) { $('#ZI-load').css('display', 'none'); } if (state === signupState.ERROR) { $("#za-signup-btn").attr("disabled", false); $("#ZI-load").css("display","none"); } if (state === signupState.OTP_ERROR) { let verifyBtn = document.querySelector('.btn-verify'); if (verifyBtn) { verifyBtn.value = 'VERIFY'; verifyBtn.disabled = false; } } let verifyheader = document.querySelector('.signupotpcontainer .verifyheader'); if (verifyheader) { verifyheader.innerText="We'll send a code to"; } }, x_signup: { password_required: true } }); window.afterAccountJSLoaded(); } </script> </body> </html>