[{"data":1,"prerenderedAt":58},["ShallowReactive",2],{"$f148199gmhdfq7":3,"components-articles":4},1,{"category":5,"components":27},{"name":6,"description":7,"components":8},"Articles","Components for creating various types of articles, including layouts with images and cards.",[9,12,15,18,21,24],{"slug":10,"title":11},"article-with-image","Article with image",{"slug":13,"title":14},"article-with-image-on-right","Article with image on right",{"slug":16,"title":17},"article-with-image-as-background","Article with image as background",{"slug":19,"title":20},"article-with-two-cards","Article with two cards",{"slug":22,"title":23},"article-with-single-author","Article with single author",{"slug":25,"title":26},"article-with-multiple-authors","Article with multiple authors",[28,33,38,43,48,53],{"slug":10,"title":11,"code":29},{"html":30,"inline-styles":31,"tailwind":32},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n \u003Ctable\n border=\"0\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n align=\"center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n dir=\"ltr\"\n lang=\"en\"\n style=\"margin:0;margin-left:12px;margin-right:12px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-top:16px;margin-bottom:16px\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Cimg\n height=\"320\"\n src=\"\u002Fstatic\u002Fherman-miller-chair.jpg\"\n alt=\"Herman Miller Chair\"\n style=\"display:block;outline:none;border:none;text-decoration:none;width:100%;border-radius:12px;object-fit:cover\" \u002F>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-top:32px;text-align:center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Cp\n style=\"font-size:18px;line-height:28px;margin-top:16px;margin-bottom:16px;font-weight:600;color:rgb(79,70,229)\">\n Our new article\n \u003C\u002Fp>\n \u003Ch1\n style=\"margin:0px;margin-top:8px;font-size:36px;line-height:36px;font-weight:600;color:rgb(17,24,39)\">\n Designing with Furniture\n \u003C\u002Fh1>\n \u003Cp\n style=\"font-size:16px;line-height:24px;color:rgb(107,114,128);margin-top:16px;margin-bottom:16px\">\n Unleash your inner designer as we explore\n how furniture plays a vital role in\n creating stunning interiors, offering\n insights into choosing the right pieces,\n arranging them harmoniously, and infusing\n your space with personality.\n \u003C\u002Fp>\n \u003Ca\n href=\"https:\u002F\u002Fvuemail.dev\"\n style=\"line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;margin-top:16px;border-radius:8px;background-color:rgb(79,70,229);padding-left:40px;padding-right:40px;padding-top:12px;padding-bottom:12px;font-weight:600;color:rgb(255,255,255)\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:500%;mso-text-raise:18px\" hidden>    \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px\"\n >Read more\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:500%\" hidden>    ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport { Button, Heading, Img, Section, Text } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CSection :style=\"{ marginTop: '16px', marginBottom: '16px' }\">\n \u003CImg\n alt=\"Herman Miller Chair\"\n height=\"320\"\n src=\"\u002Fstatic\u002Fherman-miller-chair.jpg\"\n :style=\"{ width: '100%', borderRadius: '12px', objectFit: 'cover' }\"\n \u002F>\n \u003CSection :style=\"{ marginTop: '32px', textAlign: 'center' }\">\n \u003CText\n :style=\"{\n marginTop: '16px',\n marginBottom: '16px',\n fontSize: '18px',\n lineHeight: '28px',\n fontWeight: 600,\n color: 'rgb(79,70,229)',\n }\"\n >\n Our new article\n \u003C\u002FText>\n \u003CHeading\n as=\"h1\"\n :style=\"{\n margin: '0px',\n marginTop: '8px',\n fontSize: '36px',\n lineHeight: '36px',\n fontWeight: 600,\n color: 'rgb(17,24,39)',\n }\"\n >\n Designing with Furniture\n \u003C\u002FHeading>\n \u003CText\n :style=\"{\n fontSize: '16px',\n lineHeight: '24px',\n color: 'rgb(107,114,128)',\n }\"\n >\n Unleash your inner designer as we explore how furniture plays a vital\n role in creating stunning interiors, offering insights into choosing the\n right pieces, arranging them harmoniously, and infusing your space with\n personality.\n \u003C\u002FText>\n \u003CButton\n href=\"https:\u002F\u002Fvuemail.dev\"\n :style=\"{\n marginTop: '16px',\n borderRadius: '8px',\n backgroundColor: 'rgb(79,70,229)',\n paddingLeft: '40px',\n paddingRight: '40px',\n paddingTop: '12px',\n paddingBottom: '12px',\n fontWeight: 600,\n color: 'rgb(255,255,255)',\n }\"\n >Read more\u003C\u002FButton>\n \u003C\u002FSection>\n \u003C\u002FSection>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport { Button, Heading, Img, Section, Text } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CSection class=\"my-[16px]\">\n \u003CImg\n alt=\"Herman Miller Chair\"\n class=\"w-full rounded-[12px] object-cover\"\n height=\"320\"\n src=\"\u002Fstatic\u002Fherman-miller-chair.jpg\"\n \u002F>\n \u003CSection class=\"mt-[32px] text-center\">\n \u003CText\n class=\"my-[16px] font-semibold text-[18px] text-indigo-600 leading-[28px]\"\n >\n Our new article\n \u003C\u002FText>\n \u003CHeading\n as=\"h1\"\n class=\"m-0 mt-[8px] font-semibold text-[36px] text-gray-900 leading-[36px]\"\n >\n Designing with Furniture\n \u003C\u002FHeading>\n \u003CText class=\"text-[16px] text-gray-500 leading-[24px]\">\n Unleash your inner designer as we explore how furniture plays a vital\n role in creating stunning interiors, offering insights into choosing the\n right pieces, arranging them harmoniously, and infusing your space with\n personality.\n \u003C\u002FText>\n \u003CButton\n class=\"mt-[16px] rounded-[8px] bg-indigo-600 px-[40px] py-[12px] font-semibold text-white\"\n href=\"https:\u002F\u002Fvuemail.dev\"\n >Read more\u003C\u002FButton>\n \u003C\u002FSection>\n \u003C\u002FSection>\n\u003C\u002Ftemplate>\n",{"slug":13,"title":14,"code":34},{"html":35,"inline-styles":36,"tailwind":37},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n \u003Ctable\n border=\"0\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n align=\"center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n dir=\"ltr\"\n lang=\"en\"\n style=\"margin:0;margin-left:12px;margin-right:12px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-top:16px;text-align:center;margin-bottom:16px\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"display:inline-block;text-align:left;width:100%;max-width:250px;vertical-align:top\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Cp\n style=\"font-size:16px;line-height:24px;margin:0px;font-weight:600;color:rgb(79,70,229);margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n What's new\n \u003C\u002Fp>\n \u003Cp\n style=\"font-size:20px;line-height:28px;margin:0px;margin-top:8px;font-weight:600;color:rgb(17,24,39);margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Versatile Comfort\n \u003C\u002Fp>\n \u003Cp\n style=\"font-size:16px;line-height:24px;margin-top:8px;color:rgb(107,114,128);margin-bottom:16px\">\n Experience ultimate comfort and\n versatility with our furniture collection,\n designed to adapt to your ever-changing\n needs.\n \u003C\u002Fp>\n \u003Ca\n href=\"https:\u002F\u002Fvuemail.dev\"\n style=\"color:rgb(79,70,229);text-decoration-line:underline\"\n target=\"_blank\"\n >Read more\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"display:inline-block;margin-top:8px;margin-bottom:8px;width:100%;max-width:220px;vertical-align:top\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Cimg\n height=\"220\"\n src=\"\u002Fstatic\u002Fversatile-comfort.jpg\"\n width=\"220\"\n alt=\"An aesthetic picture taken of an Iphone, flowers, glasses and a card that reads 'Gucci, bloom' coming out of a leathered bag with a ziper\"\n style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:8px;object-fit:cover\" \u002F>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport { Img, Link, Section, Text } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CSection\n :style=\"{ marginTop: '16px', textAlign: 'center', marginBottom: '16px' }\"\n >\n \u003CSection\n :style=\"{\n display: 'inline-block',\n textAlign: 'left',\n width: '100%',\n maxWidth: '250px',\n verticalAlign: 'top',\n }\"\n >\n \u003CText\n :style=\"{\n margin: '0px',\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: 600,\n color: 'rgb(79,70,229)',\n }\"\n >\n What's new\n \u003C\u002FText>\n \u003CText\n :style=\"{\n margin: '0px',\n marginTop: '8px',\n fontSize: '20px',\n lineHeight: '28px',\n fontWeight: 600,\n color: 'rgb(17,24,39)',\n }\"\n >\n Versatile Comfort\n \u003C\u002FText>\n \u003CText\n :style=\"{\n marginTop: '8px',\n fontSize: '16px',\n lineHeight: '24px',\n color: 'rgb(107,114,128)',\n }\"\n >\n Experience ultimate comfort and versatility with our furniture\n collection, designed to adapt to your ever-changing needs.\n \u003C\u002FText>\n \u003CLink\n href=\"https:\u002F\u002Fvuemail.dev\"\n :style=\"{ color: 'rgb(79,70,229)', textDecorationLine: 'underline' }\"\n >Read more\u003C\u002FLink>\n \u003C\u002FSection>\n \u003CSection\n :style=\"{\n display: 'inline-block',\n marginTop: '8px',\n marginBottom: '8px',\n width: '100%',\n maxWidth: '220px',\n verticalAlign: 'top',\n }\"\n >\n \u003CImg\n alt=\"An aesthetic picture taken of an Iphone, flowers, glasses and a card that reads 'Gucci, bloom' coming out of a leathered bag with a ziper\"\n :height=\"220\"\n src=\"\u002Fstatic\u002Fversatile-comfort.jpg\"\n :style=\"{ borderRadius: '8px', objectFit: 'cover' }\"\n :width=\"220\"\n \u002F>\n \u003C\u002FSection>\n \u003C\u002FSection>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport { Img, Link, Section, Text } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CSection class=\"my-[16px] text-center\">\n \u003CSection class=\"inline-block w-full max-w-[250px] text-left align-top\">\n \u003CText\n class=\"m-0 font-semibold text-[16px] text-indigo-600 leading-[24px]\"\n >\n What's new\n \u003C\u002FText>\n \u003CText\n class=\"m-0 mt-[8px] font-semibold text-[20px] text-gray-900 leading-[28px]\"\n >\n Versatile Comfort\n \u003C\u002FText>\n \u003CText class=\"mt-[8px] text-[16px] text-gray-500 leading-[24px]\">\n Experience ultimate comfort and versatility with our furniture\n collection, designed to adapt to your ever-changing needs.\n \u003C\u002FText>\n \u003CLink\n class=\"text-indigo-600 underline\"\n href=\"https:\u002F\u002Fvuemail.dev\"\n >Read more\u003C\u002FLink>\n \u003C\u002FSection>\n \u003CSection class=\"my-[8px] inline-block w-full max-w-[220px] align-top\">\n \u003CImg\n alt=\"An aesthetic picture taken of an Iphone, flowers, glasses and a card that reads 'Gucci, bloom' coming out of a leathered bag with a ziper\"\n class=\"rounded-[8px] object-cover\"\n :height=\"220\"\n src=\"\u002Fstatic\u002Fversatile-comfort.jpg\"\n :width=\"220\"\n \u002F>\n \u003C\u002FSection>\n \u003C\u002FSection>\n\u003C\u002Ftemplate>\n",{"slug":16,"title":17,"code":39},{"html":40,"inline-styles":41,"tailwind":42},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n \u003Ctable\n border=\"0\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n align=\"center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n dir=\"ltr\"\n lang=\"en\"\n style=\"margin:0;margin-left:12px;margin-right:12px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n \u003Ctable\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"height:424px;margin-top:16px;margin-bottom:16px;border-radius:12px;background-color:rgb(37,99,235);background-image:url('\u002Fstatic\u002Fmy-image.png');background-size:100% 100%;\"\n width=\"100%\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n align=\"center\"\n style=\"padding:40px;text-align:center;\">\n \u003Cp\n style=\"font-size:14px;line-height:24px;margin:0px;font-weight:600;color:rgb(229,231,235);margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n New article\n \u003C\u002Fp>\n \u003Ch1\n style=\"margin:0px;margin-top:4px;font-weight:700;color:rgb(255,255,255)\">\n Artful Accents\n \u003C\u002Fh1>\n \u003Cp\n style=\"font-size:16px;line-height:24px;margin:0px;margin-top:8px;color:rgb(255,255,255);margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Uncover the power of accent furniture in\n transforming your space with subtle touches of\n style, personality, and functionality, as we\n explore the art of curating captivating accents.\n \u003C\u002Fp>\n \u003Ca\n href=\"https:\u002F\u002Fvuemail.dev\"\n style=\"line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;margin-top:24px;border-radius:8px;border-width:1px;border-style:solid;border-color:rgb(229,231,235);background-color:rgb(255,255,255);padding-left:40px;padding-right:40px;padding-top:12px;padding-bottom:12px;font-weight:600;color:rgb(17,24,39)\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:500%;mso-text-raise:18px\" hidden>    \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px\"\n >Read more\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:500%\" hidden>    ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport { Button, Heading, Text } from '@vuemaildev\u002Fvuemail';\n\n\u002F\u002F Notes for future exploration on finding a way to do this inside of\n\u002F\u002F Desktop Outlook:\n\u002F\u002F - https:\u002F\u002Fbackgrounds.cm\u002F\n\u002F\u002F - use VML https:\u002F\u002Flearn.microsoft.com\u002Fen-us\u002Fwindows\u002Fwin32\u002Fvml\u002Fmsdn-online-vml-fill-element\n\nconst tableStyle = {\n height: '424px',\n marginTop: '16px',\n marginBottom: '16px',\n borderRadius: '12px',\n backgroundColor: 'rgb(37,99,235)',\n \u002F\u002F This url must be in quotes for Yahoo\n backgroundImage: \"url('\u002Fstatic\u002Fmy-image.png')\",\n backgroundSize: '100% 100%',\n};\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Ctable\n align=\"center\"\n :border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n :style=\"tableStyle\"\n width=\"100%\"\n >\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd align=\"center\" :style=\"{ padding: '40px', textAlign: 'center' }\">\n \u003CText\n :style=\"{\n margin: '0px',\n fontWeight: 600,\n color: 'rgb(229,231,235)',\n }\"\n >\n New article\n \u003C\u002FText>\n \u003CHeading\n as=\"h1\"\n :style=\"{\n margin: '0px',\n marginTop: '4px',\n fontWeight: 700,\n color: 'rgb(255,255,255)',\n }\"\n >\n Artful Accents\n \u003C\u002FHeading>\n \u003CText\n :style=\"{\n margin: '0px',\n marginTop: '8px',\n fontSize: '16px',\n lineHeight: '24px',\n color: 'rgb(255,255,255)',\n }\"\n >\n Uncover the power of accent furniture in transforming your space\n with subtle touches of style, personality, and functionality, as we\n explore the art of curating captivating accents.\n \u003C\u002FText>\n \u003CButton\n href=\"https:\u002F\u002Fvuemail.dev\"\n :style=\"{\n marginTop: '24px',\n borderRadius: '8px',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: 'rgb(229,231,235)',\n backgroundColor: 'rgb(255,255,255)',\n paddingLeft: '40px',\n paddingRight: '40px',\n paddingTop: '12px',\n paddingBottom: '12px',\n fontWeight: 600,\n color: 'rgb(17,24,39)',\n }\"\n >Read more\u003C\u002FButton>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport { Button, Heading, Text } from '@vuemaildev\u002Fvuemail';\n\n\u002F\u002F Notes for future exploration on finding a way to do this inside of\n\u002F\u002F Desktop Outlook:\n\u002F\u002F - https:\u002F\u002Fbackgrounds.cm\u002F\n\u002F\u002F - use VML https:\u002F\u002Flearn.microsoft.com\u002Fen-us\u002Fwindows\u002Fwin32\u002Fvml\u002Fmsdn-online-vml-fill-element\n\nconst tableStyle = {\n \u002F\u002F This url must be in quotes for Yahoo\n backgroundImage: \"url('\u002Fstatic\u002Fmy-image.png')\",\n backgroundSize: '100% 100%',\n};\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Ctable\n align=\"center\"\n :border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n class=\"my-[16px] h-[424px] rounded-[12px] bg-blue-600\"\n role=\"presentation\"\n :style=\"tableStyle\"\n width=\"100%\"\n >\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd align=\"center\" class=\"p-[40px] text-center\">\n \u003CText class=\"m-0 font-semibold text-gray-200\">New article\u003C\u002FText>\n \u003CHeading as=\"h1\" class=\"m-0 mt-[4px] font-bold text-white\">\n Artful Accents\n \u003C\u002FHeading>\n \u003CText class=\"m-0 mt-[8px] text-[16px] text-white leading-[24px]\">\n Uncover the power of accent furniture in transforming your space\n with subtle touches of style, personality, and functionality, as we\n explore the art of curating captivating accents.\n \u003C\u002FText>\n \u003CButton\n class=\"mt-[24px] rounded-[8px] border border-gray-200 border-solid bg-white px-[40px] py-[12px] font-semibold text-gray-900\"\n href=\"https:\u002F\u002Fvuemail.dev\"\n >Read more\u003C\u002FButton>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n\u003C\u002Ftemplate>\n",{"slug":19,"title":20,"code":44},{"html":45,"inline-styles":46,"tailwind":47},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n \u003Ctable\n border=\"0\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n align=\"center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n dir=\"ltr\"\n lang=\"en\"\n style=\"margin:0;margin-left:12px;margin-right:12px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-top:16px;margin-bottom:16px\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Cp\n style=\"font-size:20px;line-height:28px;margin:0px;font-weight:600;color:rgb(17,24,39);margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Elevate Outdoor Living\n \u003C\u002Fp>\n \u003Cp\n style=\"font-size:16px;line-height:24px;margin-top:8px;color:rgb(107,114,128);margin-bottom:16px\">\n Take your outdoor space to new heights with\n our premium outdoor furniture, designed to\n elevate your alfresco experience.\n \u003C\u002Fp>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-top:16px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n colspan=\"1\"\n data-id=\"__vuemail-column\"\n style=\"width:50%;vertical-align:baseline;padding-right:8px;box-sizing:border-box\">\n \u003Cimg\n height=\"180\"\n src=\"\u002Fstatic\u002Foutdoor-living.jpg\"\n alt=\"A picture of a pink background with varios items laid out. Shoes, lipstick, sunglasses, some leafs and part of a purse.\"\n style=\"display:block;outline:none;border:none;text-decoration:none;width:100%;border-radius:8px;object-fit:cover\" \u002F>\n \u003Cp\n style=\"font-size:16px;line-height:24px;font-weight:600;color:rgb(79,70,229);margin-top:16px;margin-bottom:16px\">\n What's new\n \u003C\u002Fp>\n \u003Cp\n style=\"font-size:20px;line-height:28px;margin:0px;font-weight:600;color:rgb(17,24,39);margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Multifunctional Marvels\n \u003C\u002Fp>\n \u003Cp\n style=\"font-size:16px;line-height:24px;margin-bottom:0px;margin-top:8px;color:rgb(107,114,128)\">\n Discover the innovative world of\n multifunctional furniture, where style\n meets practicality, offering creative\n solutions for maximizing space and\n enhancing functionality in your home\n \u003C\u002Fp>\n \u003C\u002Ftd>\n \u003Ctd\n colspan=\"1\"\n data-id=\"__vuemail-column\"\n style=\"width:50%;vertical-align:baseline;padding-left:8px;box-sizing:border-box\">\n \u003Cimg\n height=\"180\"\n src=\"\u002Fstatic\u002Foutdoor-living.jpg\"\n alt=\"A picture of a pink background with varios items laid out. Shoes, lipstick, sunglasses, some leafs and part of a purse.\"\n style=\"display:block;outline:none;border:none;text-decoration:none;width:100%;border-radius:8px;object-fit:cover\" \u002F>\n \u003Cp\n style=\"font-size:16px;line-height:24px;font-weight:600;color:rgb(79,70,229);margin-top:16px;margin-bottom:16px\">\n What's new\n \u003C\u002Fp>\n \u003Cp\n style=\"font-size:20px;line-height:28px;margin:0px;font-weight:600;color:rgb(17,24,39);margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Timeless Classics\n \u003C\u002Fp>\n \u003Cp\n style=\"font-size:16px;line-height:24px;margin-bottom:0px;margin-top:8px;color:rgb(107,114,128)\">\n Step into the world of timeless classics\n as we explore iconic furniture pieces that\n have stood the test of time, adding\n enduring elegance and sophistication to\n any interior\n \u003C\u002Fp>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport { Column, Img, Row, Section, Text } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CSection :style=\"{ marginTop: '16px', marginBottom: '16px' }\">\n \u003CRow>\n \u003CText\n :style=\"{\n margin: '0px',\n fontSize: '20px',\n lineHeight: '28px',\n fontWeight: 600,\n color: 'rgb(17,24,39)',\n }\"\n >\n Elevate Outdoor Living\n \u003C\u002FText>\n \u003CText\n :style=\"{\n marginTop: '8px',\n fontSize: '16px',\n lineHeight: '24px',\n color: 'rgb(107,114,128)',\n }\"\n >\n Take your outdoor space to new heights with our premium outdoor\n furniture, designed to elevate your alfresco experience.\n \u003C\u002FText>\n \u003C\u002FRow>\n \u003CRow :style=\"{ marginTop: '16px' }\">\n \u003CColumn\n :colspan=\"1\"\n :style=\"{\n width: '50%',\n verticalAlign: 'baseline',\n paddingRight: '8px',\n boxSizing: 'border-box',\n }\"\n >\n \u003CImg\n alt=\"A picture of a pink background with varios items laid out. Shoes, lipstick, sunglasses, some leafs and part of a purse.\"\n height=\"180\"\n src=\"\u002Fstatic\u002Foutdoor-living.jpg\"\n :style=\"{ width: '100%', borderRadius: '8px', objectFit: 'cover' }\"\n \u002F>\n \u003CText\n :style=\"{\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: 600,\n color: 'rgb(79,70,229)',\n }\"\n >\n What's new\n \u003C\u002FText>\n \u003CText\n :style=\"{\n margin: '0px',\n fontSize: '20px',\n lineHeight: '28px',\n fontWeight: 600,\n color: 'rgb(17,24,39)',\n }\"\n >\n Multifunctional Marvels\n \u003C\u002FText>\n \u003CText\n :style=\"{\n marginBottom: '0px',\n marginTop: '8px',\n fontSize: '16px',\n lineHeight: '24px',\n color: 'rgb(107,114,128)',\n }\"\n >\n Discover the innovative world of multifunctional furniture, where\n style meets practicality, offering creative solutions for maximizing\n space and enhancing functionality in your home\n \u003C\u002FText>\n \u003C\u002FColumn>\n \u003CColumn\n :colspan=\"1\"\n :style=\"{\n width: '50%',\n verticalAlign: 'baseline',\n paddingLeft: '8px',\n boxSizing: 'border-box',\n }\"\n >\n \u003CImg\n alt=\"A picture of a pink background with varios items laid out. Shoes, lipstick, sunglasses, some leafs and part of a purse.\"\n height=\"180\"\n src=\"\u002Fstatic\u002Foutdoor-living.jpg\"\n :style=\"{ width: '100%', borderRadius: '8px', objectFit: 'cover' }\"\n \u002F>\n \u003CText\n :style=\"{\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: 600,\n color: 'rgb(79,70,229)',\n }\"\n >\n What's new\n \u003C\u002FText>\n \u003CText\n :style=\"{\n margin: '0px',\n fontSize: '20px',\n lineHeight: '28px',\n fontWeight: 600,\n color: 'rgb(17,24,39)',\n }\"\n >\n Timeless Classics\n \u003C\u002FText>\n \u003CText\n :style=\"{\n marginBottom: '0px',\n marginTop: '8px',\n fontSize: '16px',\n lineHeight: '24px',\n color: 'rgb(107,114,128)',\n }\"\n >\n Step into the world of timeless classics as we explore iconic\n furniture pieces that have stood the test of time, adding enduring\n elegance and sophistication to any interior\n \u003C\u002FText>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport { Column, Img, Row, Section, Text } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CSection class=\"my-[16px]\">\n \u003CRow>\n \u003CText class=\"m-0 font-semibold text-[20px] text-gray-900 leading-[28px]\">\n Elevate Outdoor Living\n \u003C\u002FText>\n \u003CText class=\"mt-[8px] text-[16px] text-gray-500 leading-[24px]\">\n Take your outdoor space to new heights with our premium outdoor\n furniture, designed to elevate your alfresco experience.\n \u003C\u002FText>\n \u003C\u002FRow>\n \u003CRow class=\"mt-[16px]\">\n \u003CColumn class=\"box-border w-[50%] pr-[8px] align-baseline\" :colspan=\"1\">\n \u003CImg\n alt=\"A picture of a pink background with varios items laid out. Shoes, lipstick, sunglasses, some leafs and part of a purse.\"\n class=\"w-full rounded-[8px] object-cover\"\n height=\"180\"\n src=\"\u002Fstatic\u002Foutdoor-living.jpg\"\n \u002F>\n \u003CText class=\"font-semibold text-[16px] text-indigo-600 leading-[24px]\">\n What's new\n \u003C\u002FText>\n \u003CText\n class=\"m-0 font-semibold text-[20px] text-gray-900 leading-[28px]\"\n >\n Multifunctional Marvels\n \u003C\u002FText>\n \u003CText class=\"mt-[8px] mb-0 text-[16px] text-gray-500 leading-[24px]\">\n Discover the innovative world of multifunctional furniture, where\n style meets practicality, offering creative solutions for maximizing\n space and enhancing functionality in your home\n \u003C\u002FText>\n \u003C\u002FColumn>\n \u003CColumn class=\"box-border w-[50%] pl-[8px] align-baseline\" :colspan=\"1\">\n \u003CImg\n alt=\"A picture of a pink background with varios items laid out. Shoes, lipstick, sunglasses, some leafs and part of a purse.\"\n class=\"w-full rounded-[8px] object-cover\"\n height=\"180\"\n src=\"\u002Fstatic\u002Foutdoor-living.jpg\"\n \u002F>\n \u003CText class=\"font-semibold text-[16px] text-indigo-600 leading-[24px]\">\n What's new\n \u003C\u002FText>\n \u003CText\n class=\"m-0 font-semibold text-[20px] text-gray-900 leading-[28px]\"\n >\n Timeless Classics\n \u003C\u002FText>\n \u003CText class=\"mt-[8px] mb-0 text-[16px] text-gray-500 leading-[24px]\">\n Step into the world of timeless classics as we explore iconic\n furniture pieces that have stood the test of time, adding enduring\n elegance and sophistication to any interior\n \u003C\u002FText>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n\u003C\u002Ftemplate>\n",{"slug":22,"title":23,"code":49},{"html":50,"inline-styles":51,"tailwind":52},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n \u003Ctable\n border=\"0\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n align=\"center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n dir=\"ltr\"\n lang=\"en\"\n style=\"margin:0;margin-left:12px;margin-right:12px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Chr\n style=\"width:100%;border:none;border-color:rgb(209,213,219) !important;border-top:1px solid #eaeaea;margin-top:16px;margin-bottom:16px\" \u002F>\n \u003Ctable\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"48\"\n height=\"48\"\n data-id=\"__vuemail-column\"\n style=\"display:inline-block;padding-top:5px;height:48px;width:48px\">\n \u003Cimg\n height=\"48\"\n src=\"\u002Fstatic\u002Fsteve-jobs.jpg\"\n width=\"48\"\n alt=\"Steve Jobs\"\n style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:9999px;height:48px;object-fit:cover;object-position:center;width:48px\" \u002F>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"120\"\n align=\"left\"\n valign=\"top\"\n data-id=\"__vuemail-column\"\n style=\"padding-left:18px;max-width:120px\">\n \u003Ch3\n style=\"color:rgb(31,41,55);font-size:14px;font-weight:500;line-height:20px;margin:0px\">\n Steve Jobs\n \u003C\u002Fh3>\n \u003Cp\n style=\"font-size:12px;line-height:14px;color:rgb(107,114,128);font-weight:500;margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Co-Founder & CEO\n \u003C\u002Fp>\n \u003Ctable\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-top:4px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n valign=\"middle\"\n data-id=\"__vuemail-column\">\n \u003Ca\n href=\"#\"\n style=\"color:#067df7;text-decoration-line:none;height:12px;width:12px\"\n target=\"_blank\"\n >\u003Cimg\n src=\"\u002Fstatic\u002Fx-icon.png\"\n width=\"12\"\n height=\"12\"\n alt=\"X\"\n style=\"display:block;outline:none;border:none;text-decoration:none;height:12px;width:12px\"\n \u002F>\u003C\u002Fa>\n \u003C\u002Ftd>\n \u003Ctd\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"padding-left:8px\">\n \u003Ca\n href=\"#\"\n style=\"color:#067df7;text-decoration-line:none;height:12px;width:12px\"\n target=\"_blank\"\n >\u003Cimg\n src=\"\u002Fstatic\u002Fin-icon.png\"\n width=\"12\"\n height=\"12\"\n alt=\"LinkedIn\"\n style=\"display:block;outline:none;border:none;text-decoration:none;height:12px;width:12px\"\n \u002F>\u003C\u002Fa>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport {\n Column,\n Heading,\n Hr,\n Img,\n Link,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CSection>\n \u003CHr\n :style=\"{\n borderColor: 'rgb(209,213,219) !important',\n marginTop: '16px',\n marginBottom: '16px',\n }\"\n \u002F>\n \u003CRow :width=\"undefined\">\n \u003CColumn\n width=\"48\"\n height=\"48\"\n :style=\"{\n display: 'inline-block',\n paddingTop: '5px',\n height: '48px',\n width: '48px',\n }\"\n >\n \u003CImg\n alt=\"Steve Jobs\"\n :height=\"48\"\n src=\"\u002Fstatic\u002Fsteve-jobs.jpg\"\n :style=\"{\n borderRadius: '9999px',\n display: 'block',\n height: '48px',\n objectFit: 'cover',\n objectPosition: 'center',\n width: '48px',\n }\"\n :width=\"48\"\n \u002F>\n \u003C\u002FColumn>\n \u003CColumn\n width=\"120\"\n :style=\"{ paddingLeft: '18px', maxWidth: '120px' }\"\n align=\"left\"\n valign=\"top\"\n >\n \u003CHeading\n as=\"h3\"\n :style=\"{\n color: 'rgb(31,41,55)',\n fontSize: '14px',\n fontWeight: 500,\n lineHeight: '20px',\n margin: '0px',\n }\"\n >\n Steve Jobs\n \u003C\u002FHeading>\n \u003CText\n :style=\"{\n color: 'rgb(107,114,128)',\n fontSize: '12px',\n fontWeight: 500,\n lineHeight: '14px',\n margin: '0px',\n }\"\n >\n Co-Founder & CEO\n \u003C\u002FText>\n \u003CRow\n :align=\"undefined\"\n :width=\"undefined\"\n :style=\"{ marginTop: '4px' }\"\n >\n \u003CColumn :width=\"undefined\" valign=\"middle\">\n \u003CLink href=\"#\" :style=\"{ height: '12px', width: '12px' }\">\n \u003CImg\n alt=\"X\"\n src=\"\u002Fstatic\u002Fx-icon.png\"\n width=\"12\"\n height=\"12\"\n :style=\"{ height: '12px', width: '12px' }\"\n \u002F>\n \u003C\u002FLink>\n \u003C\u002FColumn>\n \u003CColumn\n :width=\"undefined\"\n valign=\"middle\"\n :style=\"{ paddingLeft: '8px' }\"\n >\n \u003CLink href=\"#\" :style=\"{ height: '12px', width: '12px' }\">\n \u003CImg\n alt=\"LinkedIn\"\n src=\"\u002Fstatic\u002Fin-icon.png\"\n width=\"12\"\n height=\"12\"\n :style=\"{ height: '12px', width: '12px' }\"\n \u002F>\n \u003C\u002FLink>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport {\n Column,\n Heading,\n Hr,\n Img,\n Link,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CSection>\n \u003CHr class=\"!border-gray-300 my-[16px]\" \u002F>\n \u003CRow :width=\"undefined\">\n \u003CColumn\n width=\"48\"\n height=\"48\"\n class=\"pt-[5px] h-[48px] w-[48px]\"\n align=\"left\"\n >\n \u003CImg\n alt=\"Steve Jobs\"\n class=\"block h-[48px] w-[48px] rounded-full object-cover object-center\"\n height=\"48\"\n src=\"https:\u002F\u002Fvuemail.dev\u002Fstatic\u002Fsteve-jobs.jpg\"\n width=\"48\"\n \u002F>\n \u003C\u002FColumn>\n \u003CColumn width=\"120\" class=\"pl-[18px] w-[120px]\" align=\"left\" valign=\"top\">\n \u003CHeading\n as=\"h3\"\n class=\"m-[0px] font-medium text-[14px] text-gray-800 leading-[20px]\"\n >\n Steve Jobs\n \u003C\u002FHeading>\n \u003CText\n class=\"m-[0px] font-medium text-[12px] text-gray-500 leading-[14px]\"\n >\n Co-Founder & CEO\n \u003C\u002FText>\n \u003CRow :width=\"undefined\" class=\"mt-[4px]\" :align=\"undefined\">\n \u003CColumn :width=\"undefined\" valign=\"middle\">\n \u003CLink class=\"h-[12px] w-[12px]\" href=\"#\">\n \u003CImg\n alt=\"X\"\n src=\"https:\u002F\u002Fvuemail.dev\u002Fstatic\u002Fx-icon.png\"\n width=\"12\"\n height=\"12\"\n :style=\"{ height: '12px', width: '12px' }\"\n \u002F>\n \u003C\u002FLink>\n \u003C\u002FColumn>\n \u003CColumn :width=\"undefined\" class=\"pl-[8px]\" valign=\"middle\">\n \u003CLink class=\"h-[12px] w-[12px]\" href=\"#\">\n \u003CImg\n alt=\"LinkedIn\"\n src=\"https:\u002F\u002Fvuemail.dev\u002Fstatic\u002Fin-icon.png\"\n width=\"12\"\n height=\"12\"\n :style=\"{ height: '12px', width: '12px' }\"\n \u002F>\n \u003C\u002FLink>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n\u003C\u002Ftemplate>\n",{"slug":25,"title":26,"code":54},{"html":55,"inline-styles":56,"tailwind":57},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n \u003Ctable\n border=\"0\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n align=\"center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n dir=\"ltr\"\n lang=\"en\"\n style=\"margin:0;margin-left:12px;margin-right:12px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Chr\n style=\"width:100%;border:none;border-color:rgb(209,213,219) !important;border-top:1px solid #eaeaea;margin-top:16px;margin-bottom:0px\" \u002F>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Ctable\n align=\"left\"\n width=\"288\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-top:16px;width:288px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"48\"\n height=\"48\"\n data-id=\"__vuemail-column\"\n style=\"padding-top:5px;height:48px;width:48px;text-align:left\">\n \u003Cimg\n height=\"48\"\n src=\"\u002Fstatic\u002Fsteve-jobs.jpg\"\n width=\"48\"\n alt=\"Steve Jobs\"\n style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:9999px;object-fit:cover;object-position:center\" \u002F>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"100%\"\n data-id=\"__vuemail-column\"\n style=\"padding-left:18px;width:100%;text-align:left;vertical-align:top\">\n \u003Ch3\n style=\"color:rgb(17,24,39);font-size:14px;font-weight:500;line-height:20px;margin:0px\">\n Steve Jobs\n \u003C\u002Fh3>\n \u003Cp\n style=\"font-size:12px;line-height:14px;color:rgb(107,114,128);font-weight:500;margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Co-Founder & CEO\n \u003C\u002Fp>\n \u003Ctable\n align=\"left\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"padding-top:8px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"12\"\n height=\"12\"\n data-id=\"__vuemail-column\">\n \u003Ca\n href=\"#\"\n style=\"color:#067df7;text-decoration-line:none;height:12px;width:12px\"\n target=\"_blank\"\n >\u003Cimg\n height=\"12\"\n src=\"\u002Fstatic\u002Fx-icon.png\"\n width=\"12\"\n alt=\"X\"\n style=\"display:block;outline:none;border:none;text-decoration:none\"\n \u002F>\u003C\u002Fa>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"12\"\n height=\"12\"\n data-id=\"__vuemail-column\"\n style=\"padding-left:8px\">\n \u003Ca\n href=\"#\"\n style=\"color:#067df7;text-decoration-line:none;height:12px;width:12px\"\n target=\"_blank\"\n >\u003Cimg\n height=\"12\"\n src=\"\u002Fstatic\u002Fin-icon.png\"\n width=\"12\"\n alt=\"LinkedIn\"\n style=\"display:block;outline:none;border:none;text-decoration:none\"\n \u002F>\u003C\u002Fa>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Chr\n style=\"width:1px;border:none;border-color:transparent;border-top:1px solid #eaeaea;background-color:rgb(209,213,219);display:inline-block;float:left;height:58px;margin-right:16px\" \u002F>\n \u003Ctable\n align=\"left\"\n width=\"288\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-top:16px;width:288px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"48\"\n height=\"48\"\n data-id=\"__vuemail-column\"\n style=\"padding-top:5px;height:48px;width:48px;text-align:left\">\n \u003Cimg\n height=\"48\"\n src=\"\u002Fstatic\u002Fsteve-wozniak.jpg\"\n width=\"48\"\n alt=\"Steve Wozniak\"\n style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:9999px;object-fit:cover;object-position:center\" \u002F>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"100%\"\n data-id=\"__vuemail-column\"\n style=\"padding-left:18px;width:100%;text-align:left;vertical-align:top\">\n \u003Ch3\n style=\"color:rgb(17,24,39);font-size:14px;font-weight:500;line-height:20px;margin:0px\">\n Steve Wozniak\n \u003C\u002Fh3>\n \u003Cp\n style=\"font-size:12px;line-height:14px;color:rgb(107,114,128);font-weight:500;margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Co-Founder & CTO\n \u003C\u002Fp>\n \u003Ctable\n align=\"left\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"padding-top:8px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"12\"\n height=\"12\"\n data-id=\"__vuemail-column\">\n \u003Ca\n href=\"#\"\n style=\"color:#067df7;text-decoration-line:none;height:12px;width:12px\"\n target=\"_blank\"\n >\u003Cimg\n height=\"12\"\n src=\"\u002Fstatic\u002Fx-icon.png\"\n width=\"12\"\n alt=\"X\"\n style=\"display:block;outline:none;border:none;text-decoration:none\"\n \u002F>\u003C\u002Fa>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"12\"\n height=\"12\"\n data-id=\"__vuemail-column\"\n style=\"padding-left:8px\">\n \u003Ca\n href=\"#\"\n style=\"color:#067df7;text-decoration-line:none;height:12px;width:12px\"\n target=\"_blank\"\n >\u003Cimg\n height=\"12\"\n src=\"\u002Fstatic\u002Fin-icon.png\"\n width=\"12\"\n alt=\"LinkedIn\"\n style=\"display:block;outline:none;border:none;text-decoration:none\"\n \u002F>\u003C\u002Fa>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport {\n Column,\n Heading,\n Hr,\n Img,\n Link,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst authors = [\n {\n name: 'Steve Jobs',\n title: 'Co-Founder & CEO',\n imgSrc: '\u002Fstatic\u002Fsteve-jobs.jpg',\n showDivider: true,\n },\n {\n name: 'Steve Wozniak',\n title: 'Co-Founder & CTO',\n imgSrc: '\u002Fstatic\u002Fsteve-wozniak.jpg',\n showDivider: false,\n },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CSection>\n \u003CHr\n :style=\"{\n borderColor: 'rgb(209,213,219) !important',\n marginTop: '16px',\n marginBottom: '0px',\n }\"\n \u002F>\n \u003CSection>\n \u003Ctemplate v-for=\"author in authors\" :key=\"author.name\">\n \u003CRow\n align=\"left\"\n width=\"288\"\n :style=\"{ marginTop: '16px', width: '288px' }\"\n >\n \u003CColumn\n width=\"48\"\n height=\"48\"\n :style=\"{\n paddingTop: '5px',\n height: '48px',\n width: '48px',\n textAlign: 'left',\n }\"\n >\n \u003CImg\n :alt=\"author.name\"\n :height=\"48\"\n :src=\"author.imgSrc\"\n :style=\"{\n borderRadius: '9999px',\n display: 'block',\n objectFit: 'cover',\n objectPosition: 'center',\n }\"\n :width=\"48\"\n \u002F>\n \u003C\u002FColumn>\n \u003CColumn\n width=\"100%\"\n :style=\"{\n paddingLeft: '18px',\n width: '100%',\n textAlign: 'left',\n verticalAlign: 'top',\n }\"\n >\n \u003CHeading\n as=\"h3\"\n :style=\"{\n color: 'rgb(17,24,39)',\n fontSize: '14px',\n fontWeight: 500,\n lineHeight: '20px',\n margin: '0px',\n }\"\n >\n {{ author.name }}\n \u003C\u002FHeading>\n \u003CText\n :style=\"{\n color: 'rgb(107,114,128)',\n fontSize: '12px',\n fontWeight: 500,\n lineHeight: '14px',\n margin: '0px',\n }\"\n >\n {{ author.title }}\n \u003C\u002FText>\n \u003CRow :width=\"undefined\" :style=\"{ paddingTop: '8px' }\" align=\"left\">\n \u003CColumn width=\"12\" height=\"12\">\n \u003CLink href=\"#\" :style=\"{ height: '12px', width: '12px' }\">\n \u003CImg\n alt=\"X\"\n :height=\"12\"\n src=\"\u002Fstatic\u002Fx-icon.png\"\n :width=\"12\"\n \u002F>\n \u003C\u002FLink>\n \u003C\u002FColumn>\n \u003CColumn width=\"12\" height=\"12\" :style=\"{ paddingLeft: '8px' }\">\n \u003CLink href=\"#\" :style=\"{ height: '12px', width: '12px' }\">\n \u003CImg\n alt=\"LinkedIn\"\n :height=\"12\"\n src=\"\u002Fstatic\u002Fin-icon.png\"\n :width=\"12\"\n \u002F>\n \u003C\u002FLink>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003CHr\n v-if=\"author.showDivider\"\n :style=\"{\n border: 'none',\n backgroundColor: 'rgb(209,213,219)',\n display: 'inline-block',\n float: 'left',\n height: '58px',\n marginRight: '16px',\n width: '1px',\n }\"\n \u002F>\n \u003C\u002Ftemplate>\n \u003C\u002FSection>\n \u003C\u002FSection>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport {\n Column,\n Heading,\n Hr,\n Img,\n Link,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst authors = [\n {\n name: 'Steve Jobs',\n title: 'Co-Founder & CEO',\n imgSrc: '\u002Fstatic\u002Fsteve-jobs.jpg',\n showDivider: true,\n },\n {\n name: 'Steve Wozniak',\n title: 'Co-Founder & CTO',\n imgSrc: '\u002Fstatic\u002Fsteve-wozniak.jpg',\n showDivider: false,\n },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CSection>\n \u003CHr class=\"!border-gray-300 mt-[16px] mb-[0px]\" \u002F>\n \u003Ctemplate v-for=\"author in authors\" :key=\"author.name\">\n \u003CRow align=\"left\" width=\"288\" class=\"pt-[16px] w-[288px]\">\n \u003CColumn\n width=\"48\"\n height=\"48\"\n align=\"left\"\n class=\"pt-[5px] h-[48px] w-[48px]\"\n >\n \u003CImg\n :alt=\"author.name\"\n class=\"block rounded-full object-cover object-center\"\n :height=\"48\"\n :src=\"author.imgSrc\"\n :width=\"48\"\n \u002F>\n \u003C\u002FColumn>\n \u003CColumn width=\"100%\" class=\"pl-[18px] w-full\" align=\"left\" valign=\"top\">\n \u003CHeading\n as=\"h3\"\n class=\"m-0 font-medium text-[14px] text-gray-900 leading-[20px]\"\n >\n {{ author.name }}\n \u003C\u002FHeading>\n \u003CText\n class=\"m-0 font-medium text-[12px] text-gray-500 leading-[14px]\"\n >\n {{ author.title }}\n \u003C\u002FText>\n \u003CRow :width=\"undefined\" class=\"pt-[8px]\" align=\"left\">\n \u003CColumn width=\"12\" height=\"12\">\n \u003CLink class=\"h-[12px] w-[12px]\" href=\"#\">\n \u003CImg\n alt=\"X\"\n :height=\"12\"\n src=\"\u002Fstatic\u002Fx-icon.png\"\n :width=\"12\"\n \u002F>\n \u003C\u002FLink>\n \u003C\u002FColumn>\n \u003CColumn class=\"pl-[8px]\" width=\"12\" height=\"12\">\n \u003CLink class=\"h-[12px] w-[12px]\" href=\"#\">\n \u003CImg\n alt=\"LinkedIn\"\n :height=\"12\"\n src=\"\u002Fstatic\u002Fin-icon.png\"\n :width=\"12\"\n \u002F>\n \u003C\u002FLink>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003CHr\n v-if=\"author.showDivider\"\n class=\"mr-[16px] inline-block h-[58px] w-[1px] bg-gray-300 [border:none]\"\n :style=\"{ float: 'left' }\"\n \u002F>\n \u003C\u002Ftemplate>\n \u003C\u002FSection>\n\u003C\u002Ftemplate>\n",1790606431545]