@clay-design-system/email 0.0.0-stage → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (268) hide show
  1. package/README.md +48 -2
  2. package/dist/build/asset-scoring.d.ts +48 -0
  3. package/dist/build/asset-scoring.d.ts.map +1 -0
  4. package/dist/build/asset-scoring.js +58 -0
  5. package/dist/build/asset-scoring.js.map +1 -0
  6. package/dist/build/braze-transform.d.ts +20 -0
  7. package/dist/build/braze-transform.d.ts.map +1 -0
  8. package/dist/build/braze-transform.js +26 -0
  9. package/dist/build/braze-transform.js.map +1 -0
  10. package/dist/build/catalog.d.ts +25 -0
  11. package/dist/build/catalog.d.ts.map +1 -0
  12. package/dist/build/catalog.js +3 -0
  13. package/dist/build/catalog.js.map +1 -0
  14. package/dist/build/cloudinary-env.d.ts +15 -0
  15. package/dist/build/cloudinary-env.d.ts.map +1 -0
  16. package/dist/build/cloudinary-env.js +36 -0
  17. package/dist/build/cloudinary-env.js.map +1 -0
  18. package/dist/build/cloudinary-manifest.d.ts +33 -0
  19. package/dist/build/cloudinary-manifest.d.ts.map +1 -0
  20. package/dist/build/cloudinary-manifest.js +36 -0
  21. package/dist/build/cloudinary-manifest.js.map +1 -0
  22. package/dist/build/compile.d.ts +11 -0
  23. package/dist/build/compile.d.ts.map +1 -0
  24. package/dist/build/compile.js +234 -0
  25. package/dist/build/compile.js.map +1 -0
  26. package/dist/build/email-config.d.ts +26 -0
  27. package/dist/build/email-config.d.ts.map +1 -0
  28. package/dist/build/email-config.js +17 -0
  29. package/dist/build/email-config.js.map +1 -0
  30. package/dist/build/email-list.d.ts +6 -0
  31. package/dist/build/email-list.d.ts.map +1 -0
  32. package/dist/build/email-list.js +17 -0
  33. package/dist/build/email-list.js.map +1 -0
  34. package/dist/build/email-tree.d.ts +23 -0
  35. package/dist/build/email-tree.d.ts.map +1 -0
  36. package/dist/build/email-tree.js +46 -0
  37. package/dist/build/email-tree.js.map +1 -0
  38. package/dist/build/export-braze.d.ts +22 -0
  39. package/dist/build/export-braze.d.ts.map +1 -0
  40. package/dist/build/export-braze.js +92 -0
  41. package/dist/build/export-braze.js.map +1 -0
  42. package/dist/build/generate-stock-library-map.d.ts +13 -0
  43. package/dist/build/generate-stock-library-map.d.ts.map +1 -0
  44. package/dist/build/generate-stock-library-map.js +202 -0
  45. package/dist/build/generate-stock-library-map.js.map +1 -0
  46. package/dist/build/icon-registry-map.d.ts +34 -0
  47. package/dist/build/icon-registry-map.d.ts.map +1 -0
  48. package/dist/build/icon-registry-map.js +44 -0
  49. package/dist/build/icon-registry-map.js.map +1 -0
  50. package/dist/build/import-examples.d.ts +14 -0
  51. package/dist/build/import-examples.d.ts.map +1 -0
  52. package/dist/build/import-examples.js +65 -0
  53. package/dist/build/import-examples.js.map +1 -0
  54. package/dist/build/persona-character-map.d.ts +32 -0
  55. package/dist/build/persona-character-map.d.ts.map +1 -0
  56. package/dist/build/persona-character-map.js +90 -0
  57. package/dist/build/persona-character-map.js.map +1 -0
  58. package/dist/build/stock-library-map.d.ts +57 -0
  59. package/dist/build/stock-library-map.d.ts.map +1 -0
  60. package/dist/build/stock-library-map.js +1261 -0
  61. package/dist/build/stock-library-map.js.map +1 -0
  62. package/dist/build/upload-assets.d.ts +20 -0
  63. package/dist/build/upload-assets.d.ts.map +1 -0
  64. package/dist/build/upload-assets.js +153 -0
  65. package/dist/build/upload-assets.js.map +1 -0
  66. package/dist/build/upload-library-assets.d.ts +21 -0
  67. package/dist/build/upload-library-assets.d.ts.map +1 -0
  68. package/dist/build/upload-library-assets.js +182 -0
  69. package/dist/build/upload-library-assets.js.map +1 -0
  70. package/dist/build/visual-resolver.d.ts +70 -0
  71. package/dist/build/visual-resolver.d.ts.map +1 -0
  72. package/dist/build/visual-resolver.js +375 -0
  73. package/dist/build/visual-resolver.js.map +1 -0
  74. package/dist/catalog.json +467 -0
  75. package/dist/emails/component-buttons-icons.html +435 -0
  76. package/dist/emails/component-buttons-integration.html +256 -0
  77. package/dist/emails/component-buttons-primary.html +269 -0
  78. package/dist/emails/component-buttons-secondary.html +255 -0
  79. package/dist/emails/component-buttons-two-integrations.html +310 -0
  80. package/dist/emails/component-images-card-280h.html +281 -0
  81. package/dist/emails/component-images-card-320h.html +281 -0
  82. package/dist/emails/component-images-card.html +281 -0
  83. package/dist/emails/component-images-full-bleed-280h.html +279 -0
  84. package/dist/emails/component-images-full-bleed-400h.html +279 -0
  85. package/dist/emails/component-images-full-bleed.html +279 -0
  86. package/dist/emails/component-text-h1.html +254 -0
  87. package/dist/emails/component-text-h2.html +230 -0
  88. package/dist/emails/component-text-h3.html +255 -0
  89. package/dist/emails/component-text-h4.html +255 -0
  90. package/dist/emails/component-text-h5.html +254 -0
  91. package/dist/emails/component-text-p2.html +253 -0
  92. package/dist/emails/component-text-p3.html +254 -0
  93. package/dist/emails/component-text-p4.html +254 -0
  94. package/dist/emails/container.html +250 -0
  95. package/dist/emails/section-changelog-icon-list.html +1201 -0
  96. package/dist/emails/section-divider-line.html +340 -0
  97. package/dist/emails/section-feature-highlight-reversed.html +377 -0
  98. package/dist/emails/section-feature-highlight.html +384 -0
  99. package/dist/emails/section-feature-rows.html +328 -0
  100. package/dist/emails/section-feature-story-row-reversed.html +381 -0
  101. package/dist/emails/section-feature-story-row.html +382 -0
  102. package/dist/emails/section-footer-lifecycle.html +650 -0
  103. package/dist/emails/section-footer-two-column-minimal.html +318 -0
  104. package/dist/emails/section-footer.html +413 -0
  105. package/dist/emails/section-header.html +290 -0
  106. package/dist/emails/section-hero.html +276 -0
  107. package/dist/emails/section-icon-feature-list.html +554 -0
  108. package/dist/emails/section-image-caption-block.html +313 -0
  109. package/dist/emails/section-image-hero.html +341 -0
  110. package/dist/emails/section-lesson-card.html +628 -0
  111. package/dist/emails/section-list-action-items.html +590 -0
  112. package/dist/emails/section-list-feature-items.html +713 -0
  113. package/dist/emails/section-list-icon-items.html +701 -0
  114. package/dist/emails/section-list-numbered-items.html +733 -0
  115. package/dist/emails/section-logo-header.html +288 -0
  116. package/dist/emails/section-newsletter-hero.html +393 -0
  117. package/dist/emails/section-product-ui-hero.html +496 -0
  118. package/dist/emails/section-promo-banner.html +308 -0
  119. package/dist/emails/section-qa-block.html +440 -0
  120. package/dist/emails/section-resource-link-list.html +481 -0
  121. package/dist/emails/section-signoff.html +279 -0
  122. package/dist/emails/section-single-column-author.html +453 -0
  123. package/dist/emails/section-single-column-feature-card.html +312 -0
  124. package/dist/emails/section-single-column-product-card.html +393 -0
  125. package/dist/emails/section-single-column-promo-card.html +306 -0
  126. package/dist/emails/section-spacer-fill.html +281 -0
  127. package/dist/emails/section-testimonial-dark-card.html +363 -0
  128. package/dist/emails/section-text-h1-regular.html +254 -0
  129. package/dist/emails/section-text-h2-regular.html +254 -0
  130. package/dist/emails/section-text-h3-regular.html +254 -0
  131. package/dist/emails/section-text-h4-regular.html +254 -0
  132. package/dist/emails/section-text-h5-regular.html +254 -0
  133. package/dist/emails/section-text-mixed-heading.html +269 -0
  134. package/dist/emails/section-text-overline-heading.html +281 -0
  135. package/dist/emails/section-text-p1-bold.html +254 -0
  136. package/dist/emails/section-text-p1-regular.html +255 -0
  137. package/dist/emails/section-text-paragraph.html +358 -0
  138. package/dist/emails/section-text-quote-card.html +269 -0
  139. package/dist/emails/section-text-quote.html +313 -0
  140. package/dist/emails/section-text-small-headline.html +279 -0
  141. package/dist/emails/section-three-column-content-cards.html +499 -0
  142. package/dist/emails/section-three-column-icon-cards.html +510 -0
  143. package/dist/emails/section-three-column-image-grid.html +466 -0
  144. package/dist/emails/section-three-up-icon-benefits.html +464 -0
  145. package/dist/emails/section-two-column-feature-cards.html +708 -0
  146. package/dist/emails/section-two-column-grid.html +1131 -0
  147. package/dist/emails/section-two-column-img-text.html +331 -0
  148. package/dist/emails/section-two-column-live-tags.html +367 -0
  149. package/dist/emails/section-two-column-stacked.html +629 -0
  150. package/dist/emails/section-upsell-cta.html +597 -0
  151. package/dist/emails/section-value-bullet-list.html +313 -0
  152. package/dist/examples/manifest.d.ts +21 -0
  153. package/dist/examples/manifest.d.ts.map +1 -0
  154. package/dist/examples/manifest.js +84 -0
  155. package/dist/examples/manifest.js.map +1 -0
  156. package/dist/exports/contact-sales/Images/Contact_sales_Image_16f4175c-d08c-43f6-9d4c-a0606383271d.png +0 -0
  157. package/dist/exports/contact-sales/Images/Contact_sales_Image_659b3091-1da9-40c2-86b0-04250982e529.png +0 -0
  158. package/dist/exports/contact-sales/Images/Contact_sales_Image_79c651f4-5f0f-4a7f-8354-1f6f95ae86d9.png +0 -0
  159. package/dist/exports/contact-sales/index.braze.html +837 -0
  160. package/dist/exports/contact-sales/index.html +837 -0
  161. package/dist/exports/event-confirmation/Images/Confirmation_Image_11938de2-4161-4ae8-8969-90ea0d8b45cb.png +0 -0
  162. package/dist/exports/event-confirmation/Images/Confirmation_Image_3c52e81f-5d4f-452c-bad1-0471a27598f1.png +0 -0
  163. package/dist/exports/event-confirmation/Images/Confirmation_Image_3ec1fec8-bf46-4068-8835-633567a715f9.png +0 -0
  164. package/dist/exports/event-confirmation/Images/Confirmation_Image_c4980c01-c270-4384-a56c-0bae74814cf9.png +0 -0
  165. package/dist/exports/event-confirmation/Images/Confirmation_Image_cde93e8c-0f96-434d-acaf-1b86503c66f0.png +0 -0
  166. package/dist/exports/event-confirmation/index.braze.html +1055 -0
  167. package/dist/exports/event-confirmation/index.html +1055 -0
  168. package/dist/exports/legal-update/Images/v2_Image_07bbcc13-0ab8-46e4-ab94-98f215f85f69.png +0 -0
  169. package/dist/exports/legal-update/Images/v2_Image_34394d50-acdf-4375-b254-eef1f84aaacb.png +0 -0
  170. package/dist/exports/legal-update/Images/v2_Image_4a25f2bd-6270-439b-86c5-4a968a1b104f.png +0 -0
  171. package/dist/exports/legal-update/Images/v2_Image_7e8e814f-3112-4d8c-af5b-4f4616d84d9c.png +0 -0
  172. package/dist/exports/legal-update/Images/v2_Image_b24a04c8-4af0-42a1-be0f-cd3f66595e47.png +0 -0
  173. package/dist/exports/legal-update/Images/v2_Image_b709b9fb-836e-4c20-82e5-a9cb9d702392.png +0 -0
  174. package/dist/exports/legal-update/Images/v2_Image_ed7b924b-35e6-4536-be0c-92ddc8a34fc2.png +0 -0
  175. package/dist/exports/legal-update/index.braze.html +1731 -0
  176. package/dist/exports/legal-update/index.html +1731 -0
  177. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_09be22f6-1f30-4c58-bf33-1df0494b8fc2.png +0 -0
  178. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_2dfb595e-6fe2-4e6e-a73a-942a085b38ab.png +0 -0
  179. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_544c971b-b4b5-4c89-a25a-8f0d92644009.png +0 -0
  180. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_5b6a9576-1c33-40c5-81e3-637514fb6c78.png +0 -0
  181. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_680c6193-793a-4a24-8288-4bb4046f4f5e.png +0 -0
  182. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_75818ba9-026a-45d7-91e4-f992d4ee7690.png +0 -0
  183. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_785f18e6-816d-44d1-8efb-ecc82510b540.png +0 -0
  184. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_8bf9141d-9d63-4601-9e81-5c9d726e17f8.png +0 -0
  185. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_9097d6e0-65d0-4237-9661-963751812786.png +0 -0
  186. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_a4ef2f53-2eaf-438a-bfef-61455ac0915e.png +0 -0
  187. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_b7748f87-a7b7-4a91-981a-16567683e4b4.png +0 -0
  188. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_bc9830a4-2911-4768-808a-32cbbc39215e.png +0 -0
  189. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_ef0e8e92-9075-43a9-991f-09a77ef6d6d4.png +0 -0
  190. package/dist/exports/newsletter/index.braze.html +125 -0
  191. package/dist/exports/newsletter/index.html +125 -0
  192. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-blocks.png +0 -0
  193. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-hero-mcp.png +0 -0
  194. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-magic.png +0 -0
  195. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-mcp.png +0 -0
  196. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-portfolio.png +0 -0
  197. package/dist/exports/newsletter-ai-june-july/index.braze.html +1640 -0
  198. package/dist/exports/newsletter-ai-june-july/index.html +1640 -0
  199. package/dist/exports/survey/Images/EmailLove_Image_3b6f4a6f-7f5f-418b-be71-9371b25c20ce.png +0 -0
  200. package/dist/exports/survey/Images/EmailLove_Image_f659c728-2401-485d-8d90-98c962d28c0c.png +0 -0
  201. package/dist/exports/survey/index.braze.html +515 -0
  202. package/dist/exports/survey/index.html +515 -0
  203. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Before_115ccc58-a47f-4eca-a1f2-c0d86e1e1cf4.png +0 -0
  204. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Before_aec4d0d3-6057-4b8a-8d8f-46fbd024f182.png +0 -0
  205. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Before_d139966a-6051-4383-bf8f-1e5138e1b030.png +0 -0
  206. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Image_080fa361-a3f2-4593-9ac0-03cf3a7972ff.png +0 -0
  207. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Image_5ebade34-8f1d-4c2c-9d27-5f9e843ce502.png +0 -0
  208. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Image_aa5e4144-9ec8-4525-b01e-077d72f0bab6.png +0 -0
  209. package/dist/exports/trial-01-welcome/index.braze.html +941 -0
  210. package/dist/exports/trial-01-welcome/index.html +941 -0
  211. package/dist/exports/trial-02/Images/tp2_Image_5b0d9bc4-2e38-4252-8f20-d9f27d471c21.png +0 -0
  212. package/dist/exports/trial-02/Images/tp2_Image_b3f77c7c-cc8e-4db8-a5d9-072f4f621e72.png +0 -0
  213. package/dist/exports/trial-02/Images/tp2_Image_cafd1a17-1915-47cd-80f2-1c2d0b133cfe.png +0 -0
  214. package/dist/exports/trial-02/index.braze.html +923 -0
  215. package/dist/exports/trial-02/index.html +923 -0
  216. package/dist/exports/trial-03/Images/tp3_Image_1b96630c-fc4d-4aec-91fb-3c1d4d8544b3.png +0 -0
  217. package/dist/exports/trial-03/Images/tp3_Image_58f3a342-2193-4b5c-b30a-96f7f3338dd8.png +0 -0
  218. package/dist/exports/trial-03/Images/tp3_Image_6c4f307a-bac2-40e7-b4f1-9aa623c9eb8e.png +0 -0
  219. package/dist/exports/trial-03/Images/tp3_Image_848917ce-3f89-4538-a826-558b21f5fea7.png +0 -0
  220. package/dist/exports/trial-03/Images/tp3_Image_aae8410f-556f-4fb9-88f9-f276d75bafd2.png +0 -0
  221. package/dist/exports/trial-03/Images/tp3_Image_b4d5be39-509e-4f22-9601-dd070e4c6561.png +0 -0
  222. package/dist/exports/trial-03/index.braze.html +1129 -0
  223. package/dist/exports/trial-03/index.html +1129 -0
  224. package/dist/exports/trial-04/Images/tp4_Image_03bd5a56-25e3-4dcc-bef5-143bf12312d5.png +0 -0
  225. package/dist/exports/trial-04/Images/tp4_Image_0facbfca-b735-4199-a0d9-05a59341a1e3.gif +0 -0
  226. package/dist/exports/trial-04/Images/tp4_Image_171cee5f-cd3d-42f0-a180-995893d3742a.png +0 -0
  227. package/dist/exports/trial-04/Images/tp4_Image_3509d89d-1825-4817-8c1e-130fa294d0e1.png +0 -0
  228. package/dist/exports/trial-04/Images/tp4_Image_763a0f40-2985-4140-859b-ddd34f20a520.png +0 -0
  229. package/dist/exports/trial-04/Images/tp4_Image_cc2db4f5-b41d-45d7-a798-7a79e7b8d4d8.png +0 -0
  230. package/dist/exports/trial-04/index.braze.html +885 -0
  231. package/dist/exports/trial-04/index.html +885 -0
  232. package/dist/exports/trial-05/Images/tp5_Image_0248a517-5c60-4e84-ad1c-449dcf4f6a64.png +0 -0
  233. package/dist/exports/trial-05/Images/tp5_Image_4c1a2d5a-47d3-4801-bb3a-01c22decc108.png +0 -0
  234. package/dist/exports/trial-05/Images/tp5_Image_63ae77e7-cec7-4b4a-91e0-603b5a80929f.png +0 -0
  235. package/dist/exports/trial-05/Images/tp5_Image_7aa43530-6707-4308-ab0e-e4c38fc1b77d.png +0 -0
  236. package/dist/exports/trial-05/Images/tp5_Image_7efe5b6d-b360-4179-bee1-72908ba569bc.png +0 -0
  237. package/dist/exports/trial-05/Images/tp5_Image_b142bd84-c40a-4a29-b9d5-715b52fdd937.png +0 -0
  238. package/dist/exports/trial-05/Images/tp5_Image_c0c896ea-5b68-4f58-9e27-cdb4a1f1b438.png +0 -0
  239. package/dist/exports/trial-05/index.braze.html +1023 -0
  240. package/dist/exports/trial-05/index.html +1023 -0
  241. package/dist/exports/trial-06/Images/tp6_Image_2267a268-8a80-4e0d-8813-d4c75dbab6f2.png +0 -0
  242. package/dist/exports/trial-06/Images/tp6_Image_637a97b7-837e-478d-8ed1-6e8c2739fdc7.png +0 -0
  243. package/dist/exports/trial-06/Images/tp6_Image_a78df270-ad6f-41e6-8822-ba8ec38313a3.png +0 -0
  244. package/dist/exports/trial-06/index.braze.html +773 -0
  245. package/dist/exports/trial-06/index.html +773 -0
  246. package/dist/exports/winback/Images/_managers_Image_4587ac22-460c-487a-bc37-9dbc487e95a4.png +0 -0
  247. package/dist/exports/winback/Images/_managers_Image_8a77ec2c-ed49-480d-a1a1-7a38abad232a.png +0 -0
  248. package/dist/exports/winback/Images/_managers_Image_bb643775-8a2f-4e28-9dfb-6d1838c3561f.png +0 -0
  249. package/dist/exports/winback/Images/_managers_Image_f7d1bca5-0fcb-4d4c-abcd-40ce2d453b07.png +0 -0
  250. package/dist/exports/winback/index.braze.html +605 -0
  251. package/dist/exports/winback/index.html +605 -0
  252. package/dist/generated/email-tokens.d.ts +101 -0
  253. package/dist/generated/email-tokens.d.ts.map +1 -0
  254. package/dist/generated/email-tokens.js +104 -0
  255. package/dist/generated/email-tokens.js.map +1 -0
  256. package/dist/index.d.ts +9 -0
  257. package/dist/index.d.ts.map +1 -0
  258. package/dist/index.js +8 -0
  259. package/dist/index.js.map +1 -0
  260. package/dist/tokens/build-email-assets.d.ts +19 -0
  261. package/dist/tokens/build-email-assets.d.ts.map +1 -0
  262. package/dist/tokens/build-email-assets.js +186 -0
  263. package/dist/tokens/build-email-assets.js.map +1 -0
  264. package/dist/tokens/build-email-tokens.d.ts +17 -0
  265. package/dist/tokens/build-email-tokens.d.ts.map +1 -0
  266. package/dist/tokens/build-email-tokens.js +229 -0
  267. package/dist/tokens/build-email-tokens.js.map +1 -0
  268. package/package.json +41 -3
package/dist/emails/section-three-column-content-cards.html ADDED
@@ -0,0 +1,499 @@
1
+ <!doctype html>
2
+ <html lang="und" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
3
+ <head>
4
+ <title>Three Column — Content Cards</title>
5
+ <!--[if !mso]><!-->
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
+ <!--<![endif]-->
8
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <style type="text/css">
11
+ #outlook a { padding:0; }
12
+ body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
13
+ table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
14
+ img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
15
+ p { display:block;margin:13px 0; }
16
+ </style>
17
+ <!--[if mso]>
18
+ <noscript>
19
+ <xml>
20
+ <o:OfficeDocumentSettings>
21
+ <o:AllowPNG/>
22
+ <o:PixelsPerInch>96</o:PixelsPerInch>
23
+ </o:OfficeDocumentSettings>
24
+ </xml>
25
+ </noscript>
26
+ <![endif]-->
27
+ <!--[if lte mso 11]>
28
+ <style type="text/css">
29
+ .mj-outlook-group-fix { width:100% !important; }
30
+ </style>
31
+ <![endif]-->
32
+
33
+ <!--[if !mso]><!-->
34
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet" type="text/css">
35
+ <style type="text/css">
36
+ @import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);
37
+ </style>
38
+ <!--<![endif]-->
39
+
40
+
41
+
42
+ <style type="text/css">
43
+ @media only screen and (min-width:480px) {
44
+ .mj-column-per-33-333 { width:33.333% !important; max-width: 33.333%; }
45
+ }
46
+ </style>
47
+ <style media="screen and (min-width:480px)">
48
+ .moz-text-html .mj-column-per-33-333 { width:33.333% !important; max-width: 33.333%; }
49
+ </style>
50
+
51
+
52
+
53
+
54
+ <style type="text/css">
55
+
56
+ @media only screen and (max-width:479px) {
57
+ table.mj-full-width-mobile { width: 100% !important; }
58
+ td.mj-full-width-mobile { width: auto !important; }
59
+ }
60
+
61
+ </style>
62
+
63
+ <style type="text/css">
64
+ /* Client resets emaillove ships that MJML omits (Outlook.com line-height, image gaps). */
65
+ img { display: block; }
66
+ .ExternalClass { width: 100%; }
67
+ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
68
+ /* Dark-only images hidden in light mode; swapped in the dark block below. */
69
+ .dl { display: none; }
70
+
71
+ /* Mobile heading step-down — one-notch scale at the DS phone-only breakpoint
72
+ @media(max-width:479px) (h1 56→48, h2 48→40, h3 40→32, h4 32→24). Keyed off the clay-h*
73
+ css-class on the mj-text td; targets the inner div where MJML places font-size. Desktop
74
+ size is the inline fallback if style is dropped. Per production emails, only the primary/
75
+ hero heading opts in — add css-class="clay-hN" (alongside mj-class) to the hero heading's
76
+ mj-text; secondary content headings keep mj-class alone and stay at desktop size. */
77
+ @media only screen and (max-width: 479px) {
78
+ .clay-h1 > div { font-size: 48px !important; }
79
+ .clay-h2 > div { font-size: 40px !important; }
80
+ .clay-h3 > div { font-size: 32px !important; }
81
+ .clay-h4 > div { font-size: 24px !important; }
82
+
83
+ /* Mobile H-padding utilities — apply as css-class on mj-wrapper or mj-section to reduce
84
+ the 40px horizontal padding to the source breakpoint value when columns stack (below 480px).
85
+ Source: emaillove export mobile CSS (.b98-68 → 24px, .d9b-0c → 16px, .fb5-e8 → 24px).
86
+ Targets the outer td MJML generates with inline padding-left/padding-right. */
87
+ .email-mobile-px-24 > table > tbody > tr > td { padding-right: 24px !important; padding-left: 24px !important; }
88
+ .email-mobile-px-16 > table > tbody > tr > td { padding-right: 16px !important; padding-left: 16px !important; }
89
+ .email-mobile-px-0 > table > tbody > tr > td { padding-right: 0 !important; padding-left: 0 !important; }
90
+ .email-mobile-pt-0 > table > tbody > tr > td { padding-top: 0 !important; }
91
+
92
+ /* Mobile text centering — apply as css-class on mj-text elements whose content should be
93
+ center-aligned on mobile (below 480px). Matches the source emaillove .s0>div{text-align:center}.
94
+ Targets the inner div MJML wraps text content in. */
95
+ .email-mobile-center > div { text-align: center !important; }
96
+
97
+ /* Mobile image centering — apply css-class="email-mobile-center-img" on mj-image.
98
+ text-align on the td does not reposition its block-level child table (CSS text-align
99
+ only affects inline content), so the nested image-wrapper table also needs margin:auto
100
+ to actually override the mj-image align="left"/"right" attribute on mobile. */
101
+ .email-mobile-center-img { text-align: center !important; }
102
+ .email-mobile-center-img > table { margin: 0 auto !important; }
103
+
104
+ /* Full-width button on mobile — apply css-class="email-btn-full" to mj-button.
105
+ Makes the button's inner table fill the column width and centers it.
106
+ Matches emaillove .mj-b-full pattern. */
107
+ .email-btn-full > table { width: 100% !important; }
108
+ .email-btn-full > table > tbody > tr > td { text-align: center !important; }
109
+ }
110
+
111
+ /* Left-aligned button content — apply css-class="email-btn-left" to mj-button.
112
+ Overrides MJML's default text-align:center on the inner td and anchor so
113
+ icon+text rows (e.g. buttons-icons) are left-aligned like the emaillove source. */
114
+ .email-btn-left > table > tbody > tr > td { text-align: left !important; }
115
+ .email-btn-left > table > tbody > tr > td > a { text-align: left !important; }
116
+
117
+ /* Decorative image tilt — apply css-class="email-tilt-1".."email-tilt-4" to mj-image for a
118
+ fanned photo-stack look (e.g. an avatar composite row). Webkit/Blink clients rotate the
119
+ image; Outlook and other non-supporting clients silently ignore the transform and show the
120
+ image unrotated — safe graceful degradation, never a broken layout. */
121
+ .email-tilt-1 { transform: rotate(-6deg); }
122
+ .email-tilt-2 { transform: rotate(4deg); }
123
+ .email-tilt-3 { transform: rotate(-4deg); }
124
+ .email-tilt-4 { transform: rotate(6deg); }
125
+
126
+ :root { color-scheme: light dark; supported-color-schemes: light dark; }
127
+ @media (prefers-color-scheme: dark) {
128
+ body, .email-page { background-color: #000000 !important; }
129
+ /*
130
+ * email-card: flip a section or column's background to dark.
131
+ *
132
+ * Three selectors cover every compiled MJML structure:
133
+ * 1. .email-card — the outer div (mj-section or mj-column)
134
+ * 2. .email-card > table — the direct child table (mj-section has inline bg here)
135
+ * 3. .email-card > table > tbody > tr > td
136
+ * — the content td inside mj-column (carries inline bg-color
137
+ * + border-radius when background-color is set on mj-column)
138
+ *
139
+ * Apply css-class="email-card" to any mj-section or mj-column that should
140
+ * become dark. Works for grey inner cards (#f3f4f5), coloured panels, etc.
141
+ */
142
+ .email-card,
143
+ .email-card > table,
144
+ .email-card > table > tbody > tr > td { background-color: #252526 !important; }
145
+ .email-text, .email-text * { color: #ffffff !important; }
146
+ .ll { display: none !important; }
147
+ .dl { display: block !important; }
148
+ /* Black CTA button invert — apply css-class="email-btn-invert-dark" to invert a black
149
+ mj-button to white background + black text in dark mode. Matches emaillove global
150
+ .mj-b>td { background-color:#ffffff } pattern for black CTA buttons. */
151
+ .email-btn-invert-dark > table > tbody > tr > td { background-color: #ffffff !important; }
152
+ .email-btn-invert-dark > table > tbody > tr > td > a { background-color: #ffffff !important; color: #000000 !important; }
153
+ }
154
+ /* Outlook.com + Gmail-app dark mode — these clients ignore prefers-color-scheme and instead
155
+ prefix overridden nodes with data-ogsc (foreground) / data-ogsb (background). */
156
+ [data-ogsb] body, [data-ogsb] .email-page { background-color: #000000 !important; }
157
+ [data-ogsb] .email-card,
158
+ [data-ogsb] .email-card > table,
159
+ [data-ogsb] .email-card > table > tbody > tr > td { background-color: #252526 !important; }
160
+ [data-ogsc] .email-text, [data-ogsc] .email-text * { color: #ffffff !important; }
161
+ </style>
162
+ <!-- GENERATED by src/tokens/build-email-tokens.ts — do not edit. Run `pnpm --filter @clay-design-system/email tokens:check`. -->
163
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
164
+ <meta name="x-apple-disable-message-reformatting" />
165
+ <meta name="color-scheme" content="light dark" />
166
+ <meta name="supported-color-schemes" content="light dark" />
167
+ </head>
168
+ <body style="word-spacing:normal;background-color:#f3f4f5;">
169
+
170
+ <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">Section preview — Three Column Content Cards</div>
171
+
172
+
173
+ <div
174
+ aria-label="Three Column — Content Cards" aria-roledescription="email" style="background-color:#f3f4f5;" role="article" lang="und" dir="auto"
175
+ >
176
+
177
+
178
+ <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="email-card-outlook" role="presentation" style="width:640px;" width="640" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
179
+
180
+
181
+ <div class="email-card" style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:640px;">
182
+
183
+ <table
184
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
185
+ >
186
+ <tbody>
187
+ <tr>
188
+ <td
189
+ style="direction:ltr;font-size:0px;padding:0;text-align:center;"
190
+ >
191
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]-->
192
+
193
+ <!-- three-column-content-cards — 3 equal columns: image + bold title + body + iris CTA.
194
+ Source: emaillove "Three colomn" export / Figma Clay-LCM (node 1-687).
195
+ 3 columns × 33.333% of 640px = ~213px each. Column inner padding: 16px H, 12px V.
196
+ Image width = 181px (213px − 32px column padding). Columns stack full-width < 480px. -->
197
+ <!--[if mso | IE]><tr><td class="" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:640px;" width="640" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
198
+
199
+
200
+ <div style="margin:0px auto;max-width:640px;">
201
+
202
+ <table
203
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
204
+ >
205
+ <tbody>
206
+ <tr>
207
+ <td
208
+ style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"
209
+ >
210
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:213.3312px;" ><![endif]-->
211
+
212
+ <div
213
+ class="mj-column-per-33-333 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
214
+ >
215
+
216
+ <table
217
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
218
+ >
219
+ <tbody>
220
+ <tr>
221
+ <td style="vertical-align:top;padding:12px 16px;">
222
+
223
+ <table
224
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
225
+ >
226
+ <tbody>
227
+
228
+ <tr>
229
+ <td
230
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
231
+ >
232
+
233
+ <table
234
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile"
235
+ >
236
+ <tbody>
237
+ <tr>
238
+ <td style="width:181px;" class="mj-full-width-mobile">
239
+
240
+ <img
241
+ alt="Feature image" src="data:image/png;base64,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" style="border:0;border-radius:12px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="181" height="auto"
242
+ />
243
+
244
+ </td>
245
+ </tr>
246
+ </tbody>
247
+ </table>
248
+
249
+ </td>
250
+ </tr>
251
+
252
+ <tr>
253
+ <td
254
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
255
+ >
256
+
257
+ <div
258
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;font-weight:600;line-height:1.3;text-align:left;color:#252526;"
259
+ >H4 Headline</div>
260
+
261
+ </td>
262
+ </tr>
263
+
264
+ <tr>
265
+ <td
266
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:8px;word-break:break-word;"
267
+ >
268
+
269
+ <div
270
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#000000;"
271
+ >Lorem ipsum dolor sit adipiscing elit.</div>
272
+
273
+ </td>
274
+ </tr>
275
+
276
+ <tr>
277
+ <td
278
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
279
+ >
280
+
281
+ <div
282
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#6161ff;"
283
+ >This is cta &gt;</div>
284
+
285
+ </td>
286
+ </tr>
287
+
288
+ </tbody>
289
+ </table>
290
+
291
+ </td>
292
+ </tr>
293
+ </tbody>
294
+ </table>
295
+
296
+ </div>
297
+
298
+ <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:213.3312px;" ><![endif]-->
299
+
300
+ <div
301
+ class="mj-column-per-33-333 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
302
+ >
303
+
304
+ <table
305
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
306
+ >
307
+ <tbody>
308
+ <tr>
309
+ <td style="vertical-align:top;padding:12px 16px;">
310
+
311
+ <table
312
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
313
+ >
314
+ <tbody>
315
+
316
+ <tr>
317
+ <td
318
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
319
+ >
320
+
321
+ <table
322
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile"
323
+ >
324
+ <tbody>
325
+ <tr>
326
+ <td style="width:181px;" class="mj-full-width-mobile">
327
+
328
+ <img
329
+ alt="Feature image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWsAAAExCAYAAAC6U4PpAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAACx5JREFUeAHt3etSG1cahtFGnIXt+eHLzVxMbmVuaUCcEdNfj9pxiAQItRq9Yq0qyuWUYscq59Fm9z4c/PuPP54bAHbWQdP8OWkA2HliDRBArAECiDVAALEGCCDWAAHEGiCAWAMEEGuAAGINEECsAQKINUAAsQYIINYAAcQaIIBYAwQQa4AAYg0QQKwBAog1QACxBggg1gABxBoggFgDBBBrgABiDRBArAECiDVAALEGCCDWAAHEGiCAWAMEEGuAAGINEECsAQKINUAAsQYIINYAAcQaIIBYAwQQa4AAYg0QQKwBAog1QACxBggg1gABxBoggFgDBBBrgABiDRBArAECiDVAALEGCCDWAAHEGiCAWAMEEGuAAGINEECsAQKINUAAsQYIINYAAcQaIIBYAwQQa4AAYg0QQKwBAog1QACxBggg1gABxBoggFgDBBBrgABiDRBArAECiDVAALEGCCDWAAHEGiCAWAMEEGuAAGINEECsAQKINUAAsQYIINYAAcQaIIBYAwQQa4AAYg0QQKwBAog1QACxBggg1gABxBoggFgDBBBrgABiDRBArAECiDVAALEGCCDWAAHEGiCAWAMEEGuAAGINEECsAQKINUAAsQYIINYAAcQaIIBYAwQ4auADTk5OmvOzs+bk9LQ5nEyayeFhw2rPz8/NfD5vHh4emru7u+a2/Xp6fGzgvcSatVSkv//40Zy2P/J+BwcHzWH7gVZfZ+2H3Lc23NezWTNrvyri8Bax5l0m7ej5+/fvzcXFRcPmDhfvZ4X78vKyub29beA1Ys2bKtQ/f/5sjo+PG4ZV7+m/2u9U6j2+vr5uYBUPGHnTjzYmQr09h0dH3XcsNcqGVcSaV02n0+6L7aoPw3qfj458s8tyYs2ral6VcVSwT09PG1hGrFmpRnqHluSNpt7rivWRKSeWEGtWMoc6vpoGORVrlhBrVrLRZXy1Htv7zjJizUrHHnaN7mAyMfXEUv5vZKUa5W3ieT5v7h8fm7vb2+ax/bF26vU7+WoHZE2zVJz4S73jm77v7CexZisq0JdXV83j01MX7Zdqx97VbNZctA8xz8/PRRveINYMrnbiXbWhfqpQPz8vfU398/r67+Vl89jG/MLKE3iV4QyDqlDXWRc17bEq1L3+JLo60KiiXXEHlhNrBjNvY1tTG+tGt4J9e3PTTY08O4EOlhJrBjNrgzv/4Oi4Rtk1Kn8Sa1hKrBnMTcV6g9jW1ImpEFhOrBnEQy3N2zC0NbpetXoEvjqxZhBvPUx8r7rqaphfCfaLWDOI+os0xFYOW61hObFmEBXZIUJ71P4advDBP4k1g+jPtNgktHWe86FYw1JizSAqr3X+9SahrW3ndjHCcmLNYOrg/LpLcPKBcz7Oz86a0zrYyagalhJrBlOh/dbGet1gV6S/ff9uvhpe4SAnBlVz1/0Fu9eLHY2rlvVV0PvReN2QItSwmlgzuJp3nrYBrhDf3d11G2a6g51qs0udZ91G+vjkpDvTun+oOLb+1L/6gPAhQQKxZisqyIdtjA/bEXNF+mUcu9UjI59hXb//w/19c7O4DKF+XqP7aftgsz5YnKnNLhNrtqoL8o5EsE72m11fNw8PD7+mZuqDo3ZNztufn7u5hh3mbyZfwn07oq459N9DXbrRdhvr2WzW3LWvGWrbPAxNrNl7NQ1TJwLevxLjivhNO+qu18AuMg3CXuvPya5YvzVqrpF1vxPzyM3u7Bgja/ZarUa5fuc52/Waer0ba9hFYs3eqhUfNaquH9+rLj+oUfhtG23YJWLNXqqR8fViDnrdh4YV926Ou53Hhl0h1uylmvr46DVjFfeav65/3zVj7AqxZu/cDxDaGpnftXPXNYdtOR+7QKzZKzWSvllsfNlUNx1iOR87QqzZG/08dW0nH2o0XPPWNUpf5yElbINYszduF7sU5wMuu+vmry3nYweINXuhglpTFk9bGAH/vpzP/DWfRayJN3/HdvJN9cv5Hizn45OINfG69dTtqHe+xWmK+hCoD4MawVvOx2dwAAKf7rGNX4W2rgCY1OUEa5zLUQGt+eTHEQLajeDb36vODTlzXyQjE2s+Tb/Mrj+atCYwKtZ1EUDddP7WPY41wr2azUZdqfHYToPUSL6/kgzGItZ8ilpZcXV11Y2Kn17c01jzwnUZwMV0ujLY88Uyvbr5ZT7yKo1+043T+RiTOWs+Rb8dvL9e63cV7+t2xPzacrm7xfTHZ8wf98v57rY8Tw6/E2tGV5GtUfFroeumOGrkvWSFR3frS01/fOKDvu4DpaZwLOdjJGLNqGrVRkV42Yj6pXrN1eXl35bL/Zr+qOu5PnlU290us7h8F7ZNrBlN/0Dw5T2Ir6nXVtwfFudzjLFMbx3133LzSdMxfC2ejjCK+eKB4kc2rtS0SS2SOz07G22Z3nvVn6tuTT9qHza6HZ1tEmu2rgt1O51Rof3oiLi2etct5Lv4QK+/kaZWh1jOx7YYBrB1s3bqY9OpghqNP+5orMuD0/nYMrFmq24WS/T2fU63X8731ioX+CixZmtq2qNG1V/l4Vv9OevPfDvgedrQE2u2oqYFZmuu/NgH3fy10/nYArFmcDUN8BVD3as/97XLdhmYWDOofuXHV96K3V+2W3P1bpdhKGLNoIZY+bEP+ttl7ly2y0DEmsF0V2v59v+Xmr++tR2dgYg1g+h3KAr1X34/nQ82JdYMomL9nsOZvpp6X77qg1aGJdYMorvpRZD+4df74r1hQ2LNIA4nk+5sDPcS/l3ddFO3yXhf2JRYM4hJG+qLi4s37038SirQx8fH/z/cSazZkFP3GEzd+P28uAH85b2KX00dlXrShrou/q1gw6bEmsHUqPp8Om2O2jjVmdNfdUNIjaj7UfVxXai77qja/DZLiDUr1UqGdac16vX1bb9TnT+mvhuZizVLmGBkJYcRja+LtS3qLCHWrGQzx/hqrt+HJMuINStVrK2dHk9/G45Ys4xYs1KFw+h6PP1ZIrbss4xYs1KN9C6vroz0RtDdkt6G2il9rCLWvOqhjYcDmrarQt3fVen8a1axdI831Yiv1g1Pp9Pm5OSkYTh9qOuiXUep8hqx5k01HVIxqdH19OKiOW2DbVv5Zuo9reml/gxwoeYtYs279atDnk5Pu12K3QFFbbQnix17vK5fQ10fet3DxPb9rGkmU0y8h1izlvs2LvVVoa6t1JP266g/bU+wV2sjXTsTn9pIPy5iLdKsQ6z5kIqNb91hPCYeAQKINUAAsQYIINYAAcQaIIBYAwQQa4AAYg0QQKwBAog1QACxBggg1gABxBoggFgDBBBrgABiDRBArAECiDVAALEGCCDWAAHEGiCAWAMEEGuAAGINEECsAQKINUAAsQYIINYAAcQaIIBYAwQQa4AAYg0QQKwBAog1QACxBggg1gABxBoggFgDBBBrgABiDRBArAECiDVAALEGCCDWAAHEGiCAWAMEEGuAAGINEECsAQKINUAAsQYIINYAAcQaIIBYAwQQa4AAYg0QQKwBAog1QACxBggg1gABxBoggFgDBBBrgABiDRBArAECiDVAALEGCCDWAAHEGiCAWAMEEGuAAGINEECsAQKINUAAsQYIINYAAcQaIIBYAwQQa4AAYg0QQKwBAog1QACxBggg1gABxBoggFgDBBBrgABiDRBArAECiDVAALEGCCDWAAHEGiCAWAMEEGuAAGINEECsAQKINUAAsQYIINYAAcQaIIBYAwQQa4AAYg0QQKwBAog1QACxBggg1gABxBoggFgDBBBrgABHB5PJnw0Au+vp6T//Ax3tBmi8xE2QAAAAAElFTkSuQmCC" style="border:0;border-radius:12px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="181" height="auto"
330
+ />
331
+
332
+ </td>
333
+ </tr>
334
+ </tbody>
335
+ </table>
336
+
337
+ </td>
338
+ </tr>
339
+
340
+ <tr>
341
+ <td
342
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
343
+ >
344
+
345
+ <div
346
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;font-weight:600;line-height:1.3;text-align:left;color:#252526;"
347
+ >H4 Headline</div>
348
+
349
+ </td>
350
+ </tr>
351
+
352
+ <tr>
353
+ <td
354
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:8px;word-break:break-word;"
355
+ >
356
+
357
+ <div
358
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#000000;"
359
+ >Lorem ipsum dolor sit adipiscing elit.</div>
360
+
361
+ </td>
362
+ </tr>
363
+
364
+ <tr>
365
+ <td
366
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
367
+ >
368
+
369
+ <div
370
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#6161ff;"
371
+ >This is cta &gt;</div>
372
+
373
+ </td>
374
+ </tr>
375
+
376
+ </tbody>
377
+ </table>
378
+
379
+ </td>
380
+ </tr>
381
+ </tbody>
382
+ </table>
383
+
384
+ </div>
385
+
386
+ <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:213.3312px;" ><![endif]-->
387
+
388
+ <div
389
+ class="mj-column-per-33-333 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
390
+ >
391
+
392
+ <table
393
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
394
+ >
395
+ <tbody>
396
+ <tr>
397
+ <td style="vertical-align:top;padding:12px 16px;">
398
+
399
+ <table
400
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
401
+ >
402
+ <tbody>
403
+
404
+ <tr>
405
+ <td
406
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
407
+ >
408
+
409
+ <table
410
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile"
411
+ >
412
+ <tbody>
413
+ <tr>
414
+ <td style="width:181px;" class="mj-full-width-mobile">
415
+
416
+ <img
417
+ alt="Feature image" src="data:image/png;base64,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" style="border:0;border-radius:12px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="181" height="auto"
418
+ />
419
+
420
+ </td>
421
+ </tr>
422
+ </tbody>
423
+ </table>
424
+
425
+ </td>
426
+ </tr>
427
+
428
+ <tr>
429
+ <td
430
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
431
+ >
432
+
433
+ <div
434
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;font-weight:600;line-height:1.3;text-align:left;color:#252526;"
435
+ >H4 Headline</div>
436
+
437
+ </td>
438
+ </tr>
439
+
440
+ <tr>
441
+ <td
442
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:8px;word-break:break-word;"
443
+ >
444
+
445
+ <div
446
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#000000;"
447
+ >Lorem ipsum dolor sit adipiscing elit.</div>
448
+
449
+ </td>
450
+ </tr>
451
+
452
+ <tr>
453
+ <td
454
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
455
+ >
456
+
457
+ <div
458
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#6161ff;"
459
+ >This is cta &gt;</div>
460
+
461
+ </td>
462
+ </tr>
463
+
464
+ </tbody>
465
+ </table>
466
+
467
+ </td>
468
+ </tr>
469
+ </tbody>
470
+ </table>
471
+
472
+ </div>
473
+
474
+ <!--[if mso | IE]></td></tr></table><![endif]-->
475
+ </td>
476
+ </tr>
477
+ </tbody>
478
+ </table>
479
+
480
+ </div>
481
+
482
+
483
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
484
+ </td>
485
+ </tr>
486
+ </tbody>
487
+ </table>
488
+
489
+ </div>
490
+
491
+
492
+ <!--[if mso | IE]></td></tr></table><![endif]-->
493
+
494
+
495
+ </div>
496
+
497
+ </body>
498
+ </html>
499
+