Nav apraksta

Template.html 3.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <html lang="en">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="format-detection" content="telephone=no">
  7. <title>{{newsletter_subject}}</title>
  8. <style type="text/css">
  9. html, body {
  10. margin: 0;
  11. padding: 0;
  12. }
  13. .ExternalClass * {
  14. line-height: 130%;
  15. }
  16. .ExternalClass a {
  17. line-height: 140%;
  18. }
  19. .ExternalClass h1, h2, h3, h1, h2, h3 {
  20. Margin: 0;
  21. }
  22. .mailpoet_text h1:last-child, .mailpoet_text h2:last-child, .mailpoet_text h3:last-child {
  23. margin-bottom: 0 !important;
  24. }
  25. .ExternalClass ol {
  26. margin-top: 0;
  27. margin-bottom: 0;
  28. }
  29. table, td {
  30. border-collapse: collapse;
  31. }
  32. .mailpoet_image img {
  33. height: auto;
  34. max-width: 100%;
  35. -ms-interpolation-mode: bicubic;
  36. border: 0;
  37. display: block;
  38. outline: none;
  39. text-align: center;
  40. }
  41. .mailpoet_padded_vertical {
  42. padding-top: 10px;
  43. padding-bottom: 10px;
  44. }
  45. .mailpoet_padded_side {
  46. padding-left: 20px;
  47. padding-right: 20px;
  48. }
  49. .mailpoet_header_footer_padded {
  50. padding: 10px 20px;
  51. }
  52. /* https://www.emailonacid.com/blog/article/email-development/tips-for-coding-email-preheaders */
  53. .mailpoet_preheader, .mailpoet_preheader * {
  54. display: none;
  55. visibility: hidden;
  56. mso-hide: all;
  57. font-size: 1px;
  58. color: #ffffff;
  59. line-height: 1px;
  60. max-height: 0px;
  61. max-width: 0px;
  62. opacity: 0;
  63. overflow: hidden;
  64. }
  65. @media screen and (max-width: 480px) {
  66. .mailpoet_button {width:100% !important;}
  67. }
  68. @media screen and (max-width: 599px) {
  69. .mailpoet_header {
  70. padding: 10px 20px;
  71. }
  72. .mailpoet_button {
  73. width: 100% !important;
  74. padding: 5px 0 !important;
  75. box-sizing:border-box !important;
  76. }
  77. div, .mailpoet_cols-two, .mailpoet_cols-three {
  78. max-width: 100% !important;
  79. }
  80. }
  81. {{newsletter_styles}}
  82. </style>
  83. {{newsletter_custom_fonts}}
  84. </head>
  85. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  86. <table class="mailpoet_template" border="0" width="100%" cellpadding="0" cellspacing="0"
  87. style="border-spacing:0;mso-table-lspace:0;mso-table-rspace:0">
  88. <tbody>
  89. <tr>
  90. <td class="mailpoet_preheader" style="-webkit-text-size-adjust:none;font-size:1px;line-height:1px;color:#333333;" height="1">
  91. {{newsletter_preheader}}
  92. </td>
  93. </tr>
  94. <tr>
  95. <td align="center" class="mailpoet-wrapper" valign="top"><!--[if mso]>
  96. <table align="center" border="0" cellspacing="0" cellpadding="0"
  97. width="660">
  98. <tr>
  99. <td class="mailpoet_content-wrapper" align="center" valign="top" width="660">
  100. <![endif]--><table class="mailpoet_content-wrapper" border="0" width="660" cellpadding="0" cellspacing="0"
  101. style="border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;max-width:660px;width:100%;">
  102. <tbody>
  103. {{newsletter_body}}
  104. </tbody>
  105. </table><!--[if mso]>
  106. </td>
  107. </tr>
  108. </table>
  109. <![endif]--></td>
  110. </tr>
  111. </tbody>
  112. </table>
  113. </body>
  114. </html>