Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <!-- Header Variables -->
  <!-- Body CTA Button Variables  -->
  <!-- Footer Variables -->
  <!-- HTML Variables -->
  <title>
   BigCommerce Template
  </title>
  <style media="all" type="text/css">
   a { color: #4b70fc !important; text-decoration: none !important; }
      strong { font-weight: 600; }
      .two-column { min-width: 250px; }
      .two-column.left .mktoText { padding-right: 10px; }
      .two-column.right .mktoText { padding-left: 10px; }
      @media (min-width:751px) {
          #hero { background-color: #FFFFFF !important; }
          table td.content { padding: 30px 100px !important; }
          .content-padding { padding-left: 125px !important; padding-right: 125px !important; }
      }
      @media (max-width:750px) {
          table td.content { padding: 30px 30px 40px !important; }
          #hero { background-image: none; background-color: #FFFFFF; }
          /*#Logo { padding: 17px 10px 0 30px !important; }*/
          #Logo { padding: 17px 10px 0 0 !important; }
          #HeadlineColumn { padding: 0 30px !important; }
          td[class*="header-padding"] { padding-top: 44.6666666667px; }
          #hero.header-padding { padding-top: 40px !important; }
          td[class*="content-padding"] { padding-left: 41.6666666667px !important; padding-right: 41.6666666667px !important; }
          td[class*="bottom-padding"] { padding-bottom: 32.6666666667px; }
          .hide { display: none !important; }
          *[class*="pad-container"] { width: 100% !important; height: auto !important; }
          .center { text-align: center !important; width: 100% !important; height: auto !important; }
      }
      @media screen and (max-width:450px), (max-width:450px) {
          .deviceWidth { width: 100%; }
          table { max-width: 100% !important; width: auto !important; }
          .mobile-top-padding { height: 25px !important; }
          table td.content { padding: 20px !important; }
          #hero { background: #FFFFFF !important; padding-top: 0; }
          #Logo { padding: 17px 10px 0 15px !important; }
          #HeadlineColumn { padding: 0 15px !important; }
          #bodyContent.content-padding { padding-top: 33.5px; }
          td[class*="header-padding"] { padding-top: 33.5px; }
          #hero.header-padding { padding-top: 20px !important; }
          td[class*="content-padding"] { padding-left: 31.25px !important; padding-right: 31.25px !important; }
          td[class*="bottom-padding"] { padding-bottom: 24.5px; }
          td.two-column { float: left !important; margin: 5px auto; padding: 0 !important; width: 100% !important; }
          .hide { display: none !important; }
          *[class*="pad-container"] { width: 100% !important; height: auto !important; }
          .center { text-align: center !important; width: 100% !important; height: auto !important; }
          #footer .content { padding: 25px !important; }
          #footer *,
          #footer a { color: #86848c; }
      }
      @media screen and (max-width:450px) {
          table td.content { padding: 20px !important; }
          #bodyContent.content-padding { padding-top: 33.5px !important; }
      }
      @media screen and (min-width:801px) {
          #containerDiv table.pad-container { width: 800px !important; }
      }
  </style>
 </head>
 <body bgcolor="#D9D9DA" style="background: #FFFFFF; font-family: 'Source Sans Pro', Arial, 'Helvetica Neue', 'Helvetica', Helvetica, sans-serif; width: 100% !important; text-align: center; padding: 0; margin: 0;">
  <style type="text/css">
   div#emailPreHeader{ display: none !important; }
  </style>
  <div id="emailPreHeader" style="mso-hide:all; visibility:hidden; opacity:0; color:transparent; mso-line-height-rule:exactly; line-height:0; font-size:0px; overflow:hidden; border-width:0; display:none !important;">
   Too many brands feel stuck in the middle -- neither tiny or huge. Let’s get you past this inflection point.
  </div>
  <p style="color:#86848c; font-family: 'Source Sans Pro', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:12px; text-align:center; max-width:600px; margin:0 auto;">
   To view this email as a web page,
   <a>
    click here
   </a>
   <br/>
   <br/>
  </p>
  <table border="0" cellpadding="0" cellspacing="0" class="backgroundTable" style="margin: 0 auto; padding: 0; width: 100% !important;" width="100% !important">
   <tbody>
    <tr>
     <td align="center" style="border-collapse: collapse;" valign="top">
      <!--[if gte mso 9]>
          <style type="text/css">
            /* Your Outlook-specific CSS goes here.*/
            table[class*='twoColumn'] td{ max-width: 270px; width: 48.999%; }
            .two-column { width: 275px; display: inline-block; vertical-align: top; }
            .two-column.left .mktoText { padding-right: 10px; }
            .two-column.right .mktoText { padding-left: 10px; }
            div table tr td.two-column.left { padding: 0 8px 0 0 !important; }
            div table tr td.two-column.right { padding: 0 0 0 8px !important; }
            table.pad-container { width: 800px; }
            #bodyContent { padding-top: 30px; }
            body, table, td { font-family: Helvetica, Arial, sans-serif !important; }
            p, h1, h2, h3, h4, h5, h6, li, a, div, span { color: #34313F; font-family: Helvetica, Arial, sans-serif !important; }
            li { padding: 6px 12px; }
            strong { font-weight: 600; }
            .quotes { margin-left: 20px; margin-right: 20px; }
            a { color: #4B71FC !important; font-family: Helvetica, Arial, sans-serif !important; text-decoration: none !important; }
            a:hover, a:focus, a:visited { color: #3F5CD6 !important; }
            .cta a { color: #ffffff !important; font-family: Helvetica, Arial, sans-serif !important; }
            .cta a > font { color: #ffffff !important; font-family: Helvetica, Arial, sans-serif !important; }
            .cta:hover, .cta:focus { background: #3F5CD6 !important; }
            .cta:hover a, .cta:focus a { color: #ffffff !important; text-decoration: none; }
            .cta-table { margin: 0 auto; }
            .cta { background: #4b71fc; border-radius: 25px !important; color: #ffffff !important; font-size: 14px; text-decoration: none; text-transform: uppercase; padding: 5px 20px; }
            #footerContainer { background: #34313F !important; }
            #footer { color: #86848c !important; padding: 30px 0 !important; }
            #footer .social-links a { color: #FFFFFF !important; font-family: Helvetica, Arial, sans-serif;}
            #closing *, #footer * { text-align: center !important;}
            #closing, #footer { text-align: center !important; padding-top: 20px; }
            #closing > td, #footer > td { text-align: center !important; padding-left: 100px; padding-right: 100px }
            table td.content-padding { padding: 30px 100px 80px !important; }
            #bottomContentModule td { padding-bottom: 20px; }
          </style>
          <table border="0" cellpadding="0" cellspacing="0" style="width: 800px;">
            <tr>
              <td align="center" valign="top">
                <![endif]-->
      <div align="center" id="containerDiv">
       <table border="0" cellpadding="0" cellspacing="0" class="full-width" style="width: 100%;" width="100%">
        <tbody>
         <tr>
          <td align="center" style="border-collapse: collapse;" valign="top">
           <div class="container" id="emailContainer">
            <table border="0" cellpadding="0" cellspacing="0" class="pad-container" style="width: 800px; max-width: 800px;" width="800">
             <tbody>
              <tr>
               <td align="center" background="https://inboxflows.com/_/image/none/?inbox_flows_img_sig=eyJwYXRoIjoibm9uZSJ9:1kXPFo:heEyop1KtQFH5LGTQ2mT7-qj4NWBNpDcbELKqM9N-e0" bgcolor="#ffffff" class="header-padding content-padding" id="hero" style="border-collapse: collapse; padding-left: 20px; padding-right: 20px; background-color: #ffffff; background-image: none; padding-top: 67px;" valign="top">
                <table border="0" cellpadding="0" cellspacing="0" style="min-width: 100%; width: auto;" width="550">
                 <tbody>
                  <tr id="headerContent">
                   <td class="header-padding" style="border-collapse: collapse; padding-top: 33.5px;" valign="top" width="100%">
                    <div class="one-column text-center" style="text-align: center;">
                     <table border="0" cellpadding="0" cellspacing="0" height="40" id="logoTable" width="100%">
                      <tbody>
                       <tr>
                        <td align="center" height="40" id="Logo" style="border-collapse: collapse; text-align: center" valign="top">
                         <img alt="Logo" border="0" height="40" src="https://inboxflows.com/_/image/http%253A%252F%252Fgrow.bigcommerce.com%252Frs%252F695-JJT-333%252Fimages%252Fbigcommerce-logo-163x37.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmdyb3cuYmlnY29tbSJ9:1kXPFo:_uO9P8m3Ck6vU0xag-_eef10YLmBi2ac3R9wfy1Pi3U" style="display:block; "/>
                        </td>
                       </tr>
                      </tbody>
                     </table>
                     <!-- end #logoTable -->
                    </div>
                    <!-- end .one-column -->
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!-- end table.pad-container / header container -->
            <table border="0" cellpadding="0" cellspacing="0" class="pad-container" style="width: 800px; max-width: 800px;" width="800">
             <tbody>
              <tr>
               <td class="header-padding content-padding bottom-padding" id="bodyContent" style="border-collapse: collapse; padding-left: 20px; padding-right: 20px; background: #ffffff; padding-top: 67px; padding-bottom: 98px;" valign="top" width="100%">
                <div class="one-column">
                 <table border="0" cellpadding="0" cellspacing="0" class="contentTable mktoContainer" id="mkto-container" width="100%">
                  <tr class="mktoModule" id="bodyHeadlineModule">
                   <td style="border-collapse: collapse;">
                    <h3 style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; color: #34313F; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 0.1px; text-align: left;">
                     Hi James,
                    </h3>
                   </td>
                  </tr>
                  <tr class="mktoModule" id="bodyContentModule">
                   <td style="border-collapse: collapse; color: #34313F !important;">
                    <div class="mktoText" id="bodyContentText">
                     <p style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; color: #34313f; font-size: 16px; font-weight: 300; line-height: 28px; letter-spacing: 0.1px;">
                      What do Jeni’s Ice Cream, Skullcandy headphones and Kelty outdoor gear all have in common?
                     </p>
                     <p style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; color: #34313f; font-size: 16px; font-weight: 300; line-height: 28px; letter-spacing: 0.1px;">
                      Well, a few years ago –– they were unknown brands to the masses. Today, all 3 are national (and even international!) sensations.
                     </p>
                     <p style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; color: #34313f; font-size: 16px; font-weight: 300; line-height: 28px; letter-spacing: 0.1px;">
                      <strong>
                       <a style="color: #4b70fc; text-decoration: none;" target="_blank">
                        Find out how they Made It Big (and how you can, too!).
                       </a>
                      </strong>
                      <br/>
                      <br/>
                     </p>
                    </div>
                   </td>
                  </tr>
                  <tr class="mktoModule" id="bodyContentModulefbd22ce4-3858-4826-abf4-738f0ad0817f">
                   <td style="border-collapse: collapse; color: #34313F !important;">
                    <div class="mktoText" id="bodyContentTextfbd22ce4-3858-4826-abf4-738f0ad0817f">
                     <p style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; color: #34313f; font-size: 16px; font-weight: 300; line-height: 28px; letter-spacing: 0.1px;">
                      Best,
                     </p>
                     <p style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; color: #34313f; font-size: 16px; font-weight: 300; line-height: 28px; letter-spacing: 0.1px;">
                      Tracey Wallace,
                      <br/>
                      Editor-in-Chief, BigCommerce
                     </p>
                     <p style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; color: #34313f; font-size: 16px; font-weight: 300; line-height: 28px; letter-spacing: 0.1px;">
                      P.S. The one tool they all use? BigCommerce.
                      <a style="color: #4b70fc; text-decoration: none;" target="_blank">
                       Here’s the 15-day free trial link if you need it.
                      </a>
                     </p>
                    </div>
                   </td>
                  </tr>
                 </table>
                </div>
                <!-- end .one-column -->
               </td>
              </tr>
             </tbody>
            </table>
            <!-- end table.pad-container body container -->
           </div>
           <!-- end div.container -->
          </td>
         </tr>
         <tr id="footerContainer" style="background: #34313F !important;">
          <td align="center" style="border-collapse: collapse;" valign="top">
           <div class="container">
            <table border="0" cellpadding="0" cellspacing="0" class="pad-container" style="width: 800px; max-width: 800px;" width="800">
             <tbody>
              <tr>
               <td align="center" class="header-padding content-padding bottom-padding text-center" id="footerContent" style="border-collapse: collapse; padding-top: 33.5px; padding-left: 20px; padding-right: 20px; padding-bottom: 49px; text-align: center; color: #86848c;">
                <div id="footer">
                 <p class="social-links" style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; letter-spacing: 0.1px; margin-bottom: 5px; color: #FFFFFF !important; font-size: 14px; font-weight: 300; line-height: 24px;">
                  <a style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; text-decoration: none !important; color: #FFFFFF !important; font-size: 14px; font-weight: 300; line-height: 24px;">
                   <img alt="BigCommerce Icon" class="logo" src="https://inboxflows.com/_/image/http%253A%252F%252Fgrow.bigcommerce.com%252Frs%252F695-JJT-333%252Fimages%252FBigCommerce_icon_white-sized.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmdyb3cuYmlnY29tbSJ9:1kXPFo:_uO9P8m3Ck6vU0xag-_eef10YLmBi2ac3R9wfy1Pi3U" style="margin-bottom: -8px;" width="36"/>
                  </a>
                  <a style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; text-decoration: none !important; color: #FFFFFF !important; font-size: 14px; font-weight: 300; line-height: 24px;">
                   Twitter
                  </a>
                  <a style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; text-decoration: none !important; color: #FFFFFF !important; font-size: 14px; font-weight: 300; line-height: 24px;">
                   Facebook
                  </a>
                  <a style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; text-decoration: none !important; color: #FFFFFF !important; font-size: 14px; font-weight: 300; line-height: 24px;">
                   LinkedIn
                  </a>
                  <a style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; text-decoration: none !important; color: #FFFFFF !important; font-size: 14px; font-weight: 300; line-height: 24px;">
                   YouTube
                  </a>
                  <a style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; text-decoration: none !important; color: #FFFFFF !important; font-size: 14px; font-weight: 300; line-height: 24px;">
                   Pinterest
                  </a>
                  <a style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 10px auto; padding: 0; text-decoration: none !important; color: #FFFFFF !important; font-size: 14px; font-weight: 300; line-height: 24px;">
                   Google+
                  </a>
                 </p>
                 <p class="small" style="font-family: 'Source Sans Pro', Arial, sans-serif; margin: 25px auto 0; padding: 0; letter-spacing: 0.1px; color: #86848c; font-size: 12px; font-weight: 300; line-height: 24px;">
                  You received this email because you are subscribed to emails from BigCommerce.
                 </p>
                </div>
               </td>
              </tr>
             </tbody>
            </table>
            <!-- end .pad-container / footer container -->
           </div>
           <!-- end div.container -->
          </td>
         </tr>
        </tbody>
       </table>
       <!-- end #header -->
      </div>
      <!-- end #containerDiv -->
      <!--[if gte mso 0]>
                      </td>
                  </tr>
              </table>
            <![end if] -->
     </td>
    </tr>
    <tr>
     <td style="border-collapse: collapse;">
     </td>
    </tr>
   </tbody>
  </table>
  <a>
  </a>
  <img alt="" height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Fabout.bigcommerce.com%252Ftrk%253Ft%253D1%2526mid%253DNjk1LUpKVC0zMzM6MjA0NTQ6OTM0Njo2NDA4MzowOjEzMDU4Ojk6OTE2MTc6MjE4NDY4ODA6YTg2OGM2OTFAdWlmZWVkLmNvbQ%253D%253D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmFib3V0LmJpZ2NvbSJ9:1kXPFo:MY3to1ujoiVGPPLx1aS0ieXIAXC7s5ssuLy_x2k9YLw" style="display:none !important;" width="1"/>
  <p style="color:#86848c; font-family: 'Source Sans Pro', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:12px; text-align:center; max-width:600px; margin:0 auto;">
   Ⓒ 2018 BigCommerce | 11305 Four Points Dr., Building 2, Floor 3, Austin TX 78726 |
   <a color:="" none="" style="a:link=" text-decoration:="">
    Unsubscribe
   </a>
   .
  </p>
 </body>
</html>