Spaces:
No application file
No application file
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>{subject}</title> | |
| <!-- Designed by https://github.com/kaytcat --> | |
| <!-- Robot header image designed by Freepik.com --> | |
| <style type="text/css"> | |
| @import url(https://fonts.googleapis.com/css?family=Droid+Sans); | |
| /* Take care of image borders and formatting */ | |
| img { | |
| max-width: 600px; | |
| outline: none; | |
| text-decoration: none; | |
| -ms-interpolation-mode: bicubic; | |
| } | |
| a { | |
| text-decoration: none; | |
| border: 0; | |
| outline: none; | |
| color: #bbbbbb; | |
| } | |
| a img { | |
| border: none; | |
| } | |
| /* General styling */ | |
| td, h1, h2, h3 { | |
| font-family: Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| } | |
| td { | |
| text-align: center; | |
| } | |
| body { | |
| -webkit-font-smoothing:antialiased; | |
| -webkit-text-size-adjust:none; | |
| width: 100%; | |
| height: 100%; | |
| color: #37302d; | |
| background: #ffffff; | |
| font-size: 16px; | |
| } | |
| table { | |
| border-collapse: collapse ; | |
| } | |
| .headline { | |
| color: #ffffff; | |
| font-size: 36px; | |
| } | |
| .force-width-80 { | |
| width: 80% ; | |
| } | |
| </style> | |
| <style type="text/css" media="screen"> | |
| @media screen { | |
| /*Thanks Outlook 2013! http://goo.gl/XLxpyl*/ | |
| td, h1, h2, h3 { | |
| font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' ; | |
| } | |
| } | |
| </style> | |
| <style type="text/css" media="only screen and (max-width: 480px)"> | |
| /* Mobile styles */ | |
| @media only screen and (max-width: 480px) { | |
| [class="w320"] { | |
| width: 320px ; | |
| } | |
| [class="mobile-block"] { | |
| width: 100% ; | |
| display: block ; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body class="body" style="padding: 0;margin: 0;display: block;background: #ffffff;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;width: 100%;height: 100%;color: #37302d;font-size: 16px;" bgcolor="#ffffff"> | |
| <div data-section-wrapper="1"> | |
| <center> | |
| <table data-section="1" style="margin: 0 auto;border-collapse: collapse !important;width: 600px;" cellpadding="0" cellspacing="0" width="600" class="w320"> | |
| <tr> | |
| <td style="font-size: 30px;text-align: center;font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;" data-slot-container="1"> | |
| <div data-slot="text"> | |
| <br> | |
| Awesome Co | |
| <br> | |
| <br> | |
| </div> | |
| </td> | |
| </tr> | |
| </table> | |
| </center> | |
| </div> | |
| <div data-section-wrapper="1"> | |
| <center> | |
| <table data-section="1" style="margin: 0 auto;border-collapse: collapse !important;width: 600px;" cellpadding="0" cellspacing="0" bgcolor="#4dbfbf" width="600" class="w320"> | |
| <tr> | |
| <td style="font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;text-align: center;" data-slot-container="1"> | |
| <br> | |
| <div data-slot="image"> | |
| <img src="{{ getAssetUrl('themes/'~template~'/img/robomail.gif', null, null, true) }}" width="224" height="240" alt="robot picture"> | |
| </div> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td class="headline" style="font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;text-align: center;color: #ffffff;font-size: 36px;" data-slot-container="1"> | |
| <div data-slot="text"> | |
| Good News! | |
| </div> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td style="font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;text-align: center;"> | |
| <center> | |
| <table style="margin: 0 auto;border-collapse: collapse !important;" cellpadding="0" cellspacing="0" width="60%"> | |
| <tr> | |
| <td style="color: #187272;font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;text-align: center;" data-slot-container="1"> | |
| <div data-slot="text"> | |
| <br> | |
| Your order has shipped! To track your order or make any changes please click the button below. | |
| <br> | |
| <br> | |
| </div> | |
| </td> | |
| </tr> | |
| </table> | |
| </center> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td style="font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;text-align: center;" data-slot-container="1"> | |
| <div class="button" data-slot="button" data-param-padding-top="5" data-param-button-size="1" data-param-link-text="My Order" data-param-href="http://" data-param-float="1" data-param-background-color="#178f8f" data-param-color="ffffff"> | |
| <a href="#" target="_blank" style="font-size: 16px; color: #ffffff; text-decoration: none; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 15px 66px; background-color: #178f8f; display: inline-block;font-family: Helvetica, Arial, sans-serif;font-size: 16px;font-weight: bold;"> | |
| My Order | |
| </a> | |
| <div style="clear:both"></div> | |
| </div> | |
| <br> | |
| <br> | |
| </td> | |
| </tr> | |
| </table> | |
| </center> | |
| </div> | |
| <div data-section-wrapper="1"> | |
| <center> | |
| <table data-section="1" style="margin: 0 auto;border-collapse: collapse !important;width: 600px; background-color: #f5774e;" cellpadding="0" cellspacing="0" bgcolor="#f5774e" width="600" class="w320"> | |
| <tr> | |
| <td style="font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;text-align: center;"> | |
| <center> | |
| <table style="margin: 0 auto;border-collapse: collapse !important;width: 80% !important;" cellspacing="0" cellpadding="0" class="force-width-80"> | |
| <tr> | |
| <td style="text-align: left;color: #933f24;font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;" data-slot-container="1"> | |
| <div data-slot="text"> | |
| <br> | |
| <br> | |
| <span style="color:#ffffff;">Bob Erlicious</span> <br> | |
| 123 Flower Drive <br> | |
| Victoria, BC <br> | |
| V9P 2E8 <br> | |
| 1(250)222-2232 | |
| </div> | |
| </td> | |
| <td style="text-align: right;vertical-align: top;color: #933f24;font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;" data-slot-container="1"> | |
| <div data-slot="text"> | |
| <br> | |
| <br> | |
| <span style="color:#ffffff;">Invoice: 00234</span> <br> | |
| April 3, 2014 | |
| </div> | |
| </td> | |
| </tr> | |
| </table> | |
| <table style="margin: 0 auto;border-collapse: collapse !important;width: 80% !important;" cellspacing="0" cellpadding="0" class="force-width-80"> | |
| <tr> | |
| <td class="mobile-block" style="font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;text-align: center;" data-slot-container="1"> | |
| <div data-slot="text"> | |
| <br> | |
| <br> | |
| <table cellspacing="0" cellpadding="0" style="border-collapse: collapse !important;width: 100% !important;"> | |
| <tr> | |
| <td style="color: #ffffff;background-color: #ac4d2f;padding: 10px 0px;font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;text-align: center;"> | |
| Expected Delivery Date | |
| </td> | |
| </tr> | |
| <tr> | |
| <td style="color: #933f24;padding: 10px 0px;background-color: #f7a084;font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;text-align: center;"> | |
| Monday, 13th November 2014 | |
| </td> | |
| </tr> | |
| </table> | |
| <br> | |
| </div> | |
| </td> | |
| </tr> | |
| </table> | |
| <table style="margin: 0 auto;border-collapse: collapse !important;width: 80% !important;" cellspacing="0" cellpadding="0" class="force-width-80"> | |
| <tr> | |
| <td style="text-align: left;color: #933f24;font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;" data-slot-container="1"> | |
| <div data-slot="text"> | |
| <br> | |
| Thank you for your business. Please <a style="color: #ffffff;text-decoration: none;border: 0;outline: none;" href="#">contact us</a> with any questions regarding your order. | |
| <br> | |
| <br> | |
| Awesome Inc | |
| <br> | |
| <br> | |
| <br> | |
| </div> | |
| </td> | |
| </tr> | |
| </table> | |
| </center> | |
| </td> | |
| </tr> | |
| </table> | |
| </center> | |
| </div> | |
| <div data-section-wrapper="1"> | |
| <center> | |
| <table data-section="1" style="margin: 0 auto;border-collapse: collapse !important;width: 600px" cellpadding="0" cellspacing="0" bgcolor="#414141" width="600" class="w320"> | |
| <tr> | |
| <td style="font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;text-align: center;" data-slot-container="1"> | |
| <div data-slot="text"> | |
| <br> | |
| <br> | |
| <img src="{{ getAssetUrl('themes/'~template~'/img/gplus.gif', null, null, true) }}" alt="google+"> | |
| <img src="{{ getAssetUrl('themes/'~template~'/img/facebook.gif', null, null, true) }}" alt="facebook"> | |
| <img src="{{ getAssetUrl('themes/'~template~'/img/twitter.gif', null, null, true) }}" alt="twitter"> | |
| <br> | |
| <br> | |
| </div> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td style="color: #bbbbbb;font-size: 12px;font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;text-align: center;" data-slot-container="1"> | |
| <div data-slot="text"> | |
| <a href="{webview_url}" style="text-decoration: none;border: 0;outline: none;color: #bbbbbb;">View in browser</a> | <a href="{unsubscribe_url}" style="text-decoration: none;border: 0;outline: none;color: #bbbbbb;">Unsubscribe</a> | <a href="#" style="text-decoration: none;border: 0;outline: none;color: #bbbbbb;">Contact</a> | |
| <br><br> | |
| </div> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td style="color: #bbbbbb;font-size: 12px;font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;font-weight: 400;text-align: center;" data-slot-container="1"> | |
| <div data-slot="text"> | |
| © 2014 All Rights Reserved | |
| <br> | |
| <br> | |
| </div> | |
| </td> | |
| </tr> | |
| </table> | |
| </center> | |
| </div> | |
| </body> | |
| </html> | |