Ranish666

BillDetails

Oct 24th, 2021
796
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!Doctype html>
  2. <html>
  3. <head>
  4.  <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  7. <style>
  8. @page{
  9. width:100%;
  10. margin-bottom:7%;
  11. margin-top:1%;
  12. }
  13. body{
  14.     margin-top:9%;
  15. font:10px;
  16. }
  17. /*td:nth-child(6){
  18. display:none;
  19. }*/
  20. .bodydivide{
  21.     overflow:auto;
  22.     width:100%;
  23. }
  24. .patientdetails{
  25.     width:45%;
  26.     float:left;
  27. }
  28. .tabledetails{
  29.  
  30.     width:55%;
  31.     float:left;
  32. }
  33. .staticnames{
  34.     width:33%;
  35.     float:left;
  36. }
  37. p{
  38.     font-size:14px;
  39. margin:0;
  40. margin-bottom:10px;
  41.    
  42. }
  43. .patientdet{
  44.     width:70%;
  45.     float:left;
  46. }
  47. .grid-container{
  48.     display:grid;
  49.     grid-template-columns:40% 38% 20%;
  50. }
  51. table thead tr{
  52.     border:0.5px solid black;
  53.    
  54. }
  55. table{
  56. border-collapse:collapse;
  57. }
  58. td,th{
  59.     text-align:left;
  60.     font-size:15px;
  61. }
  62.   .Barcodeee{
  63. text-align:left;
  64. margin-bottom:5px;
  65. }
  66. </style>
  67. </head>
  68. <body>
  69. <div class="Barcodeee">
  70.                     <img src="{Barcode}" style="width:150px;height:50px; margin-right:-80px;"/>
  71.               </div>
  72. <div class="grid-container">
  73.     <div class="grid-item" style="overflow:auto;">
  74.     <div style="width:35%;float:left;">
  75.         <p>Invoice No</p>
  76.         <p>Invoice Date</p>
  77.      
  78.     </div>
  79.     <div style="width:65%;float:left;">
  80.        <p>:<strong  style="font-size:14px;">{Invoice}</strong></p>
  81.         <p>:<strong  style="font-size:14px;">{Date}</strong></p>
  82.        
  83.     </div>
  84.     </div>
  85.     <div class="grid-item" style="text-align: right;" >
  86.         <strong style="font-size:16px;"> INVOICE</strong>
  87.        
  88.     </div>
  89.    
  90. </div>
  91. <div class="bodydivide">
  92.     <div class="patientdetails">
  93.         <div style="width:100%;overflow:auto;">
  94.             <div class="staticnames">
  95.             <p>PatientID</p>
  96.             <p>Name</p>
  97.             <p>Age/Gender</p>
  98.             <p>Address</p>
  99.             <p>NHSI No</p>
  100.             <p>Claim Code</p>
  101.             <p>Scheme</p>
  102.             <p>User</p>
  103.             <p>Printed date</p>
  104.             </div>
  105.            
  106.             <div style="width:67%;float:left;">
  107.             <p>:<strong  style="font-size:14px;">{PatientID}</strong></p>
  108.             <p>:<strong  style="font-size:14px;">{PatientName}</strong></p>
  109.             <p>:{PatientAge}</p>
  110.             <p>:{PatientAddress}</p>
  111.             <p>:<strong  style="font-size:14px;">{PolicyNo}</strong></p>
  112.             <p>:<strong  style="font-size:14px;">{ClaimID}</strong></p>
  113.             <p>:<strong  style="font-size:14px;">{PatientType}</strong></p>
  114.             <p>{User}</p>
  115.             <p >:{PrintDate}</p>
  116.             </div>
  117.         </div>
  118.     </div>
  119.     <div class="tabledetails">
  120.         <table style="width:100%;">
  121.             <thead >
  122.                 <tr>
  123.                 <th>SN</th>
  124.                 <th>Particular</th>
  125.                 <th>Qty</th>
  126.                 <th>Rate</th>
  127.              
  128.                 <th>Amount</th>
  129.                 </tr>
  130.             </thead>
  131.             <tbody>{Details}</tbody>
  132.         </table>
  133.         <div style="width:100%;text-align:right;">
  134.             <p>Sub Total  :  {BillTotal}</p>
  135.             <p>Discount   :  {Discount}</p>
  136.        
  137.         </div>
  138.         <div style="width:100%;overflow:auto;border-top:1px solid black;">
  139.            
  140.             <div style="width:80%;float:left">
  141.                 <p style="text-align:right;margin-top:0px;">TOTAL   :</p>
  142.             </div>
  143.             <div style="width:20%;float:left;">
  144.                 <p  style="text-align:right; margin-top:0px;">{NetTotal}</p>
  145.             </div>
  146.         </div>
  147.  <p style="margin-top:0px;">In Words[NPR]: {InWords}</p>
  148.         <p style="text-align:center; font-size: 12px;margin-bottom:0px;">कृपया रिपोर्ट लिन आउदा यो बिल अनिवार्य रुपमा लिएर आउनुहोला ।
  149.  </p>
  150. <p style="text-align:center;font-size: 12px;margin-top:0px;">**Honoured To Serve**</p>
  151.     </div>
  152. </div>
  153. <div>
  154. </div>
  155. </body>
  156. </html>
RAW Paste Data