Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" class="no-js">
- <html>
- <head>
- <title>
- "Заголовок размытый" from sprutos :)
- </title>
- <meta charset="utf-8" />
- <style type="text/css">
- body {
- font-family: serif;
- }
- body table {
- width: 940px;
- padding-top: 30px;
- margin-left: auto;
- margin-right: auto;
- }
- h3 {
- margin-top: 0px;
- }
- .tbl_top {
- padding-left: 25px;
- }
- .td_top1 {
- width: 400px;
- }
- .td_top2 {
- width: 320px;
- border: 1px solid #111;
- padding: 4px;
- }
- .top_border {
- border: 1px solid #bbb;
- text-align: right;
- font-size: 14px;
- padding: 17px 1px 12px 12px;
- }
- .tbl_mid td {
- width: 33%;
- }
- .div_mid_border1 {
- width: 320px;
- height: 330px;
- border: 1px solid #bbb;
- padding: 5px 0;
- vertical-align: top;
- float: left;
- }
- .div_mid_border23 {
- width: 240px;
- height: 330px;
- border: 1px solid #bbb;
- vertical-align: top;
- float: right;
- }
- .div_mid_small {
- font-size: 13px;
- }
- .tbl_bot {
- width: 900px;
- border-collapse: collapse;
- margin-top: 70px;
- }
- .tbl_bot_td {
- border: 1px solid #111;
- padding: 3px;
- }
- .td_bot_total {
- padding-top: 30px;
- }
- </style>
- </head>
- <body>
- <table class="tbl_top" cellpadding="0" cellspacing="0">
- <tr>
- <td class="td_top1">
- <h2>[ Заголовок размытый ]</h2>
- </td>
- <td class="td_top2">
- <div class="top_border">
- <div><b>Invoice</b> ${INVOICE_NUMBER}</div>
- <div><b>issued on</b> ${ISSUED_DATA}</div>
- <div><b>Must be paid to:</b> ${ISSUED_DEADLINE}</div>
- </div>
- </td>
- </tr>
- </table>
- <table class="tbl_mid" cellpadding="0" cellspacing="0">
- <tr>
- <td class="td_mid1">
- <div class='div_mid_border1'>
- <h3>From:</h3>
- <div>[ Размытый<br/> текст ]<br/><br/><br/><br/></div>
- <h3>Beneficiary Bank:</h3>
- <div>[ Размытый текст ]</div>
- </div>
- </td>
- <td class="td_mid23">
- <div class='div_mid_border23'>
- <h3>To:</h3>
- <div>${INVOICE_TO}</div>
- </div>
- </td>
- <td class="td_mid23">
- <div class='div_mid_border23'>
- <h3>Invoice summary:</h3>
- <div>[ Размытый текст ]</div>
- <div class="div_mid_small">
- <div>Invoice for: <b>${ISSUED_TO}</b></div>
- <div>Account number: <b>${ACCOUNT}</b></div>
- <div>Invoice amount: ${AMOUNT}</div>
- </div>
- </div>
- </td>
- </tr>
- </table>
- <table class="tbl_bot" cellpadding="0" cellspacing="0">
- <tr>
- <td class="tbl_bot_td">Service desctiption</td>
- <td class="tbl_bot_td">Amount</td>
- <td class="tbl_bot_td">Unit</td>
- <td class="tbl_bot_td">Cost, per unit</td>
- <td class="tbl_bot_td">VAT</td>
- <td class="tbl_bot_td">Summary</td>
- </tr>
- <tr>
- <td class="tbl_bot_td">${r_desc}</td>
- <td class="tbl_bot_td">${r_qty}</td>
- <td class="tbl_bot_td">${r_unit}</td>
- <td class="tbl_bot_td">${r_unit_cost}</td>
- <td class="tbl_bot_td">${r_vat}</td>
- <td class="tbl_bot_td">${r_summary}</td>
- </tr>
- <tr>
- <td class="td_bot_total">
- <div><b>Total: ${INVOICE_TOTAL}</b></div>
- </td>
- </tr>
- </table>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement