success-message-inline.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml"
  4. style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
  5. <head>
  6. <meta name="viewport" content="width=device-width"/>
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  8. <title>Alerts e.g. approaching your limit</title>
  9. <style type="text/css">
  10. img {
  11. max-width: 100%;
  12. }
  13. body {
  14. -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em;
  15. }
  16. body {
  17. background-color: #f6f6f6;
  18. }
  19. @media only screen and (max-width: 640px) {
  20. body {
  21. padding: 0 !important;
  22. }
  23. h1 {
  24. font-weight: 800 !important; margin: 20px 0 5px !important;
  25. }
  26. h2 {
  27. font-weight: 800 !important; margin: 20px 0 5px !important;
  28. }
  29. h3 {
  30. font-weight: 800 !important; margin: 20px 0 5px !important;
  31. }
  32. h4 {
  33. font-weight: 800 !important; margin: 20px 0 5px !important;
  34. }
  35. h1 {
  36. font-size: 22px !important;
  37. }
  38. h2 {
  39. font-size: 18px !important;
  40. }
  41. h3 {
  42. font-size: 16px !important;
  43. }
  44. .container {
  45. padding: 0 !important; width: 100% !important;
  46. }
  47. .content {
  48. padding: 0 !important;
  49. }
  50. .content-wrap {
  51. padding: 10px !important;
  52. }
  53. .invoice {
  54. width: 100% !important;
  55. }
  56. }
  57. </style>
  58. </head>
  59. <body itemscope itemtype="http://schema.org/EmailMessage"
  60. 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: #f6f6f6; margin: 0;"
  61. bgcolor="#f6f6f6">
  62. <table class="body-wrap"
  63. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;"
  64. bgcolor="#f6f6f6">
  65. <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
  66. <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
  67. valign="top"></td>
  68. <td class="container" width="600"
  69. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;"
  70. valign="top">
  71. <div class="content"
  72. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">
  73. <table class="main" width="100%" cellpadding="0" cellspacing="0"
  74. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;"
  75. bgcolor="#fff">
  76. <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
  77. <td class="alert alert-warning"
  78. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; color: #fff; font-weight: 500; text-align: center; border-radius: 3px 3px 0 0; background-color: ${head_color}; margin: 0; padding: 20px;"
  79. align="center" bgcolor="${head_color}" valign="top">
  80. ${alert_message}
  81. </td>
  82. </tr>
  83. <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
  84. <td class="content-wrap"
  85. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;"
  86. valign="top">
  87. <table width="100%" cellpadding="0" cellspacing="0"
  88. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
  89. <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
  90. <td class="content-block"
  91. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
  92. valign="top">
  93. Se descargaron un total de <strong
  94. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">${cuenta_reportes}
  95. reportes</strong> de la web del CENACE.
  96. </td>
  97. </tr>
  98. <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
  99. <td class="content-block"
  100. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
  101. valign="top">
  102. Para ver los Documentos Fiscales puede hacer click en el siguiente enlace
  103. </td>
  104. </tr>
  105. <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
  106. <td class="content-block"
  107. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
  108. valign="top" align="center">
  109. <a href="http://www.mailgun.com" class="btn-primary"
  110. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; color: #FFF; text-decoration: none; line-height: 2em; font-weight: bold; text-align: center; cursor: pointer; display: inline-block; border-radius: 5px; text-transform: capitalize; background-color: #348eda; margin: 0; border-color: #348eda; border-style: solid; border-width: 10px 20px;">Ver Documentos Fiscales</a>
  111. </td>
  112. </tr>
  113. <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
  114. <td class="content-block"
  115. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
  116. valign="top">
  117. Este mensaje es autogenerado. Favor no responder. <br>
  118. Mensaje enviado el ${fecha}
  119. </td>
  120. </tr>
  121. </table>
  122. </td>
  123. </tr>
  124. </table>
  125. <div class="footer"
  126. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">
  127. <table width="100%"
  128. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
  129. <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
  130. <td class="aligncenter content-block"
  131. style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0 20px;"
  132. align="center" valign="top"><p>Mercados Eléctricos de Centroamérica | Market Intelligence Team</p>
  133. </td>
  134. </tr>
  135. </table>
  136. </div>
  137. </div>
  138. </td>
  139. <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
  140. valign="top"></td>
  141. </tr>
  142. </table>
  143. </body>
  144. </html>