<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <table width="250" border="0" cellspacing="0" cellpadding="0" style="font-family:Arial, Helvetica, sans-serif; font-size:14px;"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td align="center">ABC COLLEGE CANTEEN</td> </tr> <tr> <td align="center">Kolkata-WB</td> </tr> <tr> <td align="center">1802547225</td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td align="center" style="font-size:24px;">ORDER: 551</td> </tr> <tr> <td align="center" style="font-size:24px;">TAKE OUT</td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td>HOST: 4E0 M</td> <td> </td> </tr> <tr> <td>20-04-2021</td> <td align="right">1:00</td> </tr> </table> </td></tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td> </td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="5" style="border-top:dashed 1px #000; border-bottom:dashed 1px #000;"> <tr> <td>QTY</td> <td>ITEM</td> <td align="right">PRICE</td> </tr> <tr> <td>5</td> <td>Chicken Tikka</td> <td align="right">₹ 250,00</td> </tr> <tr> <td>2</td> <td>Veg Rice Thali</td> <td align="right">₹ 500,00</td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td> </td> <td> </td> </tr> <tr> <td>CASH</td> <td align="right">SALE</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td>SUBTOTAL</td> <td align="right">₹ 250,00</td> </tr> <tr> <td>TAX</td> <td align="right">₹ 0,00</td> </tr> <tr> <td>TOTAL:</td> <td align="right">₹ 250,00</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td>TRANSACTION TYPE:</td> <td align="right">SALE</td> </tr> <tr> <td>AUTHORIZATION:</td> <td align="right">APPROVED</td> </tr> <tr> <td>PAYMENT CODE:</td> <td> </td> </tr> <tr> <td>PAYMENT ID:</td> <td> </td> </tr> <tr> <td>CARD READER:</td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td align="right">a TIP:</td> <td style="border-bottom:solid 1px #000;"> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td align="right">=TOTAL:</td> <td style="border-bottom:solid 1px #000;"> </td> </tr> </table></td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td> </td> </tr> <tr> <td style="border-bottom:solid 1px #000;"> </td> </tr> <tr> <td> </td> </tr> <tr> <td align="center">CUSTOMER COPY</td> </tr> <tr> <td align="center">THANKS FOR VISITING</td> </tr> <tr> <td align="center">ABC COLLEGE CANTEEN</td> </tr> </table> </td> </tr> </table>