{"id":2675,"date":"2026-01-13T02:32:06","date_gmt":"2026-01-13T02:32:06","guid":{"rendered":"https:\/\/teen.aiproinstitute.com\/?p=2675"},"modified":"2026-01-13T02:32:27","modified_gmt":"2026-01-13T02:32:27","slug":"invoice-templates-multiple-designs","status":"publish","type":"post","link":"https:\/\/teen.aiproinstitute.com\/zh\/invoice-templates-multiple-designs\/","title":{"rendered":"Invoice Templates (Multiple Designs)\u00a0"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"2675\" class=\"elementor elementor-2675\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1d2bf34 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1d2bf34\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-65cbbca\" data-id=\"65cbbca\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b2a4094 elementor-widget elementor-widget-html\" data-id=\"b2a4094\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Invoice Templates | AiPro Institute\u2122<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, #f5f3ff 0%, #e0f2fe 100%);\n            min-height: 100vh;\n            padding: 20px;\n            position: relative;\n        }\n        \n        .watermark {\n            position: fixed;\n            bottom: 20px;\n            right: 20px;\n            font-size: 60px;\n            font-weight: 900;\n            color: #8B5CF6;\n            opacity: 0.1;\n            pointer-events: none;\n            z-index: 1;\n            letter-spacing: 2px;\n        }\n        \n        .container {\n            max-width: 900px;\n            margin: 0 auto;\n            background: white;\n            padding: 50px;\n            border-radius: 12px;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.1);\n            position: relative;\n            z-index: 2;\n        }\n        \n        .header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding-bottom: 30px;\n            border-bottom: 3px solid transparent;\n            border-image: linear-gradient(90deg, #8B5CF6, #3B82F6) 1;\n        }\n        \n        .brand {\n            background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 28px;\n            font-weight: 900;\n            letter-spacing: 1px;\n            margin-bottom: 10px;\n        }\n        \n        .doc-title {\n            font-size: 32px;\n            color: #1e293b;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n        \n        .doc-subtitle {\n            color: #64748b;\n            font-size: 14px;\n            font-style: italic;\n        }\n        \n        .template-selector {\n            display: flex;\n            gap: 15px;\n            justify-content: center;\n            margin-bottom: 40px;\n            flex-wrap: wrap;\n        }\n        \n        .template-tab {\n            padding: 12px 24px;\n            background: #f8fafc;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            cursor: pointer;\n            font-weight: 600;\n            color: #64748b;\n            transition: all 0.3s ease;\n        }\n        \n        .template-tab:hover {\n            border-color: #8B5CF6;\n            color: #8B5CF6;\n        }\n        \n        .template-tab.active {\n            background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n            color: white;\n            border-color: transparent;\n        }\n        \n        .invoice-template {\n            display: none;\n            margin-bottom: 40px;\n        }\n        \n        .invoice-template.active {\n            display: block;\n        }\n        \n        .section {\n            margin-bottom: 35px;\n        }\n        \n        .section-title {\n            background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n            color: white;\n            padding: 12px 20px;\n            border-radius: 8px;\n            font-size: 18px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .section-title::before {\n            content: \"\u25cf\";\n            font-size: 24px;\n        }\n        \n        .invoice-header-section {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n            margin-bottom: 30px;\n        }\n        \n        .company-info, .invoice-info {\n            padding: 20px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 2px solid #e2e8f0;\n        }\n        \n        .info-title {\n            font-weight: 700;\n            color: #3B82F6;\n            margin-bottom: 15px;\n            font-size: 16px;\n        }\n        \n        .field-group {\n            margin-bottom: 15px;\n        }\n        \n        .field-label {\n            font-weight: 600;\n            color: #475569;\n            margin-bottom: 6px;\n            font-size: 13px;\n            display: block;\n        }\n        \n        .field-input {\n            width: 100%;\n            padding: 10px;\n            border: 2px dashed #cbd5e1;\n            border-radius: 6px;\n            background: white;\n            font-family: inherit;\n            font-size: 14px;\n            color: #1e293b;\n            transition: all 0.3s ease;\n        }\n        \n        .field-input:focus {\n            outline: none;\n            border-color: #8B5CF6;\n            background: #fefefe;\n        }\n        \n        textarea.field-input {\n            min-height: 60px;\n            resize: vertical;\n        }\n        \n        .inline-fields {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 15px;\n        }\n        \n        .invoice-number-display {\n            font-size: 28px;\n            font-weight: 700;\n            background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 10px;\n        }\n        \n        table {\n            width: 100%;\n            border-collapse: collapse;\n            margin: 20px 0;\n            font-size: 14px;\n        }\n        \n        th {\n            background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n            color: white;\n            padding: 14px;\n            text-align: left;\n            font-weight: 600;\n        }\n        \n        td {\n            padding: 12px 14px;\n            border: 1px solid #e2e8f0;\n        }\n        \n        tr:nth-child(even) {\n            background: #f8fafc;\n        }\n        \n        .items-table input[type=\"text\"],\n        .items-table input[type=\"number\"],\n        .items-table textarea {\n            width: 100%;\n            padding: 8px;\n            border: 1px dashed #cbd5e1;\n            border-radius: 4px;\n            font-family: inherit;\n            font-size: 13px;\n        }\n        \n        .items-table textarea {\n            min-height: 50px;\n            resize: vertical;\n        }\n        \n        .totals-section {\n            display: flex;\n            justify-content: flex-end;\n            margin-top: 30px;\n        }\n        \n        .totals-box {\n            width: 400px;\n            background: #f8fafc;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            overflow: hidden;\n        }\n        \n        .total-row {\n            display: flex;\n            justify-content: space-between;\n            padding: 12px 20px;\n            border-bottom: 1px solid #e2e8f0;\n        }\n        \n        .total-row:last-child {\n            border-bottom: none;\n        }\n        \n        .total-row.grand-total {\n            background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n            color: white;\n            font-size: 18px;\n            font-weight: 700;\n        }\n        \n        .total-label {\n            font-weight: 600;\n            color: #475569;\n        }\n        \n        .total-row.grand-total .total-label {\n            color: white;\n        }\n        \n        .total-value input {\n            width: 150px;\n            padding: 6px 10px;\n            border: 1px dashed #cbd5e1;\n            border-radius: 4px;\n            text-align: right;\n            font-family: inherit;\n            font-size: 14px;\n        }\n        \n        .total-row.grand-total input {\n            background: rgba(255,255,255,0.2);\n            border-color: white;\n            color: white;\n            font-weight: 700;\n        }\n        \n        .payment-terms {\n            margin-top: 30px;\n            padding: 20px;\n            background: #f8fafc;\n            border-left: 4px solid #8B5CF6;\n            border-radius: 6px;\n        }\n        \n        .notes-section {\n            margin-top: 30px;\n            padding: 20px;\n            background: linear-gradient(135deg, rgba(139, 92, 246, 0.05), rgba(59, 130, 246, 0.05));\n            border-radius: 8px;\n            border: 1px solid #e2e8f0;\n        }\n        \n        .footer {\n            margin-top: 40px;\n            padding-top: 20px;\n            border-top: 2px solid #e2e8f0;\n            text-align: center;\n            color: #94a3b8;\n            font-size: 12px;\n        }\n        \n        .status-badge {\n            display: inline-block;\n            padding: 6px 16px;\n            border-radius: 20px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        \n        .status-unpaid {\n            background: #fef3c7;\n            color: #92400e;\n        }\n        \n        .status-paid {\n            background: #d1fae5;\n            color: #065f46;\n        }\n        \n        .status-overdue {\n            background: #fee2e2;\n            color: #991b1b;\n        }\n        \n        @media print {\n            body {\n                background: white;\n                padding: 0;\n            }\n            \n            .container {\n                box-shadow: none;\n                padding: 30px;\n            }\n            \n            .watermark {\n                opacity: 0.05;\n            }\n            \n            .template-selector {\n                display: none;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .container {\n                padding: 30px 20px;\n            }\n            \n            .invoice-header-section {\n                grid-template-columns: 1fr;\n            }\n            \n            .inline-fields {\n                grid-template-columns: 1fr;\n            }\n            \n            .totals-box {\n                width: 100%;\n            }\n            \n            table {\n                font-size: 12px;\n            }\n            \n            th, td {\n                padding: 8px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"watermark\">AiPro Institute\u2122<\/div>\n    \n    <div class=\"container\">\n        <div class=\"header\">\n            <div class=\"brand\">AiPro Institute\u2122<\/div>\n            <h1 class=\"doc-title\">Professional Invoice Templates<\/h1>\n            <p class=\"doc-subtitle\">Multiple Design Options for Professional Billing<\/p>\n        <\/div>\n\n        <!-- Template Selector -->\n        <div class=\"template-selector\">\n            <div class=\"template-tab active\" onclick=\"showTemplate('standard')\">Standard Invoice<\/div>\n            <div class=\"template-tab\" onclick=\"showTemplate('detailed')\">Detailed Invoice<\/div>\n            <div class=\"template-tab\" onclick=\"showTemplate('service')\">Service Invoice<\/div>\n        <\/div>\n\n        <!-- TEMPLATE 1: STANDARD INVOICE -->\n        <div class=\"invoice-template active\" id=\"template-standard\">\n            <div class=\"invoice-header-section\">\n                <div class=\"company-info\">\n                    <div class=\"info-title\">From (Your Company)<\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">\u516c\u53f8\u540d\u5b57<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"AiPro Institute\u2122\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Address<\/label>\n                        <textarea class=\"field-input\" placeholder=\"Street Address&#10;City, State ZIP\"><\/textarea>\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">\u90ae\u7bb1<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"billing@aiproinstitute.com\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Phone<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"(___) ___-____\">\n                    <\/div>\n                <\/div>\n                \n                <div class=\"invoice-info\">\n                    <div class=\"invoice-number-display\">INVOICE #<input type=\"text\" style=\"border:none; border-bottom:2px dashed #8B5CF6; width:120px; background:transparent; font-size:28px; font-weight:700;\" placeholder=\"00001\"><\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Invoice Date<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"MM\/DD\/YYYY\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Due Date<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"MM\/DD\/YYYY\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Status<\/label>\n                        <select class=\"field-input\">\n                            <option>Unpaid<\/option>\n                            <option>Paid<\/option>\n                            <option>Overdue<\/option>\n                            <option>Draft<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"section\">\n                <div class=\"company-info\">\n                    <div class=\"info-title\">Bill To (Client)<\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Client Name<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"Client or Company Name\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Contact Person<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"Contact name (optional)\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Address<\/label>\n                        <textarea class=\"field-input\" placeholder=\"Street Address&#10;City, State ZIP\"><\/textarea>\n                    <\/div>\n                    <div class=\"inline-fields\">\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">\u90ae\u7bb1<\/label>\n                            <input type=\"text\" class=\"field-input\" placeholder=\"client@email.com\">\n                        <\/div>\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">Phone<\/label>\n                            <input type=\"text\" class=\"field-input\" placeholder=\"(___) ___-____\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"section\">\n                <h2 class=\"section-title\">Invoice Items<\/h2>\n                <table class=\"items-table\">\n                    <thead>\n                        <tr>\n                            <th style=\"width: 40%;\">Description<\/th>\n                            <th style=\"width: 15%;\">Quantity<\/th>\n                            <th style=\"width: 20%;\">Unit Price<\/th>\n                            <th style=\"width: 25%;\">Amount<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td><textarea placeholder=\"Item or service description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"1\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><textarea placeholder=\"Item or service description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"1\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><textarea placeholder=\"Item or service description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"1\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><textarea placeholder=\"Item or service description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"1\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><textarea placeholder=\"Item or service description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"1\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <div class=\"totals-section\">\n                <div class=\"totals-box\">\n                    <div class=\"total-row\">\n                        <div class=\"total-label\">Subtotal:<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"$0.00\"><\/div>\n                    <\/div>\n                    <div class=\"total-row\">\n                        <div class=\"total-label\">Tax (%):<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"$0.00\"><\/div>\n                    <\/div>\n                    <div class=\"total-row\">\n                        <div class=\"total-label\">Discount:<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"$0.00\"><\/div>\n                    <\/div>\n                    <div class=\"total-row grand-total\">\n                        <div class=\"total-label\">TOTAL DUE:<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"$0.00\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"payment-terms\">\n                <div class=\"field-group\">\n                    <label class=\"field-label\">Payment Terms<\/label>\n                    <textarea class=\"field-input\" placeholder=\"Payment due within 30 days. Late payments subject to 1.5% monthly interest. Accepted payment methods: Bank Transfer, Check, Credit Card.\"><\/textarea>\n                <\/div>\n            <\/div>\n\n            <div class=\"notes-section\">\n                <div class=\"field-group\">\n                    <label class=\"field-label\">Notes \/ Additional Information<\/label>\n                    <textarea class=\"field-input\" placeholder=\"Thank you for your business! For questions regarding this invoice, please contact billing@aiproinstitute.com\"><\/textarea>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- TEMPLATE 2: DETAILED INVOICE -->\n        <div class=\"invoice-template\" id=\"template-detailed\">\n            <div class=\"invoice-header-section\">\n                <div class=\"company-info\">\n                    <div class=\"info-title\">Billing From<\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">\u516c\u53f8\u540d\u5b57<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"AiPro Institute\u2122\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Business Registration #<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"EIN\/Tax ID\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Address<\/label>\n                        <textarea class=\"field-input\" placeholder=\"Complete business address\"><\/textarea>\n                    <\/div>\n                    <div class=\"inline-fields\">\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">\u90ae\u7bb1<\/label>\n                            <input type=\"text\" class=\"field-input\" placeholder=\"billing@company.com\">\n                        <\/div>\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">Phone<\/label>\n                            <input type=\"text\" class=\"field-input\" placeholder=\"Phone number\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Website<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"www.aiproinstitute.com\">\n                    <\/div>\n                <\/div>\n                \n                <div class=\"invoice-info\">\n                    <div class=\"invoice-number-display\">INV-<input type=\"text\" style=\"border:none; border-bottom:2px dashed #8B5CF6; width:100px; background:transparent; font-size:28px; font-weight:700;\" placeholder=\"2026-001\"><\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Invoice Date<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"January 13, 2026\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Due Date<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"February 13, 2026\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">P.O. Number<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"Purchase Order # (if applicable)\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Project\/Reference<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"Project name or reference code\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"section\">\n                <div class=\"company-info\">\n                    <div class=\"info-title\">Invoice To<\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Client\/Company Name<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"Client company name\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Attention To<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"Department or contact person\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Billing Address<\/label>\n                        <textarea class=\"field-input\" placeholder=\"Complete billing address\"><\/textarea>\n                    <\/div>\n                    <div class=\"inline-fields\">\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">\u90ae\u7bb1<\/label>\n                            <input type=\"text\" class=\"field-input\" placeholder=\"accounts@client.com\">\n                        <\/div>\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">Phone<\/label>\n                            <input type=\"text\" class=\"field-input\" placeholder=\"Contact number\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Client Account #<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"Account number (if applicable)\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"section\">\n                <h2 class=\"section-title\">Detailed Line Items<\/h2>\n                <table class=\"items-table\">\n                    <thead>\n                        <tr>\n                            <th style=\"width: 8%;\">#<\/th>\n                            <th style=\"width: 35%;\">Description \/ Details<\/th>\n                            <th style=\"width: 12%;\">Qty<\/th>\n                            <th style=\"width: 15%;\">Rate<\/th>\n                            <th style=\"width: 15%;\">Tax<\/th>\n                            <th style=\"width: 15%;\">Total<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"1\"><\/td>\n                            <td><textarea placeholder=\"Detailed service or product description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"1\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"2\"><\/td>\n                            <td><textarea placeholder=\"Detailed service or product description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"1\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"3\"><\/td>\n                            <td><textarea placeholder=\"Detailed service or product description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"1\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"4\"><\/td>\n                            <td><textarea placeholder=\"Detailed service or product description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"1\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"5\"><\/td>\n                            <td><textarea placeholder=\"Detailed service or product description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"1\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <div class=\"totals-section\">\n                <div class=\"totals-box\">\n                    <div class=\"total-row\">\n                        <div class=\"total-label\">Subtotal:<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"$0.00\"><\/div>\n                    <\/div>\n                    <div class=\"total-row\">\n                        <div class=\"total-label\">Sales Tax (___%):<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"$0.00\"><\/div>\n                    <\/div>\n                    <div class=\"total-row\">\n                        <div class=\"total-label\">Shipping\/Handling:<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"$0.00\"><\/div>\n                    <\/div>\n                    <div class=\"total-row\">\n                        <div class=\"total-label\">Discount\/Credit:<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"($0.00)\"><\/div>\n                    <\/div>\n                    <div class=\"total-row grand-total\">\n                        <div class=\"total-label\">AMOUNT DUE:<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"$0.00\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"section\">\n                <h2 class=\"section-title\">Payment Information<\/h2>\n                <div class=\"payment-terms\">\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Payment Terms & Conditions<\/label>\n                        <textarea class=\"field-input\" placeholder=\"Net 30 days from invoice date. Payments received after due date may incur late fees of 1.5% per month.\"><\/textarea>\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Accepted Payment Methods<\/label>\n                        <textarea class=\"field-input\" placeholder=\"Wire Transfer, ACH, Check, Credit Card (Visa, Mastercard, Amex)\"><\/textarea>\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Bank Details (for Wire Transfer)<\/label>\n                        <textarea class=\"field-input\" placeholder=\"Bank Name:&#10;Account Name:&#10;Account Number:&#10;Routing Number:&#10;SWIFT\/BIC:\"><\/textarea>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"notes-section\">\n                <div class=\"field-group\">\n                    <label class=\"field-label\">Additional Notes & Terms<\/label>\n                    <textarea class=\"field-input\" placeholder=\"Special instructions, warranties, return policies, or other relevant information...\"><\/textarea>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- TEMPLATE 3: SERVICE INVOICE -->\n        <div class=\"invoice-template\" id=\"template-service\">\n            <div class=\"invoice-header-section\">\n                <div class=\"company-info\">\n                    <div class=\"info-title\">Service Provider<\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Business Name<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"AiPro Institute\u2122\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Service Type<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"e.g., Consulting, Training, Development\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Contact Information<\/label>\n                        <textarea class=\"field-input\" placeholder=\"Address, Email, Phone\"><\/textarea>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"invoice-info\">\n                    <div class=\"invoice-number-display\">#<input type=\"text\" style=\"border:none; border-bottom:2px dashed #8B5CF6; width:140px; background:transparent; font-size:28px; font-weight:700;\" placeholder=\"SVC-2026-001\"><\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Service Date(s)<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"Date range or specific date\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Invoice Date<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"MM\/DD\/YYYY\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Payment Due<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"Due upon receipt \/ Net 15\/30\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"section\">\n                <div class=\"company-info\">\n                    <div class=\"info-title\">Client Information<\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Client Name<\/label>\n                        <input type=\"text\" class=\"field-input\" placeholder=\"Individual or business name\">\n                    <\/div>\n                    <div class=\"field-group\">\n                        <label class=\"field-label\">Project\/Service Description<\/label>\n                        <textarea class=\"field-input\" placeholder=\"Brief description of the service engagement\"><\/textarea>\n                    <\/div>\n                    <div class=\"inline-fields\">\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">\u90ae\u7bb1<\/label>\n                            <input type=\"text\" class=\"field-input\" placeholder=\"client@email.com\">\n                        <\/div>\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">Phone<\/label>\n                            <input type=\"text\" class=\"field-input\" placeholder=\"Contact number\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"section\">\n                <h2 class=\"section-title\">Services Rendered<\/h2>\n                <table class=\"items-table\">\n                    <thead>\n                        <tr>\n                            <th style=\"width: 20%;\">Date<\/th>\n                            <th style=\"width: 40%;\">Service Description<\/th>\n                            <th style=\"width: 15%;\">Hours\/Units<\/th>\n                            <th style=\"width: 12%;\">Rate<\/th>\n                            <th style=\"width: 13%;\">Amount<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"MM\/DD\/YY\"><\/td>\n                            <td><textarea placeholder=\"Detailed service description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"MM\/DD\/YY\"><\/td>\n                            <td><textarea placeholder=\"Detailed service description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"MM\/DD\/YY\"><\/td>\n                            <td><textarea placeholder=\"Detailed service description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"MM\/DD\/YY\"><\/td>\n                            <td><textarea placeholder=\"Detailed service description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"MM\/DD\/YY\"><\/td>\n                            <td><textarea placeholder=\"Detailed service description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"MM\/DD\/YY\"><\/td>\n                            <td><textarea placeholder=\"Detailed service description\"><\/textarea><\/td>\n                            <td><input type=\"number\" placeholder=\"0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <div class=\"section\">\n                <div class=\"field-group\">\n                    <label class=\"field-label\">Additional Expenses<\/label>\n                    <table class=\"items-table\">\n                        <thead>\n                            <tr>\n                                <th style=\"width: 60%;\">Expense Description<\/th>\n                                <th style=\"width: 20%;\">Receipt Attached<\/th>\n                                <th style=\"width: 20%;\">Amount<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr>\n                                <td><input type=\"text\" placeholder=\"e.g., Travel, Materials, Software\"><\/td>\n                                <td><input type=\"text\" placeholder=\"Yes\/No\"><\/td>\n                                <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <\/tr>\n                            <tr>\n                                <td><input type=\"text\" placeholder=\"e.g., Travel, Materials, Software\"><\/td>\n                                <td><input type=\"text\" placeholder=\"Yes\/No\"><\/td>\n                                <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <\/tr>\n                            <tr>\n                                <td><input type=\"text\" placeholder=\"e.g., Travel, Materials, Software\"><\/td>\n                                <td><input type=\"text\" placeholder=\"Yes\/No\"><\/td>\n                                <td><input type=\"text\" placeholder=\"$0.00\"><\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n            <div class=\"totals-section\">\n                <div class=\"totals-box\">\n                    <div class=\"total-row\">\n                        <div class=\"total-label\">Services Subtotal:<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"$0.00\"><\/div>\n                    <\/div>\n                    <div class=\"total-row\">\n                        <div class=\"total-label\">Expenses Subtotal:<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"$0.00\"><\/div>\n                    <\/div>\n                    <div class=\"total-row\">\n                        <div class=\"total-label\">Tax (if applicable):<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"$0.00\"><\/div>\n                    <\/div>\n                    <div class=\"total-row grand-total\">\n                        <div class=\"total-label\">TOTAL DUE:<\/div>\n                        <div class=\"total-value\"><input type=\"text\" placeholder=\"$0.00\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"payment-terms\">\n                <div class=\"field-group\">\n                    <label class=\"field-label\">Payment Instructions<\/label>\n                    <textarea class=\"field-input\" placeholder=\"Please remit payment to the address above or via wire transfer. Payment is due upon receipt unless otherwise agreed.\"><\/textarea>\n                <\/div>\n            <\/div>\n\n            <div class=\"notes-section\">\n                <div class=\"field-group\">\n                    <label class=\"field-label\">Service Notes & Comments<\/label>\n                    <textarea class=\"field-input\" placeholder=\"Thank you for choosing our services. We look forward to working with you again!\"><\/textarea>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"footer\">\n            <p><strong>AiPro Institute\u2122<\/strong> | Professional Invoice Templates<\/p>\n            <p>This document is a legally binding invoice | Document Version 1.0 | Generated January 2026<\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        function showTemplate(templateName) {\n            \/\/ Hide all templates\n            document.querySelectorAll('.invoice-template').forEach(t => t.classList.remove('active'));\n            \/\/ Hide all tab actives\n            document.querySelectorAll('.template-tab').forEach(t => t.classList.remove('active'));\n            \n            \/\/ Show selected template\n            document.getElementById('template-' + templateName).classList.add('active');\n            \/\/ Activate tab\n            event.target.classList.add('active');\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Invoice Templates | AiPro Institute\u2122 AiPro Institute\u2122 AiPro Institute\u2122 Professional Invoice Templates Multiple Design Options for Professional Billing Standard Invoice Detailed Invoice Service Invoice From (Your Company) Company Name Address Email Phone INVOICE # Invoice Date Due Date Status UnpaidPaidOverdueDraft Bill To (Client) Client Name Contact Person Address Email Phone Invoice Items Description Quantity Unit&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[79],"tags":[],"class_list":["post-2675","post","type-post","status-publish","format-standard","hentry","category-finance-accounting-department"],"acf":[],"_links":{"self":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/2675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/comments?post=2675"}],"version-history":[{"count":4,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/2675\/revisions"}],"predecessor-version":[{"id":2679,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/2675\/revisions\/2679"}],"wp:attachment":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/media?parent=2675"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/categories?post=2675"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/tags?post=2675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}