Inboxes

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 xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <!--[if gte mso 9]>
  <xml>
    <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
  </xml>
  <![endif]-->
  <meta content="text/html; charset=utf-8" http-equiv="Content-type"/>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <meta content="date=no" name="format-detection"/>
  <meta content="address=no" name="format-detection"/>
  <meta content="telephone=no" name="format-detection"/>
  <title>
   Email Template
  </title>
  <style type="text/css">
   /* Only classes accepted */
    .background-body { background:#FFFFFF; }
    .p { padding: 0 !important; margin: 0 !important; }
    .body { padding: 0 !important; margin: 0 !important; display: block !important; min-width: 100% !important; width: 100% !important; background:#f8f8f8; -webkit-text-size-adjust: none; }

    .m-td { font-size: 0pt; line-height: 0pt; text-align: left; }
    .fluid-img { font-size: 0pt; line-height: 0pt; text-align: left; }
    .content-spacing { font-size: 0pt; line-height: 0pt; text-align: left; }
    .spacer { font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%; }
    .border { font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%; }
    .column { font-size: 0pt; line-height: 0pt; padding: 0; margin: 0; font-weight: normal; Margin: 0; }
    .column-top { font-size: 0pt; line-height: 0pt; padding: 0; margin: 0; font-weight: normal; vertical-align: top; Margin: 0; }
    .td { width: 660px; min-width: 660px; font-size: 0pt; line-height: 0pt; padding: 0; margin: 0; font-weight: normal; Margin: 0; }

    .img { font-size: 0pt; line-height: 0pt; text-align: left; }
    .img-small { font-size: 0pt; line-height: 0pt; text-align: left; }
    .img-center { font-size: 0pt; line-height: 0pt; text-align: center; }
    .img-right { font-size: 0pt; line-height: 0pt; text-align: right; }
    .img-m-center { font-size: 0pt; line-height: 0pt; }

    a { color: #5721cc; text-decoration: none; font-weight: bold; }
    .link { color: #5721cc; text-decoration: none; }
    .link-u { color: #5721cc; text-decoration: underline; }

    .link-white { color: #ffffff; text-decoration: none; }
    .link-white-u { color: #ffffff; text-decoration: underline; }

    .link-orange { color: #ff875e; text-decoration: none; }
    .link-orange-u { color: #ff875e; text-decoration: underline; }

    .link-footer { color: #787878; text-decoration: none; }
    .link-footer-u { color: #787878; text-decoration: underline; }

    .link-grey { color: #545d63; text-decoration: none; }
    .link-grey-u { color: #545d63; text-decoration: underline; }

    body, p, div { color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: left; }
    .text-small { color: #545d63; font-family: Arial,sans-serif; font-size: 12px; line-height: 24px; text-align: left; }

    .text-c { color: #545d63; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: center; }
    .text-footer { color: #909aa1; font-family: Arial,sans-serif; font-size: 12px; line-height: 16px; text-align: center; }

    .text-btn { color: #ffffff; font-family: Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center; }
    .text-btn-o { color: #ff875e; font-family: Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center; }

    .text-preheader { color: #009e9b; font-family: Arial,sans-serif; font-size: 14px; line-height: 18px; text-align: left; font-weight: bold; }

    .h1 { color: #545d63; font-family: Arial,sans-serif; font-size: 26px; line-height: 30px; text-align: center; font-weight: normal; }
    .h2 { color: #545d63; font-family: Arial,sans-serif; font-size: 22px; line-height: 32px; text-align: center; font-weight: normal; }
    .h3 { color: #ffffff; font-family: Arial,sans-serif; font-size: 16px; line-height: 20px; letter-spacing: 1px; text-align: center; font-weight: normal; }
    .h4 { color: #545d63; font-family: Arial,sans-serif; font-size: 16px; line-height: 20px;  text-align: left; font-weight: normal; }
    
    h1 { color: #545d63; font-family: Arial,sans-serif; font-size: 26px; line-height: 30px; font-weight: normal; margin: 0;}
    h2 { color: #545d63; font-family: Arial,sans-serif; font-size: 22px; line-height: 32px; font-weight: normal; margin: 0;}
    h3 { color: #ffffff; font-family: Arial,sans-serif; font-size: 16px; line-height: 20px; letter-spacing: 1px; text-align: center; font-weight: normal; margin: 0;}
    h4 { color: #545d63; font-family: Arial,sans-serif; font-size: 16px; line-height: 20px;  text-align: left; font-weight: normal; margin: 0;}
    .centered { display: block; margin: 0 auto; text-align: center; }

    .btn { color: #ffffff; background-color: #5721cc; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px; text-align: center; font-weight: bold; text-decoration: none; border: 2px solid #5721cc; padding: 12px 54px; display: inline-block; border-radius: 4px;}

    /*hydrid-fluid classes*/
    .wrapper { width: 100%; table-layout: fixed; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    .webkit { max-width: 660px; }
    .outer { margin: 0 auto; width: 100%; max-width: 660px; }

    .fluid-img { width: 100%; max-width: 560px; height: auto; }

    /* One column layout */
    .one-column-contents { text-align: center; }

    /*Two column layout*/
    .two-column { text-align: center; font-size: 0; }
    .two-column-280 { width: 100%; max-width: 280px; display: inline-block; vertical-align: top; }
    .two-column-300 { width: 100%; max-width: 300px; display: inline-block; vertical-align: top; }
    .two-column-105 { width: 100%; max-width: 300px; display: inline-block; vertical-align: top; }
    .two-column-column-2 { width: 100%; max-width: 400px; display: inline-block; vertical-align: top; }

    /*Three column layout*/
    .three-column { text-align: left; font-size: 0; }

    
    .three-column-190 { width: 100%; max-width: 190px; display: inline-block; }
    .three-column-105 { width: 100%; max-width: 105px; display: inline-block; }
    .three-column-340 { width: 100%; max-width: 340px; display: inline-block; }
    .three-column-530 { width: 100%; max-width: 530px; display: inline-block; }

    .three-column-contents { text-align: center; font-size: 10px; }
    .three-column-img { width: 100%; max-width: 180px; height: auto; }
    
    /*four-columns*/
    .four-columns { text-align: center; font-size: 0; }

    .four-columns-90 { width: 100%; max-width: 90px; display: inline-block; }
    .four-columns-110 { width: 100%; max-width: 90px; display: inline-block; }
    .four-columns-210 { width: 100%; max-width: 210px; display: inline-block; }
    .four-columns-200 { width: 100%; max-width: 200px; display: inline-block; }
    .four-columns-10 { width: 100%; max-width: 10px; display: inline-block; }

    .contents { width: 100%; }
    
    .ss-onboarding-content-spacing { width: 15px !important; }
    .ss-onboarding-text-th { padding: 10px !important; font-size: 12px !important; }
    .ss-onboarding-text2, 
    .ss-onboarding-text-td { font-size: 12px !important; }
    .ss-onboarding-col { padding: 10px !important; }
    		@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
			.mpb-20 { padding-bottom: 20px !important; }
			u + .body .gwfw { width:100% !important; width:100vw !important; }
 			.td,
			.m-shell { width: 100% !important; min-width: 100% !important; }
			
			.mt-center { text-align: center !important; }
			
			.center { margin: 0 auto !important; }

			.m-td,
			.m-hide { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }

			.m-block { display: block !important; }

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

			.column,
			.column-top { float: left !important; width: 100% !important; display: block !important; }

			.content-spacing { width: 15px !important; }
			.text-th { padding: 10px !important; font-size: 12px !important; }
			.text2, 
			.text-td { font-size: 12px !important; }
			.col { padding: 10px !important; }
			.mpb-20 { padding-bottom: 20px !important; } 
		}
  </style>
  <style media="linked" type="text/css">
   /* Linked Styles */
    body { .body }
    a { .link }
    p { .p } 
    img { -ms-interpolation-mode: bicubic; /* Allow smoother rendering of resized image in Internet Explorer */ }

    /* Mobile styles */
    @media only screen and (max-device-width: 639px), only screen and (max-width: 639px) {
      div[class='mobile-br-5'] { height: 5px !important; }
      div[class='mobile-br-10'] { height: 10px !important; }
      div[class='mobile-br-15'] { height: 15px !important; }

      th[class='m-td'], 
      td[class='m-td'], 
      div[class='hide-for-mobile'], 
      span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }

      span[class='mobile-block'] { display: block !important; }

      div[class='img-m-center'] { text-align: center !important; }

      div[class='fluid-img'] img,
      td[class='fluid-img'] img { width: 100% !important; max-width: 100% !important; height: auto !important; }

      table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
      table[class='center'] { margin: 0 auto; }
      
      td[class='column'],
      th[class='column'] { float: left !important; width: 100% !important; display: block !important; }

      td[class='td'] { width: 100% !important; min-width: 100% !important; }

      td[class='content-spacing'] { width: 15px !important; }
      
      td[class='img-logo'],
      td[class='text-preheader'],
      div[class='text-small'],
      div[class='h4'] { text-align: center !important; }

      td[class='img-small'],
      td[class='img-small'] img { width: 100px !important; height: auto !important;  }
    }
  </style>
 </head>
 <body bgcolor="#f8f8f8" class="body" style="display: block !important; min-width: 100% !important; width: 100% !important; background-color: #f8f8f8; -webkit-text-size-adjust: none; color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: left; margin: 0; padding: 0;">
  <table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="wrapper background-body" height="100%" style="background-color: #FFFFFF; width: 100%; table-layout: fixed; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;" width="100%">
   <tbody>
    <tr>
     <td align="center" valign="top">
      <div align="left" class="webkit" style="color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: left; max-width: 660px;">
       <!--[if (gte mso 9)|(IE)]>
          <table width="660" align="center" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td>
              <![endif]-->
       <table border="0" cellpadding="0" cellspacing="0" class="outer" style="width: 100%; max-width: 660px; margin: 0 auto;" width="100%">
        <tbody>
         <tr>
          <td align="left" class="img" style="font-size: 0pt; line-height: 0pt; text-align: left;" width="10">
          </td>
          <td>
           <table border="0" cellpadding="0" cellspacing="0" class="spacer" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;" width="100%">
            <tbody>
             <tr>
              <td align="center" class="spacer" height="40" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
              </td>
             </tr>
            </tbody>
           </table>
           <!-- Header -->
           <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
             <tr>
              <td align="left" class="three-column" style="text-align: left; font-size: 0;">
               <!--[if (gte mso 9)|(IE)]>
                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="530" valign="top">
                                <![endif]-->
               <table border="0" cellpadding="0" cellspacing="0" class="three-column-530" style="width: 100%; max-width: 530px; display: inline-block;" width="100%">
                <tbody>
                 <tr>
                  <td class="inner">
                   <table border="0" cellpadding="0" cellspacing="0" class="three-column-contents" style="text-align: center; font-size: 10px;">
                    <tbody>
                     <tr>
                      <td align="left" class="img" style="font-size: 0pt; line-height: 0pt; text-align: left;">
                       <!-- Logo -->
                       <a style="color: #5721cc; text-decoration: none; font-weight: bold;" target="_blank">
                        <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fuserimg.customeriomail.com%252FrVJm2SinRBSbTproZewC_Logo-Color-Horizontal.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1c2VyaW1nLmN1cyJ9:1kXMSB:v3HBMuoqNFZCX0CTslleWmE2oG5tX2EJt960t3fXTVU" style="-ms-interpolation-mode: bicubic;" width="200"/>
                       </a>
                       <table border="0" cellpadding="0" cellspacing="0" class="spacer" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;" width="100%">
                        <tbody>
                         <tr>
                          <td align="center" class="spacer" height="15" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
                          </td>
                         </tr>
                        </tbody>
                       </table>
                       <!-- END Logo -->
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
               <!--[if (gte mso 9)|(IE)]>
                              </td>
                              <td width="105" valign="top">
                                <![endif]-->
               <table border="0" cellpadding="0" cellspacing="0" class="three-column-105" style="width: 100%; max-width: 105px; display: inline-block;" width="100%">
                <tbody>
                 <tr>
                  <td class="inner">
                   <table border="0" cellpadding="0" cellspacing="0" class="three-column-contents" style="text-align: center; font-size: 10px;">
                    <tbody>
                     <tr>
                      <td align="left" class="text-preheader" style="color: #009e9b; font-family: Arial,sans-serif; font-size: 14px; line-height: 18px; text-align: left; font-weight: bold;">
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
               <!--[if (gte mso 9)|(IE)]>
                              </td>
                            </tr>
                          </table>
                          <![endif]-->
              </td>
             </tr>
            </tbody>
           </table>
           <table bgcolor="#d7d9da" border="0" cellpadding="0" cellspacing="0" class="border" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;" width="100%">
            <tbody>
             <tr>
              <td align="center" bgcolor="#d7d9da" class="border" height="1" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
              </td>
             </tr>
            </tbody>
           </table>
           <table border="0" cellpadding="0" cellspacing="0" class="spacer" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;" width="100%">
            <tbody>
             <tr>
              <td align="center" class="spacer" height="25" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
              </td>
             </tr>
            </tbody>
           </table>
           <!-- END Header -->
           <!-- main content -->
           <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
             <tr>
              <td class="one-column">
               <table border="0" cellpadding="0" cellspacing="0" width="100%">
                <tbody>
                 <tr>
                  <td>
                   <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                     <tr>
                      <td>
                       <table border="0" cellpadding="0" cellspacing="0" class="spacer" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;" width="100%">
                        <tbody>
                         <tr>
                          <td align="center" class="spacer" height="20" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
                          </td>
                         </tr>
                        </tbody>
                       </table>
                       <div align="left" class="hide-for-mobile" style="color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: left;">
                        <table border="0" cellpadding="0" cellspacing="0" class="spacer" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;" width="100%">
                         <tbody>
                          <tr>
                           <td align="center" class="spacer" height="10" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
                           </td>
                          </tr>
                         </tbody>
                        </table>
                       </div>
                       <div align="left" style="color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: left;">
                        <div align="left" style="color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: left;">
                         <p align="left" style="color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: left;">
                          Hi James,
                         </p>
                         <p align="left" style="color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: left;">
                          Welcome to Customer.io - the messaging automation platform that helps companies send more impactful emails, SMS, and push notifications that their users want to receive. Over the length of your trial, you can send up to 2,000 messages - and we'll be giving you an inside look on how we use our own platform to onboard new customers like you.
                         </p>
                         <p align="left" style="color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: left;">
                          To start, bring your customers into your workspace with the data that you'll use to personalize your messages. Integrate with one of
                          <a style="color: #5721cc; text-decoration: none; font-weight: bold;" target="_blank">
                           our partners
                          </a>
                          to bring customers in automatically,
                          <a style="color: #5721cc; text-decoration: none; font-weight: bold;" target="_blank">
                           use our API directly
                          </a>
                          , or
                          <a style="color: #5721cc; text-decoration: none; font-weight: bold;" target="_blank">
                           upload a CSV
                          </a>
                          to get started now.
                         </p>
                        </div>
                        <div align="center" style="text-align: center; color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; margin: 20px; padding: 10px;">
                         <a class="btn" style="color: #ffffff; text-decoration: none; font-weight: bold; background-color: #5721cc; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px; text-align: center; display: inline-block; border-radius: 4px; padding: 12px 54px; border: 2px solid #5721cc;" target="_blank">
                          Add your customers
                         </a>
                        </div>
                        <div align="left" style="color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: left;">
                         <p align="left" style="color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: left;">
                          As an example, here's how you look in our workspace. We'll be using this information and more throughout the upcoming emails to customize this campaign for you.
                          <br/>
                         </p>
                        </div>
                        <table bgcolor="#F7F8FA" border="0" cellpadding="0" cellspacing="0" width="100%">
                         <tbody>
                          <tr>
                           <td style="padding: 20px;">
                            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                             <tbody>
                              <tr>
                               <td style="padding-bottom: 20px;">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                 <tbody>
                                  <tr>
                                   <th class="column mpb-20" style="font-size: 0pt; line-height: 0pt; font-weight: normal; margin: 0; padding: 0;" width="100">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                     <tbody>
                                      <tr>
                                       <td align="left" class="img mt-center" style="font-size: 0pt; line-height: 0pt; text-align: left;" valign="top">
                                        <table align="center" border="0" cellpadding="0" cellspacing="0" width="50">
                                         <tbody>
                                          <tr>
                                           <td align="center" bgcolor="#D8D8D8" style="background-color: #D8D8D8; width: 50px !important; border-radius: 25px; height: 50px !important; text-align: center; font-weight: bold; font-size: 30px; color: #ffffff;">
                                            J
                                           </td>
                                          </tr>
                                         </tbody>
                                        </table>
                                       </td>
                                      </tr>
                                     </tbody>
                                    </table>
                                   </th>
                                   <th class="column" style="font-size: 0pt; line-height: 0pt; font-weight: normal; margin: 0; padding: 0;">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                     <tbody>
                                      <tr>
                                       <td align="left" class="h4 mt-center" style="color: #545d63; font-family: Arial, sans-serif; font-size: 22px; line-height: 28px; font-weight: bold; text-align: left; min-width: auto !important;">
                                        James Jonas
                                       </td>
                                      </tr>
                                      <tr>
                                       <td align="left" class="contact mt-center" style="color: #787878; font-family: Arial, sans-serif; font-size: 16px; line-height: 24px; text-align: left; min-width: auto !important;">
                                        <a class="link-footer" style="font-weight: normal; cursor: default; color: #787878; text-decoration: none;">
                                         15c41cfb@uifeed.com
                                        </a>
                                       </td>
                                      </tr>
                                     </tbody>
                                    </table>
                                   </th>
                                  </tr>
                                 </tbody>
                                </table>
                               </td>
                              </tr>
                              <tr>
                               <td>
                                <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="border-radius: 4px; border: 1px solid #ebecf2;" width="100%">
                                 <tbody>
                                  <tr>
                                   <td align="left" class="h5" style="color: #4B4B60; font-family: Arial, sans-serif; font-size: 16px; line-height: 24px; font-weight: bold; text-align: left; min-width: auto !important; padding: 30px 25px 15px;">
                                    Attributes
                                   </td>
                                  </tr>
                                  <tr>
                                   <td style="border-bottom-width: 1px; border-bottom-color: #EBECF2; border-bottom-style: solid; padding: 15px 25px;">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                     <tbody>
                                      <tr>
                                       <td align="left" class="text" style="padding-bottom: 6px; color: #6F7488; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; text-align: left; min-width: auto !important;">
                                        first_name
                                       </td>
                                      </tr>
                                      <tr>
                                       <td align="left" class="text-2" style="padding-left: 15px; color: #4B4B60; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; text-align: left; min-width: auto !important;">
                                        James
                                       </td>
                                      </tr>
                                     </tbody>
                                    </table>
                                   </td>
                                  </tr>
                                  <tr>
                                   <td style="border-bottom-width: 1px; border-bottom-color: #EBECF2; border-bottom-style: solid; padding: 15px 25px;">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                     <tbody>
                                      <tr>
                                       <td align="left" class="text" style="padding-bottom: 6px; color: #6F7488; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; text-align: left; min-width: auto !important;">
                                        last_name
                                       </td>
                                      </tr>
                                      <tr>
                                       <td align="left" class="text-2" style="padding-left: 15px; color: #4B4B60; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; text-align: left; min-width: auto !important;">
                                        Jonas
                                       </td>
                                      </tr>
                                     </tbody>
                                    </table>
                                   </td>
                                  </tr>
                                  <tr>
                                   <td style="border-bottom-width: 1px; border-bottom-color: #EBECF2; border-bottom-style: solid; padding: 15px 25px;">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                     <tbody>
                                      <tr>
                                       <td align="left" class="text" style="padding-bottom: 6px; color: #6F7488; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; text-align: left; min-width: auto !important;">
                                        signup_reason
                                       </td>
                                      </tr>
                                      <tr>
                                       <td align="left" class="text-2" style="padding-left: 15px; color: #4B4B60; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; text-align: left; min-width: auto !important;">
                                        email automation
                                       </td>
                                      </tr>
                                     </tbody>
                                    </table>
                                   </td>
                                  </tr>
                                  <tr>
                                   <td style="border-bottom-width: 1px; border-bottom-color: #EBECF2; border-bottom-style: solid; padding: 15px 25px;">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                     <tbody>
                                      <tr>
                                       <td align="left" class="text" style="padding-bottom: 6px; color: #6F7488; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; text-align: left; min-width: auto !important;">
                                        created_at
                                       </td>
                                      </tr>
                                      <tr>
                                       <td align="left" class="text-2" style="padding-left: 15px; color: #4B4B60; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; text-align: left; min-width: auto !important;">
                                        1598887523
                                        <span style="color: #aaa;">
                                         August 31, 2020
                                        </span>
                                       </td>
                                      </tr>
                                     </tbody>
                                    </table>
                                   </td>
                                  </tr>
                                  <tr>
                                   <td style="padding: 15px 25px;">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                     <tbody>
                                      <tr>
                                       <td align="left" class="text" style="padding-bottom: 6px; color: #6F7488; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; text-align: left; min-width: auto !important;">
                                        plan_name
                                       </td>
                                      </tr>
                                      <tr>
                                       <td align="left" class="text-2" style="padding-left: 15px; color: #4B4B60; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; text-align: left; min-width: auto !important;">
                                        trial
                                       </td>
                                      </tr>
                                     </tbody>
                                    </table>
                                   </td>
                                  </tr>
                                 </tbody>
                                </table>
                               </td>
                              </tr>
                             </tbody>
                            </table>
                           </td>
                          </tr>
                         </tbody>
                        </table>
                       </div>
                       <table border="0" cellpadding="0" cellspacing="0" class="spacer" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;" width="100%">
                        <tbody>
                         <tr>
                          <td align="center" class="spacer" height="20" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                   <table border="0" cellpadding="0" cellspacing="0" class="spacer" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;" width="100%">
                    <tbody>
                     <tr>
                      <td align="center" class="spacer" height="20" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <!-- END main content -->
           <!-- Footer -->
           <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
             <tr>
              <td align="left" class="content-spacing" style="font-size: 0pt; line-height: 0pt; text-align: left;" width="40">
              </td>
              <td>
               <table border="0" cellpadding="0" cellspacing="0" class="spacer" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;" width="100%">
                <tbody>
                 <tr>
                  <td align="center" class="spacer" height="10" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
                  </td>
                 </tr>
                </tbody>
               </table>
               <div align="center" class="img-center" style="font-size: 0pt; line-height: 0pt; text-align: center; color: #2F326A; font-family: Arial,sans-serif;">
                <a style="color: #5721cc; text-decoration: none; font-weight: bold;" target="_blank">
                 <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fuserimg.customeriomail.com%252Fwen4e84TTmKYxfDTq8O2_Logo-BW-Horizontal.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1c2VyaW1nLmN1cyJ9:1kXMSB:v3HBMuoqNFZCX0CTslleWmE2oG5tX2EJt960t3fXTVU" style="-ms-interpolation-mode: bicubic;" width="144"/>
                </a>
               </div>
               <table border="0" cellpadding="0" cellspacing="0" class="spacer" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;" width="100%">
                <tbody>
                 <tr>
                  <td align="center" class="spacer" height="15" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
                  </td>
                 </tr>
                </tbody>
               </table>
               <div align="center" class="text-footer" style="color: #909aa1; font-family: Arial,sans-serif; font-size: 12px; line-height: 16px; text-align: center;">
                <span class="link-footer" style="font-weight: normal; color: #787878; text-decoration: none;">
                 Peaberry Software Inc. 921 SW Washington St., Suite 820, Portland, OR 97205
                </span>
                <br/>
                <span class="link-footer" style="color: #787878; text-decoration: none;">
                 © 2012-2019 Peaberry.
                </span>
                <br/>
                <br/>
                <span>
                 <a class="link-footer untracked" style="color: #787878; text-decoration: none; font-weight: bold;">
                  View in browser
                 </a>
                </span>
                |
                <span class="link-footer" style="font-weight: normal; color: #787878; text-decoration: none;">
                 Don't want Learning Customer.io emails?
                 <a class="link-footer untracked" style="color: #787878; text-decoration: none; font-weight: bold;">
                  Update your email preferences.
                 </a>
                 <br/>
                 Or you can
                 <a class="link-footer" style="text-decoration: none; color: #9a9a9e; font-weight: bold;" target="_blank">
                  unsubscribe from everything
                 </a>
                 .
                </span>
               </div>
               <table border="0" cellpadding="0" cellspacing="0" class="spacer" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;" width="100%">
                <tbody>
                 <tr>
                  <td align="center" class="spacer" height="25" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
                  </td>
                 </tr>
                </tbody>
               </table>
               <div align="left" class="hide-for-mobile" style="color: #2F326A; font-family: Arial,sans-serif; font-size: 14px; line-height: 26px; text-align: left;">
                <table border="0" cellpadding="0" cellspacing="0" class="spacer" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;" width="100%">
                 <tbody>
                  <tr>
                   <td align="center" class="spacer" height="15" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
                   </td>
                  </tr>
                 </tbody>
                </table>
               </div>
              </td>
              <td align="left" class="content-spacing" style="font-size: 0pt; line-height: 0pt; text-align: left;" width="40">
              </td>
             </tr>
            </tbody>
           </table>
           <!-- END Footer -->
          </td>
          <td align="left" class="img" style="font-size: 0pt; line-height: 0pt; text-align: left;" width="10">
          </td>
         </tr>
        </tbody>
       </table>
       <!-- -->
       <!--[if (gte mso 9)|(IE)]>
              </td>
            </tr>
          </table>
          <![endif]-->
      </div>
     </td>
    </tr>
   </tbody>
  </table>
  <img src="https://inboxflows.com/_/image/http%253A%252F%252Fe.customeriomail.com%252Fe%252Fo%252FeyJlbWFpbF9pZCI6IlJLLW9CUUVBQVhSRkwwbmFSQVJSaG9BS2Rpc0d0Zz09In0%253D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmUuY3VzdG9tZXJpbyJ9:1kXMSB:OZaV2WxLB854ZaF1UhiFUof9BOC16eWIqvOss4vd9yQ" style="height: 1px !important; max-height: 1px !important; max-width: 1px !important; width: 1px !important"/>
 </body>
</html>