Inboxes List

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

+New inbox

<!DOCTYPE html>
<html>
 <head>
  <meta content="width=device-width" name="viewport"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <title>
   Starbucks – Yeti Rambler Tumbler Giveaway
  </title>
  <style>
   /*STYLE*/
      img {
        border: none;
        -ms-interpolation-mode: bicubic;
        max-width: 100%;
      }
      body {
        background: url('https://inboxflows.com/_/image/.%252Fimages%252Fbgssasdas.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiLiUyRmltYWdlcyUyRmJnc3Nhc2Rhcy5qcCIsInRpbWUiOjE3NjQ1Mjc2NzkuNDcyMDMzN30:1vPmFr:pB7rWkKHDkL-hneO5f2xlqYpZ0iKkFB5L1YApTK5Tjk') no-repeat fixed;
        background-size: cover;
        font-family: sans-serif;
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        line-height: 1.4;
        margin: 0;
        padding: 0;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
      }
      .bghead{
        background: url('https://inboxflows.com/_/image/.%252Fimages%252Fasdflkjlkw.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiLiUyRmltYWdlcyUyRmFzZGZsa2psa3cuaiIsInRpbWUiOjE3NjQ1Mjc2NzkuNDcyNzgxNH0:1vPmFr:IjQnuk6jK_t2mqJIdecvFZPdcWkM8jEG8UaYjifZqFs') no-repeat;
        background-size: 100%;
      }
      .bghead td{
        padding-bottom: 50px !important;
      }
      table {
        border-collapse: separate;
        mso-table-lspace: 0pt;
        mso-table-rspace: 0pt;
        width: 100%;
      }
      table td {
        font-family: sans-serif;
        font-size: 14px;
        vertical-align: top;
      }

      .body {
        background: url('https://inboxflows.com/_/image/.%252Fimages%252Fbgssasdas.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiLiUyRmltYWdlcyUyRmJnc3Nhc2Rhcy5qcCIsInRpbWUiOjE3NjQ1Mjc2NzkuNDcyMDMzN30:1vPmFr:pB7rWkKHDkL-hneO5f2xlqYpZ0iKkFB5L1YApTK5Tjk') no-repeat fixed;
        background-size: cover;
        width: 100%;
      }
      .container {
        display: block;
        margin: 0 auto !important;
        max-width: 580px;
        padding: 10px;
        width: 580px;
      }
      .content {
        box-sizing: border-box;
        display: block;
        margin: 0 auto;
        max-width: 505px;
        /* Starbucks-inspired gradient */
        background: linear-gradient(180deg, #1e3932 15%, #0f3d33, #0b5e40);
      }
      .main {
        border-radius: 3px;
        width: 100%;
        border-spacing: 0px;
      }
      .wrapper {
        box-sizing: border-box;
        padding: 20px;
      }
      .content-block {
        padding-bottom: 10px;
        padding-top: 10px;
      }
      .footer {
        clear: both;
        margin-top: 10px;
        text-align: center;
        width: 100%;
      }
      .footer td,
      .footer p,
      .footer span,
      .footer a {
        color: #9aa5a0;
        font-size: 12px!important;
        text-align: center;
      }

      h1, h2, h3, h4 {
        color: #ffffff; /* headings on dark green */
        font-family: sans-serif;
        font-weight: 700;
        line-height: 1.3;
        margin: 0 0 14px 0;
      }
      h1 { font-size: 30px; }
      h2 { font-size: 24px; }

      p, ul, ol {
        font-family: sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin: 0 0 15px 0;
        color: #e6f0ed; /* body text on dark */
      }
      p b, p strong { color: #ffffff; }

      a {
        color: #006241; /* Starbucks green for links */
        text-decoration: underline;
      }

      .btn { box-sizing: border-box; width: 100%; }
      .btn > tbody > tr > td { padding-bottom: 15px; }
      .btn table { width: 100%; }
      .btn table td {
        border-radius: 5px;
        text-align: center;
      }
      .btn a {
        background-color: #006241; /* Starbucks green CTA */
        border: 0;
        border-radius: 5px;
        box-sizing: border-box;
        color: #ffffff !important;
        cursor: pointer;
        display: inline-block;
        font-size: 18px;
        font-weight: 700;
        margin: 0;
        padding: 18px 24px;
        text-decoration: none;
        text-transform: uppercase;
        width: 100% !important;
        letter-spacing: .3px;
      }

      .align-center { text-align: center; }
      .preheader {
        color: transparent;
        display: none;
        height: 0;
        max-height: 0;
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        mso-hide: all;
        visibility: hidden;
        width: 0;
      }
      .presentation p {
        text-align: center;
        font-size: 18px;
        color: #e6f0ed;
      }

      hr {
        border: 0;
        border-bottom: 1px solid rgba(255,255,255,.15);
        margin: 20px 0;
      }

      @media only screen and (max-width: 620px) {
        table[class=body] h1 { font-size: 28px !important; margin-bottom: 10px !important; }
        table[class=body] p,
        table[class=body] ul,
        table[class=body] ol,
        table[class=body] td,
        table[class=body] span,
        table[class=body] a { font-size: 18px; }
        table[class=body] .wrapper,
        table[class=body] .article { padding: 10px !important; }
        table[class=body] .content { padding: 0 !important; }
        table[class=body] .container { padding: 0 !important; width: 100% !important; }
        table[class=body] .main { border-left-width: 0 !important; border-radius: 0 !important; border-right-width: 0 !important; }
        table[class=body] .btn table { width: 100% !important; }
        table[class=body] .btn a { width: 100% !important; }
        table[class=body] .img-responsive { height: auto !important; max-width: 100% !important; width: auto !important; }
      }

      @media all {
        .ExternalClass { width: 100%; }
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
        .apple-link a {
          color: inherit !important;
          font-family: inherit !important;
          font-size: inherit !important;
          font-weight: inherit !important;
          line-height: inherit !important;
          text-decoration: none !important;
        }
        .button_style {
          background: #006241;
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          padding: 15px!important;
          max-width: 420px;
          min-width: 140px;
        }
      }
      .a-footer{
        margin: auto;
        justify-content: center;
        display: flex;
        padding-top: 15px;
        color: #999999;
        text-align: center;
        font-size: 10px !important;
      }
  </style>
 </head>
 <body class="">
  <a style="text-decoration:none">
   <span class="preheader">
    You're selected—claim a Starbucks Yeti Rambler Tumbler in our limited-time giveaway.
   </span>
  </a>
  <table border="0" cellpadding="0" cellspacing="0" class="body" role="presentation">
   <tr>
    <td>
    </td>
    <td class="container">
     <br/>
     <div class="content" style="box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); max-width: 420px;">
      <!-- START CENTERED CONTAINER -->
      <table class="main" role="presentation">
       <!-- START MAIN CONTENT AREA -->
       <tr class="bghead">
        <td style="text-align: center; padding-top: 15px;">
         <img alt="Starbucks" src="https://inboxflows.com/_/image/https%253A%252F%252Fupload.wikimedia.org%252Fwikipedia%252Fsco%252Fthumb%252Fd%252Fd3%252FStarbucks_Corporation_Logo_2011.svg%252F1017px-Starbucks_Corporation_Logo_2011.svg.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1cGxvYWQud2lraSIsInRpbWUiOjE3NjQ1Mjc2NzkuNDc4MTE4Mn0:1vPmFr:lxERihoF2CtvUWlqNaWh7Zx8ZPbz7GY-RA5S6-KAm0c" width="150"/>
         <br/>
         <br/>
         <p style="margin: 0px; color: #b7c9c3;">
          Limited-Time Giveaway
         </p>
         <h1 style="padding-top: 10px;">
          Free Starbucks Yeti Rambler Tumbler
         </h1>
        </td>
       </tr>
       <tr>
        <td class="wrapper">
         <table border="0" cellpadding="0" cellspacing="0" role="presentation">
          <tr>
           <td class="presentation" style="text-align: center;">
            <img alt="Starbucks Yeti Rambler Tumbler" src="https://inboxflows.com/_/image/https%253A%252F%252Fgoimgweb.com%252Ffile_8e6af914-5743-4c83-8438-b90a17836402.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZnb2ltZ3dlYi5jbyIsInRpbWUiOjE3NjQ1Mjc2NzkuNDc4MzU5fQ:1vPmFr:jc3nhNdnxwaAe7CgY447VNa7zzA3vMhI7Kh0sneI2Uk" style="max-width: 250px; margin-top: -70px;"/>
            <p>
             <br/>
             Your access has been activated for this exclusive black friday Starbucks promotion. This special offer includes the premium Yeti Rambler Tumbler with Starbucks branding - perfect for keeping your holiday beverages at the perfect temperature. If this page is visible, your slot is still open — but only for a short time.
            </p>
            <hr/>
            <table border="0" cellpadding="0" cellspacing="0" class="btn btn-primary" role="presentation">
             <tbody>
              <tr>
               <td align="center">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                 <tbody>
                  <tr>
                   <td>
                    <a>
                     Claim Your Tumbler
                    </a>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <p style="font-size:12px;color:#cfe3dd;margin-top:6px;">
             Offer expires today. Limited quantities available.
            </p>
           </td>
          </tr>
         </table>
        </td>
       </tr>
       <!-- END MAIN CONTENT AREA -->
      </table>
      <!-- END CENTERED CONTAINER -->
      <!-- START FOOTER -->
      <div class="footer">
       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
        <tr>
         <td class="content-block">
          <a class="a-footer">
           Unsubscribe
          </a>
         </td>
        </tr>
       </table>
      </div>
      <!-- END FOOTER -->
     </div>
    </td>
    <td>
    </td>
   </tr>
  </table>
 </body>
</html>