API tools faq
paste
pimplesushant-pere

PDF OUCH INLINE CSS - INVOICE

pimplesushant-pere
Feb 27th, 2019
61
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.77 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6.     <meta charset="utf-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  10.     <title>Ouch - Invoice PDF</title>
  11. </head>
  12.  
  13. <body>
  14. <div style="font-family: Arial, Helvetica, sans-serif; width: 700px; margin: auto; border: solid 1px #e0e0e0;">
  15.     <div>
  16.         <h1 style="text-align: center; background: #f3f3f3; margin-top: 0px; padding: 10px 0px;">Invoice</h1>
  17.         <div style="padding: 0px 10px 15px 10px; width: 100%;">
  18.             <div style="width: 350px; float: left;">                        <img src="{{asset('/img/ouchlogo.png')}}" alt="" style="width: 120px;">
  19.             </div>
  20.             <div style="width: 350px; float: right; margin-top: -10px;">
  21.                 <p style="font-size: 14px;"><b>Invoice ID</b> <span style="width: 60%; float: right; color: #787878;">:
  22.                             0000837</span></p>
  23.                 <p style="font-size: 14px;"><b>Invoice Date</b> <span style="width:60%; float: right; color: #787878;">:
  24.                             27-02-2019</span></p>
  25.             </div>
  26.         </div>
  27.         <div style=" border-bottom: solid 3px #393939;">&nbsp;</div>
  28.         <div style="padding: 0px 10px;">
  29.             <div style="width: 350px; float: left;">
  30.                 <h3 style="color: #20a4cc;">Invoice To :</h3>
  31.                 <p style="font-size: 14px;  color: #787878;">Anju</p>
  32.                 <p style="font-size: 14px;  color: #787878; word-break: break-all;">anjutai.gomase+66@perennialsys.com</p>
  33.                 <p style="font-size: 14px;  color: #787878;">+91-9758695899</p>
  34.             </div>
  35.             <div style="width: 350px; float: right;">
  36.                 <h3 style="color: #20a4cc;">Appointment Details :</h3>
  37.                 <p style="font-size: 14px;"><b>Appointment ID</b> <span style="width: 60%; float: right; color: #787878;">:
  38.                             87958</span></p>
  39.                 <p style="font-size: 14px;"><b>Date</b> <span style="width: 60%; float: right; color: #787878;">:
  40.                             28-02-2019</span></p>
  41.                 <p style="font-size: 14px;"><b>Clinic Name</b> <span style="width: 60%; float: right; color: #787878;">:
  42.                             Mr. Mount Elizabeth Hospital Elizabeth Hospital Elizabeth Hospital</span></p>
  43.             </div>
  44.         </div>
  45.         <div style="border-bottom: solid 1px #c1c1c1;">&nbsp;</div>
  46.         <div style="padding: 10px;">
  47.             <div style="width: 350px; float: left;">
  48.                 <p style="font-size: 14px;"><b>Patient Name</b> <span style="width: 60%; float: right; color: #787878;">:
  49.                             Anjutai Gomase Elizabeth Hospital Elizabeth Hospital</span></p>
  50.             </div>
  51.             <div style="width: 350px; float: right;">
  52.                 <p style="font-size: 14px;"><b>Doctor Name</b> <span style="width: 60%; float: right; color: #787878;">:
  53.                             Dr. Antony Westwood Gardner Westwood Gardner Westwood Gardner</span></p>
  54.             </div>
  55.         </div>
  56.         <div style=" border-bottom: solid 3px #393939;">&nbsp;</div>
  57.         <div>
  58.             <h3 style="color: #20a4cc; padding-left: 10px; margin-bottom: 0px; margin-top: 10px;">Billing Details :</h3>
  59.             <div>
  60.                 <div style="width: 500px; float: left;">
  61.                     <p style="border-bottom: solid 1px #c1c1c1; border-top: solid 1px #c1c1c1;  line-height: 10px; margin-bottom: 0px; padding: 15px 0px 10px 10px; background: #f3f3f3;"><b>Billing
  62.                             Description</b></p>
  63.                 </div>
  64.                 <div style="width: 200px; float: right;">
  65.                     <p style="border-bottom: solid 1px #c1c1c1; border-top: solid 1px #c1c1c1;  line-height: 10px; margin-bottom: 0px; padding: 15px 0px 10px 10px; background: #f3f3f3;"><b>Amount</b></p>
  66.                 </div>
  67.             </div>
  68.             <div>&nbsp;</div>
  69.             <div>
  70.                 <p style="width: 500px; float: left; padding-left: 10px; margin: 0px; line-height: 10px; font-size: 14px; color: #787878;">Shoulder Pain</p>
  71.                 <p style="width: 200px; float: right; font-size: 14px; margin: 0px; line-height: 10px; color: #787878;">SGD 21.03</p>
  72.             </div>
  73.             <div>&nbsp;</div>
  74.             <div>
  75.                 <p style="width: 500px; float: left; padding-left: 10px; margin: 0px; line-height: 10px; font-size: 14px; color: #787878;">Shoulder Pain</p>
  76.                 <p style="width: 200px; float: right; font-size: 14px; margin: 0px; line-height: 10px; color: #787878;">SGD 21.03</p>
  77.             </div>
  78.             <div style="border-bottom: solid 1px #e2e2e2;">&nbsp;</div>
  79.             <div>
  80.                 <div style="width: 500px; text-align: right; float: left;">
  81.                     <p style="font-size: 14px; color:#393939; line-height: 10px;  margin-bottom: 0px; padding-right: 15px;"><b>Sub Total</b></p>
  82.                     <p style="font-size: 14px; color:#393939;line-height: 10px;  margin-bottom: 0px; padding-right: 15px;"><b>Total Tax</b></p>
  83.                 </div>
  84.                 <div style="width: 200px; float: right;">
  85.                     <p style="font-size: 14px; line-height: 10px;   margin-bottom: 0px; color: #787878;">SGD 33.03</p>
  86.                     <p style="font-size: 14px; line-height: 10px;  margin-bottom: 0px; color: #787878;">SGD 8.26</p>
  87.                 </div>
  88.             </div>
  89.             <div style="border-bottom: solid 1px #e2e2e2;">&nbsp;</div>
  90.             <div style="background: #f3f3f3; padding-top: 15px;">
  91.                 <div style="width: 500px;  text-align: right; float: left;">
  92.                     <p style="font-size: 14px; color:#393939; line-height: 10px; margin: 0px; padding-right: 15px;"><b>Total Amount</b></p>
  93.                 </div>
  94.                 <div style="width: 200px; float: right;">
  95.                     <p style="font-size: 14px; line-height: 10px; margin: 0px;  color: #393939;"><b>SGD 41.29</b></p>
  96.                 </div>
  97.             </div>
  98.         </div>
  99.         <div style="border-bottom: solid 3px #393939;">&nbsp;</div>
  100.         <div>
  101.             <div style="padding: 0px 10px 10px 10px;">
  102.                 <h3 style="color: #20a4cc;">Payment Details :</h3>
  103.                 <p style="font-size: 14px;">Amount Paid by Patient <span style="width: 190px; float: right; color: #787878;">SGD
  104.                             41.29</span></p>
  105.                 <p style="font-size: 14px;">Amount from Insurance <span style="width: 190px; float: right; color: #787878;">SGD
  106.                             0.00</span></p>
  107.             </div>
  108.         </div>
  109.     </div>
  110. </div>
  111. </body>
  112.  
  113. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!