Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <style>
- .invoice-box {
- max-width: 400px;
- margin: auto;
- padding: 30px;
- border: 1px solid #eee;
- box-shadow: 0 0 10px rgba(0, 0, 0, .15);
- font-size: 16px;
- line-height: 24px;
- font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
- color: #555;
- }
- .invoice-box table {
- width: 100%;
- line-height: inherit;
- text-align: left;
- }
- .invoice-box table td {
- padding: 5px;
- vertical-align: top;
- }
- .invoice-box table tr td:nth-child(2) {
- text-align: right;
- }
- .invoice-box table tr.top table td {
- padding-bottom: 20px;
- }
- .invoice-box table tr.top table td.title {
- font-size: 45px;
- line-height: 45px;
- color: #333;
- }
- .invoice-box table tr.information table td {
- padding-bottom: 40px;
- }
- .invoice-box table tr.heading td {
- background: #eee;
- border-bottom: 1px solid #ddd;
- font-weight: bold;
- }
- .invoice-box table tr.details td {
- padding-bottom: 20px;
- }
- .invoice-box table tr.item td{
- border-bottom: 1px solid #eee;
- }
- .invoice-box table tr.item.last td {
- border-bottom: none;
- }
- .invoice-box table tr.total td:nth-child(2) {
- border-top: 2px solid #eee;
- font-weight: bold;
- }
- @media only screen and (max-width: 600px) {
- .invoice-box table tr.top table td {
- width: 100%;
- display: block;
- text-align: center;
- }
- .invoice-box table tr.information table td {
- width: 100%;
- display: block;
- text-align: center;
- }
- }
- /** RTL **/
- .rtl {
- direction: rtl;
- font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
- }
- .rtl table {
- text-align: right;
- }
- .rtl table tr td:nth-child(2) {
- text-align: left;
- }
- </style>
- </head>
- <body>
- <div class="invoice-box">
- <table cellpadding="0" cellspacing="0">
- <tr class="top">
- <td colspan="2">
- <table>
- <tr>
- <td class="title">
- <img src="https://i.imgur.com/njEV8Oj.png" style="width:70%; max-width:300px; height:33%">
- </td>
- <td>
- Receipt #: {{receipt_number}}<br>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- <tr class="information">
- <td colspan="2">
- <table>
- <tr>
- <td>
- Eaze Payments<br>
- IdeaCY<br>
- Nicosia, Cyprus
- </td>
- <td>
- {{name}}<br>
- {{email}}
- </td>
- </tr>
- </table>
- </td>
- </tr>
- <tr class="heading">
- <td>
- Paid with
- </td>
- <td>
- </td>
- </tr>
- <tr class="details">
- <td>
- Eaze Face Recognition
- </td>
- <td>
- </td>
- </tr>
- <tr class="heading">
- <td>
- Details
- </td>
- <td>
- </td>
- </tr>
- <tr class="item">
- <td>
- POS ID
- </td>
- <td>
- {{pos_id}}
- </td>
- </tr>
- <tr class="item">
- <td>
- Location
- </td>
- <td>
- {{location}}
- </td>
- </tr>
- <tr class="item last">
- <td>
- Time
- </td>
- <td>
- {{time}}
- </td>
- </tr>
- <tr class="total">
- <td></td>
- <td>
- Total: {{amount}}
- </td>
- </tr>
- <tr class="Test">
- <td>
- </td>
- <td>
- If this payment wasn't authorized, or you encountered a problem using Eaze, <a href="https://eaze.ml/support/"> please contact support.</a>
- </td>
- </tr>
- </table>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement