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

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 +57 -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-two-column-feature-cards.html ADDED
@@ -0,0 +1,708 @@
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>Two Column — Feature cards (2×2 grid)</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-49-285714285714285 { width:49.285714285714285% !important; max-width: 49.285714285714285%; }
45
+ .mj-column-per-1-4285714285714286 { width:1.4285714285714286% !important; max-width: 1.4285714285714286%; }
46
+ .mj-column-per-100 { width:100% !important; max-width: 100%; }
47
+ }
48
+ </style>
49
+ <style media="screen and (min-width:480px)">
50
+ .moz-text-html .mj-column-per-49-285714285714285 { width:49.285714285714285% !important; max-width: 49.285714285714285%; }
51
+ .moz-text-html .mj-column-per-1-4285714285714286 { width:1.4285714285714286% !important; max-width: 1.4285714285714286%; }
52
+ .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
53
+ </style>
54
+
55
+
56
+
57
+
58
+ <style type="text/css">
59
+
60
+ @media only screen and (max-width:479px) {
61
+ table.mj-full-width-mobile { width: 100% !important; }
62
+ td.mj-full-width-mobile { width: auto !important; }
63
+ }
64
+
65
+ </style>
66
+
67
+ <style type="text/css">
68
+ /* Client resets emaillove ships that MJML omits (Outlook.com line-height, image gaps). */
69
+ img { display: block; }
70
+ .ExternalClass { width: 100%; }
71
+ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
72
+ /* Dark-only images hidden in light mode; swapped in the dark block below. */
73
+ .dl { display: none; }
74
+
75
+ /* Mobile heading step-down — one-notch scale at the DS phone-only breakpoint
76
+ @media(max-width:479px) (h1 56→48, h2 48→40, h3 40→32, h4 32→24). Keyed off the clay-h*
77
+ css-class on the mj-text <td>; targets the inner <div> where MJML places font-size. Desktop
78
+ size is the inline fallback if <style> is dropped. Per production emails, only the primary/
79
+ hero heading opts in — add css-class="clay-hN" (alongside mj-class) to the hero heading's
80
+ mj-text; secondary content headings keep mj-class alone and stay at desktop size. */
81
+ @media only screen and (max-width: 479px) {
82
+ .clay-h1 > div { font-size: 48px !important; }
83
+ .clay-h2 > div { font-size: 40px !important; }
84
+ .clay-h3 > div { font-size: 32px !important; }
85
+ .clay-h4 > div { font-size: 24px !important; }
86
+
87
+ /* Mobile H-padding utilities — apply as css-class on mj-wrapper or mj-section to reduce
88
+ the 40px horizontal padding to the source breakpoint value when columns stack (< 480px).
89
+ Source: emaillove export mobile CSS (.b98-68 → 24px, .d9b-0c → 16px, .fb5-e8 → 24px).
90
+ Targets the outer td MJML generates with inline padding-left/padding-right. */
91
+ .email-mobile-px-24 > table > tbody > tr > td { padding-right: 24px !important; padding-left: 24px !important; }
92
+ .email-mobile-px-16 > table > tbody > tr > td { padding-right: 16px !important; padding-left: 16px !important; }
93
+ .email-mobile-px-0 > table > tbody > tr > td { padding-right: 0 !important; padding-left: 0 !important; }
94
+ .email-mobile-pt-0 > table > tbody > tr > td { padding-top: 0 !important; }
95
+
96
+ /* Mobile text centering — apply as css-class on mj-text elements whose content should be
97
+ center-aligned on mobile (< 480px). Matches the source emaillove .s0>div{text-align:center}.
98
+ Targets the inner <div> MJML wraps text content in. */
99
+ .email-mobile-center > div { text-align: center !important; }
100
+
101
+ /* Mobile image centering — apply css-class="email-mobile-center-img" on mj-image.
102
+ text-align on the td does not reposition its block-level child table (CSS text-align
103
+ only affects inline content), so the nested image-wrapper table also needs margin:auto
104
+ to actually override the mj-image align="left"/"right" attribute on mobile. */
105
+ .email-mobile-center-img { text-align: center !important; }
106
+ .email-mobile-center-img > table { margin: 0 auto !important; }
107
+
108
+ /* Full-width button on mobile — apply css-class="email-btn-full" to mj-button.
109
+ Makes the button's inner <table> fill the column width and centers it.
110
+ Matches emaillove .mj-b-full pattern. */
111
+ .email-btn-full > table { width: 100% !important; }
112
+ .email-btn-full > table > tbody > tr > td { text-align: center !important; }
113
+ }
114
+
115
+ /* Left-aligned button content — apply css-class="email-btn-left" to mj-button.
116
+ Overrides MJML's default text-align:center on the inner td and anchor so
117
+ icon+text rows (e.g. buttons-icons) are left-aligned like the emaillove source. */
118
+ .email-btn-left > table > tbody > tr > td { text-align: left !important; }
119
+ .email-btn-left > table > tbody > tr > td > a { text-align: left !important; }
120
+
121
+ /* Decorative image tilt — apply css-class="email-tilt-1".."email-tilt-4" to mj-image for a
122
+ fanned photo-stack look (e.g. an avatar composite row). Webkit/Blink clients rotate the
123
+ image; Outlook and other non-supporting clients silently ignore the transform and show the
124
+ image unrotated — safe graceful degradation, never a broken layout. */
125
+ .email-tilt-1 { transform: rotate(-6deg); }
126
+ .email-tilt-2 { transform: rotate(4deg); }
127
+ .email-tilt-3 { transform: rotate(-4deg); }
128
+ .email-tilt-4 { transform: rotate(6deg); }
129
+
130
+ :root { color-scheme: light dark; supported-color-schemes: light dark; }
131
+ @media (prefers-color-scheme: dark) {
132
+ body, .email-page { background-color: #000000 !important; }
133
+ /*
134
+ * email-card: flip a section or column's background to dark.
135
+ *
136
+ * Three selectors cover every compiled MJML structure:
137
+ * 1. .email-card — the outer <div> (mj-section or mj-column)
138
+ * 2. .email-card > table — the direct child <table> (mj-section has inline bg here)
139
+ * 3. .email-card > table > tbody > tr > td
140
+ * — the content <td> inside mj-column (carries inline bg-color
141
+ * + border-radius when background-color is set on mj-column)
142
+ *
143
+ * Apply css-class="email-card" to any mj-section or mj-column that should
144
+ * become dark. Works for grey inner cards (#f3f4f5), coloured panels, etc.
145
+ */
146
+ .email-card,
147
+ .email-card > table,
148
+ .email-card > table > tbody > tr > td { background-color: #252526 !important; }
149
+ .email-text, .email-text * { color: #ffffff !important; }
150
+ .ll { display: none !important; }
151
+ .dl { display: block !important; }
152
+ /* Black CTA button invert — apply css-class="email-btn-invert-dark" to invert a black
153
+ mj-button to white background + black text in dark mode. Matches emaillove global
154
+ .mj-b>td { background-color:#ffffff } pattern for black CTA buttons. */
155
+ .email-btn-invert-dark > table > tbody > tr > td { background-color: #ffffff !important; }
156
+ .email-btn-invert-dark > table > tbody > tr > td > a { background-color: #ffffff !important; color: #000000 !important; }
157
+ }
158
+ /* Outlook.com + Gmail-app dark mode — these clients ignore prefers-color-scheme and instead
159
+ prefix overridden nodes with data-ogsc (foreground) / data-ogsb (background). */
160
+ [data-ogsb] body, [data-ogsb] .email-page { background-color: #000000 !important; }
161
+ [data-ogsb] .email-card,
162
+ [data-ogsb] .email-card > table,
163
+ [data-ogsb] .email-card > table > tbody > tr > td { background-color: #252526 !important; }
164
+ [data-ogsc] .email-text, [data-ogsc] .email-text * { color: #ffffff !important; }
165
+ </style>
166
+ <!-- GENERATED by src/tokens/build-email-tokens.ts — do not edit. Run `pnpm --filter @clay-design-system/email tokens:check`. -->
167
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
168
+ <meta name="x-apple-disable-message-reformatting" />
169
+ <meta name="color-scheme" content="light dark" />
170
+ <meta name="supported-color-schemes" content="light dark" />
171
+ </head>
172
+ <body style="word-spacing:normal;background-color:#f3f4f5;">
173
+
174
+ <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">Section preview — Two Column Feature Cards</div>
175
+
176
+
177
+ <div
178
+ aria-label="Two Column — Feature cards (2×2 grid)" aria-roledescription="email" style="background-color:#f3f4f5;" role="article" lang="und" dir="auto"
179
+ >
180
+
181
+
182
+ <!--[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]-->
183
+
184
+
185
+ <div class="email-card" style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:640px;">
186
+
187
+ <table
188
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
189
+ >
190
+ <tbody>
191
+ <tr>
192
+ <td
193
+ style="direction:ltr;font-size:0px;padding:0;text-align:center;"
194
+ >
195
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]-->
196
+
197
+ <!-- two-column-feature-cards — 2×2 grid of grey rounded feature cards: icon + bold title + body.
198
+ Source: emaillove "Two colomn" export / Figma "Two Column 15" (node fb5-e8).
199
+ Each row: card 276px (49.286% of 560px) + gap 8px (1.429%) + card 276px = 560px inner content.
200
+ Card interior: 56×56 icon image (stays fixed — NOT fluid-on-mobile) + bold title + body.
201
+ % widths → MJML stacks each card to 100% on mobile. Icons stay 56px (decorative, not content). -->
202
+ <!--[if mso | IE]><tr><td class="email-mobile-px-24-outlook" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="email-mobile-px-24-outlook" role="presentation" style="width:640px;" width="640" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
203
+
204
+
205
+ <div class="email-mobile-px-24" style="margin:0px auto;max-width:640px;">
206
+
207
+ <table
208
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
209
+ >
210
+ <tbody>
211
+ <tr>
212
+ <td
213
+ style="direction:ltr;font-size:0px;padding:24px 40px 0;text-align:center;"
214
+ >
215
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="email-card-outlook" style="vertical-align:top;width:276px;" ><![endif]-->
216
+
217
+ <div
218
+ class="mj-column-per-49-285714285714285 mj-outlook-group-fix email-card" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
219
+ >
220
+
221
+ <table
222
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:separate;"
223
+ >
224
+ <tbody>
225
+ <tr>
226
+ <td style="background-color:#f3f4f5;border-radius:16px;vertical-align:top;border-collapse:separate;padding:16px;">
227
+
228
+ <table
229
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
230
+ >
231
+ <tbody>
232
+
233
+ <tr>
234
+ <td
235
+ align="left" style="font-size:0px;padding:0;word-break:break-word;"
236
+ >
237
+
238
+ <table
239
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
240
+ >
241
+ <tbody>
242
+ <tr>
243
+ <td style="width:56px;">
244
+
245
+ <img
246
+ alt="" src="https://dapulse-res.cloudinary.com/image/upload/v1786983045/lifecycle/library/icons/png/lightning-01.png" style="border:0;display:block;outline:none;text-decoration:none;height:56px;width:100%;font-size:13px;" width="56" height="56"
247
+ />
248
+
249
+ </td>
250
+ </tr>
251
+ </tbody>
252
+ </table>
253
+
254
+ </td>
255
+ </tr>
256
+
257
+ <tr>
258
+ <td
259
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
260
+ >
261
+
262
+ <div
263
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:600;line-height:1.4;text-align:left;color:#000000;"
264
+ >Move faster with fewer meetings</div>
265
+
266
+ </td>
267
+ </tr>
268
+
269
+ <tr>
270
+ <td
271
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:4px;word-break:break-word;"
272
+ >
273
+
274
+ <div
275
+ 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;"
276
+ >Turn chats in Slack and Teams into trackable tasks</div>
277
+
278
+ </td>
279
+ </tr>
280
+
281
+ </tbody>
282
+ </table>
283
+
284
+ </td>
285
+ </tr>
286
+ </tbody>
287
+ </table>
288
+
289
+ </div>
290
+
291
+ <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:8px;" ><![endif]-->
292
+
293
+ <div
294
+ class="mj-column-per-1-4285714285714286 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
295
+ >
296
+
297
+ <table
298
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
299
+ >
300
+ <tbody>
301
+ <tr>
302
+ <td style="vertical-align:top;padding:0;">
303
+
304
+ <table
305
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
306
+ >
307
+ <tbody>
308
+
309
+ <tr>
310
+ <td
311
+ style="font-size:0px;word-break:break-word;"
312
+ >
313
+
314
+ <div
315
+ style="height:8px;line-height:8px;"
316
+ >&#8202;</div>
317
+
318
+ </td>
319
+ </tr>
320
+
321
+ </tbody>
322
+ </table>
323
+
324
+ </td>
325
+ </tr>
326
+ </tbody>
327
+ </table>
328
+
329
+ </div>
330
+
331
+ <!--[if mso | IE]></td><td class="email-card-outlook" style="vertical-align:top;width:276px;" ><![endif]-->
332
+
333
+ <div
334
+ class="mj-column-per-49-285714285714285 mj-outlook-group-fix email-card" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
335
+ >
336
+
337
+ <table
338
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:separate;"
339
+ >
340
+ <tbody>
341
+ <tr>
342
+ <td style="background-color:#f3f4f5;border-radius:16px;vertical-align:top;border-collapse:separate;padding:16px;">
343
+
344
+ <table
345
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
346
+ >
347
+ <tbody>
348
+
349
+ <tr>
350
+ <td
351
+ align="left" style="font-size:0px;padding:0;word-break:break-word;"
352
+ >
353
+
354
+ <table
355
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
356
+ >
357
+ <tbody>
358
+ <tr>
359
+ <td style="width:56px;">
360
+
361
+ <img
362
+ alt="" src="https://dapulse-res.cloudinary.com/image/upload/v1786982897/lifecycle/library/icons/png/check-done-01.png" style="border:0;display:block;outline:none;text-decoration:none;height:56px;width:100%;font-size:13px;" width="56" height="56"
363
+ />
364
+
365
+ </td>
366
+ </tr>
367
+ </tbody>
368
+ </table>
369
+
370
+ </td>
371
+ </tr>
372
+
373
+ <tr>
374
+ <td
375
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
376
+ >
377
+
378
+ <div
379
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:600;line-height:1.4;text-align:left;color:#000000;"
380
+ >Never miss a deadline again</div>
381
+
382
+ </td>
383
+ </tr>
384
+
385
+ <tr>
386
+ <td
387
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:4px;word-break:break-word;"
388
+ >
389
+
390
+ <div
391
+ 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;"
392
+ >Automate reminders and updates from Gmail and Outlook</div>
393
+
394
+ </td>
395
+ </tr>
396
+
397
+ </tbody>
398
+ </table>
399
+
400
+ </td>
401
+ </tr>
402
+ </tbody>
403
+ </table>
404
+
405
+ </div>
406
+
407
+ <!--[if mso | IE]></td></tr></table><![endif]-->
408
+ </td>
409
+ </tr>
410
+ </tbody>
411
+ </table>
412
+
413
+ </div>
414
+
415
+
416
+ <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="email-mobile-px-24-outlook" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="email-mobile-px-24-outlook" role="presentation" style="width:640px;" width="640" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
417
+
418
+
419
+ <div class="email-mobile-px-24" style="margin:0px auto;max-width:640px;">
420
+
421
+ <table
422
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
423
+ >
424
+ <tbody>
425
+ <tr>
426
+ <td
427
+ style="direction:ltr;font-size:0px;padding:8px 40px 0;text-align:center;"
428
+ >
429
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="email-card-outlook" style="vertical-align:top;width:276px;" ><![endif]-->
430
+
431
+ <div
432
+ class="mj-column-per-49-285714285714285 mj-outlook-group-fix email-card" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
433
+ >
434
+
435
+ <table
436
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:separate;"
437
+ >
438
+ <tbody>
439
+ <tr>
440
+ <td style="background-color:#f3f4f5;border-radius:16px;vertical-align:top;border-collapse:separate;padding:16px;">
441
+
442
+ <table
443
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
444
+ >
445
+ <tbody>
446
+
447
+ <tr>
448
+ <td
449
+ align="left" style="font-size:0px;padding:0;word-break:break-word;"
450
+ >
451
+
452
+ <table
453
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
454
+ >
455
+ <tbody>
456
+ <tr>
457
+ <td style="width:56px;">
458
+
459
+ <img
460
+ alt="" src="https://dapulse-res.cloudinary.com/image/upload/v1786983183/lifecycle/library/icons/png/users-01.png" style="border:0;display:block;outline:none;text-decoration:none;height:56px;width:100%;font-size:13px;" width="56" height="56"
461
+ />
462
+
463
+ </td>
464
+ </tr>
465
+ </tbody>
466
+ </table>
467
+
468
+ </td>
469
+ </tr>
470
+
471
+ <tr>
472
+ <td
473
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
474
+ >
475
+
476
+ <div
477
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:600;line-height:1.4;text-align:left;color:#000000;"
478
+ >Keep everyone aligned</div>
479
+
480
+ </td>
481
+ </tr>
482
+
483
+ <tr>
484
+ <td
485
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:4px;word-break:break-word;"
486
+ >
487
+
488
+ <div
489
+ 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;"
490
+ >Sync project timelines with Google Calendar</div>
491
+
492
+ </td>
493
+ </tr>
494
+
495
+ </tbody>
496
+ </table>
497
+
498
+ </td>
499
+ </tr>
500
+ </tbody>
501
+ </table>
502
+
503
+ </div>
504
+
505
+ <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:8px;" ><![endif]-->
506
+
507
+ <div
508
+ class="mj-column-per-1-4285714285714286 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
509
+ >
510
+
511
+ <table
512
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
513
+ >
514
+ <tbody>
515
+ <tr>
516
+ <td style="vertical-align:top;padding:0;">
517
+
518
+ <table
519
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
520
+ >
521
+ <tbody>
522
+
523
+ <tr>
524
+ <td
525
+ style="font-size:0px;word-break:break-word;"
526
+ >
527
+
528
+ <div
529
+ style="height:8px;line-height:8px;"
530
+ >&#8202;</div>
531
+
532
+ </td>
533
+ </tr>
534
+
535
+ </tbody>
536
+ </table>
537
+
538
+ </td>
539
+ </tr>
540
+ </tbody>
541
+ </table>
542
+
543
+ </div>
544
+
545
+ <!--[if mso | IE]></td><td class="email-card-outlook" style="vertical-align:top;width:276px;" ><![endif]-->
546
+
547
+ <div
548
+ class="mj-column-per-49-285714285714285 mj-outlook-group-fix email-card" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
549
+ >
550
+
551
+ <table
552
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:separate;"
553
+ >
554
+ <tbody>
555
+ <tr>
556
+ <td style="background-color:#f3f4f5;border-radius:16px;vertical-align:top;border-collapse:separate;padding:16px;">
557
+
558
+ <table
559
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
560
+ >
561
+ <tbody>
562
+
563
+ <tr>
564
+ <td
565
+ align="left" style="font-size:0px;padding:0;word-break:break-word;"
566
+ >
567
+
568
+ <table
569
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
570
+ >
571
+ <tbody>
572
+ <tr>
573
+ <td style="width:56px;">
574
+
575
+ <img
576
+ alt="" src="https://dapulse-res.cloudinary.com/image/upload/v1786982974/lifecycle/library/icons/png/file-02.png" style="border:0;display:block;outline:none;text-decoration:none;height:56px;width:100%;font-size:13px;" width="56" height="56"
577
+ />
578
+
579
+ </td>
580
+ </tr>
581
+ </tbody>
582
+ </table>
583
+
584
+ </td>
585
+ </tr>
586
+
587
+ <tr>
588
+ <td
589
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
590
+ >
591
+
592
+ <div
593
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:600;line-height:1.4;text-align:left;color:#000000;"
594
+ >Close the gap between systems</div>
595
+
596
+ </td>
597
+ </tr>
598
+
599
+ <tr>
600
+ <td
601
+ align="left" class="email-text" style="font-size:0px;padding:0;padding-top:4px;word-break:break-word;"
602
+ >
603
+
604
+ <div
605
+ 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;"
606
+ >Connect Jira, Salesforce, and more to centralize execution</div>
607
+
608
+ </td>
609
+ </tr>
610
+
611
+ </tbody>
612
+ </table>
613
+
614
+ </td>
615
+ </tr>
616
+ </tbody>
617
+ </table>
618
+
619
+ </div>
620
+
621
+ <!--[if mso | IE]></td></tr></table><![endif]-->
622
+ </td>
623
+ </tr>
624
+ </tbody>
625
+ </table>
626
+
627
+ </div>
628
+
629
+
630
+ <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="email-mobile-px-24-outlook" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="email-mobile-px-24-outlook" role="presentation" style="width:640px;" width="640" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
631
+
632
+
633
+ <div class="email-mobile-px-24" style="margin:0px auto;max-width:640px;">
634
+
635
+ <table
636
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
637
+ >
638
+ <tbody>
639
+ <tr>
640
+ <td
641
+ style="direction:ltr;font-size:0px;padding:0 40px 24px;text-align:center;"
642
+ >
643
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
644
+
645
+ <div
646
+ class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
647
+ >
648
+
649
+ <table
650
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
651
+ >
652
+ <tbody>
653
+ <tr>
654
+ <td style="vertical-align:top;padding:0;">
655
+
656
+ <table
657
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
658
+ >
659
+ <tbody>
660
+
661
+ <tr>
662
+ <td
663
+ style="font-size:0px;word-break:break-word;"
664
+ >
665
+
666
+ <div
667
+ style="height:0px;line-height:0px;"
668
+ >&#8202;</div>
669
+
670
+ </td>
671
+ </tr>
672
+
673
+ </tbody>
674
+ </table>
675
+
676
+ </td>
677
+ </tr>
678
+ </tbody>
679
+ </table>
680
+
681
+ </div>
682
+
683
+ <!--[if mso | IE]></td></tr></table><![endif]-->
684
+ </td>
685
+ </tr>
686
+ </tbody>
687
+ </table>
688
+
689
+ </div>
690
+
691
+
692
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
693
+ </td>
694
+ </tr>
695
+ </tbody>
696
+ </table>
697
+
698
+ </div>
699
+
700
+
701
+ <!--[if mso | IE]></td></tr></table><![endif]-->
702
+
703
+
704
+ </div>
705
+
706
+ </body>
707
+ </html>
708
+