[{"data":1,"prerenderedAt":26},["ShallowReactive",2],{"components-list":3,"$f148199gmhdfq7":25},{"category":4,"components":14},{"name":5,"description":6,"components":7},"List","List components for displaying ordered and unordered lists with different styles.",[8,11],{"slug":9,"title":10},"simple-list","Simple List",{"slug":12,"title":13},"list-with-image-on-left","List with image on left",[15,20],{"slug":9,"title":10,"code":16},{"html":17,"inline-styles":18,"tailwind":19},"\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 \u003Ctitle>Top 5 Features of Our Service\u003C\u002Ftitle>\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 \u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta\n content=\"text\u002Fhtml; charset=UTF-8\"\n http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Cstyle>\u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody dir=\"ltr\" lang=\"en\">\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 dir=\"ltr\" lang=\"en\">\n \u003Cdiv\n data-skip-in-text=\"true\"\n style=\"display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0\">\n Top 5 Features of Our Service\n \u003Cdiv>\n  ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:600px;background-color:rgb(255,255,255);border-radius:8px;margin-left:auto;margin-right:auto\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd style=\"padding:24px\">\n \u003Ch1\n style=\"font-size:24px;line-height:32px;margin-bottom:42px;text-align:center\">\n Top 5 Features of Our Service\n \u003C\u002Fh1>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-bottom:36px\">\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=\"padding-left:12px;padding-right:32px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n valign=\"top\"\n align=\"center\"\n data-id=\"__vuemail-column\"\n style=\"width:24px;height:24px;padding-right:18px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:24px;height:24px;background-color:rgb(79,70,229);border-radius:9999px;color:rgb(255,255,255);font-size:12px;font-weight:600;line-height:1\">\n 1\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Ch2\n style=\"color:rgb(17,24,39);font-size:18px;line-height:28px;margin-bottom:8px;margin-top:0px\">\n Innovative Solutions\n \u003C\u002Fh2>\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n We deliver innovative\n solutions that drive\n success and growth.\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 \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-bottom:36px\">\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=\"padding-left:12px;padding-right:32px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n valign=\"top\"\n align=\"center\"\n data-id=\"__vuemail-column\"\n style=\"width:24px;height:24px;padding-right:18px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:24px;height:24px;background-color:rgb(79,70,229);border-radius:9999px;color:rgb(255,255,255);font-size:12px;font-weight:600;line-height:1\">\n 2\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Ch2\n style=\"color:rgb(17,24,39);font-size:18px;line-height:28px;margin-bottom:8px;margin-top:0px\">\n Exceptional\n Performance\n \u003C\u002Fh2>\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Our services deliver\n high-quality\n performance and\n efficiency.\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 \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-bottom:36px\">\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=\"padding-left:12px;padding-right:32px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n valign=\"top\"\n align=\"center\"\n data-id=\"__vuemail-column\"\n style=\"width:24px;height:24px;padding-right:18px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:24px;height:24px;background-color:rgb(79,70,229);border-radius:9999px;color:rgb(255,255,255);font-size:12px;font-weight:600;line-height:1\">\n 3\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Ch2\n style=\"color:rgb(17,24,39);font-size:18px;line-height:28px;margin-bottom:8px;margin-top:0px\">\n Reliable Support\n \u003C\u002Fh2>\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n We have robust support\n to keep your\n operations running\n smoothly.\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 \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-bottom:36px\">\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=\"padding-left:12px;padding-right:32px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n valign=\"top\"\n align=\"center\"\n data-id=\"__vuemail-column\"\n style=\"width:24px;height:24px;padding-right:18px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:24px;height:24px;background-color:rgb(79,70,229);border-radius:9999px;color:rgb(255,255,255);font-size:12px;font-weight:600;line-height:1\">\n 4\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Ch2\n style=\"color:rgb(17,24,39);font-size:18px;line-height:28px;margin-bottom:8px;margin-top:0px\">\n Advanced Security\n \u003C\u002Fh2>\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n We implement\n cutting-edge security\n measures to protect\n your data and assets.\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 \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-bottom:36px\">\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=\"padding-left:12px;padding-right:32px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n valign=\"top\"\n align=\"center\"\n data-id=\"__vuemail-column\"\n style=\"width:24px;height:24px;padding-right:18px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:24px;height:24px;background-color:rgb(79,70,229);border-radius:9999px;color:rgb(255,255,255);font-size:12px;font-weight:600;line-height:1\">\n 5\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Ch2\n style=\"color:rgb(17,24,39);font-size:18px;line-height:28px;margin-bottom:8px;margin-top:0px\">\n Scalable Growth\n \u003C\u002Fh2>\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n We develop customized\n strategies for\n sustainable and\n scalable growth.\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 \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 Body,\n Column,\n Container,\n Head,\n Heading,\n Html,\n Preview,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst features = [\n {\n number: 1,\n title: 'Innovative Solutions',\n description:\n 'We deliver innovative solutions that drive success and growth.',\n },\n {\n number: 2,\n title: 'Exceptional Performance',\n description:\n 'Our services deliver high-quality performance and efficiency.',\n },\n {\n number: 3,\n title: 'Reliable Support',\n description:\n 'We have robust support to keep your operations running smoothly.',\n },\n {\n number: 4,\n title: 'Advanced Security',\n description:\n 'We implement cutting-edge security measures to protect your data and assets.',\n },\n {\n number: 5,\n title: 'Scalable Growth',\n description:\n 'We develop customized strategies for sustainable and scalable growth.',\n },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CHtml>\n \u003CHead \u002F>\n \u003CBody>\n \u003CPreview>Top 5 Features of Our Service\u003C\u002FPreview>\n \u003CContainer\n :style=\"{\n backgroundColor: 'rgb(255,255,255)',\n borderRadius: '8px',\n marginLeft: 'auto',\n marginRight: 'auto',\n maxWidth: '600px',\n padding: '24px',\n }\"\n >\n \u003CHeading\n :style=\"{\n fontSize: '24px',\n lineHeight: '32px',\n marginBottom: '42px',\n textAlign: 'center',\n }\"\n >\n Top 5 Features of Our Service\n \u003C\u002FHeading>\n \u003CSection\n v-for=\"feature in features\"\n :key=\"feature.title\"\n :style=\"{ marginBottom: '36px' }\"\n >\n \u003CRow :style=\"{ paddingLeft: '12px', paddingRight: '32px' }\">\n \u003CColumn\n width=\"24\"\n height=\"24\"\n valign=\"top\"\n align=\"center\"\n :style=\"{ width: '24px', height: '24px', paddingRight: '18px' }\"\n >\n \u003CRow>\n \u003CColumn\n width=\"24\"\n height=\"24\"\n align=\"center\"\n valign=\"middle\"\n :style=\"{\n width: '24px',\n height: '24px',\n backgroundColor: 'rgb(79,70,229)',\n borderRadius: '9999px',\n color: 'rgb(255,255,255)',\n fontSize: '12px',\n fontWeight: '600',\n lineHeight: '1',\n }\"\n >\n {{ feature.number }}\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FColumn>\n \u003CColumn>\n \u003CHeading\n as=\"h2\"\n :style=\"{\n color: 'rgb(17,24,39)',\n fontSize: '18px',\n lineHeight: '28px',\n marginBottom: '8px',\n marginTop: '0px',\n }\"\n >\n {{ feature.title }}\n \u003C\u002FHeading>\n \u003CText\n :style=\"{\n color: 'rgb(107,114,128)',\n fontSize: '14px',\n lineHeight: '24px',\n margin: '0px',\n }\"\n >\n {{ feature.description }}\n \u003C\u002FText>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n \u003C\u002FContainer>\n \u003C\u002FBody>\n \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport {\n Body,\n Column,\n Container,\n Head,\n Heading,\n Html,\n Preview,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst features = [\n {\n number: 1,\n title: 'Innovative Solutions',\n description:\n 'We deliver innovative solutions that drive success and growth.',\n },\n {\n number: 2,\n title: 'Exceptional Performance',\n description:\n 'Our services deliver high-quality performance and efficiency.',\n },\n {\n number: 3,\n title: 'Reliable Support',\n description:\n 'We have robust support to keep your operations running smoothly.',\n },\n {\n number: 4,\n title: 'Advanced Security',\n description:\n 'We implement cutting-edge security measures to protect your data and assets.',\n },\n {\n number: 5,\n title: 'Scalable Growth',\n description:\n 'We develop customized strategies for sustainable and scalable growth.',\n },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CHtml>\n \u003CHead \u002F>\n \u003CBody>\n \u003CPreview>Top 5 Features of Our Service\u003C\u002FPreview>\n \u003CContainer class=\"mx-auto max-w-[600px] rounded-[8px] bg-white p-[24px]\">\n \u003CHeading class=\"mb-[42px] text-center text-[24px] leading-[32px]\">\n Top 5 Features of Our Service\n \u003C\u002FHeading>\n \u003CSection\n v-for=\"feature in features\"\n :key=\"feature.title\"\n class=\"mb-[36px]\"\n >\n \u003CRow class=\"pr-[32px] pl-[12px]\">\n \u003CColumn\n width=\"24\"\n height=\"24\"\n align=\"center\"\n valign=\"top\"\n class=\"pr-[18px] h-[24px] w-[24px]\"\n >\n \u003CRow>\n \u003CColumn\n align=\"center\"\n valign=\"middle\"\n width=\"24\"\n height=\"24\"\n class=\"h-[24px] w-[24px] rounded-full bg-indigo-600 font-semibold text-white text-[12px] leading-none\"\n >\n {{ feature.number }}\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FColumn>\n \u003CColumn valign=\"top\">\n \u003CHeading\n as=\"h2\"\n class=\"mt-[0px] mb-[8px] text-gray-900 text-[18px] leading-[28px]\"\n >\n {{ feature.title }}\n \u003C\u002FHeading>\n \u003CText class=\"m-0 text-gray-500 text-[14px] leading-[24px]\">\n {{ feature.description }}\n \u003C\u002FText>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n \u003C\u002FContainer>\n \u003C\u002FBody>\n \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n",{"slug":12,"title":13,"code":21},{"html":22,"inline-styles":23,"tailwind":24},"\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 \u003Ctitle>How Our Service Works: 5 Simple Steps\u003C\u002Ftitle>\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 \u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta\n content=\"text\u002Fhtml; charset=UTF-8\"\n http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Cstyle>\u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody\n dir=\"ltr\"\n lang=\"en\"\n style=\"background-color:rgb(255,255,255)\">\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=\"background-color:rgb(255,255,255)\">\n \u003Cdiv\n data-skip-in-text=\"true\"\n style=\"display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0\">\n How Our Service Works: 5 Simple Steps\n \u003Cdiv>\n  ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:600px;background-color:rgb(255,255,255);border-radius:8px;margin-left:auto;margin-right:auto\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n style=\"padding-left:24px;padding-right:24px;padding-top:24px;padding-bottom:0px\">\n \u003Ch1\n style=\"font-size:24px;line-height:32px;margin-bottom:42px;text-align:center\">\n How Our Service Works: 5 Simple Steps\n \u003C\u002Fh1>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-bottom:30px\">\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=\"margin-bottom:24px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"40%\"\n data-id=\"__vuemail-column\"\n style=\"width:40%;padding-right:24px\">\n \u003Cimg\n src=\"\u002Fstatic\u002Fstagg-eletric-kettle.jpg\"\n width=\"100%\"\n height=\"168\"\n alt=\"Step image - 1\"\n style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:4px;object-fit:cover;object-position:center;width:100%\" \u002F>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"60%\"\n data-id=\"__vuemail-column\"\n style=\"width:60%;padding-right:24px\">\n \u003Ctable\n width=\"24\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"width:24px;height:24px;margin-bottom:18px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"border-radius:9999px;height:24px;width:24px;background-color:rgb(79,70,229);color:rgb(255,255,255);font-weight:600;font-size:12px;line-height:1\">\n 1\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Ch2\n style=\"font-size:20px;font-weight:700;line-height:1;margin-bottom:8px;margin-top:0px\">\n Start Your Search\n \u003C\u002Fh2>\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Search for the\n products you need or\n upload your list of\n requirements.\n \u003C\u002Fp>\n \u003Ca\n href=\"#\"\n style=\"color:rgb(79,70,229);text-decoration-line:none;display:block;font-size:14px;font-weight:600;margin-top:12px\"\n target=\"_blank\"\n >Learn more →\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 \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-bottom:30px\">\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=\"margin-bottom:24px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"40%\"\n data-id=\"__vuemail-column\"\n style=\"width:40%;padding-right:24px\">\n \u003Cimg\n src=\"\u002Fstatic\u002Fatmos-vacuum-canister.jpg\"\n width=\"100%\"\n height=\"168\"\n alt=\"Step image - 2\"\n style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:4px;object-fit:cover;object-position:center;width:100%\" \u002F>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"60%\"\n data-id=\"__vuemail-column\"\n style=\"width:60%;padding-right:24px\">\n \u003Ctable\n width=\"24\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"width:24px;height:24px;margin-bottom:18px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"border-radius:9999px;height:24px;width:24px;background-color:rgb(79,70,229);color:rgb(255,255,255);font-weight:600;font-size:12px;line-height:1\">\n 2\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Ch2\n style=\"font-size:20px;font-weight:700;line-height:1;margin-bottom:8px;margin-top:0px\">\n Compare & Save\n \u003C\u002Fh2>\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Compare prices and\n offers from different\n suppliers to find the\n best deals.\n \u003C\u002Fp>\n \u003Ca\n href=\"#\"\n style=\"color:rgb(79,70,229);text-decoration-line:none;display:block;font-size:14px;font-weight:600;margin-top:12px\"\n target=\"_blank\"\n >Learn more →\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 \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-bottom:30px\">\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=\"margin-bottom:24px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"40%\"\n data-id=\"__vuemail-column\"\n style=\"width:40%;padding-right:24px\">\n \u003Cimg\n src=\"\u002Fstatic\u002Fbundle-collection.jpg\"\n width=\"100%\"\n height=\"168\"\n alt=\"Step image - 3\"\n style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:4px;object-fit:cover;object-position:center;width:100%\" \u002F>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"60%\"\n data-id=\"__vuemail-column\"\n style=\"width:60%;padding-right:24px\">\n \u003Ctable\n width=\"24\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"width:24px;height:24px;margin-bottom:18px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"border-radius:9999px;height:24px;width:24px;background-color:rgb(79,70,229);color:rgb(255,255,255);font-weight:600;font-size:12px;line-height:1\">\n 3\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Ch2\n style=\"font-size:20px;font-weight:700;line-height:1;margin-bottom:8px;margin-top:0px\">\n Build Your Cart\n \u003C\u002Fh2>\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Select your desired\n items and add them to\n your shopping cart.\n \u003C\u002Fp>\n \u003Ca\n href=\"#\"\n style=\"color:rgb(79,70,229);text-decoration-line:none;display:block;font-size:14px;font-weight:600;margin-top:12px\"\n target=\"_blank\"\n >Learn more →\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 \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-bottom:30px\">\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=\"margin-bottom:24px\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"40%\"\n data-id=\"__vuemail-column\"\n style=\"width:40%;padding-right:24px\">\n \u003Cimg\n src=\"\u002Fstatic\u002Fclara-french-press.jpg\"\n width=\"100%\"\n height=\"168\"\n alt=\"Step image - 4\"\n style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:4px;object-fit:cover;object-position:center;width:100%\" \u002F>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"60%\"\n data-id=\"__vuemail-column\"\n style=\"width:60%;padding-right:24px\">\n \u003Ctable\n width=\"24\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"width:24px;height:24px;margin-bottom:18px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n width=\"24\"\n height=\"24\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"border-radius:9999px;height:24px;width:24px;background-color:rgb(79,70,229);color:rgb(255,255,255);font-weight:600;font-size:12px;line-height:1\">\n 4\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Ch2\n style=\"font-size:20px;font-weight:700;line-height:1;margin-bottom:8px;margin-top:0px\">\n Enjoy The Benefits\n \u003C\u002Fh2>\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n Receive your products\n and enjoy the savings\n and convenience of our\n service.\n \u003C\u002Fp>\n \u003Ca\n href=\"#\"\n style=\"color:rgb(79,70,229);text-decoration-line:none;display:block;font-size:14px;font-weight:600;margin-top:12px\"\n target=\"_blank\"\n >Learn more →\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 \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 Body,\n Column,\n Container,\n Head,\n Heading,\n Html,\n Img,\n Link,\n Preview,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst steps = [\n {\n number: 1,\n imageUrl: '\u002Fstatic\u002Fstagg-eletric-kettle.jpg',\n title: 'Start Your Search',\n description:\n 'Search for the products you need or upload your list of requirements.',\n learnMoreLink: '#',\n },\n {\n number: 2,\n imageUrl: '\u002Fstatic\u002Fatmos-vacuum-canister.jpg',\n title: 'Compare & Save',\n description:\n 'Compare prices and offers from different suppliers to find the best deals.',\n learnMoreLink: '#',\n },\n {\n number: 3,\n imageUrl: '\u002Fstatic\u002Fbundle-collection.jpg',\n title: 'Build Your Cart',\n description:\n 'Select your desired items and add them to your shopping cart.',\n learnMoreLink: '#',\n },\n {\n number: 4,\n imageUrl: '\u002Fstatic\u002Fclara-french-press.jpg',\n title: 'Enjoy The Benefits',\n description:\n 'Receive your products and enjoy the savings and convenience of our service.',\n learnMoreLink: '#',\n },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CHtml>\n \u003CHead \u002F>\n \u003CBody :style=\"{ backgroundColor: 'rgb(255,255,255)' }\">\n \u003CPreview>How Our Service Works: 5 Simple Steps\u003C\u002FPreview>\n \u003CContainer\n :style=\"{\n backgroundColor: 'rgb(255,255,255)',\n borderRadius: '8px',\n marginLeft: 'auto',\n marginRight: 'auto',\n maxWidth: '600px',\n paddingLeft: '24px',\n paddingRight: '24px',\n paddingTop: '24px',\n paddingBottom: '0px',\n }\"\n >\n \u003CHeading\n as=\"h1\"\n :style=\"{\n fontSize: '24px',\n lineHeight: '32px',\n marginBottom: '42px',\n textAlign: 'center',\n }\"\n >\n How Our Service Works: 5 Simple Steps\n \u003C\u002FHeading>\n \u003CSection\n v-for=\"step in steps\"\n :key=\"step.title\"\n :style=\"{ marginBottom: '30px' }\"\n >\n \u003CRow :style=\"{ marginBottom: '24px' }\">\n \u003CColumn width=\"40%\" :style=\"{ width: '40%', paddingRight: '24px' }\">\n \u003CImg\n :src=\"step.imageUrl\"\n width=\"100%\"\n height=\"168\"\n :alt=\"`Step image - ${step.number}`\"\n :style=\"{\n borderRadius: '4px',\n display: 'block',\n objectFit: 'cover',\n objectPosition: 'center',\n width: '100%',\n }\"\n \u002F>\n \u003C\u002FColumn>\n \u003CColumn width=\"60%\" :style=\"{ width: '60%', paddingRight: '24px' }\">\n \u003CRow\n width=\"24\"\n :style=\"{ width: '24px', height: '24px', marginBottom: '18px' }\"\n :align=\"undefined\"\n >\n \u003CColumn\n width=\"24\"\n height=\"24\"\n :style=\"{\n borderRadius: '9999px',\n height: '24px',\n width: '24px',\n backgroundColor: 'rgb(79,70,229)',\n color: 'rgb(255,255,255)',\n fontWeight: 600,\n fontSize: '12px',\n lineHeight: 1,\n }\"\n align=\"center\"\n valign=\"middle\"\n >\n {{ step.number }}\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003CHeading\n as=\"h2\"\n :style=\"{\n fontSize: '20px',\n fontWeight: '700',\n lineHeight: '1',\n marginBottom: '8px',\n marginTop: '0px',\n }\"\n >\n {{ step.title }}\n \u003C\u002FHeading>\n \u003CText\n :style=\"{\n color: 'rgb(107,114,128)',\n fontSize: '14px',\n lineHeight: '24px',\n margin: '0px',\n }\"\n >\n {{ step.description }}\n \u003C\u002FText>\n \u003CLink\n :href=\"step.learnMoreLink\"\n :style=\"{\n color: 'rgb(79,70,229)',\n display: 'block',\n fontSize: '14px',\n fontWeight: '600',\n marginTop: '12px',\n textDecorationLine: 'none',\n }\"\n >Learn more →\u003C\u002FLink>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n \u003C\u002FContainer>\n \u003C\u002FBody>\n \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport {\n Body,\n Column,\n Container,\n Head,\n Heading,\n Html,\n Img,\n Link,\n Preview,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst steps = [\n {\n number: 1,\n imageUrl: '\u002Fstatic\u002Fstagg-eletric-kettle.jpg',\n title: 'Start Your Search',\n description:\n 'Search for the products you need or upload your list of requirements.',\n learnMoreLink: '#',\n },\n {\n number: 2,\n imageUrl: '\u002Fstatic\u002Fatmos-vacuum-canister.jpg',\n title: 'Compare & Save',\n description:\n 'Compare prices and offers from different suppliers to find the best deals.',\n learnMoreLink: '#',\n },\n {\n number: 3,\n imageUrl: '\u002Fstatic\u002Fbundle-collection.jpg',\n title: 'Build Your Cart',\n description:\n 'Select your desired items and add them to your shopping cart.',\n learnMoreLink: '#',\n },\n {\n number: 4,\n imageUrl: '\u002Fstatic\u002Fclara-french-press.jpg',\n title: 'Enjoy The Benefits',\n description:\n 'Receive your products and enjoy the savings and convenience of our service.',\n learnMoreLink: '#',\n },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CHtml>\n \u003CHead \u002F>\n \u003CBody class=\"bg-white\">\n \u003CPreview>How Our Service Works: 5 Simple Steps\u003C\u002FPreview>\n \u003CContainer\n class=\"mx-auto max-w-[600px] rounded-[8px] bg-white px-[24px] pt-[24px] pb-0\"\n >\n \u003CHeading\n as=\"h1\"\n class=\"mb-[42px] text-center text-[24px] leading-[32px]\"\n >\n How Our Service Works: 5 Simple Steps\n \u003C\u002FHeading>\n \u003CSection v-for=\"step in steps\" :key=\"step.title\" class=\"mb-[30px]\">\n \u003CRow class=\"mb-[24px]\">\n \u003CColumn width=\"40%\" class=\"w-2\u002F5 pr-[24px]\">\n \u003CImg\n :src=\"step.imageUrl\"\n width=\"100%\"\n height=\"168\"\n :alt=\"`Step image - ${step.number}`\"\n class=\"block w-full rounded-[4px] object-cover object-center\"\n \u002F>\n \u003C\u002FColumn>\n \u003CColumn width=\"60%\" class=\"w-3\u002F5 pr-[24px]\">\n \u003CRow\n width=\"24\"\n class=\"w-[24px] h-[24px] mb-[18px]\"\n :align=\"undefined\"\n >\n \u003CColumn\n width=\"24\"\n height=\"24\"\n class=\"rounded-full h-[24px] w-[24px] bg-indigo-600 font-semibold text-white text-[12px] leading-none\"\n align=\"center\"\n valign=\"middle\"\n >\n {{ step.number }}\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003CHeading\n as=\"h2\"\n class=\"mt-0 mb-[8px] font-bold text-[20px] leading-none\"\n >\n {{ step.title }}\n \u003C\u002FHeading>\n \u003CText class=\"m-0 text-gray-500 text-[14px] leading-[24px]\">\n {{ step.description }}\n \u003C\u002FText>\n \u003CLink\n :href=\"step.learnMoreLink\"\n class=\"mt-[12px] block font-semibold text-indigo-600 text-[14px] no-underline\"\n >Learn more →\u003C\u002FLink>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n \u003C\u002FContainer>\n \u003C\u002FBody>\n \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","1",1790606429727]