Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!Doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <style>
- @page{
- width:100%;
- margin-bottom:7%;
- margin-top:1%;
- }
- body{
- margin-top:9%;
- font:10px;
- }
- /*td:nth-child(6){
- display:none;
- }*/
- .bodydivide{
- overflow:auto;
- width:100%;
- }
- .patientdetails{
- width:45%;
- float:left;
- }
- .tabledetails{
- width:55%;
- float:left;
- }
- .staticnames{
- width:33%;
- float:left;
- }
- p{
- font-size:14px;
- margin:0;
- margin-bottom:10px;
- }
- .patientdet{
- width:70%;
- float:left;
- }
- .grid-container{
- display:grid;
- grid-template-columns:40% 38% 20%;
- }
- table thead tr{
- border:0.5px solid black;
- }
- table{
- border-collapse:collapse;
- }
- td,th{
- text-align:left;
- font-size:15px;
- }
- .Barcodeee{
- text-align:left;
- margin-bottom:5px;
- }
- </style>
- </head>
- <body>
- <div class="Barcodeee">
- <img src="{Barcode}" style="width:150px;height:50px; margin-right:-80px;"/>
- </div>
- <div class="grid-container">
- <div class="grid-item" style="overflow:auto;">
- <div style="width:35%;float:left;">
- <p>Invoice No</p>
- <p>Invoice Date</p>
- </div>
- <div style="width:65%;float:left;">
- <p>:<strong style="font-size:14px;">{Invoice}</strong></p>
- <p>:<strong style="font-size:14px;">{Date}</strong></p>
- </div>
- </div>
- <div class="grid-item" style="text-align: right;" >
- <strong style="font-size:16px;"> INVOICE</strong>
- </div>
- </div>
- <div class="bodydivide">
- <div class="patientdetails">
- <div style="width:100%;overflow:auto;">
- <div class="staticnames">
- <p>PatientID</p>
- <p>Name</p>
- <p>Age/Gender</p>
- <p>Address</p>
- <p>NHSI No</p>
- <p>Claim Code</p>
- <p>Scheme</p>
- <p>User</p>
- <p>Printed date</p>
- </div>
- <div style="width:67%;float:left;">
- <p>:<strong style="font-size:14px;">{PatientID}</strong></p>
- <p>:<strong style="font-size:14px;">{PatientName}</strong></p>
- <p>:{PatientAge}</p>
- <p>:{PatientAddress}</p>
- <p>:<strong style="font-size:14px;">{PolicyNo}</strong></p>
- <p>:<strong style="font-size:14px;">{ClaimID}</strong></p>
- <p>:<strong style="font-size:14px;">{PatientType}</strong></p>
- <p>{User}</p>
- <p >:{PrintDate}</p>
- </div>
- </div>
- </div>
- <div class="tabledetails">
- <table style="width:100%;">
- <thead >
- <tr>
- <th>SN</th>
- <th>Particular</th>
- <th>Qty</th>
- <th>Rate</th>
- <th>Amount</th>
- </tr>
- </thead>
- <tbody>{Details}</tbody>
- </table>
- <div style="width:100%;text-align:right;">
- <p>Sub Total : {BillTotal}</p>
- <p>Discount : {Discount}</p>
- </div>
- <div style="width:100%;overflow:auto;border-top:1px solid black;">
- <div style="width:80%;float:left">
- <p style="text-align:right;margin-top:0px;">TOTAL :</p>
- </div>
- <div style="width:20%;float:left;">
- <p style="text-align:right; margin-top:0px;">{NetTotal}</p>
- </div>
- </div>
- <p style="margin-top:0px;">In Words[NPR]: {InWords}</p>
- <p style="text-align:center; font-size: 12px;margin-bottom:0px;">कृपया रिपोर्ट लिन आउदा यो बिल अनिवार्य रुपमा लिएर आउनुहोला ।
- </p>
- <p style="text-align:center;font-size: 12px;margin-top:0px;">**Honoured To Serve**</p>
- </div>
- </div>
- <div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement