@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-lesson-card.html ADDED
@@ -0,0 +1,628 @@
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>Lesson / event 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-100 { width:100% !important; max-width: 100%; }
45
+ .mj-column-per-17-857142857142858 { width:17.857142857142858% !important; max-width: 17.857142857142858%; }
46
+ .mj-column-per-2-857142857142857 { width:2.857142857142857% !important; max-width: 2.857142857142857%; }
47
+ .mj-column-per-79-28571428571429 { width:79.28571428571429% !important; max-width: 79.28571428571429%; }
48
+ }
49
+ </style>
50
+ <style media="screen and (min-width:480px)">
51
+ .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
52
+ .moz-text-html .mj-column-per-17-857142857142858 { width:17.857142857142858% !important; max-width: 17.857142857142858%; }
53
+ .moz-text-html .mj-column-per-2-857142857142857 { width:2.857142857142857% !important; max-width: 2.857142857142857%; }
54
+ .moz-text-html .mj-column-per-79-28571428571429 { width:79.28571428571429% !important; max-width: 79.28571428571429%; }
55
+ </style>
56
+
57
+
58
+
59
+
60
+ <style type="text/css">
61
+
62
+ @media only screen and (max-width:479px) {
63
+ table.mj-full-width-mobile { width: 100% !important; }
64
+ td.mj-full-width-mobile { width: auto !important; }
65
+ }
66
+
67
+ </style>
68
+
69
+ <style type="text/css">
70
+ /* Client resets emaillove ships that MJML omits (Outlook.com line-height, image gaps). */
71
+ img { display: block; }
72
+ .ExternalClass { width: 100%; }
73
+ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
74
+ /* Dark-only images hidden in light mode; swapped in the dark block below. */
75
+ .dl { display: none; }
76
+
77
+ /* Mobile heading step-down — one-notch scale at the DS phone-only breakpoint
78
+ @media(max-width:479px) (h1 56→48, h2 48→40, h3 40→32, h4 32→24). Keyed off the clay-h*
79
+ css-class on the mj-text <td>; targets the inner <div> where MJML places font-size. Desktop
80
+ size is the inline fallback if <style> is dropped. Per production emails, only the primary/
81
+ hero heading opts in — add css-class="clay-hN" (alongside mj-class) to the hero heading's
82
+ mj-text; secondary content headings keep mj-class alone and stay at desktop size. */
83
+ @media only screen and (max-width: 479px) {
84
+ .clay-h1 > div { font-size: 48px !important; }
85
+ .clay-h2 > div { font-size: 40px !important; }
86
+ .clay-h3 > div { font-size: 32px !important; }
87
+ .clay-h4 > div { font-size: 24px !important; }
88
+
89
+ /* Mobile H-padding utilities — apply as css-class on mj-wrapper or mj-section to reduce
90
+ the 40px horizontal padding to the source breakpoint value when columns stack (< 480px).
91
+ Source: emaillove export mobile CSS (.b98-68 → 24px, .d9b-0c → 16px, .fb5-e8 → 24px).
92
+ Targets the outer td MJML generates with inline padding-left/padding-right. */
93
+ .email-mobile-px-24 > table > tbody > tr > td { padding-right: 24px !important; padding-left: 24px !important; }
94
+ .email-mobile-px-16 > table > tbody > tr > td { padding-right: 16px !important; padding-left: 16px !important; }
95
+ .email-mobile-px-0 > table > tbody > tr > td { padding-right: 0 !important; padding-left: 0 !important; }
96
+ .email-mobile-pt-0 > table > tbody > tr > td { padding-top: 0 !important; }
97
+
98
+ /* Mobile text centering — apply as css-class on mj-text elements whose content should be
99
+ center-aligned on mobile (< 480px). Matches the source emaillove .s0>div{text-align:center}.
100
+ Targets the inner <div> MJML wraps text content in. */
101
+ .email-mobile-center > div { text-align: center !important; }
102
+
103
+ /* Mobile image centering — apply css-class="email-mobile-center-img" on mj-image.
104
+ text-align on the td does not reposition its block-level child table (CSS text-align
105
+ only affects inline content), so the nested image-wrapper table also needs margin:auto
106
+ to actually override the mj-image align="left"/"right" attribute on mobile. */
107
+ .email-mobile-center-img { text-align: center !important; }
108
+ .email-mobile-center-img > table { margin: 0 auto !important; }
109
+
110
+ /* Full-width button on mobile — apply css-class="email-btn-full" to mj-button.
111
+ Makes the button's inner <table> fill the column width and centers it.
112
+ Matches emaillove .mj-b-full pattern. */
113
+ .email-btn-full > table { width: 100% !important; }
114
+ .email-btn-full > table > tbody > tr > td { text-align: center !important; }
115
+ }
116
+
117
+ /* Left-aligned button content — apply css-class="email-btn-left" to mj-button.
118
+ Overrides MJML's default text-align:center on the inner td and anchor so
119
+ icon+text rows (e.g. buttons-icons) are left-aligned like the emaillove source. */
120
+ .email-btn-left > table > tbody > tr > td { text-align: left !important; }
121
+ .email-btn-left > table > tbody > tr > td > a { text-align: left !important; }
122
+
123
+ /* Decorative image tilt — apply css-class="email-tilt-1".."email-tilt-4" to mj-image for a
124
+ fanned photo-stack look (e.g. an avatar composite row). Webkit/Blink clients rotate the
125
+ image; Outlook and other non-supporting clients silently ignore the transform and show the
126
+ image unrotated — safe graceful degradation, never a broken layout. */
127
+ .email-tilt-1 { transform: rotate(-6deg); }
128
+ .email-tilt-2 { transform: rotate(4deg); }
129
+ .email-tilt-3 { transform: rotate(-4deg); }
130
+ .email-tilt-4 { transform: rotate(6deg); }
131
+
132
+ :root { color-scheme: light dark; supported-color-schemes: light dark; }
133
+ @media (prefers-color-scheme: dark) {
134
+ body, .email-page { background-color: #000000 !important; }
135
+ /*
136
+ * email-card: flip a section or column's background to dark.
137
+ *
138
+ * Three selectors cover every compiled MJML structure:
139
+ * 1. .email-card — the outer <div> (mj-section or mj-column)
140
+ * 2. .email-card > table — the direct child <table> (mj-section has inline bg here)
141
+ * 3. .email-card > table > tbody > tr > td
142
+ * — the content <td> inside mj-column (carries inline bg-color
143
+ * + border-radius when background-color is set on mj-column)
144
+ *
145
+ * Apply css-class="email-card" to any mj-section or mj-column that should
146
+ * become dark. Works for grey inner cards (#f3f4f5), coloured panels, etc.
147
+ */
148
+ .email-card,
149
+ .email-card > table,
150
+ .email-card > table > tbody > tr > td { background-color: #252526 !important; }
151
+ .email-text, .email-text * { color: #ffffff !important; }
152
+ .ll { display: none !important; }
153
+ .dl { display: block !important; }
154
+ /* Black CTA button invert — apply css-class="email-btn-invert-dark" to invert a black
155
+ mj-button to white background + black text in dark mode. Matches emaillove global
156
+ .mj-b>td { background-color:#ffffff } pattern for black CTA buttons. */
157
+ .email-btn-invert-dark > table > tbody > tr > td { background-color: #ffffff !important; }
158
+ .email-btn-invert-dark > table > tbody > tr > td > a { background-color: #ffffff !important; color: #000000 !important; }
159
+ }
160
+ /* Outlook.com + Gmail-app dark mode — these clients ignore prefers-color-scheme and instead
161
+ prefix overridden nodes with data-ogsc (foreground) / data-ogsb (background). */
162
+ [data-ogsb] body, [data-ogsb] .email-page { background-color: #000000 !important; }
163
+ [data-ogsb] .email-card,
164
+ [data-ogsb] .email-card > table,
165
+ [data-ogsb] .email-card > table > tbody > tr > td { background-color: #252526 !important; }
166
+ [data-ogsc] .email-text, [data-ogsc] .email-text * { color: #ffffff !important; }
167
+ </style>
168
+ <!-- GENERATED by src/tokens/build-email-tokens.ts — do not edit. Run `pnpm --filter @clay-design-system/email tokens:check`. -->
169
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
170
+ <meta name="x-apple-disable-message-reformatting" />
171
+ <meta name="color-scheme" content="light dark" />
172
+ <meta name="supported-color-schemes" content="light dark" />
173
+ </head>
174
+ <body style="word-spacing:normal;background-color:#f3f4f5;">
175
+
176
+ <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">Section preview — lesson / event cards</div>
177
+
178
+
179
+ <div
180
+ aria-label="Lesson / event cards" aria-roledescription="email" style="background-color:#f3f4f5;" role="article" lang="und" dir="auto"
181
+ >
182
+ <!-- lesson-card — two stacked lesson rows: small square image (left) + lavender category chip +
183
+ heading + body + iris text link (right).
184
+ Source: emaillove "Status update" newsletter export — "Education & events" region.
185
+ Layout: mj-wrapper → 2 × mj-section → mj-group:
186
+ col 1 ~17.86% (100px) image | col 2 ~2.86% (16px) spacer | col 3 ~79.28% (443px) text.
187
+ mj-group keeps image + text inline at ALL viewport sizes (not affected by mj-full-width-mobile).
188
+ Category chip: lavender #D9D7FF, border-radius 5px, 10px font — rendered as inline <a>.
189
+ Differs from three-column-content-cards: stacked rows (not a grid), asymmetric image-left
190
+ layout, lavender chip, and body description copy before the CTA link. -->
191
+
192
+ <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="email-card-outlook email-mobile-px-24-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]-->
193
+
194
+
195
+ <div class="email-card email-mobile-px-24" style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:640px;">
196
+
197
+ <table
198
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
199
+ >
200
+ <tbody>
201
+ <tr>
202
+ <td
203
+ style="direction:ltr;font-size:0px;padding:16px 40px;text-align:center;"
204
+ >
205
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]-->
206
+
207
+ <!-- ── Row 1 ─────────────────────────────────────────────── -->
208
+ <!--[if mso | IE]><tr><td class="" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:560px;" width="560" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
209
+
210
+
211
+ <div style="margin:0px auto;max-width:560px;">
212
+
213
+ <table
214
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
215
+ >
216
+ <tbody>
217
+ <tr>
218
+ <td
219
+ style="direction:ltr;font-size:0px;padding:0;text-align:center;"
220
+ >
221
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="width:560px;" ><![endif]-->
222
+
223
+ <div
224
+ class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;"
225
+ >
226
+ <!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><![endif]-->
227
+ <!-- Image thumbnail — 100×100px square, border-radius 8px. -->
228
+ <!--[if mso | IE]><td style="vertical-align:top;width:100px;" ><![endif]-->
229
+
230
+ <div
231
+ class="mj-column-per-17-857142857142858 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:17.857142857142858%;"
232
+ >
233
+
234
+ <table
235
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
236
+ >
237
+ <tbody>
238
+ <tr>
239
+ <td style="vertical-align:top;padding:0;">
240
+
241
+ <table
242
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
243
+ >
244
+ <tbody>
245
+
246
+ <tr>
247
+ <td
248
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
249
+ >
250
+
251
+ <table
252
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile"
253
+ >
254
+ <tbody>
255
+ <tr>
256
+ <td style="width:100px;" class="mj-full-width-mobile">
257
+
258
+ <img
259
+ alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAnIGhlaWdodD0nMTAwJz48cmVjdCB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgcng9JzE2JyBmaWxsPScjZTZlN2VhJy8+PC9zdmc+" style="border:0;border-radius:8px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="100" height="auto"
260
+ />
261
+
262
+ </td>
263
+ </tr>
264
+ </tbody>
265
+ </table>
266
+
267
+ </td>
268
+ </tr>
269
+
270
+ </tbody>
271
+ </table>
272
+
273
+ </td>
274
+ </tr>
275
+ </tbody>
276
+ </table>
277
+
278
+ </div>
279
+
280
+ <!--[if mso | IE]></td><![endif]-->
281
+ <!-- Spacer -->
282
+ <!--[if mso | IE]><td style="vertical-align:top;width:16px;" ><![endif]-->
283
+
284
+ <div
285
+ class="mj-column-per-2-857142857142857 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:2.857142857142857%;"
286
+ >
287
+
288
+ <table
289
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
290
+ >
291
+ <tbody>
292
+ <tr>
293
+ <td style="vertical-align:top;padding:0;">
294
+
295
+ <table
296
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
297
+ >
298
+ <tbody>
299
+
300
+ <tr>
301
+ <td
302
+ align="left" style="font-size:0px;padding:0;word-break:break-word;"
303
+ >
304
+
305
+ <div
306
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:1.4;text-align:left;color:#252526;"
307
+ >&nbsp;</div>
308
+
309
+ </td>
310
+ </tr>
311
+
312
+ </tbody>
313
+ </table>
314
+
315
+ </td>
316
+ </tr>
317
+ </tbody>
318
+ </table>
319
+
320
+ </div>
321
+
322
+ <!--[if mso | IE]></td><![endif]-->
323
+ <!-- Text: lavender chip + heading + body + iris link -->
324
+ <!--[if mso | IE]><td style="vertical-align:top;width:444px;" ><![endif]-->
325
+
326
+ <div
327
+ class="mj-column-per-79-28571428571429 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:79.28571428571429%;"
328
+ >
329
+
330
+ <table
331
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
332
+ >
333
+ <tbody>
334
+ <tr>
335
+ <td style="vertical-align:top;padding:0;">
336
+
337
+ <table
338
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
339
+ >
340
+ <tbody>
341
+ <!-- Lavender category chip — bgcolor #D9D7FF, border-radius 5px, 10px font. -->
342
+ <tr>
343
+ <td
344
+ align="left" style="font-size:0px;padding:0 0 8px;word-break:break-word;"
345
+ >
346
+
347
+ <div
348
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;font-weight:400;line-height:1.5;text-align:left;color:#7c7b7b;"
349
+ ><a href="#" style="display:inline-block;background-color:#D9D7FF;color:#000000;font-size:10px;font-weight:400;line-height:1.4;padding:3px 10px;border-radius:5px;text-decoration:none;">5-min lesson</a></div>
350
+
351
+ </td>
352
+ </tr>
353
+ <!-- Heading — clay-h5 (24px semi-bold). -->
354
+ <tr>
355
+ <td
356
+ align="left" class="email-text" style="font-size:0px;padding:0 0 8px;word-break:break-word;"
357
+ >
358
+
359
+ <div
360
+ 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;"
361
+ >Get the most out of your workflows with AI</div>
362
+
363
+ </td>
364
+ </tr>
365
+ <!-- Body description. -->
366
+ <tr>
367
+ <td
368
+ align="left" class="email-text" style="font-size:0px;padding:0 0 8px;word-break:break-word;"
369
+ >
370
+
371
+ <div
372
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#252526;"
373
+ >A short, practical session on the features that matter most for your team right now.</div>
374
+
375
+ </td>
376
+ </tr>
377
+ <!-- Iris text link. -->
378
+ <tr>
379
+ <td
380
+ align="left" style="font-size:0px;padding:0;word-break:break-word;"
381
+ >
382
+
383
+ <div
384
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#252526;"
385
+ ><a href="https://monday.com" style="color:#6161ff;text-decoration:underline;font-weight:600;">Start the lesson ›</a></div>
386
+
387
+ </td>
388
+ </tr>
389
+
390
+ </tbody>
391
+ </table>
392
+
393
+ </td>
394
+ </tr>
395
+ </tbody>
396
+ </table>
397
+
398
+ </div>
399
+
400
+ <!--[if mso | IE]></td></tr></table><![endif]-->
401
+ </div>
402
+
403
+ <!--[if mso | IE]></td></tr></table><![endif]-->
404
+ </td>
405
+ </tr>
406
+ </tbody>
407
+ </table>
408
+
409
+ </div>
410
+
411
+
412
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
413
+ <!-- ── Row 2 ─────────────────────────────────────────────── -->
414
+ <!--[if mso | IE]><tr><td class="" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:560px;" width="560" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
415
+
416
+
417
+ <div style="margin:0px auto;max-width:560px;">
418
+
419
+ <table
420
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
421
+ >
422
+ <tbody>
423
+ <tr>
424
+ <td
425
+ style="direction:ltr;font-size:0px;padding:24px 0 0;text-align:center;"
426
+ >
427
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="width:560px;" ><![endif]-->
428
+
429
+ <div
430
+ class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;"
431
+ >
432
+ <!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td style="vertical-align:top;width:100px;" ><![endif]-->
433
+
434
+ <div
435
+ class="mj-column-per-17-857142857142858 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:17.857142857142858%;"
436
+ >
437
+
438
+ <table
439
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
440
+ >
441
+ <tbody>
442
+ <tr>
443
+ <td style="vertical-align:top;padding:0;">
444
+
445
+ <table
446
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
447
+ >
448
+ <tbody>
449
+
450
+ <tr>
451
+ <td
452
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
453
+ >
454
+
455
+ <table
456
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile"
457
+ >
458
+ <tbody>
459
+ <tr>
460
+ <td style="width:100px;" class="mj-full-width-mobile">
461
+
462
+ <img
463
+ alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAnIGhlaWdodD0nMTAwJz48cmVjdCB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgcng9JzE2JyBmaWxsPScjZTZlN2VhJy8+PC9zdmc+" style="border:0;border-radius:8px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="100" height="auto"
464
+ />
465
+
466
+ </td>
467
+ </tr>
468
+ </tbody>
469
+ </table>
470
+
471
+ </td>
472
+ </tr>
473
+
474
+ </tbody>
475
+ </table>
476
+
477
+ </td>
478
+ </tr>
479
+ </tbody>
480
+ </table>
481
+
482
+ </div>
483
+
484
+ <!--[if mso | IE]></td><td style="vertical-align:top;width:16px;" ><![endif]-->
485
+
486
+ <div
487
+ class="mj-column-per-2-857142857142857 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:2.857142857142857%;"
488
+ >
489
+
490
+ <table
491
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
492
+ >
493
+ <tbody>
494
+ <tr>
495
+ <td style="vertical-align:top;padding:0;">
496
+
497
+ <table
498
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
499
+ >
500
+ <tbody>
501
+
502
+ <tr>
503
+ <td
504
+ align="left" style="font-size:0px;padding:0;word-break:break-word;"
505
+ >
506
+
507
+ <div
508
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:1.4;text-align:left;color:#252526;"
509
+ >&nbsp;</div>
510
+
511
+ </td>
512
+ </tr>
513
+
514
+ </tbody>
515
+ </table>
516
+
517
+ </td>
518
+ </tr>
519
+ </tbody>
520
+ </table>
521
+
522
+ </div>
523
+
524
+ <!--[if mso | IE]></td><td style="vertical-align:top;width:444px;" ><![endif]-->
525
+
526
+ <div
527
+ class="mj-column-per-79-28571428571429 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:79.28571428571429%;"
528
+ >
529
+
530
+ <table
531
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
532
+ >
533
+ <tbody>
534
+ <tr>
535
+ <td style="vertical-align:top;padding:0;">
536
+
537
+ <table
538
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
539
+ >
540
+ <tbody>
541
+
542
+ <tr>
543
+ <td
544
+ align="left" style="font-size:0px;padding:0 0 8px;word-break:break-word;"
545
+ >
546
+
547
+ <div
548
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;font-weight:400;line-height:1.5;text-align:left;color:#7c7b7b;"
549
+ ><a href="#" style="display:inline-block;background-color:#D9D7FF;color:#000000;font-size:10px;font-weight:400;line-height:1.4;padding:3px 10px;border-radius:5px;text-decoration:none;">Live webinar</a></div>
550
+
551
+ </td>
552
+ </tr>
553
+
554
+ <tr>
555
+ <td
556
+ align="left" class="email-text" style="font-size:0px;padding:0 0 8px;word-break:break-word;"
557
+ >
558
+
559
+ <div
560
+ 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;"
561
+ >Give your agents a spot at the table</div>
562
+
563
+ </td>
564
+ </tr>
565
+
566
+ <tr>
567
+ <td
568
+ align="left" class="email-text" style="font-size:0px;padding:0 0 8px;word-break:break-word;"
569
+ >
570
+
571
+ <div
572
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#252526;"
573
+ >Join our live session and see how monday agents transform how teams coordinate and deliver.</div>
574
+
575
+ </td>
576
+ </tr>
577
+
578
+ <tr>
579
+ <td
580
+ align="left" style="font-size:0px;padding:0;word-break:break-word;"
581
+ >
582
+
583
+ <div
584
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#252526;"
585
+ ><a href="https://monday.com" style="color:#6161ff;text-decoration:underline;font-weight:600;">Save your seat ›</a></div>
586
+
587
+ </td>
588
+ </tr>
589
+
590
+ </tbody>
591
+ </table>
592
+
593
+ </td>
594
+ </tr>
595
+ </tbody>
596
+ </table>
597
+
598
+ </div>
599
+
600
+ <!--[if mso | IE]></td></tr></table><![endif]-->
601
+ </div>
602
+
603
+ <!--[if mso | IE]></td></tr></table><![endif]-->
604
+ </td>
605
+ </tr>
606
+ </tbody>
607
+ </table>
608
+
609
+ </div>
610
+
611
+
612
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
613
+ </td>
614
+ </tr>
615
+ </tbody>
616
+ </table>
617
+
618
+ </div>
619
+
620
+
621
+ <!--[if mso | IE]></td></tr></table><![endif]-->
622
+
623
+
624
+ </div>
625
+
626
+ </body>
627
+ </html>
628
+