Invoice Creation Template - Copy this Html, Bootstrap Component to your project
Template Design Requirements: Header Section: Business Name, Logo, and Contact Details (Phone, Email, Website) Invoice Number, Date, and Due Date Fields Customer's Name, Billing Address, and GSTIN Seller's GSTIN and Business Details Invoice Table for Items/Services: Columns for: Item Description Quantity Unit Price (Excluding GST) GST Rate (%) (Different rates for CGST, SGST, IGST) GST Amount (Calculated automatically based on rate) Total Amount (Auto calculated by multiplying quantity and price + GST) Summary/Total Section: Subtotal (Excluding GST) – Auto calculated sum of item totals. GST Breakdown: Separate fields for CGST and SGST for intra state sales. Separate field for IGST for inter state sales. Grand Total (Including GST) – Auto calculated based on GST and subtotal. Footer Section: Terms and Conditions Authorized Signatory and Notes Section Auto Calculation Features: GST amounts should be automatically calculated based on the percentage applied (e.g., 5%, 12%, 18%, 28%). Totals should dynamically update when new items, prices, or quantities are entered. If the GST rate changes per item, the calculations should adjust accordingly.
