Mercurial > nebulaweb3
view default/email-templates/billing.html @ 0:1d038bc9b3d2 default tip
Up:default
| author | Liny <dev@neowd.com> |
|---|---|
| date | Sat, 31 May 2025 09:21:51 +0800 |
| parents | |
| children |
line wrap: on
line source
<!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" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"> <head> <meta name="viewport" content="width=device-width" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>BonVue - Admin Template</title> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800" rel="stylesheet"> </head> <body style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f8f8f8; margin: 0;"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; background-color: #f4f8fb; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 15px;" bgcolor="#f8f8f8"> <tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="width:600; background-color: #ffffff; color: #514d6a; padding: 40px; margin-top: 40px; line-height: 28px;" bgcolor="#ffffff"> <tr> <td style="text-align: center; vertical-align: top;"> <img src="../assets/demo/logo-expand.png" alt="BonVue Admin Template" style="border:none; display:inline-block;" height="43" width="122"> </td> </tr> <tr> <td style="text-align: center; padding-top: 50px; font-weight: 300; line-height: 48px; font-size: 42px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; color: #111; letter-spacing: -1px;"> Thanks for the purchase </td> </tr> <tr> <td style="text-align: center; padding-top: 10px; font-weight: 300; line-height: 36px; font-size: 24px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; color: #999; letter-spacing: -1px;"> Your order has been placed successfully. Below are the details of your purchase. </td> </tr> <tr> <td style="text-align: center; padding-top: 30px; vertical-align: top;"> <img src="../assets/demo/icon-receipt.png" alt="" style="border:none; display:inline-block;" height="128" width="128"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="font-weight: 700; padding-bottom: 10px;">Invoice #52342</td> <td> </td> <td style="text-align: right; font-weight: 700; padding-bottom: 10px;">20th Aug 2017</td> </tr> <tr> <td style="text-align: left; padding: 10px 10px 10px 0px; border-top: 3px solid #eee;"> Apple iPhone 6S </td> <td style="width: 10%; text-align: center; padding: 10px 10px; border-top: 3px solid #eee;"> 1 </td> <td style="width: 20%; text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 3px solid #eee;"> $ 699.00 </td> </tr> <tr> <td style="padding: 10px 10px 10px 0px; border-top: 1px solid #eee;"> Data cable </td> <td style="text-align: center; padding: 10px 10px; border-top: 1px solid #eee;"> 1 </td> <td style="text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 1px solid #eee;"> $ 9.98 </td> </tr> <tr> <td style="padding: 10px 10px 10px 0px; border-top: 1px solid #eee;"> Nueng Silver Case </td> <td style="text-align: center; padding: 10px 10px; border-top: 1px solid #eee;"> 2 </td> <td style="text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 1px solid #eee;"> $ 17.49 </td> </tr> <tr style="color: #a09bb9;"> <td style="padding: 10px 10px 10px 0px; border-top: 1px solid #eee;"> Subtotal </td> <td style="text-align: center; padding: 10px 10px; border-top: 1px solid #eee;"> 4 </td> <td style="text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 1px solid #eee;"> $ 735.96 </td> </tr> <tr style="color: #a09bb9;"> <td style="padding: 0px 10px 10px 0px; border-top: 0px solid #eee;"> Tax </td> <td style="text-align: center; padding: 0px 10px; border-top: 0px solid #eee;"> 10% </td> <td style="text-align: right; padding: 0px 0px 10px 10px; white-space: nowrap; border-top: 0px solid #eee;"> $ 73.60 </td> </tr> <tr style="color: #a09bb9;"> <td style="padding: 0px 10px 10px 0px; border-top: 0px solid #eee;"> Shipping </td> <td style="text-align: center; padding: 0px 10px; border-top: 0px solid #eee;"> </td> <td style="text-align: right; padding: 0px 0px 10px 10px; white-space: nowrap; border-top: 0px solid #eee;"> $ 9.99 </td> </tr> <tr> <td style="padding: 10px 10px 10px 0px; border-top: 3px solid #eee;"> <span style="font-size: 18px; font-weight: bold">Total</span> </td> <td style="text-align: center; padding: 10px 10px; border-top: 3px solid #eee;"> </td> <td style="text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 3px solid #eee;"> <span style="font-size: 18px; font-weight: bold">$ 876.96</span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; margin-top: 40px"> <tbody> <tr> <th style="text-align: left; padding-bottom: 10px; border-bottom: 1px solid #eee;">Shipping Address</th> <th style="text-align: left; padding-bottom: 10px; border-bottom: 1px solid #eee;">Billing Address</th> </tr> <tr> <td style="padding-top: 10px;"> Tony Stark <br> 22 23rd Street <br> San Francisco <br> CA 94107 </td> <td style="padding-top: 10px;"> Tony Stark <br> 22 23rd Street <br> San Francisco <br> CA 94107 </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="text-align: center; padding-top: 30px; padding-bottom: 60px;"> <a href="javascript: void(0);" style="letter-spacing: -1px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; text-decoration: none; display: block; line-height: 70px; padding-left: 30px; padding-right: 30px; border-radius: 3px; font-size: 24px; color: #fff; background-color: #8253eb;" target="_blank"> Back to shop </a> </td> </tr> <tr> <td style="text-align: center; padding-top: 30px; border-top: 1px solid #ddd;"> <a href="javascript: void(0);" target="_blank" style="text-decoration: none; margin-right: 20px;"> <img src="../assets/demo/icon-twitter.png" alt="" style="border:none; display:inline-block;" height="16" width="16"> </a> <a href="javascript: void(0);" target="_blank" style="text-decoration: none; margin-right: 20px;"> <img src="../assets/demo/icon-facebook.png" alt="" style="border:none; display:inline-block;" height="16" width="16"> </a> <a href="javascript: void(0);" target="_blank" style="text-decoration: none;"> <img src="../assets/demo/icon-dribbble.png" alt="" style="border:none; display:inline-block;" height="16" width="16"> </a> </td> </tr> </table> </td> </tr> <tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border:none; width:600; margin-top: 20px; margin-bottom: 40px; text-align: center; color: #85868a;"> <tr> <td style="padding-top: 20px;"> Copyright © 2017 BonVue. All Rights Reserved. We appreciate you! </td> </tr> <tr> <td style="padding-top: 10px; font-weight: 800; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans',Helvetica,Arial,sans-serif;"> <a href="javascript: void(0);" target="_blank" style="color: #222; text-decoration: none;">Help Center</a> <span style="color: #222; font-size: 24px; margin-left: 20px; margin-right: 20px;">⋅</span> <a href="javascript: void(0);" target="_blank" style="color: #222; text-decoration: none;">1(800)234-56-78</a> <span style="color: #222; font-size: 24px; margin-left: 20px; margin-right: 20px;">⋅</span> <a href="javascript: void(0);" target="_blank" style="color: #222; text-decoration: none;">Unsubscribe</a> </td> </tr> </table> </td> </tr> </table> </body> </html>