Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Quotation Generator</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <h1>Quotation Generator</h1> | |
| <div id="form-container"> | |
| <form id="quotation-form"> | |
| <fieldset> | |
| <legend>Your Company Details</legend> | |
| <input type="text" id="company-name" name="company-name" placeholder="Company Name" required> | |
| <textarea id="company-address" name="company-address" placeholder="Address" required></textarea> | |
| <input type="text" id="company-phone" name="company-phone" placeholder="Phone"> | |
| <input type="email" id="company-email" name="company-email" placeholder="Email"> | |
| </fieldset> | |
| <fieldset> | |
| <legend>Customer Company Details</legend> | |
| <input type="text" id="customer-name" name="customer-name" placeholder="Customer Name" required> | |
| <textarea id="customer-address" name="customer-address" placeholder="Address" required></textarea> | |
| <input type="text" id="customer-phone" name="customer-phone" placeholder="Phone"> | |
| <input type="email" id="customer-email" name="customer-email" placeholder="Email"> | |
| </fieldset> | |
| <fieldset> | |
| <legend>Quotation Details</legend> | |
| <input type="text" id="quotation-number" name="quotation-number" placeholder="Quotation Number" required> | |
| <input type="date" id="quotation-date" name="quotation-date" required> | |
| </fieldset> | |
| <fieldset> | |
| <legend>Items</legend> | |
| <table id="items-table"> | |
| <thead> | |
| <tr> | |
| <th>S.No</th> | |
| <th>Description</th> | |
| <th>HSN Code</th> | |
| <th>Qty</th> | |
| <th>Unit Price</th> | |
| <th>Discount (%)</th> | |
| <th>Amount</th> | |
| <th></th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| </tbody> | |
| </table> | |
| <button type="button" id="add-item">Add Item</button> | |
| </fieldset> | |
| <fieldset> | |
| <legend>Additional Charges</legend> | |
| <label>IGST (%)<input type="number" id="igst-rate" name="igst-rate" value="0" min="0"></label> | |
| <label>Freight Charges<input type="number" id="freight-charges" name="freight-charges" value="0" | |
| min="0"></label> | |
| </fieldset> | |
| <fieldset> | |
| <legend>Bank Details</legend> | |
| <input type="text" id="bank-name" name="bank-name" placeholder="Bank Name" required> | |
| <input type="text" id="bank-account" name="bank-account" placeholder="Account Number" required> | |
| <input type="text" id="bank-ifsc" name="bank-ifsc" placeholder="IFSC Code" required> | |
| <input type="text" id="bank-branch" name="bank-branch" placeholder="Branch" required> | |
| </fieldset> | |
| <button type="submit">Generate Quotation</button> | |
| </form> | |
| </div> | |
| <div id="quotation-output" style="display:none;"></div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> | |