Template Not Rendering Correctly in Outlook 16, 19, 365 (Windows Only)

jraspanti
Level 1

Template Not Rendering Correctly in Outlook 16, 19, 365 (Windows Only)

I am creating an email and when I test it through Litmus it looks great everywhere, but Windows versions of Outlook. Below you will find two different versions along with the code from Marketo:

 

How the email looks in Marketo and everywhere else, but Windows Outlook:

jraspanti_0-1654207524991.png

How the email looks in Windows Outlook:

jraspanti_1-1654207565142.png

 

HTML Code:

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  <head> 
    <!--[if gte mso 9]><xml>
  <o:OfficeDocumentSettings>
  <o:AllowPNG/>
  <o:PixelsPerInch>96</o:PixelsPerInch>
  </o:OfficeDocumentSettings>
  </xml><![endif]--> 
    <title>Email Template</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <meta class="mktoColor" id="bg_color" mktoname="Brand Color" default="#efefef" mktomodulescope="true" /> 
    <meta class="mktoColor" id="brand_color" mktoname="Brand Color" default="#02abca" mktomodulescope="true" /> 
    <meta class="mktoImg" id="header_image" mktoname="Header Background Image 640x232px" default="https://www2.calamp.com/rs/670-UQO-512/images/email_calamp_header_image.jpg" mktomodulescope="true" /> 
    <style type="text/css">
  body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    -webkit-font-smoothing: antialiased !important;
  }

  img {
    border: 0 !important;
    outline: none !important;
  }

  p {
    Margin: 0px !important;
    Padding: 0px !important;
  }

  table {
    border-collapse: collapse;
    mso-table-lspace: 0px;
    mso-table-rspace: 0px;
  }

  td,
  a,
  span {
    border-collapse: collapse;
    mso-line-height-rule: exactly;
  }

  .ExternalClass * {
    line-height: 100%;
  }

  .em_defaultlink a {
    color: inherit !important;
    text-decoration: none !important;
  }

  .em_white a {
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .em_grey a {
    color: #666666 !important;
    text-decoration: none !important;
  }

  .em_grey2 a {
    color: #5c6771 !important;
    text-decoration: none !important;
  }

  .em_g_img+div {
    display: none;
  }
  .em_hide_desktop {
    display: none;
  }

  @media only screen and (min-width:481px) and (max-width:639px) {
    .em_header {
      width: 90% !important;
      height: 90px !important;
      margin: 0 !important;
    }
    .em_header_slant {
      height: 120px !important;
      width: auto !important;
    }
    .em_bg1 {
      background-size: auto 120px !important;
    }

    .em_main_table {
      width: 100% !important;
    }

    .em_wrapper {
      width: 100% !important;
    }

    .em_wrapper2 {
      width: 100% !important;
      max-width: 100% !important;
    }

    .em_hide {
      display: none !important;
    }

    .em_full_img {
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
    }

    .em_full_img img {
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
    }

    .em_center {
      text-align: center !important;
    }

    .em_side10 {
      width: 10px !important;
    }

    .em_aside7_two {
      padding: 0px 10px 0 7px !important;
    }

    .em_side15 {
      width: 15px !important;
    }

    .em_ptop {
      padding-top: 20px !important;
    }

    .em_pbottom {
      padding-bottom: 20px !important;
    }

    .em_hauto {
      height: auto !important;
    }

    .em_pad1 {
      padding: 0 10px 20px 7px !important;
    }

    .em_pad1_two {
      padding: 0 10px 20px 10px !important;
    }

    .em_pad2 {
      padding: 20px 10px 20px 7px !important;
    }

    .em_pad2_two {
      padding: 20px 10px 20px 10px !important;
    }

    .em_pad3_two {
      padding: 10px 10px 20px 10px !important;
    }

    .em_w1 {
      width: 40% !important;
    }

    .em_w2 {
      width: 59% !important;
    }

    .em_padnone {
      padding: 0 0 !important;
    }

    .em_pad24 {
      padding: 24px !important;
    }

    .em_hide_desktop {
      display: table !important;
      float: none !important;
      width: 100% !important;
      overflow: visible !important;
      height: auto !important;
    }

    .em_ptop1 {
      padding: 160px 0 0 0 !important;
    }
  }

  @media only screen and (min-width:375px) and (max-width:480px) {
    .em_header {
      width: 90% !important;
      height: 90px !important;
      margin: 0 !important;
    }
    .em_header_slant {
      height: 90px !important;
      width: auto !important;
    }
    .em_bg1 {
      background-size: auto 90px !important;
    }
    .em_main_table {
      width: 100% !important;
    }

    .em_wrapper {
      width: 100% !important;
    }

    .em_wrapper2 {
      width: 100% !important;
      max-width: 100% !important;
    }

    .em_hide {
      display: none !important;
    }

    .em_full_img {
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
    }

    .em_full_img img {
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
    }

    .em_center {
      text-align: center !important;
    }

    .em_side10 {
      width: 10px !important;
    }

    .em_aside7_two {
      padding: 0px 10px 0 7px !important;
    }

    .em_side15 {
      width: 15px !important;
    }

    .em_ptop {
      padding-top: 20px !important;
    }

    .em_pbottom {
      padding-bottom: 20px !important;
    }

    .em_hauto {
      height: auto !important;
    }

    .em_pad1 {
      padding: 0 10px 20px 7px !important;
    }

    .em_pad1_two {
      padding: 0 10px 20px 10px !important;
    }

    .em_pad2 {
      padding: 20px 10px 20px 7px !important;
    }

    .em_pad2_two {
      padding: 20px 10px 20px 10px !important;
    }

    .em_pad3_two {
      padding: 10px 10px 20px 10px !important;
    }

    .em_w1 {
      width: 40% !important;
      padding: 10px 5px !important;
      font-size: 12px !important;
      line-height: 15px !important;
    }

    .em_w2 {
      width: 59% !important;
      padding: 10px 8px !important;
      font-size: 12px !important;
      line-height: 15px !important;
    }

    u+.em_body .em_full_wrap {
      width: 100% !important;
      width: 100vw !important;
    }

    .em_padnone {
      padding: 0 0 !important;
    }

    .em_pad24 {
      padding: 24px !important;
    }

    .em_hide_desktop {
      display: table !important;
      float: none !important;
      width: 100% !important;
      overflow: visible !important;
      height: auto !important;
    }

    .em_ptop1 {
      padding: 130px 0 0 0 !important;
    }


  }

  @media screen and (max-width: 374px) {
    .em_header {
      width: 90% !important;
      height: 90px !important;
      margin: 0 !important;
    }
    .em_header_slant {
      height: 90px !important;
      width: auto !important;
    }
    .em_bg1 {
      background-size: auto 90px !important;
    }
    .em_main_table {
      width: 100% !important;
    }

    .em_wrapper {
      width: 100% !important;
    }

    .em_wrapper2 {
      width: 100% !important;
      max-width: 100% !important;
    }

    .em_hide {
      display: none !important;
    }

    .em_full_img {
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
    }

    .em_full_img img {
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
    }

    .em_center {
      text-align: center !important;
    }

    .em_side10 {
      width: 10px !important;
    }

    .em_aside7_two {
      padding: 0px 10px 0 7px !important;
    }

    .em_side15 {
      width: 15px !important;
    }

    .em_ptop {
      padding-top: 20px !important;
    }

    .em_pbottom {
      padding-bottom: 20px !important;
    }

    .em_hauto {
      height: auto !important;
    }

    .em_pad1 {
      padding: 0 10px 20px 7px !important;
    }

    .em_pad1_two {
      padding: 0 10px 20px 10px !important;
    }

    .em_pad2 {
      padding: 20px 10px 20px 7px !important;
    }

    .em_pad2_two {
      padding: 20px 10px 20px 10px !important;
    }

    .em_pad3_two {
      padding: 10px 10px 20px 10px !important;
    }

    .em_w1 {
      width: 40% !important;
      padding: 10px 5px !important;
      font-size: 12px !important;
      line-height: 15px !important;
    }

    .em_w2 {
      width: 59% !important;
      padding: 10px 8px !important;
      font-size: 12px !important;
      line-height: 15px !important;
    }

    u+.em_body .em_full_wrap {
      width: 100% !important;
      width: 100vw !important;
    }

    .em_padnone {
      padding: 0 0 !important;
    }

    .em_pad24 {
      padding: 24px !important;
    }

    .em_hide_desktop {
      display: table !important;
      float: none !important;
      width: 100% !important;
      overflow: visible !important;
      height: auto !important;
    }

    .em_ptop1 {
      padding: 110px 0 0 0 !important;
    }

    .em_bg1 {
      background-size: 100% !important;
    }
  }
  </style> 
  </head> 
  <body class="em_body" style="margin:0px auto; padding:0px;"> 
    <!-- == Body Section == --> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="em_full_wrap"> 
      <tbody> 
        <tr> 
          <td align="center" valign="top"> 
            <table align="center" width="640" border="0" cellspacing="0" cellpadding="0" style="width:640px; table-layout:fixed;" class="mktoContainer em_wrapper" id="Template">
              <tr class="mktoModule" mktoname="Pre Header" id="Pre_Header_Section"> 
                <td valign="top"> 
                  <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef"> 
                    <tbody> 
                      <tr> 
                        <td valign="top" style="padding: 5px 0;"> 
                          <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0"> 
                            <tbody> 
                              <tr> 
                                <td width="43" class="em_hide">&nbsp;</td> 
                                <td valign="middle"> 
                                  <table align="left" class="em_wrapper" border="0" cellspacing="0" cellpadding="0"> 
                                    <tbody> 
                                      <tr> 
                                        <td valign="top"> 
                                          <table align="center" border="0" cellspacing="0" cellpadding="0"> 
                                            <tbody> 
                                              <tr> 
                                                <td align="left" valign="middle" class="em_center" style="font-family: Arial, sans-serif; font-size: 11px; line-height: 14px; color: #02abca; font-weight: bold;"><a href="{{system.viewAsWebpageLink}}" target="_blank" style="text-decoration: none; color: #02abca;">View in Browser &nbsp;</a></td> 
                                                <td align="left" valign="middle" style="font-size: 0px; line-height: 0px;"><a href="{{system.viewAsWebpageLink}}" target="_blank" style="text-decoration: none;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/email_calamp_arrow.png" width="5" height="7" border="0" style="display: inline-block; vertical-align: middle;" alt="" /></a></td> 
                                              </tr> 
                                            </tbody> 
                                          </table> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                            </tbody> 
                          </table> </td> 
                      </tr> 
                    </tbody> 
                  </table> </td> 
              </tr>
              <tr class="mktoModule" mktoname="Header" id="Header_Section"> 
                <td valign="top"> 
                  <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef"> 
                    <tbody> 
                      <tr> 
                        <td valign="top"> 
                          <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0"> 
                            <tbody> 
                              <tr> 
                                <td valign="top" background="${header_image}" style="background-position: right top; background-repeat: no-repeat;" class="em_bg1"> 
                                  <!--[if gte mso 9]>
                <v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block; width: 640px; height:232px;" src="${header_image}" />
                <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block;position: absolute; width: 640px; height: 232px;">
                <v:fill opacity="0%" color="#f7901e"  />
                <v:textbox inset="0,0,0,0">
                <![endif]--> 
                                  <table align="left" class="em_header" style="width: 442px;" width="442" border="0" cellspacing="0" cellpadding="0" dir="ltr"> 
                                    <tbody> 
                                      <tr> 
                                        <td valign="top" class=""> 
                                          <table align="center" class="em_header" style="width: 442px;" width="442" border="0" cellspacing="0" cellpadding="0"> 
                                            <tbody> 
                                              <tr> 
                                                <td valign="middle" bgcolor="#02abca"> 
                                                  <table align="left" class="em_wrapper" style="width: 387px;" width="387" border="0" cellspacing="0" cellpadding="0"> 
                                                    <tbody> 
                                                      <tr> 
                                                        <td width="43" height="232" class="em_side10 em_hauto">&nbsp;</td> 
                                                        <td valign="middle" style="padding: 20px 0;"> 
                                                          <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0"> 
                                                            <tbody> 
                                                              <tr> 
                                                                <td align="left" valign="middle" style="padding: 0 0 0 0;"> 
                                                                  <div id="logo2" mktoname="Logo" class="mktoImg" mktolockimgsize="false">
                                                                    <a href="https://www.calamp.com" target="_blank" style="text-decoration: none;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/email_calamp_header_logo.png" width="126" height="43" border="0" style="display: block; max-width: 126px; font-family: Arial, sans-serif; font-size: 11px; line-height: 14px; color: #ffffff;" alt="CalAmp" /></a>
                                                                  </div> </td> 
                                                              </tr> 
                                                              <tr> 
                                                                <td align="left" valign="middle" class="em_white em_hide" style="font-family: Arial, sans-serif; font-size: 20px; line-height: 23px; color: #ffffff; padding-top: 16px; padding-bottom: 3px;"> 
                                                                  <div id="headline" mktoname="Headline (Desktop)" class="mktoText">
                                                                    <p><span style="font-size: 18px;">Learn more about how Fleet Management Solutions can help your business!</span></p>
                                                                  </div> </td> 
                                                              </tr> 
                                                              <tr> 
                                                                <td align="left" valign="middle" class="em_white em_hide" style="font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; color: #ffffff;"> 
                                                                  <div id="subheadline" mktoname="Subheadline (Desktop)" class="mktoText"></div> </td> 
                                                              </tr> 
                                                            </tbody> 
                                                          </table> </td> 
                                                        <td width="60" style="width: 60px;" class="em_side10">&nbsp;</td> 
                                                      </tr> 
                                                    </tbody> 
                                                  </table> </td> 
                                                <td valign="top" align="left" width="55" class=""> 
                                                  <div id="slant"> 
                                                    <img src="https://www2.calamp.com/rs/670-UQO-512/images/email_calamp_header_slant.png" width="55" height="232" border="0" style="display: block; max-width: 55px;" alt="" class="em_header_slant" /> 
                                                  </div> </td> 
                                              </tr> 
                                            </tbody> 
                                          </table> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> 
                                  <!--[if gte mso 9]>
                </v:textbox>
                </v:fill>
                </v:rect>
                </v:image>
                <![endif]--> </td> 
                              </tr> 
                              <tr> 
                                <td> 
                                  <table align="left" class="em_hide_desktop em_wrapper" style="width: 100%; mso-hide: all; overflow: hidden; display: none;" width="100%" border="0" cellspacing="0" cellpadding="0" dir="ltr"> 
                                    <tbody> 
                                      <tr> 
                                        <td width="43" class="em_side10 em_hauto">&nbsp;</td> 
                                        <td style="padding: 20px 0"> 
                                          <table align="left" class="em_hide_desktop" style="mso-hide: all; overflow: hidden; display: none;"> 
                                            <tbody> 
                                              <tr> 
                                                <td align="left" valign="middle" class="em_white" style="font-family: Arial, sans-serif; font-size: 20px; line-height: 23px; color: #666666; padding-bottom: 3px; padding-top: 10px;"> 
                                                  <div id="headline2" mktoname="Headline (Mobile)" class="mktoText">
                                                    <p><span style="font-size: 18px;">Learn more about how Fleet Management Solutions can help your business!</span></p>
                                                  </div> </td> 
                                              </tr> 
                                              <tr> 
                                                <td align="left" valign="middle" class="em_white" style="font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; color: #666666;"> 
                                                  <div id="subheadline2" mktoname="Subheadline (Mobile)" class="mktoText"></div> </td> 
                                              </tr> 
                                            </tbody> 
                                          </table> </td> 
                                        <td width="43" class="em_side10">&nbsp;</td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                            </tbody> 
                          </table> </td> 
                      </tr> 
                      <tr> 
                        <td height="20" style="font-size: 0px; line-height: 0px;">&nbsp;</td> 
                      </tr> 
                    </tbody> 
                  </table> </td> 
              </tr>
              <tr class="mktoModule" mktoname="Spacer-1" id="Spacer_Section2329f95d-abad-4dd9-abdb-aa22b86fcee6"> 
                <td valign="top"> 
                  <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef"> 
                    <tbody> 
                      <tr> 
                        <td height="20" style="font-size: 0px; line-height: 0px;">&nbsp;</td> 
                      </tr> 
                    </tbody> 
                  </table> </td> 
              </tr>
              <tr class="mktoModule" mktoname="Text" id="Text_Section"> 
                <td valign="top"> 
                  <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef"> 
                    <tbody> 
                      <tr> 
                        <td align="left" valign="middle" style="padding: 0 43px 20px 43px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #666666;" class="em_pad1_two em_grey"> 
                          <div id="section_text" mktoname="Content" class="mktoText">
                            <p><strong>Hi&nbsp;{{lead.First Name:default=there}},</strong><br /><br />Thanks for your interest in our webinar, "Must-Have Features for a Fleet Management Solution."<br /><br />Learn more about fleet safety and how fleet management solutions can help save your company money.<br /></p>
                          </div> </td> 
                      </tr> 
                    </tbody> 
                  </table> </td> 
              </tr>
              <tr class="mktoModule" mktoname="Spacer-2" id="Spacer_Sectionb762d4c1-d469-40cd-aeea-275ea4ede6e2"> 
                <td valign="top"> 
                  <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef"> 
                    <tbody> 
                      <tr> 
                        <td height="20" style="font-size: 0px; line-height: 0px;">&nbsp;</td> 
                      </tr> 
                    </tbody> 
                  </table> </td> 
              </tr>
              <tr class="mktoModule" mktoname="Card (Variation 2) Right" id="card-v2-rtl-card-variation-2-rtl"> 
                <td valign="top"> 
                  <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef"> 
                    <tbody> 
                      <tr> 
                        <td valign="top" style="padding:0 20px 16px 17px;" class="em_pad1"> 
                          <table align="center" class="em_wrapper" style="width: 603px;" width="603" border="0" cellspacing="0" cellpadding="0"> 
                            <tbody> 
                              <tr> 
                                <td valign="top"> 
                                  <table align="center" class="em_wrapper" style="width: 603px;" width="603" border="0" cellspacing="0" cellpadding="0"> 
                                    <tbody> 
                                      <tr> 
                                        <td width="1" style="width: 1px;" bgcolor="#ececec"></td> 
                                        <td width="1" style="width: 1px;" bgcolor="#e7e7e7"></td> 
                                        <td width="1" style="width: 1px;" bgcolor="#dfdfdf"></td> 
                                        <td valign="top"> 
                                          <table align="center" width="600" class="em_wrapper2" style="width: 600px; box-shadow: -2px 2px 5px -3px #9c9c9c;" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> 
                                            <tbody> 
                                              <tr> 
                                                <td valign="top" style="padding: 24px;" class="em_padnone"> 
                                                  <table align="center" width="552" class="em_wrapper" style="width: 552px;" border="0" cellspacing="0" cellpadding="0" dir="rtl"> 
                                                    <tbody> 
                                                      <tr> 
                                                        <td valign="top"> 
                                                          <table align="right" class="em_wrapper" style="width: 278px;" width="278" border="0" cellspacing="0" cellpadding="0" dir="ltr"> 
                                                            <tbody> 
                                                              <tr> 
                                                                <td align="center" valign="top"> 
                                                                  <div id="card-v2-rtl-image" mktoname="Image" class="mktoImg" mktolockimgsize="false">
                                                                    <a href="https://www.calamp.com/blog/2020/11/the-key-to-an-effective-fleet-vehicle-video-camera-solution/" target="_blank" style="text-decoration: none;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/shoes.jpg" width="278" height="232" border="0" class="em_full_img" style="display: block; max-width: 278px;" alt="shoes.jpg" /></a>
                                                                  </div> </td> 
                                                              </tr> 
                                                            </tbody> 
                                                          </table> 
                                                          <!--[if gte mso 9]>
                                  </td>
                                  <td valign="top">
                                  <![endif]--> 
                                                          <table align="left" class="em_wrapper" style="width: 235px;" width="235" border="0" cellspacing="0" cellpadding="0" dir="ltr"> 
                                                            <tbody> 
                                                              <tr> 
                                                                <td valign="top" class="em_pad24"> 
                                                                  <table align="center" class="em_wrapper" style="width: 235px;" width="235" border="0" cellspacing="0" cellpadding="0"> 
                                                                    <tbody> 
                                                                      <tr> 
                                                                        <td valign="top" align="left" class="em_grey" style="padding: 0 0 18px 0; font-family: Arial, sans-serif; font-size: 18px; line-height: 20px; color: #666666;"> 
                                                                          <div id="card-v2-rtl-title" mktoname="Title" class="mktoText">
                                                                            <p><strong>Using Telematics to Improve Your Fleet’s Fuel Economy </strong></p>
                                                                          </div> </td> 
                                                                      </tr> 
                                                                      <tr> 
                                                                        <td valign="top" align="left" class="em_grey em_pbottom em_hauto" height="145" style="height: 145px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #666666;"> 
                                                                          <div id="card-v2-rtl-content" mktoname="Content" class="mktoText">
                                                                            <p>Fuel is the number one operating expense for many fleets. Discover how fleets can leverage telematics to minimize unnecessary mileage and improve overall fuel economy.</p>
                                                                          </div> </td> 
                                                                      </tr> 
                                                                      <tr> 
                                                                        <td valign="top"> 
                                                                          <table align="left" style="width: 185px; border-radius: 3px; background-color: #02abca;" width="185" border="0" cellspacing="0" cellpadding="0" bgcolor="#02abca"> 
                                                                            <tbody> 
                                                                              <tr> 
                                                                                <td align="center" valign="middle" height="37" class="em_white" style="font-family: Arial, sans-serif; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;"> 
                                                                                  <div id="card-v2-rtl-button" mktoname="Button" class="mktoText">
                                                                                    <p><a href="https://www.calamp.com/blog/2021/07/using-telematics-to-improve-your-fleets-fuel-economy/" target="_blank" id="">READ BLOG</a></p>
                                                                                  </div> </td> 
                                                                              </tr> 
                                                                            </tbody> 
                                                                          </table> </td> 
                                                                      </tr> 
                                                                    </tbody> 
                                                                  </table> </td> 
                                                              </tr> 
                                                            </tbody> 
                                                          </table> </td> 
                                                      </tr> 
                                                    </tbody> 
                                                  </table> </td> 
                                              </tr> 
                                            </tbody> 
                                          </table> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                              <tr> 
                                <td valign="top" align="left" class="em_full_img" width="602" style="font-size: 0px; line-height: 0px;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/email_shadow.jpg" class="em_full_img" width="602" height="4" style="display: block; max-width: 602px;" alt="" /></td> 
                              </tr> 
                            </tbody> 
                          </table> </td> 
                      </tr> 
                    </tbody> 
                  </table> </td> 
              </tr>
              <tr class="mktoModule" mktoname="Card (Variation 2) Left" id="card-variation-2-ltr"> 
                <td valign="top"> 
                  <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef"> 
                    <tbody> 
                      <tr> 
                        <td valign="top" style="padding:0 20px 16px 17px;" class="em_pad1"> 
                          <table align="center" class="em_wrapper" style="width: 603px;" width="603" border="0" cellspacing="0" cellpadding="0"> 
                            <tbody> 
                              <tr> 
                                <td valign="top"> 
                                  <table align="center" class="em_wrapper" style="width: 603px;" width="603" border="0" cellspacing="0" cellpadding="0"> 
                                    <tbody> 
                                      <tr> 
                                        <td width="1" style="width: 1px;" bgcolor="#ececec"></td> 
                                        <td width="1" style="width: 1px;" bgcolor="#e7e7e7"></td> 
                                        <td width="1" style="width: 1px;" bgcolor="#dfdfdf"></td> 
                                        <td valign="top"> 
                                          <table align="center" width="600" class="em_wrapper2" style="width: 600px; box-shadow: -2px 2px 5px -3px #9c9c9c;" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> 
                                            <tbody> 
                                              <tr> 
                                                <td valign="top" style="padding: 24px;" class="em_padnone"> 
                                                  <table align="center" width="552" class="em_wrapper" style="width: 552px;" border="0" cellspacing="0" cellpadding="0" dir="rtl"> 
                                                    <tbody> 
                                                      <tr> 
                                                        <td valign="top"> 
                                                          <table align="left" class="em_wrapper" style="width: 278px;" width="278" border="0" cellspacing="0" cellpadding="0" dir="ltr"> 
                                                            <tbody> 
                                                              <tr> 
                                                                <td align="center" valign="top"> 
                                                                  <div id="card-v2-ltr-image" mktoname="Image" class="mktoImg" mktolockimgsize="false">
                                                                    <a href="#" target="_blank" style="text-decoration: none;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/arrows.jpg" width="278" height="250" border="0" class="em_full_img" style="display: block; max-width: 278px;" alt="arrows.jpg" /></a>
                                                                  </div> </td> 
                                                              </tr> 
                                                            </tbody> 
                                                          </table> 
                                                          <!--[if gte mso 9]>
                                  </td>
                                  <td valign="top">
                                  <![endif]--> 
                                                          <table align="left" class="em_wrapper" style="width: 274px;" width="274" border="0" cellspacing="0" cellpadding="0" dir="ltr"> 
                                                            <tbody> 
                                                              <tr> 
                                                                <td align="center" valign="top" class="em_pad24"> 
                                                                  <table align="center" class="em_wrapper" style="width: 235px;" width="235" border="0" cellspacing="0" cellpadding="0"> 
                                                                    <tbody> 
                                                                      <tr> 
                                                                        <td valign="top" align="left" class="em_grey" style="padding: 0 0 18px 0; font-family: Arial, sans-serif; font-size: 18px; line-height: 20px; color: #666666;"> 
                                                                          <div id="card-v2-ltr-title" mktoname="Title" class="mktoText">
                                                                            <p><strong>For Better Fleet Management, Manage by Exception </strong></p>
                                                                          </div> </td> 
                                                                      </tr> 
                                                                      <tr> 
                                                                        <td valign="top" align="left" class="em_grey em_pbottom em_hauto" height="145" style="height: 145px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #666666;"> 
                                                                          <div id="card-v2-ltr-content" mktoname="Content" class="mktoText">
                                                                            <p>Fleet telematics data is essential to effective fleet management. But too much data is paralyzing. How can a fleet manager cut through the noise and focus on the most pressing problems? The answer is managing by exception.</p> 
                                                                            <p><br /></p> 
                                                                            <p><br /> </p>
                                                                          </div> </td> 
                                                                      </tr> 
                                                                      <tr> 
                                                                        <td valign="top"> 
                                                                          <table align="left" style="width: 185px; border-radius: 3px; background-color: #02abca;" width="185" border="0" cellspacing="0" cellpadding="0" bgcolor="#02abca"> 
                                                                            <tbody> 
                                                                              <tr> 
                                                                                <td align="center" valign="middle" height="37" class="em_white" style="font-family: Arial, sans-serif; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;"> 
                                                                                  <div id="card-v2-ltr-button" mktoname="Button" class="mktoText">
                                                                                    <p><a href="https://www.calamp.com/blog/2021/06/for-better-fleet-management-manage-by-exception/" target="_blank" id="">READ BLOG</a><br /></p>
                                                                                  </div> </td> 
                                                                              </tr> 
                                                                            </tbody> 
                                                                          </table> </td> 
                                                                      </tr> 
                                                                    </tbody> 
                                                                  </table> </td> 
                                                              </tr> 
                                                            </tbody> 
                                                          </table> </td> 
                                                      </tr> 
                                                    </tbody> 
                                                  </table> </td> 
                                              </tr> 
                                            </tbody> 
                                          </table> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                              <tr> 
                                <td valign="top" align="left" class="em_full_img" width="602" style="font-size: 0px; line-height: 0px;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/email_shadow.jpg" class="em_full_img" width="602" height="4" style="display: block; max-width: 602px;" alt="" /></td> 
                              </tr> 
                            </tbody> 
                          </table> </td> 
                      </tr> 
                    </tbody> 
                  </table> </td> 
              </tr>
              <tr class="mktoModule" mktoname="Card (Variation 2) Right-clone" id="card-v2-rtl-card-variation-2-rtlaaa3d666-de3a-4852-9b5d-6cf81a78bad1"> 
                <td valign="top"> 
                  <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef"> 
                    <tbody> 
                      <tr> 
                        <td valign="top" style="padding:0 20px 16px 17px;" class="em_pad1"> 
                          <table align="center" class="em_wrapper" style="width: 603px;" width="603" border="0" cellspacing="0" cellpadding="0"> 
                            <tbody> 
                              <tr> 
                                <td valign="top"> 
                                  <table align="center" class="em_wrapper" style="width: 603px;" width="603" border="0" cellspacing="0" cellpadding="0"> 
                                    <tbody> 
                                      <tr> 
                                        <td width="1" style="width: 1px;" bgcolor="#ececec"></td> 
                                        <td width="1" style="width: 1px;" bgcolor="#e7e7e7"></td> 
                                        <td width="1" style="width: 1px;" bgcolor="#dfdfdf"></td> 
                                        <td valign="top"> 
                                          <table align="center" width="600" class="em_wrapper2" style="width: 600px; box-shadow: -2px 2px 5px -3px #9c9c9c;" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> 
                                            <tbody> 
                                              <tr> 
                                                <td valign="top" style="padding: 24px;" class="em_padnone"> 
                                                  <table align="center" width="552" class="em_wrapper" style="width: 552px;" border="0" cellspacing="0" cellpadding="0" dir="rtl"> 
                                                    <tbody> 
                                                      <tr> 
                                                        <td valign="top"> 
                                                          <table align="right" class="em_wrapper" style="width: 278px;" width="278" border="0" cellspacing="0" cellpadding="0" dir="ltr"> 
                                                            <tbody> 
                                                              <tr> 
                                                                <td align="center" valign="top"> 
                                                                  <div id="card-v2-rtl-image330b92bd-d778-4f47-9fbb-76308f89ff08" class="mktoImg" mktoname="Image" mktolockimgsize="false">
                                                                    <a href="https://www.calamp.com/blog/2020/11/the-key-to-an-effective-fleet-vehicle-video-camera-solution/" target="_blank" style="text-decoration: none;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/thumbnail.jpg" width="278" height="146" border="0" class="em_full_img" style="display: block; max-width: 278px;" alt="thumbnail.jpg" /></a>
                                                                  </div> </td> 
                                                              </tr> 
                                                            </tbody> 
                                                          </table> 
                                                          <!--[if gte mso 9]>
                                  </td>
                                  <td valign="top">
                                  <![endif]--> 
                                                          <table align="left" class="em_wrapper" style="width: 235px;" width="235" border="0" cellspacing="0" cellpadding="0" dir="ltr"> 
                                                            <tbody> 
                                                              <tr> 
                                                                <td valign="top" class="em_pad24"> 
                                                                  <table align="center" class="em_wrapper" style="width: 235px;" width="235" border="0" cellspacing="0" cellpadding="0"> 
                                                                    <tbody> 
                                                                      <tr> 
                                                                        <td valign="top" align="left" class="em_grey" style="padding: 0 0 18px 0; font-family: Arial, sans-serif; font-size: 18px; line-height: 20px; color: #666666;"> 
                                                                          <div id="card-v2-rtl-title58e88e3c-3a32-4414-bc91-055b69368889" mktoname="Title" class="mktoText">
                                                                            <p><strong>5 Ways Telematics Can Save Trucking Companies Money </strong></p>
                                                                          </div> </td> 
                                                                      </tr> 
                                                                      <tr> 
                                                                        <td valign="top" align="left" class="em_grey em_pbottom em_hauto" height="145" style="height: 145px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #666666;"> 
                                                                          <div id="card-v2-rtl-contentd847e84e-131e-49ed-9ecf-7cda162d0b7b" mktoname="Content" class="mktoText">
                                                                            <p>From cutting fuel expenses to maximizing trailer utilization, telematics can offer fleets incredible cost-savings potential. Here are five ways telematics—and fleet management systems—can save trucking companies money.</p> 
                                                                            <p><br /></p> 
                                                                            <p><br /> </p>
                                                                          </div> </td> 
                                                                      </tr> 
                                                                      <tr> 
                                                                        <td valign="top"> 
                                                                          <table align="left" style="width: 185px; border-radius: 3px; background-color: #02abca;" width="185" border="0" cellspacing="0" cellpadding="0" bgcolor="#02abca"> 
                                                                            <tbody> 
                                                                              <tr> 
                                                                                <td align="center" valign="middle" height="37" class="em_white" style="font-family: Arial, sans-serif; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;"> 
                                                                                  <div id="card-v2-rtl-buttonb43ce489-2f4d-4820-8a5e-f596b1355e8f" mktoname="Button" class="mktoText">
                                                                                    <p>WATCH VIDEO<br /></p>
                                                                                  </div> </td> 
                                                                              </tr> 
                                                                            </tbody> 
                                                                          </table> </td> 
                                                                      </tr> 
                                                                    </tbody> 
                                                                  </table> </td> 
                                                              </tr> 
                                                            </tbody> 
                                                          </table> </td> 
                                                      </tr> 
                                                    </tbody> 
                                                  </table> </td> 
                                              </tr> 
                                            </tbody> 
                                          </table> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                              <tr> 
                                <td valign="top" align="left" class="em_full_img" width="602" style="font-size: 0px; line-height: 0px;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/email_shadow.jpg" class="em_full_img" width="602" height="4" style="display: block; max-width: 602px;" alt="" /></td> 
                              </tr> 
                            </tbody> 
                          </table> </td> 
                      </tr> 
                    </tbody> 
                  </table> </td> 
              </tr>
              <tr class="mktoModule" mktoname="Card (Variation 2) Left-clone" id="card-variation-2-ltr5a855e4f-3d96-49bb-9878-6abe0f8de925"> 
                <td valign="top"> 
                  <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef"> 
                    <tbody> 
                      <tr> 
                        <td valign="top" style="padding:0 20px 16px 17px;" class="em_pad1"> 
                          <table align="center" class="em_wrapper" style="width: 603px;" width="603" border="0" cellspacing="0" cellpadding="0"> 
                            <tbody> 
                              <tr> 
                                <td valign="top"> 
                                  <table align="center" class="em_wrapper" style="width: 603px;" width="603" border="0" cellspacing="0" cellpadding="0"> 
                                    <tbody> 
                                      <tr> 
                                        <td width="1" style="width: 1px;" bgcolor="#ececec"></td> 
                                        <td width="1" style="width: 1px;" bgcolor="#e7e7e7"></td> 
                                        <td width="1" style="width: 1px;" bgcolor="#dfdfdf"></td> 
                                        <td valign="top"> 
                                          <table align="center" width="600" class="em_wrapper2" style="width: 600px; box-shadow: -2px 2px 5px -3px #9c9c9c;" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> 
                                            <tbody> 
                                              <tr> 
                                                <td valign="top" style="padding: 24px;" class="em_padnone"> 
                                                  <table align="center" width="552" class="em_wrapper" style="width: 552px;" border="0" cellspacing="0" cellpadding="0" dir="rtl"> 
                                                    <tbody> 
                                                      <tr> 
                                                        <td valign="top"> 
                                                          <table align="left" class="em_wrapper" style="width: 278px;" width="278" border="0" cellspacing="0" cellpadding="0" dir="ltr"> 
                                                            <tbody> 
                                                              <tr> 
                                                                <td align="center" valign="top"> 
                                                                  <div id="card-v2-ltr-image8d1a2813-93a4-4581-8da9-51b37e19b634" class="mktoImg" mktoname="Image" mktolockimgsize="false">
                                                                    <a href="#" target="_blank" style="text-decoration: none;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/Ebook image 2.JPG" width="278" height="215" border="0" class="em_full_img" style="display: block; max-width: 278px;" alt="Ebook image 2.JPG" /></a>
                                                                  </div> </td> 
                                                              </tr> 
                                                            </tbody> 
                                                          </table> 
                                                          <!--[if gte mso 9]>
                                  </td>
                                  <td valign="top">
                                  <![endif]--> 
                                                          <table align="left" class="em_wrapper" style="width: 274px;" width="274" border="0" cellspacing="0" cellpadding="0" dir="ltr"> 
                                                            <tbody> 
                                                              <tr> 
                                                                <td align="center" valign="top" class="em_pad24"> 
                                                                  <table align="center" class="em_wrapper" style="width: 235px;" width="235" border="0" cellspacing="0" cellpadding="0"> 
                                                                    <tbody> 
                                                                      <tr> 
                                                                        <td valign="top" align="left" class="em_grey" style="padding: 0 0 18px 0; font-family: Arial, sans-serif; font-size: 18px; line-height: 20px; color: #666666;"> 
                                                                          <div id="card-v2-ltr-titlecdbea5a8-87f9-40d9-ba76-5123bf01e9ba" mktoname="Title" class="mktoText">
                                                                            <p><strong>Enhance Your Fleet Safety Program with Video Telematics </strong></p>
                                                                          </div> </td> 
                                                                      </tr> 
                                                                      <tr> 
                                                                        <td valign="top" align="left" class="em_grey em_pbottom em_hauto" height="145" style="height: 145px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #666666;"> 
                                                                          <div id="card-v2-ltr-contentd6c31448-c40d-4f9d-a5bd-d65d551b67c1" mktoname="Content" class="mktoText">
                                                                            <p>For most fleet managers, promoting fleet safety and reducing collisions is a high-priority goal. When combined with a fleet management solution, video telematics can hold the key to taking your fleet safety program to the next level.</p> 
                                                                            <p><br /></p> 
                                                                            <p><br /> </p>
                                                                          </div> </td> 
                                                                      </tr> 
                                                                      <tr> 
                                                                        <td valign="top"> 
                                                                          <table align="left" style="width: 185px; border-radius: 3px; background-color: #02abca;" width="185" border="0" cellspacing="0" cellpadding="0" bgcolor="#02abca"> 
                                                                            <tbody> 
                                                                              <tr> 
                                                                                <td align="center" valign="middle" height="37" class="em_white" style="font-family: Arial, sans-serif; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;"> 
                                                                                  <div id="card-v2-ltr-button2d93f191-03cf-46ca-bbe9-d8bb5e224ae9" mktoname="Button" class="mktoText">
                                                                                    <p><a href="https://www2.calamp.com/rs/670-UQO-512/images/Enhance-Your-Fleet-Safety-Program-With-Video-Telematics.pdf" target="_blank" id="">DOWNLOAD GUIDE</a><br /></p>
                                                                                  </div> </td> 
                                                                              </tr> 
                                                                            </tbody> 
                                                                          </table> </td> 
                                                                      </tr> 
                                                                    </tbody> 
                                                                  </table> </td> 
                                                              </tr> 
                                                            </tbody> 
                                                          </table> </td> 
                                                      </tr> 
                                                    </tbody> 
                                                  </table> </td> 
                                              </tr> 
                                            </tbody> 
                                          </table> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                              <tr> 
                                <td valign="top" align="left" class="em_full_img" width="602" style="font-size: 0px; line-height: 0px;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/email_shadow.jpg" class="em_full_img" width="602" height="4" style="display: block; max-width: 602px;" alt="" /></td> 
                              </tr> 
                            </tbody> 
                          </table> </td> 
                      </tr> 
                    </tbody> 
                  </table> </td> 
              </tr>
              <tr class="mktoModule" mktoname="Card (Variation 2) Right-clone-clone" id="card-v2-rtl-card-variation-2-rtlf1e21bc7-cd1d-40b2-b36b-68b4408a0279"> 
                <td valign="top"> 
                  <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef"> 
                    <tbody> 
                      <tr> 
                        <td valign="top" style="padding:0 20px 16px 17px;" class="em_pad1"> 
                          <table align="center" class="em_wrapper" style="width: 603px;" width="603" border="0" cellspacing="0" cellpadding="0"> 
                            <tbody> 
                              <tr> 
                                <td valign="top"> 
                                  <table align="center" class="em_wrapper" style="width: 603px;" width="603" border="0" cellspacing="0" cellpadding="0"> 
                                    <tbody> 
                                      <tr> 
                                        <td width="1" style="width: 1px;" bgcolor="#ececec"></td> 
                                        <td width="1" style="width: 1px;" bgcolor="#e7e7e7"></td> 
                                        <td width="1" style="width: 1px;" bgcolor="#dfdfdf"></td> 
                                        <td valign="top"> 
                                          <table align="center" width="600" class="em_wrapper2" style="width: 600px; box-shadow: -2px 2px 5px -3px #9c9c9c;" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> 
                                            <tbody> 
                                              <tr> 
                                                <td valign="top" style="padding: 24px;" class="em_padnone"> 
                                                  <table align="center" width="552" class="em_wrapper" style="width: 552px;" border="0" cellspacing="0" cellpadding="0" dir="rtl"> 
                                                    <tbody> 
                                                      <tr> 
                                                        <td valign="top"> 
                                                          <table align="right" class="em_wrapper" style="width: 278px;" width="278" border="0" cellspacing="0" cellpadding="0" dir="ltr"> 
                                                            <tbody> 
                                                              <tr> 
                                                                <td align="center" valign="top"> 
                                                                  <div id="card-v2-rtl-image8fdc235b-7ed4-4756-adcf-aabebdb5dd7c" class="mktoImg" mktoname="Image" mktolockimgsize="false">
                                                                    <a href="https://www.calamp.com/blog/2020/11/the-key-to-an-effective-fleet-vehicle-video-camera-solution/" target="_blank" style="text-decoration: none;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/iOn 2.jpg" width="278" height="181" border="0" class="em_full_img" style="display: block; max-width: 278px;" alt="iOn 2.jpg" /></a>
                                                                  </div> </td> 
                                                              </tr> 
                                                            </tbody> 
                                                          </table> 
                                                          <!--[if gte mso 9]>
                                  </td>
                                  <td valign="top">
                                  <![endif]--> 
                                                          <table align="left" class="em_wrapper" style="width: 235px;" width="235" border="0" cellspacing="0" cellpadding="0" dir="ltr"> 
                                                            <tbody> 
                                                              <tr> 
                                                                <td valign="top" class="em_pad24"> 
                                                                  <table align="center" class="em_wrapper" style="width: 235px;" width="235" border="0" cellspacing="0" cellpadding="0"> 
                                                                    <tbody> 
                                                                      <tr> 
                                                                        <td valign="top" align="left" class="em_grey" style="padding: 0 0 18px 0; font-family: Arial, sans-serif; font-size: 18px; line-height: 20px; color: #666666;"> 
                                                                          <div id="card-v2-rtl-titleb581ab18-7247-40dd-867c-30e3e42be644" mktoname="Title" class="mktoText">
                                                                            <p><strong>CalAmp iOn™: Fleet Intelligence, Delivered </strong></p>
                                                                          </div> </td> 
                                                                      </tr> 
                                                                      <tr> 
                                                                        <td valign="top" align="left" class="em_grey em_pbottom em_hauto" height="145" style="height: 145px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #666666;"> 
                                                                          <div id="card-v2-rtl-contentc11f0436-c8cc-4dbe-acac-742fb9537fe3" mktoname="Content" class="mktoText">
                                                                            <p>Track, monitor and protect your fleet operations with the CalAmp iOn fleet management software. Discover how iOn can help you optimize efficiency, simplify fleet maintenance and boost profitability today.</p>
                                                                          </div> </td> 
                                                                      </tr> 
                                                                      <tr> 
                                                                        <td valign="top"> 
                                                                          <table align="left" style="width: 185px; border-radius: 3px; background-color: #02abca;" width="185" border="0" cellspacing="0" cellpadding="0" bgcolor="#02abca"> 
                                                                            <tbody> 
                                                                              <tr> 
                                                                                <td align="center" valign="middle" height="37" class="em_white" style="font-family: Arial, sans-serif; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;"> 
                                                                                  <div id="card-v2-rtl-buttoneaca21fe-1230-4cfc-ac53-61225a0730b3" mktoname="Button" class="mktoText">
                                                                                    <p><a href="https://www.calamp.com/ion/" target="_blank" style="text-decoration: none; color: #ffffff; display: block; line-height: 37px;" class="mktNoTrack">Learn more</a></p>
                                                                                  </div> </td> 
                                                                              </tr> 
                                                                            </tbody> 
                                                                          </table> </td> 
                                                                      </tr> 
                                                                    </tbody> 
                                                                  </table> </td> 
                                                              </tr> 
                                                            </tbody> 
                                                          </table> </td> 
                                                      </tr> 
                                                    </tbody> 
                                                  </table> </td> 
                                              </tr> 
                                            </tbody> 
                                          </table> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                              <tr> 
                                <td valign="top" align="left" class="em_full_img" width="602" style="font-size: 0px; line-height: 0px;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/email_shadow.jpg" class="em_full_img" width="602" height="4" style="display: block; max-width: 602px;" alt="" /></td> 
                              </tr> 
                            </tbody> 
                          </table> </td> 
                      </tr> 
                    </tbody> 
                  </table> </td> 
              </tr>
              <tr class="mktoModule" mktoname="Spacer" id="Spacer_Section"> 
                <td valign="top"> 
                  <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef"> 
                    <tbody> 
                      <tr> 
                        <td height="20" style="font-size: 0px; line-height: 0px;">&nbsp;</td> 
                      </tr> 
                    </tbody> 
                  </table> </td> 
              </tr>
              <tr class="mktoModule" mktoname="Footer" id="Footer_Section"> 
                <td valign="top"> 
                  <table align="center" class="em_wrapper" style="width: 640px;" width="640" border="0" cellspacing="0" cellpadding="0" bgcolor="#666666"> 
                    <tbody> 
                      <tr> 
                        <td valign="top" style="padding: 22px 43px;" class="em_pad2_two"> 
                          <table align="center" width="554" class="em_wrapper" style="width: 554px;" border="0" cellspacing="0" cellpadding="0"> 
                            <tbody> 
                              <tr> 
                                <td valign="top" style="padding: 0 0 20px 0; border-bottom: 1px solid #ffffff;"> 
                                  <table align="center" class="em_wrapper" style="width: 554px;" width="554" border="0" cellspacing="0" cellpadding="0"> 
                                    <tbody> 
                                      <tr> 
                                        <td align="left" valign="middle"> 
                                          <div id="footer_logo" mktoname="Logo" class="mktoImg" mktolockimgsize="false">
                                            <a href="https://www.calamp.com/" target="_blank" style="text-decoration: none;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/email_calamp_footer_logo.png" width="115" height="40" border="0" style="display: block; max-width: 115px; font-family: Arial, sans-serif; font-size: 11px; line-height: 14px; color: #ffffff;" alt="CalAmp" /></a>
                                          </div> </td> 
                                        <td valign="middle"> 
                                          <table align="right" border="0" cellspacing="0" cellpadding="0"> 
                                            <tbody> 
                                              <tr> 
                                                <td align="center" valign="middle" style="padding:0 14px 0 0;"> 
                                                  <div id="linkedin_icon" mktoname="LinkedIn" class="mktoImg" mktolockimgsize="false">
                                                    <a href="https://www.linkedin.com/company/12441/" target="_blank" style="text-decoration: none;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/email_social_linkedin.png" width="16" height="15" border="0" style="display: block; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; color: #ffffff; max-width: 16px;" alt="in" /></a>
                                                  </div> </td> 
                                                <td align="center" valign="middle" style="padding:0 14px 0 0;"> 
                                                  <div id="facebook_icon" mktoname="Facebook" class="mktoImg" mktolockimgsize="false">
                                                    <a href="https://www.facebook.com/CalAmpCorporation/" target="_blank" style="text-decoration: none;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/email_social_facebook.png" width="10" height="19" border="0" style="display: block; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; color: #ffffff;" alt="fb" /></a>
                                                  </div> </td> 
                                                <td align="center" valign="middle" style="padding:0 14px 0 0;"> 
                                                  <div id="twitter_icon" mktoname="Twitter" class="mktoImg" mktolockimgsize="false">
                                                    <a href="https://twitter.com/calamp" target="_blank" style="text-decoration: none;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/email_social_twitter.png" width="15" height="12" border="0" style="display: block; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; color: #ffffff; max-width: 15px;" alt="tw" /></a>
                                                  </div> </td> 
                                                <td align="center" valign="middle"> 
                                                  <div id="youtube_icon" mktoname="YouTube" class="mktoImg" mktolockimgsize="false">
                                                    <a href="https://www.youtube.com/user/CalAmpCorp" target="_blank" style="text-decoration: none;"><img src="https://www2.calamp.com/rs/670-UQO-512/images/email_social_youtube.png" width="17" height="12" border="0" style="display: block; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; color: #ffffff; max-width: 17px;" alt="yt" /></a>
                                                  </div> </td> 
                                              </tr> 
                                            </tbody> 
                                          </table> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                              <tr> 
                                <td align="center" valign="middle" style="font-family: Arial, sans-serif; font-size: 10px; line-height: 20px; color: #ffffff; padding: 16px 0 0 0;"> 
                                  <div id="footer_text" mktoname="Copyright" class="mktoText em_white">
                                    <p>© 2022 CalAmp. Corporate Headquarters, 15635 Alton Park Way, Irvine, CA 92618</p>
                                  </div> 
                                  <div>
                                     This email was sent to 
                                    <a href="mailto:{{lead.Email Address:default=edit me}}" style="color: #ffffff; text-decoration: none;">{{lead.Email Address:default=edit me}}</a>. If you no longer wish to receive these emails you may unsubscribe 
                                    <a href="{{system.unsubscribeLink}}" style="color: #02abca; text-decoration: underline;">here</a> 
                                  </div> </td> 
                              </tr> 
                            </tbody> 
                          </table> </td> 
                      </tr> 
                      <tr> 
                        <td class="em_hide" style="line-height:1px;min-width:600px;background-color:#666666;"><img alt="" src="https://www2.calamp.com/rs/670-UQO-512/images/email_spacer.gif" height="1" width="640" style="max-height:1px; min-height:1px; display:block; width:640px; min-width:640px;" border="0" /></td> 
                      </tr> 
                    </tbody> 
                  </table> </td> 
              </tr>
            </table> </td> 
        </tr> 
      </tbody> 
    </table> 
    <!-- == //Body Section == -->  
  </body>
</html>