mailtemplate.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!DOCTYPE html><head><meta name="viewport" content="width=device-width, initial-scale=1"></head><body><!-- utf-8 works for most cases --><!-- Forcing initial-scale shouldn't be necessary --><!-- Use the latest (edge) version of IE rendering engine --><!-- The title tag shows in email notifications, like Android 4.4. --><!-- Web Font / @font-face : BEGIN --><!-- NOTE: If web fonts are not required, lines 9 - 26 can be safely removed. --><!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. --><!--[if mso]>
  2. <style>
  3. * {
  4. font-family: sans-serif !important;
  5. }
  6. </style>
  7. <![endif]--><!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ --><!--[if !mso]><!--><!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> --><!--<![endif]--><!-- Web Font / @font-face : END --><!-- CSS Reset --><!-- Progressive Enhancements -->
  8. <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; height:100%; width:100%">
  9. <tbody>
  10. <tr>
  11. <td><!-- Visually Hidden Preheader Text : BEGIN -->
  12. <div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: sans-serif;">Nuevo centro log&iacute;stico y de distribuci&oacute;n</div>
  13. <!-- Visually Hidden Preheader Text : END --><!--
  14. Set the email width. Defined in two places:
  15. 1. max-width for all clients set with Outlook, allowing the email to squish on narrow but never go wider than 600px.
  16. 2. MSO tags for Desktop Windows Outlook enforce a 600px width.
  17. -->
  18. <div style="max-width: 680px;"><!--[if (gte mso 9)|(IE)]>
  19. <table cellspacing="0" cellpadding="0" border="0" width="680" align="center">
  20. <tr>
  21. <td>
  22. <![endif]--><!-- Email Header : BEGIN --><!-- Email Header : END --><!-- Email Body : BEGIN -->
  23. <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:680px; width:100%"><!-- Hero Image, Flush : BEGIN -->
  24. <tbody>
  25. <tr>
  26. <td><img alt="alt_text" src="https://especificosba.com.ar/Mailing/images/uploads/1488387334_fotocentro.jpg" style="height:300px; max-width:680px; width:680px" /></td>
  27. </tr>
  28. <!-- Hero Image, Flush : END --><!-- 1 Column Text + Button : BEGIN -->
  29. <tr>
  30. <td>
  31. <table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:10px; width:100%">
  32. <tbody>
  33. <tr>
  34. <td style="text-align:center">
  35. <p>Distribuidores ESPECIFICOS Buenos Aires</p>
  36. <p>Agradeciendo el apoyo constante y la confianza que depositan en nuestra marca, seguimos trabajando en forma permanente para optimizar la comunicaci&oacute;n, y con el objetivo de una mejora constante. Tenemos el agrado de informarles que a partir del 1&deg; de marzo de 2017, inauguramos nuestro nuevo centro log&iacute;stico y de distribuci&oacute;n. Es por ello que para simplificar este proceso, desarrollamos un sistema de pedidos exclusivo para cada uno de ustedes, al cual acceder&aacute;n directamente en el bot&oacute;n &quot;IR&quot; que se encuentra m&aacute;s abajo en este mail.<br />
  37. Al ser excusivo, no es necesario registrarse ni loguearse cada vez que lo utilicen, es de muy f&aacute;cil utilizaci&oacute;n y podr&aacute;n realizar sus pedidos durante las 24 hs, los 7 dias de la semana.<br />
  38. En caso de ser necesario, o que tengan alguna duda, hemos enviado en otro mail una gu&iacute;a paso a paso, para hacerlo a&uacute;n m&aacute;s sencillo, y c&oacute;mo siempre estamos a su disposici&oacute;n para cualquier consulta.</p>
  39. <p>Saludos cordiales,</p>
  40. <p>Equipo de ESPECIFICOS Buenos Aires</p>
  41. <!-- Button : Begin -->
  42. <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin:auto">
  43. <tbody>
  44. <tr>
  45. <td style="text-align:center">
  46. <a class="button-a" href="pedido.especificosba.com.ar/{{HASH}}" style="background: #1C3656; border: 15px solid #1C3656; padding: 0 10px;color: #ffffff; font-family: sans-serif; font-size: 13px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;"><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--><span style="font-family:trebuchet ms,helvetica,sans-serif">Ir</span><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--> </a></td>
  47. </tr>
  48. </tbody>
  49. </table>
  50. <hr /><!-- Button : END --></td>
  51. </tr>
  52. </tbody>
  53. </table>
  54. </td>
  55. </tr>
  56. <tr>
  57. <td dir="ltr"><!--[if mso]>
  58. <!-- Email Body : END --><!-- Email Footer : BEGIN -->
  59. <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:10px; max-width:680px; width:100%">
  60. <tbody>
  61. <tr>
  62. <td style="text-align:center; width:100%"><a href="http://especificosba.com.ar"><img alt="" src="https://especificosba.com.ar/Mailing/images/uploads/1459563618_footer680.png" style="height:100px; width:680px" /></a></td>
  63. </tr>
  64. </tbody>
  65. </table>
  66. <!-- Email Footer : END --><!--[if (gte mso 9)|(IE)]>
  67. </td>
  68. </tr>
  69. </tbody>
  70. </table>
  71. <!--[endif]----></td>
  72. </tr>
  73. </tbody>
  74. </table>
  75. </div>
  76. </td>
  77. </tr>
  78. </tbody>
  79. </table>
  80. </body></html>