Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <meta content="width=device-width" name="viewport"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <!-- Marketo Variable Definitions -->
  <!-- header -->
  <!-- header image -->
  <!-- spacer -->
  <!-- freeTextSpacer -->
  <!-- twoColSpacer -->
  <!-- button -->
  <!-- blockTextSpacer -->
  <!-- footer -->
  <style>
   /* -------------------------------------
    GLOBAL RESETS
    ------------------------------------- */
    img {
    border: none;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    }
    body {
    /*background-color: #f6f6f6;*/
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    }
    table {
    border-collapse: separate;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    }
    table[class=body], table[class=main]{
    width: 100%;
    }
    table td {
    font-family: sans-serif;
    font-size: 14px;
    vertical-align: top;
    }
    /* -------------------------------------
    BODY & CONTAINER
    ------------------------------------- */
    .body {
    /*background-color: #f6f6f6;*/
    width: 100%;
    padding:0 0 20px;}
    /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
    .container {
    display: block;
    margin: 0 auto !important;
    /* makes it centered */
    max-width: 600px;
    width: 600px; }
    /* This should also be a block element, so that it will fill 100% of the .container */
    .content {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-width: 600px;
    }
    /* -------------------------------------
    HEADER, FOOTER, MAIN
    ------------------------------------- */
    .main {
    width: 100%;
    }
    .wrapper {
    box-sizing: border-box;
    padding: 0px; }
    .footer {
    clear: both;
    padding-top: 10px;
    text-align: center;
    width: 100%; }
    .footer td,
    .footer p,
    .footer span,
    .footer a {
    color: #999999;
    font-size: 12px;
    text-align: center; }
    /* -------------------------------------
    TYPOGRAPHY
    ------------------------------------- */
    h1,
    h2,
    h3,
    h4 {
    color: #000000;
    font-family: sans-serif;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    margin-bottom: 10px; }
    h1 {
    font-size: 35px;
    font-weight: 300;
    text-align: center;
    text-transform: capitalize;
    }
    a {
    color: #3498db;
    text-decoration: underline;
    }
    hr {
    border: 0;
    border-bottom: 1px solid #f6f6f6;
    margin: 20px 0;
    }
    /* -------------------------------------
    RESPONSIVE AND MOBILE FRIENDLY STYLES
    ------------------------------------- */
    @media only screen and (max-width: 600px) {
      .mobshow  {
          display: initial !important; 
          width:auto !important; 
          height:auto !important; 
          overflow:visible !important; 
          float:none !important; 
          visibility:visible !important; 
          border:none !important;
          font-size:15px !important;
        }
        .mobhidden  {
          display: none !important; 
          width:0!important; 
          height:0!important; 
          overflow:hidden!important; 
          float:none!important; 
          visibility:hidden!important; 
          border:none!important
        }

    table[class=body]{
    max-width: 100% !important;
    width: 100% !important;
    }
    table[class=body] h1 {
    font-size: 28px !important;
    margin-bottom: 10px !important; }
    table[class=body] h2, table[class=body] h2 span{
    font-size: 22px !important;
    }
    table[class=body] p,
    table[class=body] ul,
    table[class=body] ol,
    table[class=body] td,
    table[class=body] span,
    table[class=body] a {
    font-size: 16px !important; }
    table[class=body] .wrapper,
    table[class=body] .article {
    padding: 10px !important; }
    table[class=body] .content {
    padding: 0 !important;
    width: 100% !important;
    }
    table[class=body] .container {
    padding: 0 !important;
    width: 100% !important; }
    table[class=body] .main {
    border-left-width: 0 !important;
    border-radius: 0 !important;
    border-right-width: 0 !important; }
    table[class=body] .btn table {
    width: 100% !important; }
    table[class=body] .btn a {
    width: 100% !important; }
    table[class=body] .img-responsive {
    height: auto !important;
    max-width: 100% !important;
    width: auto !important; }
    .hidden-sm{
    display:none; !important;
    }
    table[class=body] .footer{
    font-size:14px !important;
    }
    .full-width-sm{
    width: 100% !important;
    }
    .icon-responsive{
    padding:0px !important;
    width: 40px !important;
    }
    .text-align-left-sm{
    text-align: left !important;
    }
    img{
    height:auto !important;
    }
    .module-container{
    width: 100% !important;
    }
    .mobile-header{
      padding:20px 30px 20px !important;
    }
    .secondary-font{
      padding:0 30px !important;
    }
    .block-text{
      padding: 20px 50px !important;
    }
    }
  </style>
 </head>
 <body bgcolor="#ecf0f1" class="" style="background: #ecf0f1;">
  <table border="0" cellpadding="0" cellspacing="0" class="body" style="width: 600px; margin:auto;" width="600">
   <tbody>
    <tr>
     <td class="container">
      <div class="content">
       <!-- START CENTERED WHITE CONTAINER -->
       <table class="main">
        <!-- START MAIN CONTENT AREA -->
        <tbody>
         <tr>
          <td class="mktoContainer wrapper" id="template-wrapper">
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="mktoModule m_header module-container" id="header" width="600">
            <tbody>
             <tr>
              <td class="" height="0px" style="line-height:0px;font-size:0px;">
              </td>
             </tr>
             <tr>
             </tr>
             <tr>
              <td bgcolor="#ffffff" style="background-color:#ffffff; display: block;" valign="top">
               <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" width="600">
                <tbody>
                 <tr>
                  <td class="mobile-header" style="padding:20px 53px 15px;">
                   <div class="mktoImg" id="Logo" mktolockimgsize="false">
                    <a style="text-decoration: none; display: block; line-height: 0px" target="_blank">
                     <img height="44" src="https://inboxflows.com/_/image/https%253A%252F%252Finfo2.magento.com%252Frs%252F585-GGD-959%252Fimages%252Fmagento_logo_email.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbmZvMi5tYWdlbiJ9:1kXPDl:KBzXVUs00CBkv_-VFqpAUnFO9ieHAndxppIG4F9Ym60" width="155"/>
                    </a>
                   </div>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="mktoModule m_header image module-container" id="header-image" width="600">
            <tbody>
             <tr>
              <td valign="top">
               <center>
                <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" width="600">
                 <tbody>
                  <tr>
                   <td>
                    <center>
                     <a style="display: block; overflow: hidden; line-height: 0;">
                      <!-- Desktop -->
                      <div class="mktoImg mobhidden" id="single" mktolockimgsize="false">
                       <img align="left" alt="EEMO_1581_marketer_email_4_600x170px.png" class="img-responsive" height="170" src="https://inboxflows.com/_/image/https%253A%252F%252Finfo2.magento.com%252Frs%252F585-GGD-959%252Fimages%252FEEMO_1581_marketer_email_4_600x170px.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbmZvMi5tYWdlbiJ9:1kXPDl:KBzXVUs00CBkv_-VFqpAUnFO9ieHAndxppIG4F9Ym60" style="display: block; line-height: 0px;" width="600"/>
                      </div>
                      <!-- Desktop End -->
                      <!-- Mobile -->
                      <div class="mobshow" style="display: none; width:0; height:0; overflow:hidden; float:none; visibility:hidden; border:none;font-size:0; max-height:0; mso-hide: all">
                       <img class="img-responsive" src="https://inboxflows.com/_/image/https%253A%252F%252Finfo2.magento.com%252Frs%252F585-GGD-959%252Fimages%252FEEMO_1581_marketer_email_4_mobile_400x170px.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbmZvMi5tYWdlbiJ9:1kXPDl:KBzXVUs00CBkv_-VFqpAUnFO9ieHAndxppIG4F9Ym60" style="line-height: 0px; float: left;"/>
                      </div>
                      <!-- Mobile End -->
                     </a>
                    </center>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </center>
              </td>
             </tr>
            </tbody>
           </table>
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="mktoModule m_free-text module-container" id="Two-Column-Text-Image-Right" width="600">
            <tbody>
             <tr>
              <td bgcolor="#ffffff" style="background-color:#ffffff;" valign="top">
               <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" style="float:left;" width="310">
                <tbody>
                 <tr>
                  <td class="" height="40px" style="line-height:40px;font-size:40px;">
                  </td>
                 </tr>
                 <tr>
                  <td class="secondary-font" style="padding:0 0 0 40px;">
                   <div class="mktoText" id="leftColText">
                    <div>
                     To increase sales and meet customer needs in 2018, you’ll need to make informed decisions. Conquer new terrain this year with insights from last year’s trends and learnings.
                     <br/>
                     <br/>
                     In this webinar, we review lessons learned from 2017 and propose strategies and predict trends that will enable you to meet your 2018 goals. Find out how to leverage your commerce platform for improved experiences.
                     <br/>
                     <br/>
                     Insights from this webinar include:
                     <ul>
                      <li>
                       Online Sales Are Growing 5x Faster Than Offline
                      </li>
                      <li>
                       56% of Holiday Traffic is Now on Mobile
                      </li>
                      <li>
                       85% of Customer Interactions Will Be Automated By 2020
                      </li>
                     </ul>
                    </div>
                   </div>
                   <!--[if mso]>
                                      <table><tr>
                                          <td width="180px" class="full-width-sm">
                                            <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://magento.com/resources/accelerate-your-growth-2018-latest-magento?utm_source=marketo&amp;utm_medium=email&amp;utm_campaign=1803-DG-EM-B2C-Perona" style="height:50px;v-text-anchor:middle;width:180px;" arcsize="0%" stroke="f" fillcolor="#F27329" class="full-width-sm">
                                              <w:anchorlock/>
                                              <center style="color:#ffffff;font-family:sans-serif;font-size:15px;font-weight:lighter;">
                                                WATCH NOW
                                              </center>
                                            </v:roundrect>
                                          </td>
                                        </tr></table>
                                <![endif]-->
                   <!--[if !mso]-->
                   <table>
                    <tbody>
                     <tr>
                      <td align="center" bgcolor="#F27329" class="full-width-sm" height="50" style="color: #ffffff; display: block; padding:0 10px;" width="180px">
                       <a style="font-size:15px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:50px; width:100%; display:inline-block; color: #ffffff; font-weight: lighter;">
                        WATCH NOW
                       </a>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                   <!--[endif]-->
                  </td>
                 </tr>
                 <tr>
                  <td class="" height="40px" style="line-height:40px;font-size:40px;">
                  </td>
                 </tr>
                </tbody>
               </table>
               <!--[if mso]></td><td style="background-color:#ffffff;" bgcolor="#ffffff" valign="top"><![endif]-->
               <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" style="float:right;" width="280">
                <tbody>
                 <tr>
                  <td class="" height="40px" style="line-height:40px;font-size:40px;">
                  </td>
                 </tr>
                 <tr>
                  <td class="secondary-font text" data-medium-editor-element="true" style="padding:0 40px 0 30px; color:#58585a;">
                   <div class="mktoImg" id="singleImage" mktolockimgsize="false">
                    <a target="_blank">
                     <img alt="AccelerateGrowth.png" class="full-width-sm" height="250" src="https://inboxflows.com/_/image/https%253A%252F%252Finfo2.magento.com%252Frs%252F585-GGD-959%252Fimages%252FAccelerateGrowth.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbmZvMi5tYWdlbiJ9:1kXPDl:KBzXVUs00CBkv_-VFqpAUnFO9ieHAndxppIG4F9Ym60" style="" width="200"/>
                    </a>
                   </div>
                  </td>
                 </tr>
                 <tr>
                  <td class="" height="40px" style="line-height:40px;font-size:40px;">
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="mktoModule m_block-text module-container" id="block-GreenBand" width="600">
            <tbody>
             <tr>
              <td bgcolor="#00A0B0" style="background-color:#00A0B0;" valign="top">
               <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" width="600">
                <tbody>
                 <tr>
                  <td class="block-text text" data-medium-editor-element="true" style="padding:20px 80px; color:#ffffff; font-weight:bold; font-size:18px;">
                   <div class="mktoText" id="bannerGreenBand">
                    <div>
                     <span style="color: #ffffff; text-decoration: none;">
                      <a style="color: #ffffff; text-decoration: none;" target="_blank">
                       Ready to connect? Click here and a rep will reach out to you shortly.
                      </a>
                     </span>
                    </div>
                   </div>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="mktoModule m_free-text module-container" id="free-textaa0e4886-b017-46fb-89a1-7da5aa9ba6f3" width="600">
            <tbody>
             <tr>
              <td bgcolor="#ffffff" style="background-color:#ffffff;" valign="top">
               <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" width="600">
                <tbody>
                 <tr>
                  <td class="" height="20px" style="line-height:20px;font-size:20px;">
                  </td>
                 </tr>
                 <tr>
                  <td class="secondary-font text" data-medium-editor-element="true" style="padding:0 60px; color:#58585a;">
                   <div class="mktoText" id="textaa0e4886-b017-46fb-89a1-7da5aa9ba6f3">
                    <div>
                    </div>
                   </div>
                  </td>
                 </tr>
                 <tr>
                  <td class="" height="20px" style="line-height:20px;font-size:20px;">
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="mktoModule m_footer module-container" id="footer" width="600">
            <tbody>
             <tr>
              <td bgcolor="afb0b2" style="background-color:#afb0b2;" valign="top">
               <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" style="width: 600px;" width="600">
                <tbody>
                 <tr>
                  <td>
                   <table align="left" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" width="100%;">
                    <tbody>
                     <tr>
                      <td style="padding: 30px 50px; color: #fff; font-size: 12px;">
                       <div class="mktoText" id="footer-address-text">
                        <div>
                         © 2018 Magento All rights reserved
                         <br/>
                         54 N Central Ave, Ste 200 Campbell, CA 95008
                         <br/>
                         <a style="color: #fff; text-decoration: none;">
                          Terms of Use
                         </a>
                         <span>
                          |
                         </span>
                         <a style="color: #fff; text-decoration: none;">
                          Privacy Policy
                         </a>
                         <span>
                          |
                         </span>
                         <a class="mktNoTrack" style="color: #fff; text-decoration: none;">
                          Unsubscribe
                         </a>
                        </div>
                       </div>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
          </td>
         </tr>
         <!-- END MAIN CONTENT AREA -->
        </tbody>
       </table>
       <!-- END CENTERED WHITE CONTAINER -->
      </div>
     </td>
    </tr>
   </tbody>
  </table>
  <a>
  </a>
  <img alt="" height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Femail2.magento.com%252Ftrk%253Ft%253D1%2526mid%253DNTg1LUdHRC05NTk6MTI1ODI6MTE4ODQ6NDcyNDI6MToxMTIwMDo5OjU1NDA0OjE0MTcyNTI4OjVhYzY4ZTgwQHVpZmVlZC5jb20%253D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmVtYWlsMi5tYWdlbiJ9:1kXPDl:rGcODubBA_DTgqeaoE8duA0U56xGYeVmGy2VQghdNhI" style="display:none !important;" width="1"/>
 </body>
</html>