Untitled
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Receipt</title> <style> body { font-family: Arial, sans-serif; } .receipt { max-width: 400px; margin: 0 auto; border: 1px solid #ccc; padding: 20px; } .receipt-header, .receipt-details, .receipt-items, .receipt-footer { margin-bottom: 20px; } .receipt-items table { width: 100%; border-collapse: collapse; } .receipt-items th, .receipt-items td { border: 1px solid #ccc; padding: 8px; text-align: left; } </style> </head> <body> <div class="receipt"> <div class="receipt-header"> <h2>Receipt</h2> </div> <div class="receipt-details"> <p><strong>Business Name:</strong> Nanda Gokula PG</p> <p><strong>Date:</strong> 29.02.24</p> <p><strong>Customer:</strong> Moumita Ghosh</p> </div> <div class="receipt-items"> <table> <thead> <tr> <th>Description of Service</th> <th>Amount</th> </tr> </thead> <tbody> <tr> <td>Rent for one month</td> <td>₹6000</td> </tr> </tbody> </table> </div> <div class="receipt-footer"> <p><strong>Total Amount Due:</strong> ₹6000</p> <p><strong>Payment Method:</strong> UPI Google Pay</p> </div> </div> </body> </html>
Leave a Comment