Inboxes List

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html lang="en" style="font-size: 17px;" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
 <!-- -->
 <!-- -->
 <!-- -->
 <!-- -->
 <!-- -->
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width,initial-scale=1" name="viewport"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <!--[if !mso]><!-->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <title>
   Blue Bottle Coffee
  </title>
  <!--[if mso]><style type="text/css">table{border-collapse:collapse;border:0;border-spacing:0;margin:0}div,td{padding:0;mso-line-height-rule:exactly!important}div{margin:0!important}</style> <noscript> <xml> <o:OfficeDocumentSettings> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> </noscript><![endif]-->
  <style>
   @font-face{font-family:'ABCMarfa-Regular';src:url(https://inboxflows.com/_/image/https%253A%252F%252Fres.cloudinary.com%252Fhbhhv9rz9%252Fraw%252Fupload%252Fv1729017142%252FABCMarfa-Regular_y1mwf0.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXMuY2xvdWRpbiIsInRpbWUiOjE3ODU2MTAwMjQuMDkyMTQ4NX0:1wqEjg:DnZwGA-1PSTs9i5t95MD1RWAXb9h2wYGQS4nZRGiPyk);font-weight:400}@font-face{font-family:'ABCMarfa-Medium';src:url(https://inboxflows.com/_/image/https%253A%252F%252Fres.cloudinary.com%252Fhbhhv9rz9%252Fraw%252Fupload%252Fv1729017142%252FABCMarfa-Medium_rmw7ec.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXMuY2xvdWRpbiIsInRpbWUiOjE3ODU2MTAwMjQuMDkyNzYwM30:1wqEjg:Y62iON3naUI2cg-tbCrMD_l2j2tBhJHKdYnTN4z9BYM);font-weight:500}@font-face{font-family:'ABCDiatypeMono-Regular';src:url(https://inboxflows.com/_/image/https%253A%252F%252Fres.cloudinary.com%252Fhbhhv9rz9%252Fraw%252Fupload%252Fv1729017142%252FABCDiatypeMono-Regular_vsywxn.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXMuY2xvdWRpbiIsInRpbWUiOjE3ODU2MTAwMjQuMDkyOTU1OH0:1wqEjg:T2Hk2lHOJRRkGo7NHua3lWO8iWf4WVbpPBAWizIJ-Ow);font-weight:400}@font-face{font-family:'ABCDiatypeMono-RegularItalic';src:url(https://inboxflows.com/_/image/https%253A%252F%252Fres.cloudinary.com%252Fhbhhv9rz9%252Fraw%252Fupload%252Fv1729017142%252FABCDiatypeMono-RegularItalic_ptj1nq.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXMuY2xvdWRpbiIsInRpbWUiOjE3ODU2MTAwMjQuMDkzMDg5Nn0:1wqEjg:WTZEmerC2LkHUJWMs3O_a_ZLNJeGKJOUig2FR-8wT2c);font-weight:400;font-style:italic}@font-face{font-family:'ABCDiatypeMono-Bold';src:url(https://inboxflows.com/_/image/https%253A%252F%252Fres.cloudinary.com%252Fhbhhv9rz9%252Fraw%252Fupload%252Fv1729017142%252FABCDiatypeMono-Bold_insydb.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXMuY2xvdWRpbiIsInRpbWUiOjE3ODU2MTAwMjQuMDkzMjA2fQ:1wqEjg:w7vhBstL38S1_YJhvN9n9FraCZ0ggh5RFVZ7y4coGX8);font-weight:700}
  </style>
  <style type="text/css">
   :root{font-size:17px}h1{font-size:30px!important;font-size:1.76em;padding:22px;text-align:center;line-height:1.5;color:#000;font-family:'Chronicle',Georgia,'Times New Roman',serif;font-weight:400;text-align:center;vertical-align:middle;display:block;max-width:600px}h2{font-size:17px;font-size:1em;font-weight:500;font-family:'Halis GR Regular','Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;text-decoration:none;text-transform:uppercase;line-height:17px;line-height:1;text-align:center;vertical-align:middle;letter-spacing:1.6px;letter-spacing:.1em;max-width:540px;text-align:center}p{font-size:17px;line-height:1.4;color:#000;font-family:'Chronicle Text G1 Roman',Georgia,Cambria,'Times New Roman',Times,serif;font-weight:400;max-width:540px;text-align:center}p a{color:#000;color:#000!important;text-decoration:underline;text-underline-offset:3px}p:first-of-type{margin-top:0}p:last-of-type{margin-bottom:0}.footer_links a{color:#000!important;text-decoration:underline}.link a{color:#000;color:#000!important;text-decoration:underline;text-underline-offset:3px}@media{@font-face{font-family:'Chronicle Text G1 Roman';src:url(https://inboxflows.com/_/image/https%253A%252F%252Fres.cloudinary.com%252Fhbhhv9rz9%252Fraw%252Fupload%252Fdesign-system%252Ffonts%252FChronicle-Text-G1-Roman.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXMuY2xvdWRpbiIsInRpbWUiOjE3ODU2MTAwMjQuMDkzMzIzNX0:1wqEjg:0DE70noegoa4lGIt73wk7qYTPya2PV65w4wEygSuf9U) format("woff2")}@font-face{font-family:'Halis GR Regular';src:url(https://inboxflows.com/_/image/https%253A%252F%252Fres.cloudinary.com%252Fhbhhv9rz9%252Fraw%252Fupload%252Fdesign-system%252Ffonts%252FHalis-GR-Regular.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXMuY2xvdWRpbiIsInRpbWUiOjE3ODU2MTAwMjQuMDkzNDQ3Mn0:1wqEjg:2xHsP7SJiFyOtiGWM_iiPBwX_dpXW__li_Ek5Ukqf64) format("woff2")}}@media screen and (max-width:599px){.mobile{display:block!important}.desktop{display:none!important}.nav{width:22%}.subscription{width:33%!important}.nav a{font-size:6pt!important}.subscription a{font-size:6pt!important}.desktopspacer{display:none}}@media only screen and (max-width:600px){.full{width:100%!important}.mobile-wrapper{width:100%!important;max-width:100%!important}.em_side{width:30px!important}.em_pad{padding-left:10%!important;padding-right:10%!important}.em_pad2{padding-left:10px!important;padding-right:10px!important}.em_hide{display:none!important}.pad_b20{padding-bottom:20px!important}.mobWrapper,.mob_image{display:block!important;width:100%!important;max-width:300px!important}.em_center{text-align:center!important}.w5{width:5px!important}.pad0{padding:0!important}}
  </style>
  <!--[if mso]><style type="text/css">body,table,td{font-family:Courier,monospace!important}.h1{font-family:Helvetica,Arial,sans-serif!important}sup{font-size:100%!important}sup{line-height:100%!important}</style><![endif]-->
 </head>
 <body align="center" bgcolor="#F6F6F3" cellpadding="0" cellspacing="0" style="width:100%;min-width:100%;margin-left:auto;margin-right:auto;border:0;background-color:#F6F6F3;margin-top:0;margin-bottom:0;" width="100%">
  <div style="color:transparent;visibility:hidden;opacity:0;font-size:0px;border:0;max-height:1px;width:1px;margin:0px;padding:0px;border-width:0px!important;display:none!important;line-height:0px!important;">
   <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Ftrack.bluebottlecoffee.com%252Fq%252FHSqTM0bq7r5uaF-862GiUA~~%252FAARGbBA~%252F-q5LLtMAHGpseZwt11gqyJ9IvEFBou4Oy4-uTuwWlMIsTINFYfIfmUkTg9L_I_349JBbh86MZxaL8Ybli7LlLQ~~/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnRyYWNrLmJsdWVibyIsInRpbWUiOjE3ODU2MTAwMjQuMTEyMjQ1fQ:1wqEjg:osv9V8e2kxampad_2LQoCD_Q5lj3id6EdC3mGfswxmQ" width="1"/>
  </div>
  <span style="color:transparent;visibility:hidden;display:none;opacity:0;height:0;width:0;font-size:0;">
   Prepay a subscription by tomorrow to receive this online-exclusive gift
  </span>
  <img height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Flinks.bluebottlecoffee.com%252Fe%252Feo%253F_t%253De313c02b031440fa9aa11aec34173714%2526_m%253D87f8d1bba3b948fe91f2136722b526bf%2526_e%253D9oruGF6NipNnRiYcWQsP9qgkljTkV4kF-jFX6hLsu0c4rPCZhtTKC2T--QK-KdKwuTjl3cuW3kqYdO1jXayRLNSqTs3SdONASOKQmQ12yPK6Dz2neZEroT19ZyrYbYqWw-u1UJD-v6NgPN1M_a-Fcg%253D%253D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZsaW5rcy5ibHVlYiIsInRpbWUiOjE3ODU2MTAwMjQuMTEyNzUyN30:1wqEjg:oulyVLijuFiRFh54aLapetHz6UKdtcrYuhYQe4mMScA" style="border:0;width:1px;height:1px;border-width:0px!important;display:none!important;line-height:0!important;" width="1"/>
  <table align="center" cellpadding="0" cellspacing="0" class="wrapper1200" style="background-color: #f6f6f3; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto;" width="1200">
   <tbody>
    <!--start header-->
    <tr>
     <td>
      <!--[if true]><table role="presentation" width="600" style="width:600px!important;with:600px;" align="center" valign="top" cellpadding="0" cellspacing="0"> <tbody><tr><td><![endif]-->
      <table align="center" cellpadding="0" cellspacing="0" class="wrapper600" style="background-color: #f6f6f3; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto;" width="600">
       <tbody>
        <!--start header-->
        <!--Place Skinny Banner Below-->
        <!--This is the editable skinny banner.-->
        <!-- -->
        <!--End of the editable skinny banner.-->
        <!--Place Skinny Banner Above ^^^-->
        <tr>
         <td align="center" style="margin-left: auto;">
          <!-- HEADER -->
          <table align="center" bgcolor="#F6F6F3" border="0" cellpadding="0" cellspacing="0" width="100%">
           <tr>
            <td align="center" class="em_pad2" style="padding-top:32px;" valign="top">
             <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" style="width:520px;" width="520">
              <tr>
               <td class="pad_b20">
                <!--[if !true]><!-->
                <div class="mobile" style="width: 72px; max-width: 72px;display:none;vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto;">
                 <a rel="noopener" target="_blank">
                  <img alt="Blue Bottle Coffee" height="52" src="https://inboxflows.com/_/image/https%253A%252F%252Fd2axdqolvqmdvx.cloudfront.net%252F89b28c1a-8f4b-4889-bca3-8b35d29072cc%252Flogo.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMmF4ZHFvbHZxbSIsInRpbWUiOjE3ODU2MTAwMjQuMTEyODY3Nn0:1wqEjg:6fagPlZsx_PykQlG0GJnJ4AEmNQVjoTKBP3S6I7S0fw" style="width: 23px; height: 52px; margin-left: auto; margin-right: auto;" width="23"/>
                 </a>
                </div>
                <!--<![endif]-->
               </td>
              </tr>
              <tr>
               <td>
                <!--[if true]><table role="presentation" width="100%" style="all:unset;opacity:0;max-width:520px;" align="center"> <tr><![endif]-->
                <!--[if false]></td></tr></table><![endif]-->
                <div class="nav" style="display:table;width:100%;max-width:520px;margin-left:auto;margin-right:auto;vertical-align:middle;">
                 <!--[if true]><td width="22%"><![endif]-->
                 <!--[if !true]><!-->
                 <div class="" style="display:table-cell;width:22%;text-align:center;vertical-align:middle;">
                  <!--<![endif]-->
                  <table align="center" cellpadding="0" cellspacing="0" style="margin-left:auto;margin-right:auto;" width="100%">
                   <tr>
                    <td align="center">
                     <a role="button" style="padding: 8px 0px; color: #333333;font-size: 9px;font-weight: bold;font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace;text-align: center;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;text-decoration: none !important;text-decoration:none;font-weight:400;display: inline-block;" target="_blank" title="Subscriptions">
                      Subscriptions
                     </a>
                    </td>
                   </tr>
                  </table>
                  <!--[if !true]><!-->
                 </div>
                 <!--<![endif]-->
                 <!--[if true]></td><![endif]-->
                 <!--[if true]><td width="22%"><![endif]-->
                 <!--[if !true]><!-->
                 <div class="nav" style="display:table-cell;width:22%;text-align:center;vertical-align:middle;">
                  <!--<![endif]-->
                  <table align="center" cellpadding="0" cellspacing="0" style="margin-left:auto;margin-right:auto;">
                   <tr>
                    <td>
                     <a role="button" style="padding: 8px 0px; color: #333333;font-size: 9px;font-weight: bold;font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace;text-align: center;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;text-decoration: none !important;text-decoration:none;font-weight:400;display: inline-block;" target="_blank" title="Coffee">
                      Coffee
                     </a>
                    </td>
                   </tr>
                  </table>
                  <!--[if !true]><!-->
                 </div>
                 <!--<![endif]-->
                 <!--[if true]></td><![endif]-->
                 <!--[if true]><td width="12%"><![endif]-->
                 <!--[if !true]><!-->
                 <div class="desktop" style="display:table-cell;width:12%;text-align:center;vertical-align:middle;">
                  <!--<![endif]-->
                  <table align="center" cellpadding="0" cellspacing="0" style="margin-left:auto;margin-right:auto;">
                   <tr>
                    <td>
                     <a rel="noopener" style="padding: 0; color: #333333;font-size: 10px;font-weight: bold;font-family:'Helvetica Neue',Arial,'Noto Sans',sans-serif;text-align: center;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;text-decoration: none;font-weight:400;display: inline-block;" target="_blank">
                      <img alt="Blue Bottle Coffee" height="52" src="https://inboxflows.com/_/image/https%253A%252F%252Fd2axdqolvqmdvx.cloudfront.net%252F89b28c1a-8f4b-4889-bca3-8b35d29072cc%252Flogo.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMmF4ZHFvbHZxbSIsInRpbWUiOjE3ODU2MTAwMjQuMTEyOTY1Nn0:1wqEjg:RBFtJVz44caOBYCwQWWuPvth-RewKypUnHhsTGpUviM" style="width: 23px; height: 52px; margin-left: auto; margin-right: auto;" width="23"/>
                     </a>
                    </td>
                   </tr>
                  </table>
                  <!--[if !true]><!-->
                 </div>
                 <!--<![endif]-->
                 <!--[if true]></td><![endif]-->
                 <!--[if true]><td width="22%"><![endif]-->
                 <!--[if !true]><!-->
                 <div class="nav" style="display:table-cell;width:22%;text-align:center;vertical-align:middle;">
                  <!--<![endif]-->
                  <table align="center" cellpadding="0" cellspacing="0" style="margin-left:auto;margin-right:auto;">
                   <tr>
                    <td>
                     <a role="button" style="padding: 8px 0px; color: #333333;font-size: 9px;font-weight: bold;font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace;text-align: center;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;text-decoration: none !important;text-decoration:none;font-weight:400;display: inline-block;" target="_blank" title="Brew Tools">
                      Brew Tools
                     </a>
                    </td>
                   </tr>
                  </table>
                  <!--[if !true]><!-->
                 </div>
                 <!--<![endif]-->
                 <!--[if true]></td><![endif]-->
                 <!--[if true]><td width="22%"><![endif]-->
                 <!--[if !true]><!-->
                 <div class="nav" style="display:table-cell;width:22%;text-align:center;vertical-align:middle;margin-left:auto;margin-right:auto;">
                  <!--<![endif]-->
                  <table align="center" cellpadding="0" cellspacing="0" style="margin-left:auto;margin-right:auto;">
                   <tr>
                    <td>
                     <a role="button" style="padding: 8px 0px; color: #333333;font-size: 9px;font-weight: bold;font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace;text-align: center;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;text-decoration: none !important;text-decoration:none;font-weight:400;display: inline-block;" target="_blank" title="Best Sellers">
                      BEST SELLERS
                     </a>
                    </td>
                   </tr>
                  </table>
                  <!--[if !true]><!-->
                 </div>
                 <!--<![endif]-->
                 <!--[if true]></td><![endif]-->
                </div>
                <!--[if true]></tr> </table><![endif]-->
               </td>
              </tr>
              <tr>
               <td height="23">
               </td>
              </tr>
             </table>
            </td>
           </tr>
          </table>
         </td>
        </tr>
        <!--end header-->
        <!--start email content-->
        <tr>
         <td align="center" style="margin-left: auto;">
          <!--Replace this section with email content>>>-->
          <table align="center" bgcolor="#F6F6F3" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
           <tbody>
            <tr>
             <td height="25" style="height: 25px; font-size: 0; line-height: 0;">
             </td>
            </tr>
            <tr>
             <td>
              <table align="center" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 600px;" width="100%">
               <tbody>
                <tr>
                 <td class="h1 link" style="font-family: 'ABCMarfa-Regular', Helvetica,Arial,sans-serif; color: #000000; font-size: 25px; line-height: 36px; letter-spacing: 0.5px; font-weight: 400; text-transform: uppercase; padding-bottom: 5px; padding-left: 10%; padding-right: 10%; text-align: center;">
                  Prepay a subscription
                 </td>
                </tr>
                <tr>
                 <td class="link" style="font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; color: #000000; font-size: 18px; line-height: 24px; font-weight: 400; text-transform: uppercase; padding-top: 5px; text-align: center; letter-spacing: 0.5px; padding-left: 10%; padding-right: 10%;">
                  and enjoy a free Vanilla Chicory Syrup
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <tr>
             <td height="40" style="height: 40px; font-size: 0; line-height: 0;">
             </td>
            </tr>
           </tbody>
          </table>
          <!--Beginning of Image Table-->
          <table align="center" border="0" cellpadding="0" cellspacing="0" style="background-color: #f6f6f3; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; border: 0;" width="600">
           <tbody>
            <tr>
             <td>
              <a rel="noopener" style="display: block; font-size: 0;" target="_blank" title="Explore Subscriptions">
               <img alt="Image of bag of coffee." src="https://inboxflows.com/_/image/https%253A%252F%252Flibrary.iterable.com%252F2039%252F8633%252F2079e0fa35c2485c9a3c458c37d49162-july_wk7_gwp_header.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZsaWJyYXJ5Lml0ZSIsInRpbWUiOjE3ODU2MTAwMjQuMTEzMDYyOX0:1wqEjg:2fxTs_K7vXjezson8RZk1SOt0sgT5A0qQPyRBYJSGao" style="width: 100%; max-width: 600px; margin-left: auto; margin-right: auto;" width="600"/>
              </a>
             </td>
            </tr>
           </tbody>
          </table>
          <!--End of Image Table-->
          <!--Beginning of Text Table-->
          <table align="center" bgcolor="#F6F6F3" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
           <tbody>
            <tr>
             <td height="33" style="font-size: 33px;">
             </td>
            </tr>
            <tr>
             <td>
              <table align="center" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 600px;" width="100%">
               <tbody>
                <!--Beginning of Paragraph Text. Text can be copied directly as text, or copied from Figma. Formatting will stay the same-->
                <tr>
                 <td class="link" style="font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; color: #000000; font-size: 15px; line-height: 23px; font-weight: 400; text-align: left; vertical-align: middle; padding-left: 10%; padding-right: 10%;">
                  Bring the cafe experience home with a Blue Bottle at Home coffee or matcha subscription. Prepay three installments by tomorrow, August 2 at 11:59 PM PT, and receive a free 4 oz bottle of Vanilla Chicory Syrup—a café favorite used in our NOLA Cold Foam.
                  <br/>
                  <br/>
                  Explore our best-selling subscriptions before this online-exclusive offer ends.
                 </td>
                </tr>
                <!--End of Paragraph Text.-->
               </tbody>
              </table>
             </td>
            </tr>
            <!--Spacer after body copy. 23 px is default-->
            <tr>
             <td height="23" style="font-size: 23px;">
             </td>
            </tr>
            <!--End of Spacer.-->
           </tbody>
          </table>
          <!--End of Text Table-->
          <!--Beginning of Button Table. Default spacing is 13px at the top and 22px at the bottom. This can be adjusted by changing the values in the lines below.-->
          <table align="center" bgcolor="#F6F6F3" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
           <tbody>
            <tr>
             <td height="13" style="font-size: 13px; line-height: 1;">
             </td>
            </tr>
            <tr>
             <td style="padding-left: 10%; padding-right: 10%;">
              <table align="left" cellpadding="0" cellspacing="0">
               <tbody>
                <tr>
                 <td>
                  <table align="left" cellpadding="0" cellspacing="0">
                   <tbody>
                    <tr>
                     <td bgcolor="#4a4a4a" style="border-radius: 2px;">
                      <a rel="noopener" role="button" style="padding: 15px 40px; border: 1px solid #4a4a4a; border-radius: 0; font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; font-size: 10px; color: #ffffff; vertical-align: middle; text-align: center; cursor: pointer; text-transform: uppercase; text-decoration: none; font-weight: 400; display: inline-block; letter-spacing: 1px;" target="_blank" title="EXPLORE SUBSCRIPTIONS">
                       Explore Subscriptions
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <tr>
             <td height="55" style="height: 55px; font-size: 0; line-height: 0;">
             </td>
            </tr>
           </tbody>
          </table>
          <!--Beginning of Horizontal Rule Table (AKA a Line)-->
          <table style="background-color: #f6f6f3; border: 0; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto;" width="600">
           <tbody>
            <tr>
             <td class="em_pad">
              <table align="center" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 480px;" width="480">
               <tbody>
                <tr>
                 <td style="border-bottom: 1px solid #dadada; line-height: 0px; font-size: 0;">
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <tr>
             <td height="55" style="height: 55px; font-size: 0; line-height: 0;">
             </td>
            </tr>
           </tbody>
          </table>
          <!--End of Horizontal Rule Table-->
          <!--Waterfall Heading-->
          <table align="center" bgcolor="#F6F6F3" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
           <tbody>
            <tr>
             <td>
              <table align="center" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 600px;" width="100%">
               <tbody>
                <tr>
                 <td class="h1 link" style="font-family: 'ABCMarfa-Regular', Helvetica,Arial,sans-serif; color: #000000; font-size: 25px; line-height: 36px; letter-spacing: 0.5px; font-weight: 400; text-transform: uppercase; padding-bottom: 5px; padding-left: 10%; padding-right: 10%; text-align: center;">
                  Best Sellers on Repeat
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <tr>
             <td height="40" style="height: 40px; font-size: 0; line-height: 0;">
             </td>
            </tr>
           </tbody>
          </table>
          <!--end of Waterfall Heading-->
          <!--Beginning of Waterfall Table. In the code, you can change whether the image is on the left or right (top or bottom on mobile) by changing the "dir" in 4th line below to be "ltr" (image first) or "rtl" (text first)-->
          <!--Beginning of Waterfall Table. In the code, you can change whether the image is on the left or right (top or bottom on mobile) by changing the "dir" in 4th line below to be "ltr" (image first) or "rtl" (text first)-->
          <table align="center" bgcolor="#F6F6F3" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
           <tbody>
            <tr>
             <td align="center" class="em_pad" valign="top">
              <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" style="width: 480px;" width="480">
               <!-- Begin Waterfall section 1/3 -->
               <tbody>
                <tr>
                 <td align="center" dir="ltr" style="font-size: 0;" valign="top">
                  <!--[if (gte mso 9)|(IE)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="480"> <tr> <td align="left" valign="top" width="240"><![endif]-->
                  <div class="mobile-wrapper" style="display: inline-block; vertical-align: top;">
                   <table align="left" border="0" cellpadding="0" cellspacing="0" class="full" dir="ltr" style="width: 240px;" width="240">
                    <!-- Begin Image block -->
                    <tbody>
                     <tr>
                      <td align="center" style="font-family: Arial, Helvetica, sans-serif; color: #000000;" valign="top">
                       <a rel="noopener" style="text-decoration: none; color: #000000;" target="_blank" title="SHOP NOW">
                        <img alt="Image of coffee bags and glass." border="0" class="full" src="https://inboxflows.com/_/image/https%253A%252F%252Flibrary.iterable.com%252F2039%252F8633%252F7b1e9816be3a4305973ddd6245f4665d-july_wk7_gwp_waterfall1.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZsaWJyYXJ5Lml0ZSIsInRpbWUiOjE3ODU2MTAwMjQuMTEzMTYwNH0:1wqEjg:BCGA2_cZ8pQ9lHBRTvOaZ8Lkh4PXXko-enPZNq30SXc" style="width: 240px; display: block; height: auto;" width="240"/>
                       </a>
                      </td>
                     </tr>
                     <!-- End Image block -->
                    </tbody>
                   </table>
                  </div>
                  <!--[if (gte mso 9)|(IE)]></td> <td align="left" valign="top" width="240"><![endif]-->
                  <div class="mobile-wrapper" style="display: inline-block; vertical-align: top;">
                   <table align="left" border="0" cellpadding="0" cellspacing="0" class="full" dir="ltr" role="presentation" style="width: 240px;" width="240">
                    <tbody>
                     <tr>
                      <td align="center" valign="top">
                       <table align="right" border="0" cellpadding="0" cellspacing="0" class="full" style="width: 210px;" width="210">
                        <!-- Begin h2 -->
                        <tbody>
                         <tr>
                          <td height="25" style="height: 25px; line-height: 0px; font-size: 0px;">
                          </td>
                         </tr>
                         <tr>
                          <td align="center" class="h1 link" style="font-family: 'ABCMarfa-Regular',Helvetica,Arial,sans-serif; color: #000000; font-size: 20px; line-height: 30px; letter-spacing: 0.5px; font-weight: 400; text-transform: uppercase; text-align: left;" valign="top">
                           Hayes Valley Espresso
                          </td>
                         </tr>
                         <!-- End h2 -->
                         <tr>
                          <td height="10" style="height: 10px; line-height: 0px; font-size: 0px;">
                          </td>
                         </tr>
                         <!-- Begin paragraph -->
                         <tr>
                          <td align="center" class="link" style="font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; color: #000000; font-size: 15px; line-height: 23px; font-weight: 400; text-align: left; padding: 0;" valign="top">
                           Our most versatile espresso, served in cafes around the world and delivered to your door.
                          </td>
                         </tr>
                         <tr>
                          <td height="15" style="height: 15px; line-height: 0px; font-size: 0px;">
                          </td>
                         </tr>
                         <!-- End paragraph -->
                         <!-- Begin Cta -->
                         <tr>
                          <td align="center" class="cta_2" style="font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; color: #000000; font-size: 10px; line-height: 18px; font-weight: 400; text-align: left; padding: 0; text-transform: uppercase;" valign="top">
                           <a rel="noopener" style="text-decoration: underline; color: #333333;" target="_blank" title="SHOP NOW">
                            Shop Now
                           </a>
                          </td>
                         </tr>
                         <tr>
                          <td height="25" style="height: 25px; line-height: 0px; font-size: 0px;">
                          </td>
                         </tr>
                         <!-- End Cta -->
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </div>
                  <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <tr>
             <td>
              <table align="center" bgcolor="#F6F6F3" cellpadding="0" cellspacing="0" class="desktopspacer" style="max-width: 600px;" width="100%">
               <tbody>
                <tr>
                 <td height="55" style="height: 55px; font-size: 0; line-height: 0;">
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
           </tbody>
          </table>
          <!--End of Waterfall Table-->
          <!--Beginning of Waterfall Table. In the code, you can change whether the image is on the left or right (top or bottom on mobile) by changing the "dir" in 4th line below to be "ltr" (image first) or "rtl" (text first)-->
          <!--Beginning of Waterfall Table. In the code, you can change whether the image is on the left or right (top or bottom on mobile) by changing the "dir" in 4th line below to be "ltr" (image first) or "rtl" (text first)-->
          <table align="center" bgcolor="#F6F6F3" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
           <tbody>
            <tr>
             <td align="center" class="em_pad" valign="top">
              <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" style="width: 480px;" width="480">
               <!-- Begin Waterfall section 1/3 -->
               <tbody>
                <tr>
                 <td align="center" dir="rtl" style="font-size: 0;" valign="top">
                  <!--[if (gte mso 9)|(IE)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="480"> <tr> <td align="left" valign="top" width="240"><![endif]-->
                  <div class="mobile-wrapper" style="display: inline-block; vertical-align: top;">
                   <table align="left" border="0" cellpadding="0" cellspacing="0" class="full" dir="ltr" style="width: 240px;" width="240">
                    <!-- Begin Image block -->
                    <tbody>
                     <tr>
                      <td align="center" style="font-family: Arial, Helvetica, sans-serif; color: #000000;" valign="top">
                       <a rel="noopener" style="text-decoration: none; color: #000000;" target="_blank" title="SHOP NOW">
                        <img alt="Image of coffee in bottles." border="0" class="full" src="https://inboxflows.com/_/image/https%253A%252F%252Flibrary.iterable.com%252F2039%252F8633%252F2b5ad7ecd7564c508c4e376a6217c5a2-july_wk7_gwp_waterfall2.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZsaWJyYXJ5Lml0ZSIsInRpbWUiOjE3ODU2MTAwMjQuMTEzMjYyMn0:1wqEjg:I__DNMLPsBLzVz88fHeX04eGLvkJW8OmWyNAXMFAjZQ" style="width: 240px; display: block; height: auto;" width="240"/>
                       </a>
                      </td>
                     </tr>
                     <!-- End Image block -->
                    </tbody>
                   </table>
                  </div>
                  <!--[if (gte mso 9)|(IE)]></td> <td align="left" valign="top" width="240"><![endif]-->
                  <div class="mobile-wrapper" style="display: inline-block; vertical-align: top;">
                   <table align="left" border="0" cellpadding="0" cellspacing="0" class="full" dir="ltr" role="presentation" style="width: 240px;" width="240">
                    <tbody>
                     <tr>
                      <td align="center" valign="top">
                       <table align="left" border="0" cellpadding="0" cellspacing="0" class="full" style="width: 210px;" width="210">
                        <!-- Begin h2 -->
                        <tbody>
                         <tr>
                          <td height="25" style="height: 25px; line-height: 0px; font-size: 0px;">
                          </td>
                         </tr>
                         <tr>
                          <td align="center" class="h1 link" style="font-family: 'ABCMarfa-Regular',Helvetica,Arial,sans-serif; color: #000000; font-size: 20px; line-height: 30px; letter-spacing: 0.5px; font-weight: 400; text-transform: uppercase; text-align: left;" valign="top">
                           Craft Instant espresso
                          </td>
                         </tr>
                         <!-- End h2 -->
                         <tr>
                          <td height="10" style="height: 10px; line-height: 0px; font-size: 0px;">
                          </td>
                         </tr>
                         <!-- Begin paragraph -->
                         <tr>
                          <td align="center" class="link" style="font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; color: #000000; font-size: 15px; line-height: 23px; font-weight: 400; text-align: left; padding: 0;" valign="top">
                           Make cafe-quality espresso with just a spoon. Perfect for the latte lover.
                          </td>
                         </tr>
                         <tr>
                          <td height="15" style="height: 15px; line-height: 0px; font-size: 0px;">
                          </td>
                         </tr>
                         <!-- End paragraph -->
                         <!-- Begin Cta -->
                         <tr>
                          <td align="center" class="cta_2" style="font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; color: #000000; font-size: 10px; line-height: 18px; font-weight: 400; text-align: left; padding: 0; text-transform: uppercase;" valign="top">
                           <a rel="noopener" style="text-decoration: underline; color: #333333;" target="_blank" title="SHOP NOW">
                            Shop Now
                           </a>
                          </td>
                         </tr>
                         <tr>
                          <td height="25" style="height: 25px; line-height: 0px; font-size: 0px;">
                          </td>
                         </tr>
                         <!-- End Cta -->
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </div>
                  <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <tr>
             <td>
              <table align="center" bgcolor="#F6F6F3" cellpadding="0" cellspacing="0" class="desktopspacer" style="max-width: 600px;" width="100%">
               <tbody>
                <tr>
                 <td height="55" style="height: 55px; font-size: 0; line-height: 0;">
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
           </tbody>
          </table>
          <!--End of Waterfall Table-->
          <!--Beginning of Waterfall Table. In the code, you can change whether the image is on the left or right (top or bottom on mobile) by changing the "dir" in 4th line below to be "ltr" (image first) or "rtl" (text first)-->
          <!--Beginning of Waterfall Table. In the code, you can change whether the image is on the left or right (top or bottom on mobile) by changing the "dir" in 4th line below to be "ltr" (image first) or "rtl" (text first)-->
          <table align="center" bgcolor="#F6F6F3" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
           <tbody>
            <tr>
             <td align="center" class="em_pad" valign="top">
              <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" style="width: 480px;" width="480">
               <!-- Begin Waterfall section 1/3 -->
               <tbody>
                <tr>
                 <td align="center" dir="ltr" style="font-size: 0;" valign="top">
                  <!--[if (gte mso 9)|(IE)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="480"> <tr> <td align="left" valign="top" width="240"><![endif]-->
                  <div class="mobile-wrapper" style="display: inline-block; vertical-align: top;">
                   <table align="left" border="0" cellpadding="0" cellspacing="0" class="full" dir="ltr" style="width: 240px;" width="240">
                    <!-- Begin Image block -->
                    <tbody>
                     <tr>
                      <td align="center" style="font-family: Arial, Helvetica, sans-serif; color: #000000;" valign="top">
                       <a rel="noopener" style="text-decoration: none; color: #000000;" target="_blank" title="SHOP NOW">
                        <img alt="Image of coffee in glass." border="0" class="full" src="https://inboxflows.com/_/image/https%253A%252F%252Flibrary.iterable.com%252F2039%252F8633%252F7d2eb02f4fbd4630a87ee6b101d568a1-july_wk7_gwp_waterfall3.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZsaWJyYXJ5Lml0ZSIsInRpbWUiOjE3ODU2MTAwMjQuMTEzMzkwNH0:1wqEjg:qppt9dyxTP4BT7pam1iPei_QXQBp30Oj4GQtLxCS0JQ" style="width: 240px; display: block; height: auto;" width="240"/>
                       </a>
                      </td>
                     </tr>
                     <!-- End Image block -->
                    </tbody>
                   </table>
                  </div>
                  <!--[if (gte mso 9)|(IE)]></td> <td align="left" valign="top" width="240"><![endif]-->
                  <div class="mobile-wrapper" style="display: inline-block; vertical-align: top;">
                   <table align="left" border="0" cellpadding="0" cellspacing="0" class="full" dir="ltr" role="presentation" style="width: 240px;" width="240">
                    <tbody>
                     <tr>
                      <td align="center" valign="top">
                       <table align="right" border="0" cellpadding="0" cellspacing="0" class="full" style="width: 210px;" width="210">
                        <!-- Begin h2 -->
                        <tbody>
                         <tr>
                          <td height="25" style="height: 25px; line-height: 0px; font-size: 0px;">
                          </td>
                         </tr>
                         <tr>
                          <td align="center" class="h1 link" style="font-family: 'ABCMarfa-Regular',Helvetica,Arial,sans-serif; color: #000000; font-size: 20px; line-height: 30px; letter-spacing: 0.5px; font-weight: 400; text-transform: uppercase; text-align: left;" valign="top">
                           Craft Matcha
                          </td>
                         </tr>
                         <!-- End h2 -->
                         <tr>
                          <td height="10" style="height: 10px; line-height: 0px; font-size: 0px;">
                          </td>
                         </tr>
                         <!-- Begin paragraph -->
                         <tr>
                          <td align="center" class="link" style="font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; color: #000000; font-size: 15px; line-height: 23px; font-weight: 400; text-align: left; padding: 0;" valign="top">
                           Our ceremonial-grade matcha from Uji, Japan — made for all your matcha rituals.
                          </td>
                         </tr>
                         <tr>
                          <td height="15" style="height: 15px; line-height: 0px; font-size: 0px;">
                          </td>
                         </tr>
                         <!-- End paragraph -->
                         <!-- Begin Cta -->
                         <tr>
                          <td align="center" class="cta_2" style="font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; color: #000000; font-size: 10px; line-height: 18px; font-weight: 400; text-align: left; padding: 0; text-transform: uppercase;" valign="top">
                           <a rel="noopener" style="text-decoration: underline; color: #333333;" target="_blank" title="SHOP NOW">
                            Shop Now
                           </a>
                          </td>
                         </tr>
                         <tr>
                          <td height="25" style="height: 25px; line-height: 0px; font-size: 0px;">
                          </td>
                         </tr>
                         <!-- End Cta -->
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </div>
                  <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <tr>
             <td>
              <table align="center" bgcolor="#F6F6F3" cellpadding="0" cellspacing="0" class="desktopspacer" style="max-width: 600px;" width="100%">
               <tbody>
                <tr>
                 <td height="55" style="height: 55px; font-size: 0; line-height: 0;">
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
           </tbody>
          </table>
          <!--End of Waterfall Table-->
          <!--Beginning of Waterfall Table. In the code, you can change whether the image is on the left or right (top or bottom on mobile) by changing the "dir" in 4th line below to be "ltr" (image first) or "rtl" (text first)-->
          <!--Beginning of Horizontal Rule Table (AKA a Line)-->
          <table style="background-color: #f6f6f3; border: 0; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto;" width="600">
           <tbody>
            <tr>
             <td class="em_pad">
              <table align="center" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 480px;" width="480">
               <tbody>
                <tr>
                 <td style="border-bottom: 1px solid #dadada; line-height: 0px; font-size: 0;">
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <tr>
             <td height="45" style="height: 45px; font-size: 0; line-height: 0;">
             </td>
            </tr>
           </tbody>
          </table>
          <!--End of Horizontal Rule Table-->
          <!-- -->
          <!-- OPTIONAL FOOTER SECTION -->
          <!--Beginning of Framed Image Table. This restricts the image to 75% wideth, a maximum of 450px wide. This width can be adjusted by adjusting the percentage, the max-width and the width in the second table below. Other common sizes are 80% (480px) and 83% (500px)-->
          <table align="center" border="0" cellpadding="0" cellspacing="0" style="background-color: #f6f6f3; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; border: 0;" width="600">
           <tbody>
            <tr>
             <td align="center" valign="top">
              <table align="center" border="0" cellpadding="0" cellspacing="0" style="background-color: #f6f6f3; width: 80%; max-width: 480px; margin-left: auto; margin-right: auto; border: 0;" width="480">
               <tbody>
                <tr>
                 <td>
                  <a rel="noopener" style="display: block; font-size: 0;" target="_blank" title="SUBSCRIBE NOW">
                   <img alt="Image of Blue Bottle Coffee package delivery." class="full" src="https://inboxflows.com/_/image/https%253A%252F%252Flibrary.iterable.com%252F2039%252F8633%252F05397b3522b04537841fa99321841c9d-july_wk7_gwp_footer.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZsaWJyYXJ5Lml0ZSIsInRpbWUiOjE3ODU2MTAwMjQuMTEzNTEyM30:1wqEjg:aYlkyP06Lq2040eorlxtls1d_FSwXky3V3f528RQTYI" style="width: 480px; margin-left: auto; margin-right: auto;" width="480"/>
                  </a>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
           </tbody>
          </table>
          <!--End of Framed Image Table-->
          <table align="center" bgcolor="#F6F6F3" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
           <tbody>
            <tr style="height: 33px;">
             <td height="33" style="height: 33px; font-size: 0; line-height: 0;">
             </td>
            </tr>
            <tr>
             <td>
              <table align="center" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 600px;" width="100%">
               <tbody>
                <!--Beginning of H2 Row-->
                <tr style="height: 24px;">
                 <td class="link" style="font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; color: rgb(0, 0, 0); font-size: 18px; line-height: 24px; letter-spacing: 0.5px; font-weight: 400; text-transform: uppercase; text-align: left; vertical-align: middle; padding-left: 10%; padding-right: 10%; height: 24px;">
                  Why do people love blue bottle at home?
                 </td>
                </tr>
                <!--End of H2 Row-->
                <!--Spacer. 22 px is default-->
                <tr style="height: 22px;">
                 <td height="22" style="line-height: 22px; font-size: 0px; height: 22px;">
                 </td>
                </tr>
                <!--End of Spacer.-->
                <!--Beginning of Paragraph Text. Text can be copied directly as text, or copied from Figma. Formatting will stay the same-->
                <tr>
                 <td class="link" style="font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; color: rgb(0, 0, 0); font-size: 15px; line-height: 23px; font-weight: 400; text-align: left; vertical-align: middle; padding-left: 10%; padding-right: 10%;">
                  The same offerings at our cafes delivered to you. Unlock special savings, early access, and more.
                 </td>
                </tr>
                <!--End of Paragraph Text.-->
               </tbody>
              </table>
             </td>
            </tr>
            <!--Spacer after body copy. 23 px is default-->
            <tr style="height: 24px;">
             <td height="23" style="font-size: 23px; height: 24px;">
             </td>
            </tr>
            <!--End of Spacer.-->
           </tbody>
          </table>
          <!--End of Text Table-->
          <!--Beginning of Button Table. Default spacing is 13px at the top and 22px at the bottom. This can be adjusted by changing the values in the lines below.-->
          <table align="center" bgcolor="#F6F6F3" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
           <tbody>
            <tr>
             <td height="13" style="font-size: 13px; line-height: 1;">
             </td>
            </tr>
            <tr>
             <td style="padding-left: 10%; padding-right: 10%;">
              <table align="left" cellpadding="0" cellspacing="0">
               <tbody>
                <tr>
                 <td>
                  <table align="left" cellpadding="0" cellspacing="0">
                   <tbody>
                    <tr>
                     <td bgcolor="#4a4a4a" style="border-radius: 2px;">
                      <a rel="noopener" role="button" style="padding: 15px 40px; border: 1px solid #4a4a4a; border-radius: 0; font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; font-size: 10px; color: #ffffff; vertical-align: middle; text-align: center; cursor: pointer; text-transform: uppercase; text-decoration: none; font-weight: 400; display: inline-block; letter-spacing: 1px;" target="_blank" title="SUBSCRIBE NOW">
                       Subscribe Now
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <tr>
             <td height="55" style="height: 55px; font-size: 0; line-height: 0;">
             </td>
            </tr>
           </tbody>
          </table>
          <!--End of Button Table-->
          <!--Beginning of Horizontal Rule Table (AKA a Line)-->
          <table style="background-color: #f6f6f3; border: 0; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto;" width="600">
           <tbody>
            <tr>
             <td class="em_pad">
              <table align="center" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 480px;" width="480">
               <tbody>
                <tr>
                 <td style="border-bottom: 1px solid #dadada; line-height: 0px; font-size: 0;">
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <tr>
             <td height="40" style="height: 40px; font-size: 0; line-height: 0;">
             </td>
            </tr>
           </tbody>
          </table>
          <!--End of Horizontal Rule Table-->
          <!-- -->
          <!-- END OF OPTIONAL FOOTER SECTION -->
          <!--Start of Subscription Benefits Section-->
          <!-- -->
          <!--End of Subscription Benefits Section-->
          <!--<<<Replace this section with email content-->
         </td>
        </tr>
        <!--end email content-->
        <!--This is the promo-legalese-subs Section.-->
        <!-- -->
        <!--End of the promo-legalese-subs Section.-->
        <!--This is the promo-legalese-nonsubs Section.-->
        <!-- -->
        <!--End of the promo-legalese-nonsubs Section.-->
        <!--start footer-->
        <tr>
         <td align="center" style="margin-left: auto;">
          <!-- footer -->
          <table align="center" bgcolor="#F6F6F3" role="presentation" style="width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; border: 0; text-align: center;" width="600">
           <tbody>
            <tr>
             <td height="22" style="line-height: 22px; font-size: 0;">
             </td>
            </tr>
            <tr>
             <td>
              <table align="center" cellpadding="0" cellspacing="0" dir="ltr" role="presentation" style="width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; border: 0; text-align: center;" width="600">
               <tbody>
                <tr>
                 <td width="5%">
                 </td>
                 <td width="80%">
                  <!--[if true]><table role="presentation" width="528" style="all:unset;opacity:0;margin-left:auto;margin-right:auto;" align="center" valign="top"> <tr><![endif]-->
                  <!--[if false]></td></tr></table><![endif]-->
                  <div align="center" style="display: table; width: 100%; max-width: 540px; text-align: center; margin-left: auto; margin-right: auto; vertical-align: top;">
                   <!--[if true]><td width="50%"><![endif]-->
                   <!--[if !true]><!-->
                   <div align="center" style="display: inline-block; width: 100%; max-width: 260px; margin-left: auto; margin-right: auto; vertical-align: top;">
                    <!--<![endif]-->
                    <table align="center" cellpadding="0" cellspacing="0" class="columns" style="width: 250px; text-align: center; margin-left: auto; margin-right: auto;">
                     <tbody>
                      <tr>
                       <td>
                        <table align="center" cellpadding="0" cellspacing="0" style="width: 100px; text-align: center; margin-left: auto; margin-right: auto;">
                         <tbody>
                          <tr>
                           <td>
                            <a rel="noopener" style="display: block; padding-top: 8px;" target="_blank">
                             <img alt="Our Cafes" src="https://inboxflows.com/_/image/https%253A%252F%252Fd15k2d11r6t6rl.cloudfront.net%252Fpublic%252Fusers%252FIntegrators%252F669d5713-9b6a-46bb-bd7e-c542cff6dd6a%252Fe313c02b031440fa9aa11aec34173714%252F22-07-18-visit.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMTVrMmQxMXI2dCIsInRpbWUiOjE3ODU2MTAwMjQuMTEzNjIwM30:1wqEjg:J5-UNLRycQIiP4KJ45FOa5LoHQGm87tpuxwTnenVOVg" style="width: 36px; height: 36px;" width="36"/>
                            </a>
                            <a rel="noopener" style="color: #333333; font-size: 8px; font-weight: 400; font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; display: block; padding-bottom: 8px;" target="_blank">
                             <br/>
                             Visit
                             <br/>
                             a Cafe
                            </a>
                           </td>
                          </tr>
                         </tbody>
                        </table>
                       </td>
                       <td>
                        <table align="center" cellpadding="0" cellspacing="0" style="width: 100px; text-align: center; margin-left: auto; margin-right: auto;">
                         <tbody>
                          <tr>
                          </tr>
                          <tr>
                           <td>
                            <a rel="noopener" style="display: block; padding-top: 8px;" target="_blank">
                             <img alt="Our Cafes" src="https://inboxflows.com/_/image/https%253A%252F%252Fd15k2d11r6t6rl.cloudfront.net%252Fpublic%252Fusers%252FIntegrators%252F669d5713-9b6a-46bb-bd7e-c542cff6dd6a%252Fe313c02b031440fa9aa11aec34173714%252Ffaq.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMTVrMmQxMXI2dCIsInRpbWUiOjE3ODU2MTAwMjQuMTEzNzM4fQ:1wqEjg:LSoqML1SjyGRrWjjhO6yXPmraG7kq9oFKAHfuBenqag" style="width: 36px; height: 36px;" width="36"/>
                            </a>
                            <a rel="noopener" style="color: #333333; font-size: 8px; font-weight: 400; font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; display: block; padding-bottom: 8px;" target="_blank">
                             <br/>
                             Frequently
                             <br/>
                             Asked Questions
                            </a>
                           </td>
                          </tr>
                         </tbody>
                        </table>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                    <!--[if !true]><!-->
                   </div>
                   <!--<![endif]-->
                   <!--[if true]></td><![endif]-->
                   <!--[if true]><td width="50%" valign="top"><![endif]-->
                   <!--[if !true]><!-->
                   <div align="center" style="display: inline-block; width: 100%; max-width: 260px; margin-left: auto; margin-right: auto; vertical-align: middle;">
                    <!--<![endif]-->
                    <table align="center" cellpadding="0" cellspacing="0" class="columns" style="width: 250px; text-align: center; margin-left: auto; margin-right: auto;">
                     <tbody>
                      <tr>
                       <td>
                        <table align="center" cellpadding="0" cellspacing="0" style="width: 100px; text-align: center; margin-left: auto; margin-right: auto;">
                         <tbody>
                          <tr>
                           <td>
                            <a rel="noopener" style="display: block; padding-top: 8px;" target="_blank">
                             <img alt="Download App" src="https://inboxflows.com/_/image/https%253A%252F%252Fd15k2d11r6t6rl.cloudfront.net%252Fpublic%252Fusers%252FIntegrators%252F669d5713-9b6a-46bb-bd7e-c542cff6dd6a%252Fe313c02b031440fa9aa11aec34173714%252Fdownload.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMTVrMmQxMXI2dCIsInRpbWUiOjE3ODU2MTAwMjQuMTEzODQyMn0:1wqEjg:4udI3Yv9KZHmQgMekrlvY8oTw0nJpGFYng3jHCkJsXI" style="width: 36px; height: 36px;" width="36"/>
                            </a>
                            <a rel="noopener" style="color: #333333; font-size: 8px; font-weight: 400; font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; ;text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; display: block; padding-bottom: 8px;" target="_blank">
                             <br/>
                             Download
                             <br/>
                             App
                            </a>
                           </td>
                          </tr>
                         </tbody>
                        </table>
                       </td>
                       <td>
                        <table align="center" cellpadding="0" cellspacing="0" style="width: 100px; text-align: center; margin-left: auto; margin-right: auto;">
                         <tbody>
                          <tr>
                           <td>
                            <a rel="noopener" style="display: block; padding-top: 8px;" target="_blank">
                             <img alt="Contact Support" src="https://inboxflows.com/_/image/https%253A%252F%252Fd15k2d11r6t6rl.cloudfront.net%252Fpublic%252Fusers%252FIntegrators%252F669d5713-9b6a-46bb-bd7e-c542cff6dd6a%252Fe313c02b031440fa9aa11aec34173714%252Fcontact.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMTVrMmQxMXI2dCIsInRpbWUiOjE3ODU2MTAwMjQuMTEzOTQxN30:1wqEjg:F6rnd8C59tvUy4CQ0PT-CgJc2DTExctxVESZNCtah-M" style="width: 36px; height: 36px;" width="36"/>
                            </a>
                            <a rel="noopener" style="color: #333333; font-size: 8px; font-weight: 400; font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; display: block; padding-bottom: 8px;" target="_blank">
                             <br/>
                             Contact
                             <br/>
                             Support
                            </a>
                           </td>
                          </tr>
                         </tbody>
                        </table>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                    <!--<![endif]-->
                    <!--[if true]></td><![endif]-->
                   </div>
                   <!--[if true]></tr> </table><![endif]-->
                  </div>
                 </td>
                 <td width="5%">
                 </td>
                </tr>
               </tbody>
              </table>
              <table align="center" bgcolor="#F6F6F3" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
               <tbody>
                <tr>
                 <td height="22" style="line-height: 22px; font-size: 0;">
                 </td>
                </tr>
               </tbody>
              </table>
              <table align="center" cellpadding="0" cellspacing="0" class="columns" style="width: 100%; max-width: 300px; text-align: center; margin-left: auto; margin-right: auto;">
               <tbody>
                <tr>
                 <td>
                  <a rel="noopener" style="display: block; padding: 15px;" target="_blank">
                   <img alt="Blue Bottle Coffee Facebook" src="https://inboxflows.com/_/image/https%253A%252F%252Fd15k2d11r6t6rl.cloudfront.net%252Fpublic%252Fusers%252FIntegrators%252F669d5713-9b6a-46bb-bd7e-c542cff6dd6a%252Fe313c02b031440fa9aa11aec34173714%252F22-08-03-Facebook-36px.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMTVrMmQxMXI2dCIsInRpbWUiOjE3ODU2MTAwMjQuMTE0MDQyM30:1wqEjg:RlsrHBre8_xedas_Pfb7T3RhohEowrHbLKg7Q7vLCjI" style="width: 18px; height: 18px;" width="18"/>
                  </a>
                  <table style="max-width: 65px; text-align: center; margin-left: auto; margin-right: auto;">
                  </table>
                 </td>
                 <td>
                  <a rel="noopener" style="display: block; padding: 15px;" target="_blank">
                   <img alt="@bluebottle on Instagram" src="https://inboxflows.com/_/image/https%253A%252F%252Fd15k2d11r6t6rl.cloudfront.net%252Fpublic%252Fusers%252FIntegrators%252F669d5713-9b6a-46bb-bd7e-c542cff6dd6a%252Fe313c02b031440fa9aa11aec34173714%252F22-08-03-Instagram-36px.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMTVrMmQxMXI2dCIsInRpbWUiOjE3ODU2MTAwMjQuMTE0MTQzNH0:1wqEjg:E2DY_w9pWv4FLNje0wIqNu3w6fhnB2Uz4tkdSdaOuRA" style="width: 18px; height: 18px;" width="18"/>
                  </a>
                  <table style="max-width: 65px; text-align: center; margin-left: auto; margin-right: auto;">
                  </table>
                 </td>
                 <td>
                  <a rel="noopener" style="display: block; padding: 15px;" target="_blank">
                   <img alt="@bluebottleroast on X" src="https://inboxflows.com/_/image/https%253A%252F%252Flibrary.iterable.com%252F2039%252F16161%252F470672d888a5463c93acc50ee0d03132-x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZsaWJyYXJ5Lml0ZSIsInRpbWUiOjE3ODU2MTAwMjQuMTE0MjQ0N30:1wqEjg:R3XRk8fxNjARB9QMoixuuPaZD2Prhgz5v2peRQrX8kY" style="width: 18px; height: 18px;" width="18"/>
                  </a>
                  <table style="max-width: 65px; text-align: center; margin-left: auto; margin-right: auto;">
                  </table>
                 </td>
                 <td>
                  <a rel="noopener" style="display: block; padding: 15px;" target="_blank">
                   <img alt="Blue Bottle Coffe YouTube" src="https://inboxflows.com/_/image/https%253A%252F%252Fd15k2d11r6t6rl.cloudfront.net%252Fpublic%252Fusers%252FIntegrators%252F669d5713-9b6a-46bb-bd7e-c542cff6dd6a%252Fe313c02b031440fa9aa11aec34173714%252F22-08-03-Youtube-36px.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMTVrMmQxMXI2dCIsInRpbWUiOjE3ODU2MTAwMjQuMTE0MzkwOX0:1wqEjg:8iFzvcKFKRcEZN-U6GiRF-VCzgBrsh0XkSAWX-WNqMg" style="width: 18px; height: 18px;" width="18"/>
                  </a>
                  <table style="max-width: 65px; text-align: center; margin-left: auto; margin-right: auto;">
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
           </tbody>
          </table>
          <table align="center" bgcolor="#F6F6F3" role="presentation" style="width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; border: 0; text-align: center;" width="600">
           <tbody>
            <tr>
             <td height="11" style="line-height: 11px;">
             </td>
            </tr>
            <tr>
             <td class="footer_links" style="max-width: 450px; padding-left: 10%; padding-right: 10%;">
              <p class="footer_links" style="font-family: 'ABCDiatypeMono-Regular', andale mono, Courier, monospace; font-size: 8px; text-align: center; font-weight: normal; text-transform: uppercase; margin-left: auto; margin-right: auto; letter-spacing: .8px;">
               YOU ARE RECEIVING THIS EMAIL BECAUSE YOU SIGNED UP TO RECEIVE MARKETING COMMUNICATIONS FROM BLUE BOTTLE COFFEE, LLC. FOR MORE INFORMATION ON HOW WE USE YOUR DATA, SEE OUR
               <a style="text-decoration: underline; text-underline-offset: 1px; color: #000000;">
                PRIVACY POLICY
               </a>
               OR
               <a rel="noopener" style="text-decoration: underline; text-underline-offset: 1px; color: #000000;" target="_blank">
                CONTACT US
               </a>
               .
               <br/>
               <br/>
               <a rel="noopener" style="text-decoration: underline; text-underline-offset: 1px; color: #000000;" target="_blank">
                Manage Preferences
               </a>
               |
               <a rel="noopener" style="text-decoration: underline; text-underline-offset: 1px; color: #000000;" target="_blank">
                Unsubscribe
               </a>
               <br/>
               <br/>
               <a rel="noopener" style="text-decoration: underline; text-underline-offset: 1px; color: #000000;" target="_blank">
                View Email in Browser
               </a>
               <br/>
               <br/>
               Copyright © 2026 BLUE BOTTLE COFFEE, LLC. 476 NINTH ST OAKLAND, CA 94607. ALL RIGHTS RESERVED.
              </p>
             </td>
            </tr>
            <tr>
             <td height="22" style="line-height: 22px;">
             </td>
            </tr>
           </tbody>
          </table>
          <!-- //footer -->
         </td>
        </tr>
        <!--end footer-->
       </tbody>
      </table>
      <!--[if true]></td></tr></tbody></table><![endif]-->
     </td>
    </tr>
   </tbody>
  </table>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Ftrack.bluebottlecoffee.com%252Fq%252F-bLBd5Igy-cV3GqvmoNTEw~~%252FAARGbBA~%252FtTl8RxO8HZ4ofHEapHYtia7jHkmgEKJ6IuYugy3idJXQBEPIjVJzOpsS82w82LpBy0MQF-vVeLecpx-3wwId9A~~/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnRyYWNrLmJsdWVibyIsInRpbWUiOjE3ODU2MTAwMjQuMTE0NTE4fQ:1wqEjg:cxUyOUuJEB9hDESyTzcTGGrnQap0YuTvE169zxiGdNI" width="1"/>
 </body>
</html>