Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   September is Big Brothers Big Sisters Month
  </title>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <style type="text/css">
   /* Reset and Base Styles */
    body {
      margin:0 !important; 
      font-family: Arial, Helvetica, sans-serif; 
      color: #ffffff; 
      background: #131313;
    } 
    
    /* Link Styles */
    a{
      outline:none;
      color:#2AFC85;
      text-decoration:none;
    }
    a:hover{
      text-decoration:underline!important;
    }
    
    /* Typography */
    b, strong{
      font-weight:bold; 
      color: #ffffff;
    }
    p, h1, h2, h3{
      margin:0; 
      color: #ffffff; 
      font-family: Arial, Helvetica, sans-serif;
    }
    
    /* Enhanced Button Styles */
    .btn-primary {
      background: #2AFC85 !important;
      border-radius: 30px !important;
      display: inline-block;
    }
    
    .btn-primary a{
      color:#000000 !important; 
      text-decoration:none !important; 
      display:block !important; 
      padding:14px 32px !important; 
      font-weight:bold !important; 
      font-size:16px !important; 
      font-family: Arial, Helvetica, sans-serif !important;
      border-radius:30px !important;
      background: #2AFC85 !important;
    }
    
    /* Mobile Styles */
    @media only screen and (max-width:717px) {
      .logo {height:51px !important;width:195px !important}
      .donate {height:42px !important;width:110px !important}
      .w-100p{width:100%!important;}
      .mobile-padding{padding:15px!important;}
    }
  </style>
 </head>
 <body style="margin:0; padding:0; background:#131313; font-family: Arial, Helvetica, sans-serif;">
  <style type="text/css">
   div.preheader 
{ display: none !important; }
  </style>
  <div class="preheader" style="font-size: 1px; display: none !important;">
   Celebrate matches that change lives—and help us create the next one
  </div>
  <table cellpadding="0" cellspacing="0" style="background:#131313; min-width:320px; font-family: Arial, Helvetica, sans-serif;" width="100%">
   <!-- Header -->
   <tr>
    <td class="mobile-padding" style="background:#000001; padding:30px 20px; border-bottom:3px solid #2AFC85;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:600px;" width="600">
      <tr valign="middle">
       <td class="wi-100p" valign="middle">
        <a style="text-decoration:none;">
         <img alt="IT TAKES LITTLE TO BE BIG | Big Brothers Big Sisters®" class="logo" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252Fb72f34ce-0171-4f54-bb8f-41d7e45693fb.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTY0NzYxMDMuODY5NDE3Mn0:1urzfj:UnsKo1SGQ14D4JGQnixK8n6OaLYtfs547tIbveWGmDY" style="max-width:240px; font:16px/18px Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:middle;" width="240"/>
        </a>
       </td>
       <td width="28">
       </td>
       <td class="mobile-center" valign="middle">
        <a style="text-decoration:none;">
         <img alt="Support Youth in Your Community" class="donate" height="50" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252Fd5df194f-37b2-4aba-b358-a1851bd02bcd.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTY0NzYxMDMuODcwMDI5Mn0:1urzfj:nH-JEi1gsp7xuRXOUEsF8TRm1mrQeKN00pjxPPEVEIY" style="max-width:240px; font:16px/18px Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:middle;"/>
        </a>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Main Content -->
   <tr>
    <td class="mobile-padding" style="padding:30px 20px 0 20px;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:600px;" width="600">
      <tr>
       <td style="padding:0; text-align:left;">
        <p style="margin:0 0 20px 0; color:#ffffff; font-size:16px; line-height:1.6; font-weight:normal; text-align:left; font-family: Arial, Helvetica, sans-serif;">
         Dear Fred,
        </p>
        <!-- Speech bubble style -->
        <div style="text-align: center; margin: 0 0 20px 0;">
         <div style="display: inline-block; max-width: 500px;">
          <!-- Main bubble -->
          <div style="background: #2AFC85; color: #000000; font-size: 18px; font-weight: bold; padding: 20px; border-radius: 20px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; box-shadow: 0 4px 8px rgba(0,0,0,0.3);">
           September is Big Brothers Big Sisters Month—
           <br/>
           and we need your help to create more moments like this one.
          </div>
          <!-- Triangle using borders -->
          <div style="margin: 0 auto; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #2AFC85; line-height: 0; font-size: 0;">
          </div>
         </div>
        </div>
        <p style="margin:0 0 20px 0; color:#ffffff; font-size:16px; line-height:1.6; text-align:left; font-family: Arial, Helvetica, sans-serif;">
         After losing his father to brain cancer, Alumni Little Shane didn't just find a mentor in his Big Brother Chris
         <strong style="color:#2AFC85;">
          —he found family.
         </strong>
         They've shared BIG moments, like announcing a first-round NFL Draft pick live on air (remember that?), and the everyday ones too, like learning how to drive.
         <strong style="color:#2AFC85;">
          The result is something rare: a connection built to last a lifetime.
         </strong>
        </p>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- First CTA -->
   <tr>
    <td style="padding:4px 20px 20px 20px;">
     <div style="text-align:center;">
      <table align="center" border="0" cellpadding="0" cellspacing="0">
       <tr>
        <td class="btn-primary" style="background: #2AFC85; border-radius: 30px;">
         <a style="color:#000000; text-decoration:none; display:block; padding:14px 32px; font-weight:bold; font-size:16px; font-family: Arial, Helvetica, sans-serif; border-radius:30px; background: #2AFC85;">
          Make a Match Possible
         </a>
        </td>
       </tr>
      </table>
     </div>
    </td>
   </tr>
   <!-- First Image -->
   <tr>
    <td class="mobile-padding" style="padding:0 20px;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:600px;" width="600">
      <tr>
       <td style="text-align:center; padding:0;">
        <img alt="Chris and Shane" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252F4d14f71a-8651-4878-a4c3-eb8e977ffbd2.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTY0NzYxMDMuODcwMTYyNX0:1urzfj:KiyBTqAnJTTeh4YOqWCQWtbcJC2JlnUzAm2dopDm6bg" style="width:100%; max-width:560px; height:auto; border-radius:12px;" width="560"/>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Middle Content -->
   <tr>
    <td class="mobile-padding" style="padding:20px 20px 0 20px;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:600px;" width="600">
      <tr>
       <td style="padding:0; text-align:left;">
        <p style="margin:0 0 20px 0; color:#ffffff; font-size:16px; line-height:1.6; text-align:left; font-family: Arial, Helvetica, sans-serif;">
         That's why this photo means so much:
         <strong style="color:#2AFC85;">
          our 2024 Big and Little of the Year, Chris and Shane, side by side as Shane begins his first day of college.
         </strong>
        </p>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Second Image -->
   <tr>
    <td class="mobile-padding" style="padding:0 20px;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:600px;" width="600">
      <tr>
       <td style="text-align:center; padding:0;">
        <img alt="Chris and Shane College Day" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252Fb0c20f22-fadc-4878-a6f7-11687c0ed810.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTY0NzYxMDMuODcwMjcyOX0:1urzfj:ErM7WqLuc-jtWeyabofpgGeDb2G0Kl8jQiFB-KNM490" style="width:100%; max-width:560px; height:auto; border-radius:12px; display:block; margin:0 auto;" width="560"/>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Quote moved to after second image -->
   <tr>
    <td class="mobile-padding" style="padding:20px 20px 0 20px;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:600px;" width="600">
      <tr>
       <td style="padding:0; text-align:left;">
        <!-- Enhanced quote styling -->
        <div style="background: #1a1a1a; border-left: 4px solid #2AFC85; padding: 20px; margin: 0 0 20px 0; border-radius: 8px; position: relative;">
         <p style="margin:0; color:#ffffff; font-size:18px; line-height:1.5; font-style:italic; text-align:left; font-family: Arial, Helvetica, sans-serif;">
          "He has been the best Big we could have asked for."
         </p>
         <p style="margin:8px 0 0 0; color:#2AFC85; font-size:14px; font-weight:bold; text-align:right; font-family: Arial, Helvetica, sans-serif;">
          — Shane's mom Shannon
         </p>
        </div>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Combined Long Paragraph -->
   <tr>
    <td class="mobile-padding" style="padding:8px 20px 0 20px;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:600px;" width="600">
      <tr>
       <td style="padding:0; text-align:left;">
        <p style="margin:0 0 20px 0; color:#ffffff; font-size:16px; line-height:1.6; text-align:center; font-family: Arial, Helvetica, sans-serif;">
         These are the moments that matter most—and we're grateful to play even a small role in making them possible. This #BBBSMonth, we're celebrating matches like Chris and Shane's while working to ensure more young people can experience the same life-changing connection. Together, we can turn celebration into action for those still waiting.
         <strong style="color:#2AFC85;">
          As we celebrate 120 years of changing lives, we're asking you to help us write the next chapter.
         </strong>
         Whether you donate to expand our reach or take the life-changing step to become a Big yourself, you're investing in proven results that last a lifetime.
        </p>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Second CTA -->
   <tr>
    <td style="padding:3px 20px 20px 20px;">
     <div style="text-align:center;">
      <table align="center" border="0" cellpadding="0" cellspacing="0">
       <tr>
        <td class="btn-primary" style="background: #2AFC85; border-radius: 30px;">
         <a style="color:#000000; text-decoration:none; display:block; padding:14px 32px; font-weight:bold; font-size:16px; font-family: Arial, Helvetica, sans-serif; border-radius:30px; background: #2AFC85;">
          Donate Today
         </a>
        </td>
       </tr>
      </table>
     </div>
    </td>
   </tr>
   <!-- Closing -->
   <tr>
    <td class="mobile-padding" style="padding:0 20px 0 20px;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:600px;" width="600">
      <tr>
       <td style="padding:0; text-align:left;">
        <p style="margin:0 0 20px 0; color:#ffffff; font-size:16px; line-height:1.6; text-align:center; font-family: Arial, Helvetica, sans-serif;">
         <strong style="color:#2AFC85;">
          Every young person deserves someone in their corner.
         </strong>
         Will you help us make sure they get that chance?
        </p>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Third Image (Logo) -->
   <tr>
    <td class="mobile-padding" style="padding:0 20px;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:600px;" width="600">
      <tr>
       <td style="text-align:center; padding:0;">
        <img alt="Thank You" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252F5f4f26ad-72d2-4cc1-9981-b437e381c035.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTY0NzYxMDMuODcwMzc2Nn0:1urzfj:DEmXJVExdCesNfZG5ODVuE7a93qm8hSbSzenW1U5xiU" style="width:100%; max-width:300px; height:auto; border-radius:12px;" width="300"/>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Thank You -->
   <tr>
    <td class="mobile-padding" style="padding:20px 20px 0 20px;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:600px;" width="600">
      <tr>
       <td style="padding:0; text-align:center;">
        <p style="margin:0 0 20px 0; color:#2AFC85; font-size:18px; line-height:1.5; font-weight:bold; text-align:center; font-family: Arial, Helvetica, sans-serif;">
         Thank you,
        </p>
        <p style="margin:8px 0 0 0; color:#ffffff; font-size:16px; font-weight:normal; font-style:italic; text-align:center; font-family: Arial, Helvetica, sans-serif;">
         Big Brothers Big Sisters of America
        </p>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Footer -->
   <tr>
    <td align="center" style="padding:20px 15px 30px; background:#131313;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:368px;" width="368">
      <!-- Social Media Icons -->
      <tr>
       <td style="padding:0 0 20px;">
        <table align="center" cellpadding="0" cellspacing="0">
         <tr>
          <td>
           <a style="text-decoration:none;">
            <img alt="facebook" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252F60819125-5ca4-4b9b-8ce8-db685f82607b.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTY0NzYxMDMuODcwNDc4OX0:1urzfj:vuZJGRJ8cgDQgwHdTTB3fh3CijTY2NpKodTZvWjy_vE" style="font:14px/16px Arial, Helvetica, sans-serif; color:#2AFC85; vertical-align:top;" width="36"/>
           </a>
          </td>
          <td width="12">
          </td>
          <td>
           <a style="text-decoration:none;">
            <img alt="twitter" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252Feb3438d6-d674-436a-b4b3-7a7385b96f80.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTY0NzYxMDMuODcwNTg0NX0:1urzfj:QjGbpFUHZH--odgSOC5NhbYOXYrWXZSjTuuapUn44Mw" style="font:14px/16px Arial, Helvetica, sans-serif; color:#2AFC85; vertical-align:top;" width="36"/>
           </a>
          </td>
          <td width="12">
          </td>
          <td>
           <a style="text-decoration:none;">
            <img alt="instagram" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252F246bd86f-087f-4229-b717-6942a688f4ca.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTY0NzYxMDMuODcwNjg0fQ:1urzfj:HZ-DcoWyBreLSrClQHuBVMOs5WaC4tnS3bn5x9BLW2Y" style="font:14px/16px Arial, Helvetica, sans-serif; color:#2AFC85; vertical-align:top;" width="36"/>
           </a>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- Footer Text -->
      <tr>
       <td align="center" style="padding:0 0 26px; font:14px/18px Arial, Helvetica, sans-serif; color:#fff;">
        © 2025 Big Brothers Big Sisters of America
        <br/>
        <br/>
        <strong>
         This email was sent by:
        </strong>
        <br/>
        Big Brothers Big Sisters Of America
        <br/>
        2502 N. Rocky Point Drive, Suite 100
        <br/>
        Tampa, FL, 33607, US
       </td>
      </tr>
      <!-- Links -->
      <tr>
       <td align="center" style="padding:0 0 30px; font:12px/16px Arial, Helvetica, sans-serif; color:#fff;">
        <a style="text-decoration:underline; color:#fff;">
         Profile Center
        </a>
        |
        <a style="text-decoration:underline; color:#fff;">
         Manage Subscriptions
        </a>
        |
        <a style="text-decoration:underline; color:#fff;">
         Unsubscribe
        </a>
        <br/>
        <a style="text-decoration:underline; color:#fff;">
         View in Browser
        </a>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
 </body>
</html>