default.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width" />
  6. <!-- build:css css/tidy.css -->
  7. <link inline rel="stylesheet" href="../assets/css/ink.css">
  8. <link inline rel="stylesheet" href="../assets/css/style.css">
  9. <!-- /build -->
  10. </head>
  11. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="main"
  12. style="background: #2e2e2e; height: 100% !important; margin: 0 auto; padding: 0; width: 100% !important"
  13. bgcolor="#2e2e2e">
  14. <style type="text/css">
  15. body {
  16. height: 100% !important;
  17. width: 100% !important;
  18. }
  19. body .copy {
  20. -ms-text-size-adjust: 100%;
  21. -webkit-text-size-adjust: 100%;
  22. }
  23. .ExternalClass {
  24. width: 100%;
  25. }
  26. .ExternalClass {
  27. line-height: 100%;
  28. }
  29. img {
  30. -ms-interpolation-mode: bicubic;
  31. }
  32. img {
  33. border: 0 !important;
  34. outline: none !important;
  35. text-decoration: none !important;
  36. }
  37. a:hover {
  38. text-decoration: underline;
  39. }
  40. td[class="stack-column-center"] {
  41. text-align: center !important;
  42. }
  43. @media (max-width: 600px) {
  44. table[class="email-container"] {
  45. width: 95% !important;
  46. }
  47. img[class="fluid"] {
  48. width: 100% !important;
  49. max-width: 100% !important;
  50. height: auto !important;
  51. margin: auto !important;
  52. }
  53. img[class="fluid-centered"] {
  54. width: 100% !important;
  55. max-width: 100% !important;
  56. height: auto !important;
  57. margin: auto !important;
  58. }
  59. img[class="fluid-centered"] {
  60. margin: auto !important;
  61. }
  62. td[class="comms-content"] {
  63. padding: 20px !important;
  64. }
  65. td[class="stack-column"] {
  66. display: block !important;
  67. width: 100% !important;
  68. direction: ltr !important;
  69. }
  70. td[class="stack-column-center"] {
  71. display: block !important;
  72. width: 100% !important;
  73. direction: ltr !important;
  74. }
  75. td[class="stack-column-center"] {
  76. text-align: center !important;
  77. }
  78. td[class="copy"] {
  79. font-size: 14px !important;
  80. line-height: 24px !important;
  81. padding: 0 30px !important;
  82. }
  83. td[class="copy -center"] {
  84. font-size: 14px !important;
  85. line-height: 24px !important;
  86. padding: 0 30px !important;
  87. }
  88. td[class="copy -bold"] {
  89. font-size: 14px !important;
  90. line-height: 24px !important;
  91. padding: 0 30px !important;
  92. }
  93. td[class="small-text"] {
  94. font-size: 14px !important;
  95. line-height: 24px !important;
  96. padding: 0 30px !important;
  97. }
  98. td[class="mini-centered-text"] {
  99. font-size: 14px !important;
  100. line-height: 24px !important;
  101. padding: 15px 30px !important;
  102. }
  103. td[class="copy -padd"] {
  104. padding: 0 40px !important;
  105. }
  106. span[class="sep"] {
  107. display: none !important;
  108. }
  109. td[class="mb-hide"] {
  110. display: none !important;
  111. height: 0 !important;
  112. }
  113. td[class="spacer mb-shorten"] {
  114. height: 25px !important;
  115. }
  116. .two-up td {
  117. width: 270px;
  118. }
  119. }
  120. </style>
  121. <table class="body" style="background: #2e2e2e;">
  122. <tr>
  123. <td class="center" align="center" valign="top">
  124. <center>
  125. <table class="row header">
  126. <tr>
  127. <td class="center" align="center">
  128. <center>
  129. <table class="container">
  130. <tr>
  131. <td class="wrapper last">
  132. <table class="twelve columns">
  133. <tr>
  134. <td class="twelve sub-columns center">
  135. <img class="logo"
  136. src="https://www.mercadoselectricos.com.sv/wp-content/uploads/2020/05/Energylink_Transparente.png"
  137. style="width: 200px; float: none; display: inline">
  138. </td>
  139. <td class="expander"></td>
  140. </tr>
  141. </table>
  142. </td>
  143. </tr>
  144. </table>
  145. </center>
  146. </td>
  147. </tr>
  148. </table>
  149. <table class="container" style="background-color: #efefef;" width="600">
  150. <tr>
  151. <td height="2" class="spacer mb-shorten"
  152. style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top; border: 0; background: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important"
  153. valign="top"> </td>
  154. </tr>
  155. <tr>
  156. <td class="mini-centered-text"
  157. style="color: #343b41; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 25px 35px; text-align: center; vertical-align: top"
  158. align="center" valign="top">
  159. {{> body }}
  160. <!-- container end below -->
  161. </td>
  162. </tr>
  163. </table>
  164. <!-- footer -->
  165. <table class="footer center">
  166. <tr>
  167. <td class="wrapper last">
  168. <table class="twelve columns center">
  169. <tr>
  170. <td class="twelve" align="center">
  171. <center>
  172. <p style="text-align: center; font-size: 12px; color: #999999;">
  173. Sent by <a href="[[.MEHomePage]]">Mercados Eléctricos de Centroamérica
  174. <!--Grafana v[[.BuildVersion]]--></a>
  175. <br />&copy; 2020 EnergyLink
  176. </p>
  177. </center>
  178. </td>
  179. <td class="expander"></td>
  180. </tr>
  181. </table>
  182. </td>
  183. </tr>
  184. </table>
  185. </center>
  186. </td>
  187. </tr>
  188. </table>
  189. </body>
  190. </html>