Issue with Importing Template

kenmckown · ‎11-13-2024

I am currently pulling some templates from Pardot into Marketo and their design is causing issues with building out modules within Marketo. I am having trouble adding a mktoContainer to this design. I have added the HTML code here for reference. I tried adding a table around it and the nesting is broken. I am hoping I can resolve this without rebuilding the entire thing within Marketo.

Any help would be greatly appreciated.

<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>Here is your Rapid Recon White Paper</title>
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
#outlook a {
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
table, td {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
}
img {
    border: 0;
    height: auto;
    line-height: 100%;
    outline: none;
    text-decoration: none;
    -ms-interpolation-mode: bicubic;
}
p {
    display: block;
    margin: 0;
}
</style>
<!--[if mso]> <noscript><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript>
<![endif]--> 
<!--[if lte mso 11]>
<style type="text/css">
.ogf{width:100% !important;}
</style>
<![endif]--> 
<!--[if !mso]><!-->
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Open Sans:normal, 700, 800, 400);
@import url(https://fonts.googleapis.com/css?family=Raleway:700,500);
</style>
<!--<![endif]-->
<style type="text/css">
@media only screen and (min-width:599px) {
.xc520 {
    width: 520px!important;
    max-width: 520px;
}
.xc600 {
    width: 600px!important;
    max-width: 600px;
}
.xc536 {
    width: 536px!important;
    max-width: 536px;
}
.xc115 {
    width: 115px!important;
    max-width: 115px;
}
.xc20 {
    width: 20px!important;
    max-width: 20px;
}
.pc100 {
    width: 100%!important;
    max-width: 100%;
}
}
</style>
<style media="screen and (min-width:599px)">
.moz-text-html .xc520 {
    width: 520px!important;
    max-width: 520px;
}
.moz-text-html .xc600 {
    width: 600px!important;
    max-width: 600px;
}
.moz-text-html .xc536 {
    width: 536px!important;
    max-width: 536px;
}
.moz-text-html .xc115 {
    width: 115px!important;
    max-width: 115px;
}
.moz-text-html .xc20 {
    width: 20px!important;
    max-width: 20px;
}
.moz-text-html .pc100 {
    width: 100%!important;
    max-width: 100%;
}
</style>
<style type="text/css">
@media only screen and (max-width:598px) {
table.fwm {
    width: 100%!important;
}
td.fwm {
    width: auto!important;
}
}
</style>
<style type="text/css">
u+.emailify .gs {
    background: #000;
    mix-blend-mode: screen;
    display: inline-block;
    padding: 0;
    margin: 0;
}
u+.emailify .gd {
    background: #000;
    mix-blend-mode: difference;
    display: inline-block;
    padding: 0;
    margin: 0;
}
u+.emailify a, #MessageViewBody a, a[x-apple-data-detectors] {
    color: inherit!important;
    text-decoration: none!important;
    font-size: inherit!important;
    font-family: inherit!important;
    font-weight: inherit!important;
    line-height: inherit!important;
}
td.b .klaviyo-image-block {
    display: inline;
    vertical-align: middle;
}
@media only screen and (max-width:599px) {
.emailify {
    height: 100%!important;
    margin: 0!important;
    padding: 0!important;
    width: 100%!important;
}
u+.emailify .glist {
    margin-left: 1em!important;
}
td.ico.v>div.il>a.l.m, td.ico.v .mn-label {
    padding-right: 0!important;
    padding-bottom: 16px!important;
}
td.x {
    padding-left: 0!important;
    padding-right: 0!important;
}
.fwm img {
    max-width: 100%!important;
    height: auto!important;
}
.aw img {
    width: auto!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.ah img {
    height: auto!important;
}
td.b.nw>table, td.b.nw a {
    width: auto!important;
}
td.stk {
    border: 0!important;
}
td.u {
    height: auto!important;
}
br.sb {
    display: none!important;
}
.thd-1 .i-thumbnail {
    display: inline-block!important;
    height: auto!important;
    overflow: hidden!important;
}
.hd-1 {
    display: block!important;
    height: auto!important;
    overflow: visible!important;
}
.ht-1 {
    display: table!important;
    height: auto!important;
    overflow: visible!important;
}
.hr-1 {
    display: table-row!important;
    height: auto!important;
    overflow: visible!important;
}
.hc-1 {
    display: table-cell!important;
    height: auto!important;
    overflow: visible!important;
}
div.r.pr-16>table>tbody>tr>td, div.r.pr-16>div>table>tbody>tr>td {
    padding-right: 16px!important
}
div.r.pl-16>table>tbody>tr>td, div.r.pl-16>div>table>tbody>tr>td {
    padding-left: 16px!important
}
td.b.fw-1>table {
    width: 100%!important
}
td.fw-1>table>tbody>tr>td>a {
    display: block!important;
    width: 100%!important;
    padding-left: 0!important;
    padding-right: 0!important;
}
td.b.fw-1>table {
    width: 100%!important
}
td.fw-1>table>tbody>tr>td {
    width: 100%!important;
    padding-left: 0!important;
    padding-right: 0!important;
}
div.r.pt-0>table>tbody>tr>td, div.r.pt-0>div>table>tbody>tr>td {
    padding-top: 0px!important
}
div.r.pr-0>table>tbody>tr>td, div.r.pr-0>div>table>tbody>tr>td {
    padding-right: 0px!important
}
div.r.pb-0>table>tbody>tr>td, div.r.pb-0>div>table>tbody>tr>td {
    padding-bottom: 0px!important
}
div.r.pl-0>table>tbody>tr>td, div.r.pl-0>div>table>tbody>tr>td {
    padding-left: 0px!important
}
div.r.s-16>table>tbody>tr>td>div.gtr>table>tbody>tr>td {
    padding-top: 0!important;
    padding-right: 0!important;
    padding-bottom: 16px!important;
    padding-left: 0!important;
}
div.g.mb-16>table>tbody>tr>td {
    padding-bottom: 16px!important
}
}
</style>
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if gte mso 9]>
<style>a:link,span.MsoHyperlink{mso-style-priority:99;color:inherit;text-decoration:none;}a:visited,span.MsoHyperlinkFollowed{mso-style-priority:99;color:inherit;text-decoration:none;}
</style>
<![endif]--> 
<!--[if gte mso 9]>
<style>li{text-indent:-1em;}
            </style>
            <![endif]-->
            </head>
            <body lang="en" link="#DD0000" vlink="#DD0000" class="emailify" style="mso-line-height-rule:exactly;word-spacing:normal;background-color:#f5f5f5;">

            <div class="bg" lang="en" style="background-color:#f5f5f5;">
              <!--[if mso | IE]>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="r-outlook -outlook pr-16-outlook pl-16-outlook -outlook" role="none" style="width:600px;" width="600">
            <tr>
            <td style="line-height:0;font-size:0;mso-line-height-rule:exactly;">
            <![endif]-->

              <!--Header Section-->
            <div class="r  pr-16 pl-16" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="none" style="background:#fffffe;background-color:#fffffe;width:100%;">

            <tbody>

            <tr>
            <td style="border:none;direction:ltr;font-size:0;padding:40px 40px 20px 40px;text-align:left;"><!--[if mso | IE]>
            <table role="none" border="0" cellpadding="0" cellspacing="0">
            <tr>
            <td class="c-outlook -outlook -outlook" style="vertical-align:middle;width:520px;">
            <![endif]-->
            <div class="xc520 ogf c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border:none;vertical-align:middle;" width="100%" class="mktoModule" id="headerModule" mktoName="Header Module">

            <tbody>

            <tr>
            <td align="center" class="i" style="font-size:0;padding:0;word-break:break-word;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border-collapse:collapse;border-spacing:0;">

            <tbody>

            <tr>
            <td style="width:250px;">
              <div class="mktoImg" id="headerImg" mktoName="Header Image">
                <a href="https://www.rapidrecon.com/?utm_medium=email&amp;utm_source=SLX" target="_blank" title=""><img alt="" height="auto" src="https://go.autoshopsolutions.com/rs/180-DGD-014/images/rapid_recon_logo_DarkMode_v2.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" title="" width="250"></a>
              </div>
            </td>

            </tr>

            </tbody>

            </table>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <![endif]--></td>

            </tr>

            </tbody>
            </table>
            </div>
            <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="none" style="width:600px;" width="600">
            <tr>
            <td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><v:image style="border:0;height:865px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-3;" src="https://go.autoshopsolutions.com/rs/180-DGD-014/images/RR_3.7.23_5_Ways_to_Nurture_Whitepaper_Autoresponder_bg.png" xmlns:v="urn:schemas-microsoft-com:vml"/><v:rect 
            style="border:0;height:865px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-4;" fillcolor="#fffffe" stroke="false" strokecolor="none" strokeweight="0" xmlns:v="urn:schemas-microsoft-com:vml"/> 
            <![endif]-->
              <!--END Header Module-->

              <!--Background Section-->
            <div class="h" style="margin:0 auto;max-width:600px;">
            <table border="0" cellpadding="0" cellspacing="0" role="none" style="width:100%;" class="mktoModule" id="Background Module" mktoName="Background Module">

            <tbody>

            <tr style="vertical-align:top;">
            <td background="https://my.rapidrecon.com/l/708083/2023-03-07/skwfk/708083/1678206081z2ncTDUE/RR_3.7.23_5_Ways_to_Nurture_Whitepaper_Autoresponder_bg.png" height="645" style="background:#fffffe url('https://my.rapidrecon.com/l/708083/2023-03-07/skwfk/708083/1678206081z2ncTDUE/RR_3.7.23_5_Ways_to_Nurture_Whitepaper_Autoresponder_bg.png') no-repeat center center / cover; background-size: 
            cover;background-position:center center;background-repeat:no-repeat;padding:10px 40px 10px 40px;vertical-align:top;height:645px;"><!--[if mso | IE]> 
            <table border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600">
            <tr>
            <td style="padding:10px 40px 10px 40px;">
            <![endif]-->
            <div class="mj-hero-content" style="margin:0px auto;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="width:100%;margin:0;">

            <tbody>

            <tr>
            <td style="">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="width:100%;margin:0;">

            <tbody>

            <tr>
            <td align="center" class="x  m" style="font-size:0;padding-bottom:0;word-break:break-word;">
            <div style="text-align:center;" class="mktoText" id="headerText" mktoName="Header Text">
            <p style="Margin:0;text-align:center;mso-line-height-alt:150%"><span style="font-size:36px;font-family:Open Sans,Arial,sans-serif;font-weight:800;color:#000000;line-height:150%;">HERE IS YOUR WHITE&nbsp;PAPER</span></p>
                                                </div>
                                                </td>

            </tr>

            <tr>
            <td class="s  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
            <div style="height:75px;line-height:75px;"> </div>
                                                </td>

            </tr>

            <tr>
            <td align="center" class="i  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border-collapse:collapse;border-spacing:0;">

            <tbody>

            <tr>
            <td style="width:264px;">
            <div class="mktoImg" id="wpImage" mktoName="Booklet">
             <a href="https://my.rapidrecon.com/l/708083/2023-06-14/tz5c8/708083/16867612888EoZj5oz/Used_EV_Recon_Implications_For_Auto_Dealers_v230613.pdf/?utm_medium=email&amp;utm_source=SLX" target="_blank" title=""><img alt="" height="auto" src="https://go.autoshopsolutions.com/rs/180-DGD-014/images/V3_RR_6.8.23_5_Used_EV_Reconditioning_Whitepaper_Autoresponder_Booklet.png" 
            style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" title="" width="264"></a> 
                                                              </div>

                                                             </td>

            </tr>

            </tbody>

            </table>
                                                </td>

            </tr>

            <tr>
            <td class="s  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
            <div style="height:15px;line-height:15px;"> </div>
                                                </td>

            </tr>

            <tr>
            <td align="center" class="x  m" style="font-size:0;padding-bottom:0;word-break:break-word;">
            <div style="text-align:center;" class="mktoText" id="headerText2" mktoName="Header Text 2">
            <p style="Margin:0;text-align:center;mso-line-height-alt:150%"><span style="font-size:24px;font-family:Open Sans,Arial,sans-serif;font-weight:700;color:#ffffff;line-height:150%;">Used EV Reconditioning Implications for Auto&nbsp;Dealers</span></p>
                                                </div>
                                                </td>

            </tr>

            <tr>
            <td class="s  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
            <div style="height:20px;line-height:20px;"> </div>
                                                </td>

            </tr>

            <tr>
            <td align="center" class="b  fw-1" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border-collapse:separate;width:225px;line-height:100%;">

            <tbody>

            <tr>
            <td class="mktoText" id="button1" mktoName="Button 1" align="center" bgcolor="#f96e11" role="none" style="border:none;border-radius:60px 60px 60px 60px;cursor:auto;mso-padding-alt:12px 0px 12px 0px;background:#f96e11;" valign="middle"><a 
            href="https://my.rapidrecon.com/l/708083/2023-06-14/tz5c8/708083/16867612888EoZj5oz/Used_EV_Recon_Implications_For_Auto_Dealers_v230613.pdf/?utm_medium=email&amp;utm_source=SLX" 
            style="display:inline-block;width:225px;background:#f96e11;color:#ffffff;font-family:Raleway,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:100%;margin:0;text-decoration:none;text-transform:none;padding:12px 0px 12px 0px;mso-padding-alt:0;border-radius:60px 60px 60px 60px;" target="_blank"><span 
            style="font-size:16px;font-family:Raleway,Arial,sans-serif;font-weight:700;color:#ffffff;line-height:119%;">Click Here to Download</span></a></td> 

            </tr>

            </tbody>

            </table>
                                                </td>

            </tr>

            </tbody>

            </table>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <![endif]--></td>

            </tr>

            </tbody>
            </table>
            </div>
            <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="r-outlook -outlook pt-0-outlook pr-0-outlook pb-0-outlook pl-0-outlook -outlook" role="none" style="width:600px;" width="600">
            <tr>
            <td style="line-height:0;font-size:0;mso-line-height-rule:exactly;">
            <![endif]-->
              <!--END Background Module-->

              <!--Top Bar Module-->
            <div class="r  pt-0 pr-0 pb-0 pl-0" style="background:#000000;background-color:#000000;margin:0px auto;max-width:600px;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="none" style="background:#000000;background-color:#000000;width:100%;" class="mktoModule" id="Top Bar Module" mktoName="Top Bar Module">

            <tbody>

            <tr>
            <td style="border:none;direction:ltr;font-size:0;padding:0;text-align:left;"><!--[if mso | IE]>
            <table role="none" border="0" cellpadding="0" cellspacing="0">
            <tr>
            <td class="c-outlook -outlook -outlook" style="vertical-align:middle;width:600px;">
            <![endif]-->
            <div class="xc600 ogf c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border:none;vertical-align:middle;" width="100%">

            <tbody>

            <tr>
            <td align="center" class="i  fw-1" style="font-size:0;padding:0;word-break:break-word;">

            <table border="0" cellpadding="0" cellspacing="0" class="fwm" role="none" style="border-collapse:collapse;border-spacing:0;">

            <tbody>

            <tr>
            <td class="fwm" style="width:600px;"><a href="#"><img alt="" height="auto" src="https://go.autoshopsolutions.com/rs/180-DGD-014/images/SLX_5.25.22_trifecta_ad_TiremarksTopGreySolid.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" title="" width="600"></a></td>

            </tr>

            </tbody>

            </table>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <![endif]--></td>

            </tr>

            </tbody>
            </table>
            </div>
            <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="r-outlook -outlook pr-16-outlook pl-16-outlook -outlook" role="none" style="width:600px;" width="600">
            <tr>
            <td style="line-height:0;font-size:0;mso-line-height-rule:exactly;">
            <![endif]-->
              <!--END Top Bar Module-->

              <!--Header Middle Module-->
            <div class="r  pr-16 pl-16" style="background:#efefef;background-color:#efefef;margin:0px auto;max-width:600px;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="none" style="background:#efefef;background-color:#efefef;width:100%;" class="mktoModule" id="Header Middle Module" mktoName="Header Middle Module">

            <tbody>

            <tr>
            <td style="border:none;direction:ltr;font-size:0;padding:32px 32px 0px 32px;text-align:left;"><!--[if mso | IE]>
            <table role="none" border="0" cellpadding="0" cellspacing="0">
            <tr>
            <td class="c-outlook -outlook -outlook" style="vertical-align:middle;width:536px;">
            <![endif]-->
            <div class="xc536 ogf c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border:none;vertical-align:middle;" width="100%">

            <tbody>

            <tr>
            <td align="center" class="x" style="font-size:0;word-break:break-word;">
            <div style="text-align:center;" class="mktoText" id="headerText3" mktoName="Header Text 3">
            <p style="Margin:0;text-align:center;mso-line-height-alt:114%"><span style="font-size:28px;font-family:Open Sans,Arial,sans-serif;font-weight:700;color:#000000;line-height:114%;">Learn From This White&nbsp;Paper:</span></p>
                                    </div>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <![endif]--></td>

            </tr>

            </tbody>
            </table>
            </div>
            <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="r-outlook -outlook s-16-outlook -outlook" role="none" style="width:600px;" width="600">
            <tr>
            <td style="line-height:0;font-size:0;mso-line-height-rule:exactly;">
            <![endif]-->
              <!--END Header Middle Module-->

              <!--Icon Module-->
            <div class="r  s-16" style="background:#efefef;background-color:#efefef;margin:0px auto;max-width:600px;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="none" style="background:#efefef;background-color:#efefef;width:100%;" class="mktoModule" id="Icon Module" mktoName="Icon Module">

            <tbody>

            <tr>
            <td style="border:none;direction:ltr;font-size:0;padding:35px 40px 40px 40px;text-align:center;"><!--[if mso | IE]>
            <table role="none" border="0" cellpadding="0" cellspacing="0">
            <tr>
            <td class="m-outlook c-outlook -outlook -outlook" style="vertical-align:top;width:115px;">
            <![endif]-->
            <div class="xc115 ogf m c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border:none;vertical-align:top;" width="100%">

            <tbody>

            <tr>
            <td align="center" class="i  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border-collapse:collapse;border-spacing:0;">

            <tbody>

            <tr>
            <td style="width:100px;">
            <div class="mktoImg" id="icon1" mktoName="Icon 1">
                                                    <a href="#"><img alt="" height="auto" src="https://go.autoshopsolutions.com/rs/180-DGD-014/images/RR_6.823_5_Used_EV_Reconditioning_Whitepaper_Autoresponder_Scale_Icons.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" title="" width="100"></a>
                                                  </div>

                                                 </td>

            </tr>

            </tbody>

            </table>
                                    </td>

            </tr>

            <tr>
            <td class="s  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
            <div style="height:20px;line-height:20px;"> </div>
                                    </td>

            </tr>

            <tr>
            <td align="center" class="x" style="font-size:0;padding-bottom:0;word-break:break-word;">
            <div style="text-align:center;" class="mktoText" id="iconText1" mktoName="Icon Text 1">
            <p style="Margin:0;text-align:center;mso-line-height-alt:138%"><span style="font-size:16px;font-family:Raleway,Arial,sans-serif;font-weight:500;color:#54595f;line-height:138%;">How to evaluate used EV opportunities and&nbsp;risks.</span></p>
                                    </div>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            <td class="g-outlook mb-16-outlook" style="vertical-align:top;width:20px;">
            <![endif]-->
            <div class="xc20 ogf g mb-16" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" width="100%">

            <tbody>

            <tr>
            <td style="vertical-align:top;padding:0;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="" width="100%">

            <tbody>

            </tbody>

            </table>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            <td class="m-outlook c-outlook -outlook -outlook" style="vertical-align:top;width:115px;">
            <![endif]-->
            <div class="xc115 ogf m c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border:none;vertical-align:top;" width="100%">

            <tbody>

            <tr>
            <td align="center" class="i  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border-collapse:collapse;border-spacing:0;">

            <tbody>

            <tr>
            <td style="width:100px;">
            <div class="mktoImg" id="icon2" mktoName="Icon 2">
                                                  <a href="#"><img alt="" height="auto" src="https://go.autoshopsolutions.com/rs/180-DGD-014/images/RR_6.823_5_Used_EV_Reconditioning_Whitepaper_Autoresponder_Battery_Ico.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" title="" width="100"></a>
                                                  </div>
                                                </td>

            </tr>

            </tbody>

            </table>
                                    </td>

            </tr>

            <tr>
            <td class="s  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
            <div style="height:20px;line-height:20px;"> </div>
                                    </td>

            </tr>

            <tr>
            <td align="center" class="x" style="font-size:0;padding-bottom:0;word-break:break-word;">
            <div style="text-align:center;" class="mktoText" id="iconText2" mktoName="Icon Text 2">
            <p style="Margin:0;text-align:center;mso-line-height-alt:138%"><span style="font-size:16px;font-family:Raleway,Arial,sans-serif;font-weight:500;color:#54595f;line-height:138%;">How will battery life affect used EV profitability?</span></p>
                                    </div>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            <td class="g-outlook mb-16-outlook" style="vertical-align:top;width:20px;">
            <![endif]-->
            <div class="xc20 ogf g mb-16" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" width="100%">

            <tbody>

            <tr>
            <td style="vertical-align:top;padding:0;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="" width="100%">

            <tbody>

            </tbody>

            </table>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            <td class="m-outlook c-outlook -outlook -outlook" style="vertical-align:top;width:115px;">
            <![endif]-->
            <div class="xc115 ogf m c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border:none;vertical-align:top;" width="100%">

            <tbody>

            <tr>
            <td align="center" class="i  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border-collapse:collapse;border-spacing:0;">

            <tbody>

            <tr>
            <td style="width:100px;">
            <div class="mktoImg" id="icon3" mktoName="Icon 3">
                                                  <a href="#"><img alt="" height="auto" src="https://go.autoshopsolutions.com/rs/180-DGD-014/images/RR_6.823_5_Used_EV_Reconditioning_Whitepaper_Autoresponder_Tire_Icons.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" title="" width="100"></a>
                                                  </div>
                                                </td>

            </tr>

            </tbody>

            </table>
                                    </td>

            </tr>

            <tr>
            <td class="s  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
            <div style="height:20px;line-height:20px;"> </div>
                                    </td>

            </tr>

            <tr>
            <td align="center" class="x" style="font-size:0;padding-bottom:0;word-break:break-word;">
            <div style="text-align:center;" class="mktoText" id="iconText3" mktoName="Icon Text 3">
            <p style="Margin:0;text-align:center;mso-line-height-alt:138%"><span style="font-size:16px;font-family:Raleway,Arial,sans-serif;font-weight:500;color:#54595f;line-height:138%;">Can conventional tires be used as recon replacements?</span></p>
                                    </div>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            <td class="g-outlook mb-16-outlook" style="vertical-align:top;width:20px;">
            <![endif]-->
            <div class="xc20 ogf g mb-16" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" width="100%">

            <tbody>

            <tr>
            <td style="vertical-align:top;padding:0;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="" width="100%">

            <tbody>

            </tbody>

            </table>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            <td class="c-outlook -outlook -outlook" style="vertical-align:top;width:115px;">
            <![endif]-->
            <div class="xc115 ogf c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border:none;vertical-align:top;" width="100%">

            <tbody>

            <tr>
            <td align="center" class="i  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border-collapse:collapse;border-spacing:0;">

            <tbody>

            <tr>
            <td style="width:100px;">
            <div class="mktoImg" id="icon4" mktoName="Icon 4">
                                                  <a href="#"><img alt="" height="auto" src="https://go.autoshopsolutions.com/rs/180-DGD-014/images/RR_6.823_5_Used_EV_Reconditioning_Whitepaper_Autoresponder_Car_Icons.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" title="" width="100"></a>
                                                  </div>

                                                </td>

            </tr>

            </tbody>

            </table>
                                    </td>

            </tr>

            <tr>
            <td class="s  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
            <div style="height:20px;line-height:20px;"> </div>
                                    </td>

            </tr>

            <tr>
            <td align="center" class="x" style="font-size:0;padding-bottom:0;word-break:break-word;">
            <div style="text-align:center;" class="mktoText" id="iconText4" mktoName="Icon Text 4">
            <p style="Margin:0;text-align:center;mso-line-height-alt:138%"><span style="font-size:16px;font-family:Raleway,Arial,sans-serif;font-weight:500;color:#54595f;line-height:138%;">Do used ICE vehicle recon practices transition to used EV application?</span></p>
                                    </div>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <![endif]--></td>

            </tr>

            </tbody>
            </table>
            </div>
            <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="r-outlook -outlook pt-0-outlook pr-0-outlook pb-0-outlook pl-0-outlook -outlook" role="none" style="width:600px;" width="600">
            <tr>
            <td style="line-height:0;font-size:0;mso-line-height-rule:exactly;">
            <![endif]-->
              <!--END Icon Module-->

              <!--Bottom Bar Module-->
            <div class="r  pt-0 pr-0 pb-0 pl-0" style="background:#efefef;background-color:#efefef;margin:0px auto;max-width:600px;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="none" style="background:#efefef;background-color:#efefef;width:100%;" class="mktoModule" id="Bottom Bar Module" mktoName="Bottom Bar Module">

            <tbody>

            <tr>
            <td style="border:none;direction:ltr;font-size:0;padding:0;text-align:left;"><!--[if mso | IE]>
            <table role="none" border="0" cellpadding="0" cellspacing="0">
            <tr>
            <td class="c-outlook -outlook -outlook" style="vertical-align:middle;width:600px;">
            <![endif]-->
            <div class="xc600 ogf c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border:none;vertical-align:middle;" width="100%">

            <tbody>

            <tr>
            <td align="center" class="i  fw-1" style="font-size:0;padding:0;word-break:break-word;">

            <table border="0" cellpadding="0" cellspacing="0" class="fwm" role="none" style="border-collapse:collapse;border-spacing:0;">

            <tbody>

            <tr>
            <td class="fwm" style="width:600px;"><a href="#"><img alt="" height="auto" src="https://go.autoshopsolutions.com/rs/180-DGD-014/images/RR_11.28.22_Open_Road_Video_DIVIDER_2.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" title="" width="600"></a></td>

            </tr>

            </tbody>

            </table>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <![endif]--></td>

            </tr>

            </tbody>
            </table>
            </div>
            <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="r-outlook -outlook -outlook" role="none" style="width:600px;" width="600">
            <tr>
            <td style="line-height:0;font-size:0;mso-line-height-rule:exactly;">
            <![endif]-->
              <!--END Bottom Bar Module-->

              <!--Bottom Header Module-->
            <div class="r" style="background:#262626;background-color:#262626;margin:0px auto;max-width:600px;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="none" style="background:#262626;background-color:#262626;width:100%;" class="mktoModule" id="Bottom Header Module" mktoName="Bottom Header Module">

            <tbody>

            <tr>
            <td style="border:none;direction:ltr;font-size:0;padding:25px 40px 5px 40px;text-align:left;"><!--[if mso | IE]>
            <table role="none" border="0" cellpadding="0" cellspacing="0">
            <tr>
            <td class="c-outlook -outlook -outlook" style="vertical-align:middle;width:520px;">
            <![endif]-->
            <div class="xc520 ogf c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border:none;vertical-align:middle;" width="100%">

            <tbody>

            <tr>
            <td align="center" class="x  m" style="font-size:0;padding-bottom:8px;word-break:break-word;">
            <div style="text-align:center;" class="mktoText" id="headerText4" mktoName="Header Text 4">
            <p style="Margin:0;text-align:center;mso-line-height-alt:150%"><span style="font-size:24px;font-family:Open Sans,Arial,sans-serif;font-weight:700;color:#ffffff;line-height:150%;">Want to learn more about Rapid&nbsp;Recon?</span></p>
                                    </div>
                                    </td>

            </tr>

            <tr>
            <td class="s  m" style="font-size:0;padding:0;padding-bottom:8px;word-break:break-word;">
            <div style="height:10px;line-height:10px;"> </div>
                                    </td>

            </tr>

            <tr>
            <td align="center" class="b  fw-1" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;" vertical-align="middle">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border-collapse:separate;width:180px;line-height:100%;">

            <tbody>

            <tr>
            <td class="mktoText" id="button2" mktoName="Button 2" align="center" bgcolor="#f96e11" role="none" style="border:none;border-radius:60px 60px 60px 60px;cursor:auto;mso-padding-alt:12px 0px 12px 0px;background:#f96e11;" valign="middle"><a href="https://www.rapidrecon.com/schedule-a-demo/?utm_medium=email&amp;utm_source=SLX" style="display:inline-block;width:180px;background:#f96e11;color:#ffffff;font-family:Raleway,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:100%;margin:0;text-decoration:none;text-transform:none;padding:12px 0px 12px 0px;mso-padding-alt:0;border-radius:60px 60px 60px 60px;" target="_blank"><span style="font-size:16px;font-family:Raleway,Arial,sans-serif;font-weight:700;color:#ffffff;line-height:119%;">Schedule a Demo</span></a></td>
            </tr>

            </tbody>

            </table>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <![endif]--></td>

            </tr>

            </tbody>
            </table>
            </div>
            <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="r-outlook -outlook -outlook" role="none" style="width:600px;" width="600">
            <tr>
            <td style="line-height:0;font-size:0;mso-line-height-rule:exactly;">
            <![endif]-->
              <!--END Bottom Header Module-->

              <!--Footer Module-->
            <div class="r" style="background:#262626;background-color:#262626;margin:0px auto;max-width:600px;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="none" style="background:#262626;background-color:#262626;width:100%;" class="mktoModule" id="Footer Module" mktoName="Footer Module">

            <tbody>

            <tr>
            <td style="border:none;direction:ltr;font-size:0;padding:40px 40px 40px 40px;text-align:left;"><!--[if mso | IE]>
            <table role="none" border="0" cellpadding="0" cellspacing="0">
            <tr>
            <td class="" style="width:520px;">
            <![endif]-->
            <div class="pc100 ogf" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;"><!--[if mso | IE]>
            <table border="0" cellpadding="0" cellspacing="0" role="none">
            <tr>
            <td style="vertical-align:middle;width:520px;">
            <![endif]-->
            <div class="pc100 ogf c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100.0000%;">

            <table border="0" cellpadding="0" cellspacing="0" role="none" style="border:none;vertical-align:middle;" width="100%">

            <tbody>

            <tr>
            <td align="left" class="x  m" style="font-size:0;padding-bottom:0;word-break:break-word;">
            <div style="text-align:left;">
            <p style="Margin:0;text-align:left;mso-line-height-alt:133%"><span style="font-size:15px;font-family:Open Sans,Arial,sans-serif;font-weight:800;color:#969696;line-height:133%;">Rapid Recon</span></p>
                                    </div>
                                    </td>

            </tr>

            <tr>
            <td align="left" class="x  m" style="font-size:0;padding-bottom:0;word-break:break-word;">
            <div style="text-align:left;">
            <p style="Margin:0;text-align:left;mso-line-height-alt:133%"><span style="font-size:15px;font-family:Open Sans,Arial,sans-serif;font-weight:400;color:#aaaaaa;line-height:133%;">850 El Camino Real Suite 13A-420&nbsp;</span></p>
            <p style="Margin:0;mso-line-height-alt:133%"><span style="font-size:15px;font-family:Open Sans,Arial,sans-serif;font-weight:400;color:#aaaaaa;line-height:133%;">Palo Alto, CA 94301</span></p>
            <p style="Margin:0;mso-line-height-alt:133%"><span style="font-size:15px;font-family:Open Sans,Arial,sans-serif;font-weight:400;color:#aaaaaa;line-height:133%;">Sales: <a href="tel:+16509990497" style="color:#aaaaaa; text-decoration: none;">650-999-0497</a>&nbsp;</span></p>
            <p style="Margin:0;mso-line-height-alt:133%"><span style="font-size:15px;font-family:Open Sans,Arial,sans-serif;font-weight:400;color:#aaaaaa;line-height:133%;">Support: <a href="tel:+16503220600" style="color:#aaaaaa; text-decoration: none;">650-322-0600</a></span></p>
                                    </div>
                                    </td>

            </tr>

            <tr>
            <td class="s  m" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
            <div style="height:16px;line-height:16px;"> </div>
                                    </td>

            </tr>

            <tr>
            <td align="left" class="x" style="font-size:0;padding-bottom:0;word-break:break-word;">
            <div style="text-align:left;">
            <p style="Margin:0;text-align:left;mso-line-height-alt:133%"><span style="font-size:15px;font-family:Open Sans,Arial,sans-serif;font-weight:400;color:#aaaaaa;line-height:133%;"><a href="{{{EmailPreferenceCenter_250}}}" style="color:#aaaaaa; text-decoration: none;">Manage Preferences</a></span></p>
                                    </div>
                                    </td>

            </tr>

            </tbody>

            </table>
                        </div>
                        <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <![endif]--></div>
                        <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <![endif]--></td>

            </tr>

            </tbody>
            </table>
              
            </div>
            <!--[if mso | IE]>
            </td>
            </tr>
            </table>
            <![endif]-->
                      </div>
            </body>
            </html>

Jo_Pitts1 · ‎11-13-2024

@kenmckown ,

That's way to much code to wade through, so I shan't :).

In short:

Take a basic Marketo template.
Apply all your styles to the style section in the head
Inside the existing mktoContainer table, create a single TR element and TD element. Each of the Pardot modules are individual tables, so you can't JUST have a mktoContainer table

It may take a bit more time, but it should work.

Cheers

Jo

kenmckown · ‎11-13-2024

So once I build the generic template, just put all the containing code inside the TD/TR section?

Disha_Goyal6 · ‎11-14-2024

Hi @kenmckown, I have checked your code and found that every modular table is wrapped with div. Because of this, modular functionality is not working.

To make this work:

1. Remove all divs from the modular table

2. Add "mktoContainer" on parent table

After this, if you face any issue let me know.

Jo_Pitts1 · ‎11-14-2024

@Disha_Goyal6 well spotted

@kenmckown If it were me, I'd not be importing, but taking this as a starting point to cut and paste each relevant module in. This structure is just 'too different' to make for a comfortable lift and shift.

Cheers

Jo

Issue with Importing Template

Issue with Importing Template

Re: Issue with Importing Template

Re: Issue with Importing Template

Re: Issue with Importing Template

Re: Issue with Importing Template