[html4strict] Email template

Viewer

copydownloadembedprintName: Email template
  1. <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
  2. <style>
  3. body {
  4.     font-family: 'Poppins';font-size: 12px;
  5. }
  6. </style>
  7.  
  8. <!-- [if (mso 16)]>
  9.     <style type="text/css">
  10.     a {text-decoration: none;}
  11.        
  12.     </style>
  13.     <![endif]--><!-- [if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]--><!-- [if gte mso 9]>
  14. <xml>
  15.     <o:OfficeDocumentSettings>
  16.     <o:AllowPNG></o:AllowPNG>
  17.     <o:PixelsPerInch>96</o:PixelsPerInch>
  18.     </o:OfficeDocumentSettings>
  19. </xml>
  20. <![endif]--><!-- [if !mso]><!-- --><!--<![endif]-->
  21. <div class="es-wrapper-color" style="background-color: #ffffff;"><!-- [if gte mso 9]>
  22.                         <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
  23.                                 <v:fill type="tile" color="#ffffff"></v:fill>
  24.                         </v:background>
  25.                 <![endif]-->
  26. <table class="es-wrapper" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; padding: 0; margin: 0; width: 100%; height: 100%; background-repeat: repeat; background-position: center top; background-color: #ffffff;" width="100%" cellspacing="0" cellpadding="0">
  27. <tbody>
  28. <tr>
  29. <td style="padding: 0; margin: 0;" valign="top">
  30. <table class="es-header" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; table-layout: fixed !important; width: 100%; background-color: transparent; background-repeat: repeat; background-position: center top;" cellspacing="0" cellpadding="0" align="center">
  31. <tbody>
  32. <tr>
  33. <td style="padding: 0; margin: 0; background-image: url('https://liucdn.stripocdn.email/content/guids/CABINET_442c85e21e94d51bc4bd76c8f4fefd1e/images/18211619778405551.png'); background-repeat: no-repeat; background-position: left top;" align="center">
  34. <table class="es-header-body" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; background-color: transparent; width: 600px;" cellspacing="0" cellpadding="0" align="center">
  35. <tbody>
  36. <tr>
  37. <td class="esdev-adapt-off" style="padding: 0; margin: 0; padding-top: 20px;" align="left">
  38. <table class="esdev-mso-table" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; width: 600px;" cellspacing="0" cellpadding="0">
  39. <tbody>
  40. <tr>
  41. <td class="esdev-mso-td" style="padding: 0; margin: 0;" valign="top">
  42. <table class="es-left" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; float: left;" cellspacing="0" cellpadding="0" align="left">
  43. <tbody>
  44. <tr>
  45. <td style="padding: 0; margin: 0; width: 290px;" align="center" valign="top">
  46. <table style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;" role="presentation" width="100%" cellspacing="0" cellpadding="0">
  47. <tbody>
  48. <tr>
  49. <td style="padding: 20px; margin: 0; font-size: 0px;" align="center"><a style="-webkit-text-size-adjust: none; -ms-text-size-adjust: none; mso-line-height-rule: exactly; text-decoration: underline; color: #666666; font-size: 14px;" href="https://google.com" target="_blank"><img class="adapt-img" style="display: block; border: 0; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic;" src="http://www.pngall.com/wp-content/uploads/5/Google-Logo-PNG-Free-Image.png" width="190" /></a></td>
  50. </tr>
  51. </tbody>
  52. </table>
  53. </td>
  54. </tr>
  55. </tbody>
  56. </table>
  57. </td>
  58. <td style="padding: 0; margin: 0; width: 20px;"> </td>
  59. <td class="esdev-mso-td" style="padding: 0; margin: 0;" valign="top">
  60. <table class="es-right" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; float: right;" cellspacing="0" cellpadding="0" align="right">
  61. <tbody>
  62. <tr>
  63. <td style="padding: 0; margin: 0; width: 290px;" align="left">
  64. <table style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;" width="100%" cellspacing="0" cellpadding="0">
  65. <tbody>
  66. <tr>
  67. <td style="padding: 0; margin: 0; display: none;" align="center"> </td>
  68. </tr>
  69. </tbody>
  70. </table>
  71. </td>
  72. </tr>
  73. </tbody>
  74. </table>
  75. </td>
  76. </tr>
  77. </tbody>
  78. </table>
  79. </td>
  80. </tr>
  81. <tr>
  82. <td style="margin: 0; padding: 20px 20px 30px 20px;" align="left">
  83. <table style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;" width="100%" cellspacing="0" cellpadding="0">
  84. <tbody>
  85. <tr>
  86. <td style="padding: 0; margin: 0; width: 560px;" align="center" valign="top">
  87. <table style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;" role="presentation" width="100%" cellspacing="0" cellpadding="0">
  88. <tbody>
  89. <tr>
  90. <td style="padding: 0; margin: 0;" align="center">
  91. <p style="margin: 0px; text-size-adjust: none; font-family: Poppins; line-height: 34px; color: #333333; font-size: 14px; text-align: left;">
  92. {{content}}
  93. </p>
  94. </td>
  95. </tr>
  96. </tbody>
  97. </table>
  98. </td>
  99. </tr>
  100. </tbody>
  101. </table>
  102. </td>
  103. </tr>
  104. </tbody>
  105. </table>
  106. </td>
  107. </tr>
  108. </tbody>
  109. </table>
  110. <table class="es-footer" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; table-layout: fixed !important; width: 100%; background-color: transparent; background-repeat: repeat; background-position: center top;" cellspacing="0" cellpadding="0" align="center">
  111. <tbody>
  112. <tr>
  113. <td style="padding: 0; margin: 0; background-color: #e8e9ea;" align="center" bgcolor="#e8e9ea">
  114. <table class="es-footer-body" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; background-color: transparent; width: 600px;" cellspacing="0" cellpadding="0" align="center">
  115. <tbody>
  116. <tr>
  117. <td style="padding: 0; margin: 0; padding-top: 20px; padding-left: 20px; padding-right: 20px;" align="left"><!-- [if mso]><table style="width:560px" cellpadding="0" 
  118.                         cellspacing="0"><tr><td style="width:245px" valign="top"><![endif]-->
  119. <table class="es-left" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; float: left;" cellspacing="0" cellpadding="0" align="left">
  120. <tbody>
  121. <tr>
  122. <td class="es-m-p20b" style="padding: 0; margin: 0; width: 245px;" align="left">
  123. <table style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;" role="presentation" width="100%" cellspacing="0" cellpadding="0">
  124. <tbody>
  125. <tr>
  126. <td class="es-m-txt-c" style="padding: 0; margin: 0; font-size: 0px;" align="left"><a style="-webkit-text-size-adjust: none; -ms-text-size-adjust: none; mso-line-height-rule: exactly; text-decoration: underline; color: #666666; font-size: 14px;" href="https://google.com" target="_blank"><img style="display: block; border: 0; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic;" src="http://www.pngall.com/wp-content/uploads/5/Google-Logo-PNG-Free-Image.png" width="100" /></a></td>
  127. </tr>
  128. <tr>
  129. <td style="padding: 0; margin: 0; padding-top: 10px; padding-bottom: 10px;" align="left">
  130. <p style="margin: 0; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; mso-line-height-rule: exactly; font-family: Poppins; line-height: 18px; color: #a177ff; font-size: 12px;">Under logo text</p>
  131. </td>
  132. </tr>
  133. </tbody>
  134. </table>
  135. </td>
  136. </tr>
  137. </tbody>
  138. </table>
  139. <!-- [if mso]></td><td style="width:20px"></td><td style="width:295px" valign="top"><![endif]-->
  140. <table class="es-right" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; float: right;" cellspacing="0" cellpadding="0" align="right">
  141. <tbody>
  142. <tr>
  143. <td style="padding: 0; margin: 0; width: 295px;" align="left">
  144. <table style="border-collapse: collapse; border-spacing: 0px; height: 132px; width: 100%;" role="presentation" width="100%" cellspacing="0" cellpadding="0">
  145. <tbody>
  146. <tr style="height: 24px;">
  147. <td style="padding: 20px 0px 0px; margin: 0px; height: 24px;" align="left">
  148. <h3 style="margin: 0; line-height: 24px; mso-line-height-rule: exactly; font-family: Poppins; font-size: 14px; font-style: normal; font-weight: bold; color: #333333;">Contact Us</h3>
  149. </td>
  150. </tr>
  151. <tr style="height: 56px;">
  152. <td style="padding: 0px; margin: 0px; height: 56px;">
  153. <table class="es-menu" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;" role="presentation" width="100%" cellspacing="0" cellpadding="0">
  154. <tbody>
  155. <tr class="links-images-left">
  156. <b><b><td id="esd-menu-id-0" style="margin: 0; border: 0; padding: 10px 5px 7px 5px;" align="left" valign="top" width="100%"><a style="-webkit-text-size-adjust: none; -ms-text-size-adjust: none; mso-line-height-rule: exactly; text-decoration: none; display: block; color: #a177ff; font-size: 12px;" href="https://google.com" target="_blank"><img style="border-width: 0px; border-color: initial; border-image: initial; outline: none; text-decoration: none; padding-right: 5px; vertical-align: middle; display: inline-block !important;" src="https://i.ibb.co/Pxkp4nr/location.png" alt="Location" width="20" height="20" align="absmiddle" />5 la Gratitude Circle, London, London, United Kingdom, 2191</a></td></b></b>
  157. </tr>
  158. </tbody>
  159. </table>
  160. </td>
  161. </tr>
  162. <tr style="height: 35px;">
  163. <td style="padding: 0px; margin: 0px; height: 35px;">
  164. <table class="es-menu" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;" role="presentation" width="100%" cellspacing="0" cellpadding="0">
  165. <tbody>
  166. <tr class="links-images-left">
  167. <td id="esd-menu-id-0" style="margin: 0; border: 0; padding: 7px 5px 7px 5px;" align="left" valign="top" width="100%"><a style="-webkit-text-size-adjust: none; -ms-text-size-adjust: none; mso-line-height-rule: exactly; text-decoration: none; display: block; color: #a177ff; font-size: 12px;" href="mailto:[email protected]" target="_blank"><img style="border-width: 0px; border-color: initial; border-image: initial; outline: none; text-decoration: none; padding-right: 5px; vertical-align: middle; display: inline-block !important;" src="https://i.ibb.co/swMnY5p/email.png" alt="[email protected]" width="23" height="23" align="absmiddle" />[email protected]</a></td>
  168. </tr>
  169. </tbody>
  170. </table>
  171. </td>
  172. </tr>
  173. <tr style="height: 17px;">
  174. <td style="padding: 0px; margin: 0px; height: 17px;"> </td>
  175. </tr>
  176. </tbody>
  177. </table>
  178. </td>
  179. </tr>
  180. </tbody>
  181. </table>
  182. <!-- [if mso]></td></tr></table><![endif]--></td>
  183. </tr>
  184. <tr>
  185. <td style="padding: 20px; margin: 0;" align="left">
  186. <table style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;" width="100%" cellspacing="0" cellpadding="0">
  187. <tbody>
  188. <tr>
  189. <td style="padding: 0; margin: 0; width: 560px;" align="center" valign="top">
  190. <table style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;" role="presentation" width="100%" cellspacing="0" cellpadding="0">
  191. <tbody>
  192. <tr>
  193. <td style="padding: 0; margin: 0; font-size: 0;" align="center">
  194. <table class="es-table-not-adapt es-social" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;" role="presentation" cellspacing="0" cellpadding="0">
  195. <tbody>
  196. <tr>
  197. <td style="padding: 0; margin: 0; padding-right: 25px;" align="center" valign="top"><a  href="https://twitter.com/" target="_blank"><img src="https://i.ibb.co/bbrvp9g/twitter.png" alt="" width="32" height="32" /></a><a style="-webkit-text-size-adjust: none; -ms-text-size-adjust: none; mso-line-height-rule: exactly; text-decoration: underline; color: #666666; font-size: 14px;" href="https://google.com" target="_blank"></a></td>
  198. <td style="padding: 0; margin: 0; padding-right: 25px;" align="center" valign="top"><a  href="https://www.youtube.com/" target="_blank"><img style="float: left;" src="https://i.ibb.co/JC5FL42/youtube.png  " alt="Youtube" width="32" height="32" /></a><a style="-webkit-text-size-adjust: none; -ms-text-size-adjust: none; mso-line-height-rule: exactly; text-decoration: underline; color: #666666; font-size: 14px;" href="https://google.com" target="_blank"></a></td>
  199. <td style="padding: 0; margin: 0; padding-right: 25px;" align="center" valign="top"><a  href="https://www.linkedin.com/" target="_blank"><img src="https://i.ibb.co/BV9ZLS8/linkedin.png " alt="Linkedin" width="32" height="32" /></a></td>
  200. <td style="padding: 0; margin: 0;" align="center" valign="top"><a style="-webkit-text-size-adjust: none; -ms-text-size-adjust: none; mso-line-height-rule: exactly; text-decoration: underline; color: #666666; font-size: 14px;" href="https://google.com" target="_blank"></a></td>
  201. </tr>
  202. </tbody>
  203. </table>
  204. </td>
  205. </tr>
  206. </tbody>
  207. </table>
  208. </td>
  209. </tr>
  210. </tbody>
  211. </table>
  212. </td>
  213. </tr>
  214. </tbody>
  215. </table>
  216. </td>
  217. </tr>
  218. </tbody>
  219. </table>
  220. <table class="es-content" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; table-layout: fixed !important; width: 100%;" cellspacing="0" cellpadding="0" align="center">
  221. <tbody>
  222. <tr>
  223. <td class="es-info-area" style="padding: 0; margin: 0;" align="center">
  224. <table class="es-content-body" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; background-color: #ffffff; width: 600px;" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">
  225. <tbody>
  226. <tr>
  227. <td style="padding: 20px; margin: 0;" align="left">
  228. <table style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;" width="100%" cellspacing="0" cellpadding="0">
  229. <tbody>
  230. <tr>
  231. <td style="padding: 0; margin: 0; width: 560px;" align="center" valign="top">
  232. <table style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;" role="presentation" width="100%" cellspacing="0" cellpadding="0">
  233. <tbody>
  234. <tr>
  235. <td class="es-infoblock" style="padding: 0; margin: 0; line-height: 14px; font-size: 12px; color: #cccccc;" align="center">
  236. <p style="margin: 0; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; mso-line-height-rule: exactly; font-family: Poppins; line-height: 18px; color: #cccccc; font-size: 10px;">Random footer text</p>
  237. </td>
  238. </tr>
  239. </tbody>
  240. </table>
  241. </td>
  242. </tr>
  243. </tbody>
  244. </table>
  245. </td>
  246. </tr>
  247. </tbody>
  248. </table>
  249. </td>
  250. </tr>
  251. </tbody>
  252. </table>
  253. </td>
  254. </tr>
  255. </tbody>
  256. </table>
  257. </div>
  258.  

Editor

You can edit this paste and save as new:


File Description
  • Email template
  • Paste Code
  • 08 May-2021
  • 14.08 Kb
You can Share it: