Untitled
unknown
plain_text
a year ago
3.8 kB
4
Indexable
<!DOCTYPE html> <html lang="zxx"> <head> <title>SnapEzee - Invoice</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="UTF-8"> <style> /* Inline styles for consistent rendering */ body { font-family: Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; } table { border-collapse: collapse; width: 100%; } th, td { border-bottom: 1px solid #dddddd; text-align: left; padding: 10px; } th { background: #29aaff; color: #fff; } </style> </head> <body> <!-- Invoice --> <div style="max-width: 768px; margin: auto; padding: 10px 0;"> <!-- Header --> <div style="text-align: center;"> <img src="./logo.png" alt="logo" style="width: 80px; height: 80px;"> <h1 style="font-size: 20px; margin: 5px 0;">Snap<span style="color: #29aaff;">Ezee</span></h1> </div> <!-- Invoice Details --> <div style="text-align: center; padding: 20px 0;"> <h2 style="font-size: 18px; font-weight: 600; margin: 10px 0;">Invoice</h2> <p style="margin: 5px 0;">Invoice Number: <strong>#45613</strong></p> <p style="margin: 5px 0;">Invoice Date: <strong>21 Sep 2021</strong></p> </div> <!-- Invoice To/From --> <div style="display: flex; justify-content: space-between; padding: 0 10px;"> <!-- Invoice To --> <div style="width: 48%;"> <h4 style="font-size: 15px; opacity: 0.9;">Invoice To</h4> <h2 style="font-size: 18px; font-weight: 600; margin: 5px 0;">Jhon Smith</h2> <p style="margin: 5px 0;">Theme Vessel <br> info@snapzee.com <br> 21-12 Green Street, Meherpur, Bangladesh</p> </div> <!-- Invoice From --> <div style="width: 48%;"> <h4 style="font-size: 15px; opacity: 0.9;">Invoice From</h4> <h2 style="font-size: 18px; font-weight: 600; margin: 5px 0;">Animas Roky</h2> <p style="margin: 5px 0;">Apexo Inc <br> billing@apexo.com <br> 169 Teroghoria, Bangladesh</p> </div> </div> <!-- Invoice Items --> <div style="padding: 10px;"> <table> <!-- Table Header --> <thead> <tr> <th>No.</th> <th>Item Description</th> <th>Price</th> <th>Quantity</th> <th>Amount</th> </tr> </thead> <!-- Table Body --> <tbody> <!-- Rows for invoice items --> <tr> <td>01</td> <td>Businesscard Design</td> <td>$300</td> <td>2</td> <td>$600.00</td> </tr> <tr> <td>02</td> <td>Fruit Flayer Design</td> <td>$400</td> <td>1</td> <td>$60.00</td> </tr> <tr> <td>03</td> <td>Application Interface Design</td> <td>$240</td> <td>3</td> <td>$640.00</td> </tr> <tr> <td>04</td> <td>Theme Development</td> <td>$720</td> <td>4</td> <td>$640.00</td> </tr> <!-- Subtotal, Tax, Grand Total --> <tr> <td colspan="4" style="text-align: right;">SubTotal</td> <td>$710.99</td> </tr> <tr> <td colspan="4" style="text-align: right;">Tax</td> <td>$85.99</td> </tr> <tr> <td colspan="4" style="text-align: right;">Grand Total</td> <td>$795.99</td> </tr> </tbody> </table> </div> <!-- Footer --> <div style="background-color: #29aaff; color: white; text-align: center; padding: 10px 0;"> <span>info@snapzee.com</span> </div> </div> </body> </html>
Editor is loading...
Leave a Comment