Inboxes List

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

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="//www.w3.org/1999/xhtml">
 <head>
  <title>
   Celebrate WooCommerce Day with 40% off everything 🎉
  </title>
  <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
  <meta content="IE=edge" http-equiv="x-ua-compatible"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <meta content="telephone=no" name="format-detection"/>
  <!--[if gte mso 11]>
    <style>
      .paragraph-text a,.disclaimer-text a {
      text-decoration:underline !important;
      }
    </style>
    <![endif]-->
  <!--[if gte mso 9]>
    <style>
      /* Outlook-specific CSS. */
      .header-image {
      width:600px !important;
      max-width:600px !important;
      }
    </style>
    <![endif]-->
  <style type="text/css">
   body{
			margin:0 !important;
			padding:0 !important;
			-webkit-text-size-adjust:100% !important;
			-ms-text-size-adjust:100% !important;
			-webkit-font-smoothing:antialiased !important;
		}
		img{
			border:0 !important;
			outline:none !important;
			max-width:100%;
		}
		img,a img{
			display:block;
			outline:none;
			text-decoration:none;
		}
		p{
			margin:0 !important;
			padding:0 !important;
		}
		table{
			border-collapse:collapse;
			mso-table-lspace:0;
			mso-table-rspace:0;
		}
		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;
		}
		span.MsoHyperlink{
			mso-style-priority:99;
			color:inherit;
		}
		span.MsoHyperlinkFollowed{
			mso-style-priority:99;
			color:inherit;
		}
		.pre-header{
			color:#fff;
			font-size:10px;
		}
		.template-body{
			width:100% !important;
			height:100% !important;
			margin:0;
			padding:0;
		}
		.hero-container{
			width:100% !important;
		}
		.preheader{
			max-width:600px;
			margin:0 auto;
			border-top:0;
			border-bottom:0;
		}
		a,.pre-header,h1,h2,h3,h4,.paragraph-text,.paragraph-text a,.disclaimer-text,.disclaimer-text a,.footer,.footer a{
			font-family:Helvetica,Arial,sans-serif;
			line-height:150%;
		}
		.preheader span{
			color:#4b278c;
			font-size:1px;
		}
		.preheader a{
			color:#fff;
			font-size:8px;
			line-height:10px;
		}
		.paragraph-text,.paragraph-text a{
			font-size:18px;
		}
		.paragraph-text,.disclaimer-text{
			color:#333;
		}
		.paragraph-text a,.disclaimer-text a{
			color:#333;
			font-weight:normal;
			text-decoration:none;
		}
		ul{
			margin:0;
		}
		.disclaimer-text{
			font-size:11px;
		}
		.my-account-btn{
			padding-top:6px;
		}
		.container-hero{
			max-width:1200px;
		}
		.hero-bg-img{
			background-color:#4b278c;
			background-image:url(https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252F2c1434dc56f9506bf3c3ecd21%252Fimages%252Fab72ada1-f440-40f4-8e3e-7eed5088a96b.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSJ9:1kXMak:2qnEc_GcozxvRwqTLzn6YOKarG_UMujqiq70O5poDJQ);
			background-size:cover;
			background-repeat:no-repeat;
			background-position:center top;
		}
		.footer,.footer a{
			font-size:10px;
			color:#333;
			text-transform:uppercase;
			text-decoration:none;
		}
	@media only screen and (max-width:384px){
		.my-account-btn{
			padding:6px 0 20px !important;
		}

}	@media only screen and (max-width:384px){
		.social-spacer{
			width:1% !important;
		}

}	@media only screen and (min-width:320px) and (max-width:480px){
		.logo{
			width:200px !important;
		}

}	@media only screen and (min-width:481px) and (max-width:599px){
		.em_main_table{
			width:100% !important;
		}

}	@media only screen and (min-width:481px) and (max-width:599px){
		.em_side{
			width:15px !important;
		}

}	@media only screen and (max-width:480px){
		.em_main_table{
			width:100% !important;
		}

}	@media only screen and (max-width:480px){
		.em_side{
			width:15px !important;
		}

}	@media only screen and (max-width:480px){
		.mobile-hide{
			display:none !important;
		}

}	@media only screen and (max-width:480px){
		.mobile-show{
			display:inline-block !important;
			margin-right:5px;
			margin-left:2px;
		}

}	@media only screen and (max-width:480px){
		.container-social{
			padding-left:20px !important;
		}

}	@media only screen and (min-width:481px){
		.mobile-show{
			display:none !important;
		}

}	@media only screen and (min-width:320px) and (max-width:959px){
		.outer,.middle{
			width:100% !important;
		}

}	@media only screen and (min-width:320px) and (max-width:959px){
		.inner{
			width:90% !important;
		}

}	@media only screen and (max-width:603px){
		.header-image{
			max-width:100% !important;
		}

}	@media only screen and (min-width:604px){
		.header-image{
			max-width:600px !important;
		}

}	@media only screen and (max-width:630px){
		.preheader{
			width:100% !important;
		}

}
  </style>
 </head>
 <body style="margin: 0 !important;padding: 0 !important;-webkit-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;-webkit-font-smoothing: antialiased !important;">
  <!-- Hero container -->
  <table align="center" border="0" cellpadding="0" cellspacing="0" class="container-hero" style="height: 100%;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;max-width: 1200px;" width="100%">
   <tr>
    <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
     <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
      <tr>
       <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
         <tr>
          <td align="center" bgcolor="#ffffff" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
           <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
            <tr>
             <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
               <tr>
                <td align="center" background="https://inboxflows.com/_/image/https%253A%252F%252Finboxflows.com%252F_%252Fimage%252Fhttps%25253A%25252F%25252Fmcusercontent.com%25252F2c1434dc56f9506bf3c3ecd21%25252Fimages%25252Fab72ada1-f440-40f4-8e3e-7eed5088a96b.jpg%252F%253Finbox_flows_img_sig%253DeyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSJ9%253A1kXMak%253A2qnEc_GcozxvRwqTLzn6YOKarG_UMujqiq70O5poDJQ/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbmJveGZsb3dzLiJ9:1kXMak:w6R2VlJAIKXEuHyu6OpkZjlkDTWBAb0rubW8aSewfsU" bgcolor="#4b278c" class="hero-bg-img" style="background:#4b278c url(https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252F2c1434dc56f9506bf3c3ecd21%252Fimages%252Fab72ada1-f440-40f4-8e3e-7eed5088a96b.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSJ9:1kXMak:2qnEc_GcozxvRwqTLzn6YOKarG_UMujqiq70O5poDJQ) no-repeat center top/cover;border-collapse: collapse;mso-line-height-rule: exactly;background-color: #4b278c;background-image: url(https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252F2c1434dc56f9506bf3c3ecd21%252Fimages%252Fab72ada1-f440-40f4-8e3e-7eed5088a96b.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSJ9:1kXMak:2qnEc_GcozxvRwqTLzn6YOKarG_UMujqiq70O5poDJQ);background-size: cover;background-repeat: no-repeat;background-position: center top;" valign="top">
                 <!--[if gte mso 9]>
                                  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;">
                                    <v:fill type="tile" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252F2c1434dc56f9506bf3c3ecd21%252Fimages%252Fab72ada1-f440-40f4-8e3e-7eed5088a96b.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSJ9:1kXMak:2qnEc_GcozxvRwqTLzn6YOKarG_UMujqiq70O5poDJQ" color="#4b278c" />
                                    <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                                      <![endif]-->
                 <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
                  <tr>
                   <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                    <table border="0" cellpadding="0" cellspacing="0" class="hero-container" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;width: 100% !important;" width="600">
                     <tr>
                      <td style="padding-top: 10px;padding-bottom: 10px;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                       <!-- Header -->
                       <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
                        <tr>
                         <td style="padding: 0 9px;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                          <!-- Logo -->
                          <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
                           <tr>
                            <td height="10" style="height: 10px;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                            </td>
                           </tr>
                           <tr>
                            <td style="padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                             <!-- Pre-header -->
                             <table border="0" cellpadding="0" cellspacing="0" class="preheader" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;max-width: 600px;margin: 0 auto;border-top: 0;border-bottom: 0;" width="600">
                              <tr>
                               <td style="font-family: Helvetica, Arial, sans-serif;text-decoration: none;color: #4b278c;font-size: 1px;font-weight: normal;text-transform: uppercase;line-height: 1px;vertical-align: top;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                                <span style="color: #4b278c;font-family: helvetica,arial,sans-serif;font-size: 1px;font-weight: normal;line-height: 1px;text-decoration: none;text-transform: uppercase;vertical-align: top;border-collapse: collapse;mso-line-height-rule: exactly;">
                                 Sale ends at midnight PDT /
                                </span>
                               </td>
                               <!--
-->
                               <td align="right" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top" width="30%">
                                <a style="font-family: Helvetica, Arial, sans-serif;text-decoration: none;color: #fff;font-size: 8px;margin-left: 0;text-transform: uppercase;line-height: 10px;font-weight: bold;vertical-align: top;border-collapse: collapse;mso-line-height-rule: exactly;">
                                 Web version
                                </a>
                               </td>
                               <!--
-->
                              </tr>
                             </table>
                             <!-- // Pre-header -->
                            </td>
                           </tr>
                           <tr>
                            <td style="padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                             <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
                              <tr>
                               <td height="30" style="height: 30px;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                               </td>
                              </tr>
                              <tr>
                               <td align="center" style="text-align: center;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                                <!-- WooCommerce -->
                                <a style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;" target="blank">
                                 <img alt="WooCommerce logo." border="0" class="logo" src="https://inboxflows.com/_/image/https%253A%252F%252Fgallery.mailchimp.com%252F2c1434dc56f9506bf3c3ecd21%252Fimages%252Ffce0a934-8aa9-4718-83f5-f2a63ad25964.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZnYWxsZXJ5Lm1haSJ9:1kXMak:JTyVBdPqn55gS3s1PFiaZAu-R2KJZpwjwen1K0ljfQg" style="margin: 0 auto;padding: 0;width: 245px;padding-bottom: 0;display: inline!important;vertical-align: bottom;max-width: 564px;border: 0 !important;align: center;outline: none !important;text-decoration: none;"/>
                                </a>
                                <!-- // WooCommerceo -->
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                          <!-- // Logo -->
                         </td>
                        </tr>
                        <tr>
                         <td height="30" style="border-collapse: collapse;mso-line-height-rule: exactly;">
                         </td>
                        </tr>
                        <tr>
                         <td align="center" style="padding: 0 0 10px;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                          <!-- Header banner image -->
                          <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
                           <tr>
                            <td align="center" style="padding: 0;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                             <!--[if gte mso 9]>
                                                            <table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;max-width:600px;">
                                                              <tr>
                                                                <td width="600" style="width:600px;max-width:600px;">
                                                                  <![endif]-->
                             <a style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;">
                             </a>
                             <a style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;" target="_blank">
                              <img alt="WooCommerce Day logo." border="0" class="header-image" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252F2c1434dc56f9506bf3c3ecd21%252Fimages%252Fd695ab40-3212-404f-9efd-cad87d778d38.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSJ9:1kXMak:2qnEc_GcozxvRwqTLzn6YOKarG_UMujqiq70O5poDJQ" style="margin: 0;padding: 0;width: 600px;max-width: 600px;display: inline!important;padding-bottom: 0;vertical-align: bottom;outline: none !important;text-decoration: none;border: 0 !important;" width="600"/>
                             </a>
                             <!--[if gte mso 9]>
                                                            </td>
                                                          </tr>
                                                          <![endif]-->
                            </td>
                           </tr>
                           <tr>
                            <td height="50" style="border-collapse: collapse;mso-line-height-rule: exactly;">
                            </td>
                           </tr>
                          </table>
                          <!-- // Header banner image -->
                         </td>
                        </tr>
                       </table>
                       <!-- // Header -->
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                 <!--[if gte mso 9]>
                                    </v:textbox>
                                  </v:rect>
                                  <![endif]-->
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td bgcolor="#ffffff" height="40" style="background-color: #ffffff;border-collapse: collapse;mso-line-height-rule: exactly;">
    </td>
   </tr>
  </table>
  <!-- // Hero container -->
  <!-- Full width container -->
  <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
   <tr>
    <td align="center" bgcolor="#ffffff" style="background-color: #ffffff;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
     <!-- Introduction -->
     <!-- a) Outer -->
     <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="outer" style="background-color: #ffffff;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="960">
      <tr>
       <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
        <!-- b) Middle -->
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="middle" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="806">
         <tr>
          <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
           <!-- c) Inner -->
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="inner" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="642">
            <tr>
             <td align="left" class="paragraph-text" style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;font-size: 18px;color: #333;">
              <p style="margin: 0 !important;padding: 0 !important;">
               <strong>
                Today is WooCommerce Day!
               </strong>
               We're giving back to the WooCommerce community with 40% off every extension and theme in our Marketplace.
               <strong>
                No coupon needed!
               </strong>
              </p>
             </td>
            </tr>
            <tr>
             <td height="30" style="border-collapse: collapse;mso-line-height-rule: exactly;">
             </td>
            </tr>
           </table>
           <!-- // c) Inner -->
          </td>
         </tr>
        </table>
        <!-- // b) Middle -->
       </td>
      </tr>
     </table>
     <!-- // a) Outer -->
     <!-- Introduction -->
    </td>
   </tr>
  </table>
  <!-- // Full width container -->
  <!-- Full width container -->
  <!-- Second paragraph -->
  <table align="center" border="0" cellpadding="0" cellspacing="0" mc:hideable="hideable_1" mchideable="hideable_1" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
   <tr>
    <td align="center" bgcolor="#ffffff" style="background-color: #ffffff;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
     <!-- a) Outer -->
     <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="outer" style="background-color: #ffffff;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="960">
      <tr>
       <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
        <!-- b) Middle -->
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="middle" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="806">
         <tr>
          <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
           <!-- c) Inner -->
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="inner" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="642">
            <tr>
             <td align="left" class="paragraph-text" style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;font-size: 18px;color: #333;">
              <p style="margin: 0 !important;padding: 0 !important;">
               Take advantage and take your store to the next level.
               <strong>
                But don't wait
               </strong>
               — WooCommerce Day ends at midnight PDT.
              </p>
             </td>
            </tr>
            <tr>
             <td height="40" style="border-collapse: collapse;mso-line-height-rule: exactly;">
             </td>
            </tr>
           </table>
           <!-- // c) Inner -->
          </td>
         </tr>
        </table>
        <!-- // b) Middle -->
       </td>
      </tr>
     </table>
     <!-- // a) Outer -->
    </td>
   </tr>
  </table>
  <!-- // Second paragraph -->
  <!-- // Full width container -->
  <!-- Full width container -->
  <table align="center" border="0" cellpadding="0" cellspacing="0" mc:hideable="hideable_2" mchideable="hideable_2" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
   <tr>
    <td align="center" bgcolor="#ffffff" style="background-color: #ffffff;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
     <!-- a) Outer -->
     <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="outer" style="background-color: #ffffff;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="960">
      <tr>
       <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
        <!-- b) Middle -->
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="middle" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="806">
         <tr>
          <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
           <!-- 07 c) Inner -->
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="inner" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="642">
            <tr>
             <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;">
              <!-- CTA button -->
              <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
               <table align="center" bgcolor="#4b278c" border="0" cellpadding="0" cellspacing="0" class="woo-button" role="presentation" style="width: 200px;min-width: 200px;max-width: 200px;border-radius: 35px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #4b278c;" width="300">
                <tbody>
                 <tr>
                  <td align="center" height="46" style="border-collapse: collapse;font-family: Helvetica, Arial, sans-serif;color: #7f54b3;text-decoration: none;text-transform: uppercase;mso-table-lspace: 0;mso-table-rspace: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-line-height-rule: exactly;" valign="middle">
                   <a style="text-decoration: none;color: #fff;line-height: 35px;display: block;border-collapse: collapse;font-family: Helvetica, Arial, sans-serif;font-size: 14px;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-weight: bold;mso-line-height-rule: exactly;" target="self">
                    Shop the sale
                   </a>
                  </td>
                 </tr>
                </tbody>
               </table>
              </table>
              <!-- // CTA button -->
             </td>
            </tr>
            <tr>
             <td height="50" style="border-collapse: collapse;mso-line-height-rule: exactly;">
             </td>
            </tr>
           </table>
           <!-- // c) Inner -->
          </td>
         </tr>
        </table>
        <!-- // b) Middle -->
       </td>
      </tr>
     </table>
     <!-- // a) Outer -->
    </td>
   </tr>
  </table>
  <!-- // Full width container -->
  <!-- Full width container -->
  <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
   <tr>
    <td align="center" bgcolor="#ffffff" style="background-color: #ffffff;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
     <!-- Disclaimer -->
     <!-- a) Outer -->
     <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="outer" style="background-color: #ffffff;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="960">
      <tr>
       <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
        <!-- b) Middle -->
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="middle" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="806">
         <tr>
          <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
           <!-- c) Inner -->
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="inner" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="642">
            <tr>
             <td align="left" class="disclaimer-text" style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;color: #333;font-size: 11px;">
              Offer begins at 6:00:00 UTC July 28, 2020, and ends at 23:59:59 PDT, July 28, 2020. Valid for first-time purchases only. Product subscriptions renew at regular price after the first year. Cannot be used for renewals or in conjunction with other promotions.
             </td>
            </tr>
            <tr>
             <td height="40" style="border-collapse: collapse;mso-line-height-rule: exactly;">
             </td>
            </tr>
           </table>
           <!-- // c) Inner -->
          </td>
         </tr>
        </table>
        <!-- // b) Middle -->
       </td>
      </tr>
     </table>
     <!-- // a) Outer -->
     <!-- // 07 Disclaimer -->
    </td>
   </tr>
  </table>
  <!-- // Full width container -->
  <!-- Full width container -->
  <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
   <tr>
    <td align="center" bgcolor="#ffffff" style="background-color: #ffffff;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
     <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="em_main_table" style="background-color: #ffffff;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="642">
      <tr>
       <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
        <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
         <tr>
          <td class="em_side" style="border-collapse: collapse;mso-line-height-rule: exactly;" width="25">
          </td>
          <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
           <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
            <tr>
             <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
              <a style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;">
               <img alt="Happy WooCommerce Day logo." border="0" height="70" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252F2c1434dc56f9506bf3c3ecd21%252Fimages%252F93680a49-9c41-46f5-8cce-74eb7345353b.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSJ9:1kXMak:2qnEc_GcozxvRwqTLzn6YOKarG_UMujqiq70O5poDJQ" style="display: block;max-width: 70px;outline: none !important;text-decoration: none;border: 0 !important;" width="70"/>
              </a>
             </td>
            </tr>
            <tr>
             <td height="15" style="border-collapse: collapse;mso-line-height-rule: exactly;">
             </td>
            </tr>
            <tr>
             <td align="center" class="paragraph-text" style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;font-size: 18px;color: #333;">
              <p style="margin: 0 !important;padding: 0 !important;">
               See you at the sale!
              </p>
             </td>
            </tr>
            <tr>
             <td align="center" class="paragraph-text" style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;font-size: 18px;color: #333;">
              <p style="margin: 0 !important;padding: 0 !important;">
               <strong>
                The Woo Team
               </strong>
              </p>
             </td>
            </tr>
            <tr>
             <td height="32" style="border-collapse: collapse;mso-line-height-rule: exactly;">
             </td>
            </tr>
           </table>
          </td>
          <td class="em_side" style="border-collapse: collapse;mso-line-height-rule: exactly;" width="32">
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td align="center" bgcolor="#ffffff" style="background-color: #ffffff;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
     <!-- Pre-footer -->
     <!-- a) Outer -->
     <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="outer" style="background-color: #ffffff;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="960">
      <tr>
       <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
        <!-- b) Middle -->
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="middle" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="806">
         <tr>
          <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
           <!-- c) Inner -->
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="inner" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="642">
            <tr>
             <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
              <!-- Container -->
              <table align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
               <tr>
                <td class="my-account-btn" style="border-collapse: collapse;mso-line-height-rule: exactly;padding-top: 6px;" valign="top">
                 <!-- CTA button -->
                 <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                  <tbody>
                   <tr>
                    <td style="mso-table-lspace: 0;mso-table-rspace: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;border-collapse: collapse;mso-line-height-rule: exactly;">
                     <table align="left" bgcolor="#333333" border="0" cellpadding="0" cellspacing="0" class="woo-button" role="presentation" style="width: 122px;max-width: 122px;border-radius: 35px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #333;" width="122">
                      <tbody>
                       <tr>
                        <td align="center" height="36" style="border-collapse: collapse;font-family: Helvetica, Arial, sans-serif;color: #333;text-decoration: none;text-transform: uppercase;mso-table-lspace: 0;mso-table-rspace: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-line-height-rule: exactly;" valign="top">
                         <a style="text-decoration: none;color: #fff;line-height: 36px;display: block;border-collapse: collapse;font-family: Helvetica, Arial, sans-serif;font-size: 11px;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-weight: bold;mso-line-height-rule: exactly;" target="self">
                          My account
                         </a>
                        </td>
                       </tr>
                      </tbody>
                     </table>
                    </td>
                   </tr>
                  </tbody>
                 </table>
                 <!-- // CTA button -->
                </td>
                <td class="social-spacer" style="width: 1%;border-collapse: collapse;mso-line-height-rule: exactly;">
                </td>
                <!-- Horizontal buffer between My Account and social icons -->
                <td class="container-social" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                 <!-- Social -->
                 <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
                  <tr>
                   <td align="right" style="padding-left: 0;padding-right: 0;border-collapse: collapse;mso-line-height-rule: exactly;">
                    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;">
                     <tr>
                      <td align="right" style="padding-top: 0;padding-right: 0;padding-left: 0;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                       <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;">
                        <tr>
                         <td style="vertical-align: top;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                          <!-- Twitter -->
                          <a class="social-link" style="display: inline-block;vertical-align: top;border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;" target="blank">
                           <img alt="Twitter icon." border="0" height="42" src="https://inboxflows.com/_/image/https%253A%252F%252Fgallery.mailchimp.com%252F2c1434dc56f9506bf3c3ecd21%252Fimages%252F5faf2b44-1101-4e17-8785-923aa2635794.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZnYWxsZXJ5Lm1haSJ9:1kXMak:JTyVBdPqn55gS3s1PFiaZAu-R2KJZpwjwen1K0ljfQg" style="width: 42px!important;height: auto;max-width: 100%;display: block;outline: none !important;text-decoration: none;border: 0 !important;" width="42"/>
                          </a>
                          <!-- // Twitter -->
                          <!-- Facebook -->
                          <a class="social-link" style="display: inline-block;vertical-align: top;border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;" target="blank">
                           <img alt="Facebook icon." border="0" height="42" src="https://inboxflows.com/_/image/https%253A%252F%252Fgallery.mailchimp.com%252F2c1434dc56f9506bf3c3ecd21%252Fimages%252F7bfa3946-211d-45a4-a3bb-a677b316464c.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZnYWxsZXJ5Lm1haSJ9:1kXMak:JTyVBdPqn55gS3s1PFiaZAu-R2KJZpwjwen1K0ljfQg" style="width: 42px!important;height: auto;max-width: 100%;display: block;outline: none !important;text-decoration: none;border: 0 !important;" width="42"/>
                          </a>
                          <!-- // Facebook -->
                          <!-- Instagram -->
                          <a class="social-link" style="display: inline-block;vertical-align: top;border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;" target="blank">
                           <img alt="Instagram icon." border="0" height="42" src="https://inboxflows.com/_/image/https%253A%252F%252Fgallery.mailchimp.com%252F2c1434dc56f9506bf3c3ecd21%252Fimages%252Fb956fc44-1009-42b4-91dc-0c07b3d33b9f.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZnYWxsZXJ5Lm1haSJ9:1kXMak:JTyVBdPqn55gS3s1PFiaZAu-R2KJZpwjwen1K0ljfQg" style="width: 42px!important;height: auto;max-width: 100%;display: block;outline: none !important;text-decoration: none;border: 0 !important;" width="42"/>
                          </a>
                          <!-- // Instagram -->
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                 <!-- // Social -->
                </td>
               </tr>
              </table>
              <!-- // Container -->
             </td>
            </tr>
            <tr>
             <td height="30" style="border-collapse: collapse;mso-line-height-rule: exactly;">
             </td>
            </tr>
           </table>
           <!-- // c) Inner -->
          </td>
         </tr>
        </table>
        <!-- // b) Middle -->
       </td>
      </tr>
     </table>
     <!-- // Outer -->
     <!-- // a) Pre-footer -->
    </td>
   </tr>
   <tr>
    <td align="center" bgcolor="#f7f7f7" style="background-color: #f7f7f7;border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
     <!-- Footer -->
     <!-- a) Outer -->
     <table align="center" bgcolor="#f7f7f7" border="0" cellpadding="0" cellspacing="0" class="outer" style="background-color: #f7f7f7;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="960">
      <tr>
       <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
        <!-- b) Middle -->
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="middle" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="806">
         <tr>
          <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
           <!-- c) Inner -->
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="inner" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="642">
            <tr>
             <td height="20" style="border-collapse: collapse;mso-line-height-rule: exactly;">
             </td>
            </tr>
            <tr>
             <td align="left" class="footer" style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;font-size: 10px;color: #333;text-transform: uppercase;text-decoration: none;" valign="top">
              Copyright © 2020 WooCommerce – an Automattic company. Thanks for reading!
              <!--<br>
 You are receiving this email because you opted in at checkout.
-->
             </td>
            </tr>
            <tr>
             <td height="10" style="border-collapse: collapse;mso-line-height-rule: exactly;">
             </td>
            </tr>
            <tr>
             <td align="left" class="footer" style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;font-size: 10px;color: #333;text-transform: uppercase;text-decoration: none;" valign="top">
              <strong>
               Our mailing address (for treats) is:
              </strong>
              <br/>
              Automattic Inc,
              <a style="text-decoration: none;border: none;color: #3c3c3c;border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;font-size: 10px;text-transform: uppercase;">
               60 29th St #343, San Francisco, CA, 94110, U.S.A.
              </a>
             </td>
            </tr>
            <tr>
             <td height="10" style="border-collapse: collapse;mso-line-height-rule: exactly;">
             </td>
            </tr>
            <tr>
             <td align="left" class="footer" style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;font-size: 10px;color: #333;text-transform: uppercase;text-decoration: none;" valign="top">
              <span style="border-collapse: collapse;mso-line-height-rule: exactly;">
               You're receiving this email because
               <span style="border-collapse: collapse;mso-line-height-rule: exactly;">
                you signed up for updates when creating an account or purchasing a product subscription at
                <a style="color: #3c3c3c;font-family: Helvetica, Arial, sans-serif;font-size: 10px;text-decoration: none;border-collapse: collapse;mso-line-height-rule: exactly;line-height: 150%;text-transform: uppercase;" target="blank">
                 woocommerce.com
                </a>
               </span>
              </span>
              <br class="mobile-hide"/>
              <br class="mobile-hide"/>
              <span class="mobile-show" style="border-collapse: collapse;mso-line-height-rule: exactly;">
               -
              </span>
              Feel free to
              <a style="font-weight: bold;border-bottom: .1em solid #333;border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;font-size: 10px;color: #333;text-transform: uppercase;text-decoration: none;" title="Unsubscribe">
               unsubscribe here
              </a>
              or
              <a style="font-weight: bold;border-bottom: .1em solid #333;border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;font-size: 10px;color: #333;text-transform: uppercase;text-decoration: none;">
               update your profile
              </a>
              .
             </td>
            </tr>
            <tr>
             <td height="10" style="border-collapse: collapse;mso-line-height-rule: exactly;">
             </td>
            </tr>
            <tr>
             <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
              <!-- Automattic logo -->
              <table align="left" cellpadding="0" cellspacing="0" style="width: 100%;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;" width="100%">
               <tbody>
                <tr>
                 <td align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;" valign="top">
                  <a style="border-collapse: collapse;mso-line-height-rule: exactly;font-family: Helvetica,Arial,sans-serif;line-height: 150%;">
                   <img alt="Automattic logo." border="0" height="7" src="https://inboxflows.com/_/image/https%253A%252F%252Fgallery.mailchimp.com%252F2c1434dc56f9506bf3c3ecd21%252Fimages%252F8d07c405-3369-4e5e-879d-7f79b40998d9.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZnYWxsZXJ5Lm1haSJ9:1kXMak:JTyVBdPqn55gS3s1PFiaZAu-R2KJZpwjwen1K0ljfQg" style="margin-top: 1em;max-width: 100%;display: block;outline: none !important;text-decoration: none;border: 0 !important;" width="100"/>
                  </a>
                 </td>
                </tr>
               </tbody>
              </table>
              <!-- // Automattic logo -->
             </td>
            </tr>
            <tr>
             <td height="20" style="border-collapse: collapse;mso-line-height-rule: exactly;">
             </td>
            </tr>
           </table>
           <!-- c) Inner -->
          </td>
         </tr>
        </table>
        <!-- b) Middle -->
       </td>
      </tr>
     </table>
     <!-- a) Outer -->
     <!-- Footer -->
    </td>
   </tr>
  </table>
  <!-- // Full width container -->
  <img height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fwoocommerce.us8.list-manage.com%252Ftrack%252Fopen.php%253Fu%253D2c1434dc56f9506bf3c3ecd21%2526id%253De23dc5aca9%2526e%253Dc063b7456c/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3b29jb21tZXJjZSJ9:1kXMak:Y98gXvsTmCD7XC2JQaEEQSPNYzT4U7vuyo-sDh3cVdw" width="1"/>
 </body>
</html>