Created
April 2, 2013 12:14
-
-
Save jackcutting/5291768 to your computer and use it in GitHub Desktop.
Untitled
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| <title>East Anglian Activities</title> | |
| </head> | |
| <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> | |
| <div style=" | |
| background-color: #f5f5f5; | |
| width:100%; | |
| -webkit-text-size-adjust:none !important; | |
| margin:0; | |
| padding: 20px 0 20px 0; | |
| "> | |
| <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%"><tr> | |
| <td align="center" valign="top"> | |
| <p style="margin-top:0;"><img src="http://eaa.dwserver.co.uk/wp-content/uploads/2013/03/email_header.png" alt="East Anglian Activities" style="display:inline; border:none; font-size:14px; font-weight:bold; height:auto; line-height:100%; outline:none; text-decoration:none; text-transform:capitalize;"></p> <table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style=" | |
| -webkit-box-shadow:0 0 0 3px rgba(0,0,0,0.025) !important; | |
| box-shadow:0 0 0 3px rgba(0,0,0,0.025) !important; | |
| -webkit-border-radius:6px !important; | |
| border-radius:6px !important; | |
| background-color: #fdfdfd; | |
| border: 1px solid #dcdcdc; | |
| -webkit-border-radius:6px !important; | |
| border-radius:6px !important; | |
| "> | |
| <tr> | |
| <td align="center" valign="top"> | |
| <!-- Header --> | |
| <table border="0" cellpadding="0" cellspacing="0" width="600" id="template_header" style=" | |
| background-color: #ffe40a; | |
| color: #202020; | |
| -webkit-border-top-left-radius:6px !important; | |
| -webkit-border-top-right-radius:6px !important; | |
| border-top-left-radius:6px !important; | |
| border-top-right-radius:6px !important; | |
| border-bottom: 0; | |
| font-family:Arial; | |
| font-weight:bold; | |
| line-height:100%; | |
| vertical-align:middle; | |
| " bgcolor="#ffe40a"><tr> | |
| <td> | |
| <h1 style=" | |
| color: #202020; | |
| margin:0; | |
| padding: 28px 24px; | |
| text-shadow: 0 1px 0 #ccb608; | |
| display:block; | |
| font-family:Arial; | |
| font-size:30px; | |
| font-weight:bold; | |
| text-align:left; | |
| line-height: 150%; | |
| ">Your order is complete - Here is your voucher</h1> | |
| </td> | |
| </tr></table> | |
| <!-- End Header --> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td align="center" valign="top"> | |
| <!-- Body --> | |
| <table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body"><tr> | |
| <td valign="top" style=" | |
| background-color: #fdfdfd; | |
| -webkit-border-radius:6px !important; | |
| border-radius:6px !important; | |
| "> | |
| <!-- Content --> | |
| <table border="0" cellpadding="20" cellspacing="0" width="100%"><tr> | |
| <td valign="top"> | |
| <div style=" | |
| color: #737373; | |
| font-family:Arial; | |
| font-size:14px; | |
| line-height:150%; | |
| text-align:left; | |
| "> | |
| <p>Hi there. Your recent order on East Anglian Activities has been completed. Your order details are shown below for your reference:</p> | |
| <h2 style="color: #505050; display:block; font-family:Arial; font-size:30px; font-weight:bold; margin-top: 10px; margin-right:0; margin-bottom:10px; margin-left:0; text-align:left; line-height: 150%;">Order: #198</h2> | |
| <table cellspacing="0" cellpadding="6" style="width: 100%; border: 1px solid #eee;" border="1" bordercolor="#eee"> | |
| <thead><tr> | |
| <th scope="col" style="text-align:left; border: 1px solid #eee;">Product</th> | |
| <th scope="col" style="text-align:left; border: 1px solid #eee;">Quantity</th> | |
| <th scope="col" style="text-align:left; border: 1px solid #eee;">Price</th> | |
| </tr></thead> | |
| <tbody><tr> | |
| <td style="text-align:left; vertical-align:middle; border: 1px solid #eee;">4Ã4 Driving â Bury St Edmunds<br><small></small> | |
| </td> | |
| <td style="text-align:left; vertical-align:middle; border: 1px solid #eee;">1</td> | |
| <td style="text-align:left; vertical-align:middle; border: 1px solid #eee;"><span class="amount">£20</span></td> | |
| </tr></tbody> | |
| <tfoot> | |
| <tr> | |
| <th scope="row" colspan="2" style="text-align:left; border: 1px solid #eee; border-top-width: 4px;">Cart Subtotal:</th> | |
| <td style="text-align:left; border: 1px solid #eee; border-top-width: 4px;"><span class="amount">£20</span></td> | |
| </tr> | |
| <tr> | |
| <th scope="row" colspan="2" style="text-align:left; border: 1px solid #eee; ">Order Discount:</th> | |
| <td style="text-align:left; border: 1px solid #eee; ">-<span class="amount">£20</span> | |
| </td> | |
| </tr> | |
| <tr> | |
| <th scope="row" colspan="2" style="text-align:left; border: 1px solid #eee; ">Order Total:</th> | |
| <td style="text-align:left; border: 1px solid #eee; "><span class="amount">£0</span></td> | |
| </tr> | |
| </tfoot> | |
| </table> | |
| <!-- Begin Coupon --><div style="background:#ffe40a;width:550px;height:200px;margin:10px auto;background:rgb(255,228,10);background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTQwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2YyY2QwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top, rgba(255,228,10,1) 0%, rgba(242,205,0,1) 99%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,228,10,1)), color-stop(99%,rgba(242,205,0,1)));background:-webkit-linear-gradient(top, rgba(255,228,10,1) 0%,rgba(242,205,0,1) 99%);background:-o-linear-gradient(top, rgba(255,228,10,1) 0%,rgba(242,205,0,1) 99%);background:-ms-linear-gradient(top, rgba(255,228,10,1) 0%,rgba(242,205,0,1) 99%);background:linear-gradient(to bottom, rgba(255,228,10,1) 0%,rgba(242,205,0,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe40a', endColorstr='#f2cd00',GradientType=0 );position: relative;"> | |
| <div style="float: left;"> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #ffffff;position:relative;left:0px;top:-10px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #ffffff;position:relative;left:0px;top:-10px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #ffffff;position:relative;left:0px;top:-10px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #ffffff;position:relative;left:0px;top:-10px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #ffffff;position:relative;left:0px;top:-10px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #ffffff;position:relative;left:0px;top:-10px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #ffffff;position:relative;left:0px;top:-10px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #ffffff;position:relative;left:0px;top:-10px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #ffffff;position:relative;left:0px;top:-10px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #ffffff;position:relative;left:0px;top:-10px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #ffffff;position:relative;left:0px;top:-10px;"></div> | |
| </div> | |
| <div style="text-align: center;float: left;width:500px;height:176px;margin: 10px 15px;border-top: 2px solid #505050;border-bottom: 2px solid #505050;"> | |
| <h1 style="text-align: center; color: #505050;">East Anglian Activities</h1> | |
| <h2 style="text-align: center; color: #505050;margin-bottom: 2em;">1 x 4Ã4 Driving â Bury St Edmunds Activity Voucher</h2> | |
| <p style="text-align: center; color: #505050;">Voucher Code: EAA-E95F7-SMITH-DANNY-198</p> | |
| </div> | |
| <div style="float: left;"> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffffff;position:relative;left:0px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffffff;position:relative;left:0px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffffff;position:relative;left:0px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffffff;position:relative;left:0px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffffff;position:relative;left:0px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffffff;position:relative;left:0px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffffff;position:relative;left:0px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffffff;position:relative;left:0px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffffff;position:relative;left:0px;"></div> | |
| <div style="width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffffff;position:relative;left:0px;"></div> | |
| </div> | |
| </div> | |
| <table></table> | |
| <!-- End Coupon --><h2 style="color: #505050; display:block; font-family:Arial; font-size:30px; font-weight:bold; margin-top: 10px; margin-right:0; margin-bottom:10px; margin-left:0; text-align:left; line-height: 150%;">Customer details</h2> | |
| <p><strong>Email:</strong> [email protected]</p> | |
| <p><strong>Tel:</strong> 01284705212</p> | |
| <table cellspacing="0" cellpadding="0" style="width: 100%; vertical-align: top;" border="0"><tr> | |
| <td valign="top" width="50%"> | |
| <h3 style="color: #505050; display:block; font-family:Arial; font-size:26px; font-weight:bold; margin-top: 10px; margin-right:0; margin-bottom:10px; margin-left:0; text-align:left; line-height: 150%;">Billing address</h3> | |
| <p>Danny Smith<br> | |
| Designaweb<br> | |
| Cleveland House, Old Station Road<br> | |
| Newmarket<br> | |
| Suffolk<br> | |
| CB8 8QE</p> | |
| </td> | |
| <td valign="top" width="50%"> | |
| <h3 style="color: #505050; display:block; font-family:Arial; font-size:26px; font-weight:bold; margin-top: 10px; margin-right:0; margin-bottom:10px; margin-left:0; text-align:left; line-height: 150%;">Shipping address</h3> | |
| <p>Danny Smith<br> | |
| Designaweb<br> | |
| Cleveland House, Old Station Road<br> | |
| Newmarket<br> | |
| Suffolk<br> | |
| CB8 8QE</p> | |
| </td> | |
| </tr></table> | |
| </div> | |
| </td> | |
| </tr></table> | |
| <!-- End Content --> | |
| </td> | |
| </tr></table> | |
| <!-- End Body --> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td align="center" valign="top"> | |
| <!-- Footer --> | |
| <table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer" style=" | |
| border-top:0; | |
| -webkit-border-radius:6px; | |
| "><tr> | |
| <td valign="top"> | |
| <table border="0" cellpadding="10" cellspacing="0" width="100%"><tr> | |
| <td colspan="2" valign="middle" id="credit" style=" | |
| border:0; | |
| color: #303030; | |
| font-family: Arial; | |
| font-size:12px; | |
| line-height:125%; | |
| text-align:center; | |
| "> | |
| <p>East Anglian Activities</p> | |
| </td> | |
| </tr></table> | |
| </td> | |
| </tr></table> | |
| <!-- End Footer --> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr></table> | |
| </div> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment