Inboxes List

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

+New inbox
Back
Back
Back 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 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.0" name="viewport"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <!--[if !mso]><!-->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <title>
   Starbucks x Hello Kitty · Limited Collection
  </title>
  <style type="text/css">
   @media only screen and (min-width: 620px) {
      .u-row { width: 600px !important; }
      .u-row .u-col { vertical-align: top; }
      .u-row .u-col-100 { width: 600px !important; }
    }

    @media only screen and (max-width: 620px) {
      .u-row-container { max-width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; }
      .u-row { width: 100% !important; }
      .u-row .u-col { display: block !important; width: 100% !important; min-width: 320px !important; max-width: 100% !important; }
      .u-row .u-col > div { margin: 0 auto; }
      .icon-grid { flex-wrap: wrap !important; }
    }
    
    body { margin: 0; padding: 0; }
    table, td, tr { border-collapse: collapse; vertical-align: top; }
    p { margin: 0; }
    .ie-container table, .mso-container table { table-layout: fixed; }
    * { line-height: inherit; }
    a[x-apple-data-detectors=true] { color: inherit !important; text-decoration: none !important; }
    table, td { color: #000000; }
    #u_body a { color: #ffffff; text-decoration: underline; }
    
    .btn-primary {
      background: #f07d8d;
      color: #ffffff !important;
      border-radius: 60px;
      display: inline-block;
      font-weight: 800;
      text-decoration: none;
      padding: 18px 42px;
      font-size: 20px;
      letter-spacing: 1px;
      box-shadow: 0 8px 0 #b55b67;
      transition: all 0.2s;
    }
    
    .icon-grid {
      display: flex;
      justify-content: center;
      gap: 30px;
      margin: 20px 0;
    }
    
    .icon-item {
      text-align: center;
      color: #ffffff;
    }
    
    .icon-item svg {
      width: 48px;
      height: 48px;
      display: block;
      margin: 0 auto 10px;
      fill: none;
      stroke: #ffffff;
      stroke-width: 1.8;
    }
    
    .icon-item span {
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.3px;
    }
    
    @media only screen and (max-width: 480px) {
      .hero-title { font-size: 42px !important; line-height: 46px !important; }
      .icon-grid { gap: 15px; }
      .icon-item svg { width: 40px; height: 40px; }
    }
  </style>
  <!--[if !mso]><!-->
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&amp;display=swap" rel="stylesheet" type="text/css"/>
  <!--<![endif]-->
 </head>
 <body class="clean-body u_body" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;background-color: #f9f9f9;color: #000000; font-family: 'Montserrat', sans-serif;">
  <!--[if IE]><div class="ie-container"><![endif]-->
  <!--[if mso]><div class="mso-container"><![endif]-->
  <table cellpadding="0" cellspacing="0" id="u_body" role="presentation" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 320px;Margin: 0 auto;background-color: #f9f9f9;width:100%">
   <tbody>
    <tr style="vertical-align: top">
     <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
      <!--[if (mso)|(IE)]><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #f9f9f9;"><![endif]-->
      <!-- BACKGROUND IMAGE SECTION with gradient overlay -->
      <div class="u-row-container" style="padding: 0px;background: linear-gradient(145deg, rgba(19,126,102,0.9), rgba(240,125,141,0.8)), url('https://inboxflows.com/_/image/https%253A%252F%252Fwww.ni03hfph.com%252F686%252Foffers%252F18556%252Fc%252F53925%252Fassets%252Fimage-1.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3d3cubmkwM2hmcCIsInRpbWUiOjE3NzM4Nzk3ODQuNTYwMDczMX0:1w31AG:7rVG3i-JXiV3S3Dxl8rq414YQhaGgIj5CFownLG3WFE');background-repeat: no-repeat;background-position: center;background-size: cover;background-color: #137e66;">
       <div class="u-row" style="margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;">
        <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
         <!-- SINGLE COLUMN -->
         <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
          <div style="height: 100%;width: 100% !important;">
           <!--[if (!mso)&(!IE)]><!-->
           <div style="box-sizing: border-box; height: 100%; padding: 30px 20px 40px;">
            <!--<![endif]-->
            <!-- BRAND LOGO (text) -->
            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-family:'Montserrat',sans-serif;" width="100%">
             <tbody>
              <tr>
               <td align="center" style="overflow-wrap:break-word;word-break:break-word;padding:20px 0px 10px;">
                <div style="font-size: 14px; line-height: 120%; text-align: center;">
                 <span style="font-size: 22px; font-weight: 700; letter-spacing: 4px; color: rgba(255,255,255,0.95); background: rgba(0,0,0,0.1); padding: 8px 20px; border-radius: 60px;">
                  ✨ STARBUCKS × HELLO KITTY ✨
                 </span>
                </div>
               </td>
              </tr>
             </tbody>
            </table>
            <!-- MAIN TITLE -->
            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-family:'Montserrat',sans-serif;" width="100%">
             <tbody>
              <tr>
               <td align="center" style="overflow-wrap:break-word;word-break:break-word;padding:10px 20px;">
                <div>
                 <h1 style="margin:0; font-size: 58px; font-weight: 800; color: #ffffff; line-height: 1; letter-spacing: -1px; text-shadow: 2px 2px 15px rgba(0,0,0,0.3);">
                  LIMITED
                  <br/>
                  COLLECTION
                 </h1>
                </div>
               </td>
              </tr>
             </tbody>
            </table>
            <!-- HELLO KITTY ICON + BADGE -->
            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-family:'Montserrat',sans-serif;" width="100%">
             <tbody>
              <tr>
               <td align="center" style="overflow-wrap:break-word;word-break:break-word;padding:5px 20px 20px;">
                <div style="display: flex; align-items: center; justify-content: center; gap: 10px; background: rgba(255,255,255,0.15); backdrop-filter: blur(5px); padding: 12px 25px; border-radius: 60px; border: 1px solid rgba(255,255,255,0.3);">
                 <svg fill="none" height="32" stroke="#ffffff" stroke-width="2" viewbox="0 0 24 24" width="32">
                  <circle cx="12" cy="8" r="4">
                  </circle>
                  <path d="M5 18v2h14v-2c0-3-3-5-7-5s-7 2-7 5z">
                  </path>
                 </svg>
                 <span style="font-size: 22px; font-weight: 700; color: #ffffff;">
                  HELLO KITTY
                 </span>
                 <svg fill="none" height="32" stroke="#ffffff" stroke-width="2" viewbox="0 0 24 24" width="32">
                  <circle cx="12" cy="12" r="10">
                  </circle>
                  <path d="M12 8v4l3 3">
                  </path>
                 </svg>
                </div>
               </td>
              </tr>
             </tbody>
            </table>
            <!-- PRO ICONS GRID (4 icons) -->
            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-family:'Montserrat',sans-serif;" width="100%">
             <tbody>
              <tr>
               <td align="center" style="overflow-wrap:break-word;word-break:break-word;padding:10px 20px;">
                <div class="icon-grid" style="display: flex; justify-content: center; gap: 35px;">
                 <!-- Icon 1: Mug -->
                 <div class="icon-item">
                  <svg viewbox="0 0 24 24">
                   <rect height="14" rx="2" stroke="currentColor" width="12" x="4" y="6">
                   </rect>
                   <path d="M16 10h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2" stroke="currentColor">
                   </path>
                  </svg>
                  <span>
                   Mugs
                  </span>
                 </div>
                 <!-- Icon 2: Tumbler -->
                 <div class="icon-item">
                  <svg viewbox="0 0 24 24">
                   <path d="M8 3h8l-1 14H9L8 3z" stroke="currentColor">
                   </path>
                   <path d="M6 17h12v2H6z" stroke="currentColor">
                   </path>
                  </svg>
                  <span>
                   Tumblers
                  </span>
                 </div>
                 <!-- Icon 3: Cold Cup -->
                 <div class="icon-item">
                  <svg viewbox="0 0 24 24">
                   <path d="M7 5l1 14h8l1-14H7z" stroke="currentColor">
                   </path>
                   <circle cx="12" cy="10" fill="#ffffff" r="2">
                   </circle>
                  </svg>
                  <span>
                   Cold Cups
                  </span>
                 </div>
                 <!-- Icon 4: Plush -->
                 <div class="icon-item">
                  <svg viewbox="0 0 24 24">
                   <circle cx="12" cy="10" r="6" stroke="currentColor">
                   </circle>
                   <path d="M5 16c1 2 3 3 7 3s6-1 7-3" stroke="currentColor">
                   </path>
                  </svg>
                  <span>
                   Plush
                  </span>
                 </div>
                </div>
               </td>
              </tr>
             </tbody>
            </table>
            <!-- DESCRIPTION -->
            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-family:'Montserrat',sans-serif;" width="100%">
             <tbody>
              <tr>
               <td align="center" style="overflow-wrap:break-word;word-break:break-word;padding:20px 30px;">
                <div style="font-size: 18px; line-height: 1.6; text-align: center; color: #ffffff; font-weight: 400;">
                 Discover the sweetest collaboration of the year. Complete a short survey and receive your exclusive Hello Kitty Starbucks surprise.
                </div>
               </td>
              </tr>
             </tbody>
            </table>
            <!-- FEATURE ROW WITH CHECK ICONS -->
            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-family:'Montserrat',sans-serif;" width="100%">
             <tbody>
              <tr>
               <td align="center" style="overflow-wrap:break-word;word-break:break-word;padding:10px 20px;">
                <div style="display: flex; justify-content: center; gap: 25px; flex-wrap: wrap;">
                 <div style="display: flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.1); padding: 8px 18px; border-radius: 40px;">
                  <svg fill="none" height="20" stroke="#ffffff" stroke-width="3" viewbox="0 0 24 24" width="20">
                   <circle cx="12" cy="12" r="10">
                   </circle>
                   <path d="M8 12l3 3 6-6">
                   </path>
                  </svg>
                  <span style="color: white; font-weight: 500;">
                   2 min survey
                  </span>
                 </div>
                 <div style="display: flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.1); padding: 8px 18px; border-radius: 40px;">
                  <svg fill="none" height="20" stroke="#ffffff" stroke-width="3" viewbox="0 0 24 24" width="20">
                   <circle cx="12" cy="12" r="10">
                   </circle>
                   <path d="M8 12l3 3 6-6">
                   </path>
                  </svg>
                  <span style="color: white; font-weight: 500;">
                   Free gift
                  </span>
                 </div>
                 <div style="display: flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.1); padding: 8px 18px; border-radius: 40px;">
                  <svg fill="none" height="20" stroke="#ffffff" stroke-width="3" viewbox="0 0 24 24" width="20">
                   <circle cx="12" cy="12" r="10">
                   </circle>
                   <path d="M8 12l3 3 6-6">
                   </path>
                  </svg>
                  <span style="color: white; font-weight: 500;">
                   Limited stock
                  </span>
                 </div>
                </div>
               </td>
              </tr>
             </tbody>
            </table>
            <!-- MAIN CTA BUTTON (offer.docnebiolo.it/4cjDNb4161svgkv328fIeJ0bgJ0umHT0KTWu5) -->
            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-family:'Montserrat',sans-serif;" width="100%">
             <tbody>
              <tr>
               <td align="center" style="overflow-wrap:break-word;word-break:break-word;padding:30px 20px 20px;">
                <a class="btn-primary" style="background: #f07d8d; color: #ffffff; border-radius: 60px; display: inline-block; font-weight: 800; text-decoration: none; padding: 18px 42px; font-size: 20px; letter-spacing: 1px; box-shadow: 0 8px 0 #b55b67;">
                 ✨ GET MY GIFT ✨
                </a>
               </td>
              </tr>
             </tbody>
            </table>
            <!-- SECONDARY LINK -->
            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-family:'Montserrat',sans-serif;" width="100%">
             <tbody>
              <tr>
               <td align="center" style="overflow-wrap:break-word;word-break:break-word;padding:10px 20px 30px;">
                <a style="color: #ffffff; font-size: 15px; font-weight: 500; text-decoration: underline; opacity: 0.9;">
                 Preview the collection →
                </a>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if (!mso)&(!IE)]><!-->
           </div>
           <!--<![endif]-->
          </div>
         </div>
        </div>
       </div>
      </div>
      <!-- UNSUBSCRIBE SECTION -->
      <div style="background-color: #f9f9f9; padding: 30px 20px; text-align: center; font-family: 'Montserrat', sans-serif;">
       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
        <tr>
         <td style="font-size: 12px; color: #999999;">
          You are receiving this because you subscribed to Starbucks offers.
          <br/>
          <a style="color: #f07d8d; text-decoration: underline;">
           Unsubscribe here
          </a>
         </td>
        </tr>
       </table>
       <!-- Tracking Pixel -->
       <img alt="" height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Foffer.docnebiolo.it%252Ftrack%252F3cjDNb4161svgkv328fIeJ0bgJ0umHT0KTWu5/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9mZmVyLmRvY25lYiIsInRpbWUiOjE3NzM4Nzk3ODQuNTY4Mjk5fQ:1w31AG:yq93V-FkWrYF6Cv-B3kRz7opzc5P0d4Orb9FR5wwYWc" style="display:none;" width="1"/>
      </div>
      <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
     </td>
    </tr>
   </tbody>
  </table>
  <!--[if mso]></div><![endif]-->
  <!--[if IE]></div><![endif]-->
 </body>
</html>