Inboxes

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

+New inbox

<!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]-->
  <title>
   This Is What Your Gift Makes Possible
  </title>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&amp;family=Playfair+Display:wght@600;700&amp;display=swap" rel="stylesheet"/>
  <style type="text/css">
   ReadMsgBody{ width: 100%;}
    .ExternalClass {width: 100%;}
    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
    body {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;margin:0 !important; font-family: 'Inter', Arial, Helvetica, sans-serif; color: #ffffff; background: #131313;} 
    a{outline:none;color:#2AFC85;text-decoration:none;}
    a:hover{text-decoration:underline!important;}
    .h-u a{text-decoration:none;}
    .h-u a:hover{text-decoration:underline!important;}
    a[x-apple-data-detectors]{color:inherit!important; text-decoration:none!important;}
    a[href^="tel"]:hover{text-decoration:none!important;}
    .active-i a:hover,
    .active-t:hover{opacity:0.8;}
    .active-i a,
    .active-t{transition:all 0.3s ease;}
    a img{border:none;}
    b, strong{font-weight:700; color: #ffffff;}
    p, h1, h2, h3{margin:0; color: #ffffff;}
    th{padding:0;}
    table td{mso-line-height-rule:exactly;}
    .ns span, .ns a{color:inherit!important; text-decoration:none!important; border:none!important;}
    
    /* Brand Typography */
    .headline{font-family:'Inter', Arial, sans-serif !important; font-weight:700 !important; color:#ffffff !important;}
    .subheadline{font-family:'Inter', Arial, sans-serif !important; font-weight:600 !important; color:#a0aec0 !important;}
    .body-text{font-family:'Inter', Arial, sans-serif !important; font-weight:400 !important; line-height:1.6 !important;}
    
    /* Button Styles */
    .btn-primary a{
      color:#000 !important; 
      text-decoration:none !important; 
      display:block !important; 
      padding:12px 30px !important; 
      font-weight:bold !important; 
      font-size:16px !important; 
      border-radius:25px !important;
      background: #2AFC85 !important;
      transition:all 0.3s ease !important;
    }
    
    /* Layout Classes */
    .hero-section{
      background: linear-gradient(135deg, #1a1a1a 0%, #2d3748 100%);
      color: #ffffff;
      padding: 30px;
      border-radius: 16px;
      margin: 20px 0;
      position: relative;
      overflow: hidden;
    }
    .hero-section::before{
      content: '';
      position: absolute;
      top: -50%;
      right: -50%;
      width: 200%;
      height: 200%;
      background: radial-gradient(circle, rgba(42, 252, 133, 0.1) 0%, transparent 70%);
      pointer-events: none;
    }
    
    .agency-card{
      background: #1a1a1a;
      border-radius: 16px;
      padding: 20px;
      margin: 15px 0;
      border-left: 4px solid #2AFC85;
      box-shadow: 0 10px 30px rgba(0,0,0,0.2);
      position: relative;
      transition: all 0.3s ease;
    }
    
    .agency-card::before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(90deg, #2AFC85, transparent);
      border-radius: 16px 16px 0 0;
    }
    
    .impact-highlight{
      background: #2a2a2a !important;
      color: #ffffff !important;
      padding: 25px !important;
      border-radius: 16px !important;
      margin: 15px 0 !important;
      text-align: center !important;
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3) !important;
      border: 1px solid #3a3a3a !important;
    }
    
    .section-divider{
      height: 3px;
      background: linear-gradient(90deg, transparent 0%, #2AFC85 50%, transparent 100%);
      margin: 30px 0;
      border-radius: 2px;
    }
    
    @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;}
      .hm{display:none!important;width:0!important;height:0!important;padding:0!important;font-size:0!important;line-height:0!important;}
      .wi-100p img{width:100%!important;height:auto!important;}
      .mobile-stack{display:block!important; width:100%!important;}
      .mobile-center{text-align:center!important;}
      .mobile-padding{padding:15px!important;}
      .hero-section{padding:25px!important;}
      .agency-card{padding:20px!important; margin:15px 0!important;}
      .impact-highlight{padding:20px!important;}
      .agency-image{width:180px!important; height:auto!important; margin-bottom:15px!important;}
      .mobile-stack-image{display:block!important; width:100%!important; text-align:center!important; padding-bottom:15px!important;}
      .mobile-stack-text{display:block!important; width:100%!important;}
    }
    
    @media (prefers-dark-interface) {body{-apple-color-filter:none;}}
    .footer-table a {color: revert}
  </style>
  <!--[if mso]>   <style type="text/css">   body, table, td {     font-family : Arial, sans-serif;     font-size : 16px;     color: #ffffff;   }   </style>   <![endif]-->
 </head>
 <body style="margin:0; padding:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; background:#131313;">
  <style type="text/css">
   div.preheader 
{ display: none !important; }
  </style>
  <div class="preheader" style="font-size: 1px; display: none !important;">
   THIS is what you’re making possible
  </div>
  <table cellpadding="0" cellspacing="0" style="background:#131313; min-width:320px;" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTQ2NjE3MTMuMzUwMzE5fQ:1ukNfN:zOMmqiZEJFEw6hjss_sNlGzr0jcT-w7BQ0X_s3Shk4g" style="max-width:240px; font:16px/18px Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:middle;" width="240"/>
        </a>
       </td>
       <td class="hm" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTQ2NjE3MTMuMzUxMTQxN30:1ukNfN:wNU2iR3HAcEJXfFvHyRKLFH7WAOsa2aiVDzb2oBGFOg" style="max-width:240px; font:16px/18px Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:middle;"/>
        </a>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Hero Section -->
   <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 class="hero-section">
        <div style="text-align:center; margin-bottom:25px;">
         <p class="body-text" style="margin:0 0 8px 0; color:#ffffff; font-size:16px; font-weight:400;">
         </p>
         <p class="body-text" style="margin:0 0 8px 0; color:#ffffff; font-size:16px; font-weight:600; font-family:'Inter', Arial, sans-serif;">
          Dear Fred,
         </p>
         <h1 style="font-family:'Inter', Arial, sans-serif; font-size:22px; font-weight:700; margin:0 0 20px 0; color:#2AFC85 !important; text-align:center; line-height:1.2;">
          This Is What Your Gift Makes Possible
         </h1>
        </div>
        <p class="body-text" style="margin-bottom:20px; color:#ffffff; font-size:16px; line-height:1.6; text-align:center;">
         When you support Big Brothers Big Sisters, you're not just making a donation—you're investing in transformative change. Across the country, BBBS agencies are meeting the moment in powerful ways. From small towns to major cities, these standout agencies are proof that your gift fuels local programs, supports volunteer mentors, and
         <strong style="color:#2AFC85;">
          transforms lives through stronger community connections and innovative ideas.
         </strong>
        </p>
        <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto; padding:20px 0;">
         <tr>
          <td style="text-align:center;">
           <table align="center" border="0" cellpadding="0" cellspacing="0">
            <tr>
             <td style="background:#2AFC85; border-radius:25px; text-align:center;">
              <a style="background:#2AFC85; padding:12px 24px; font-family:'Inter', Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-align:center; text-decoration:none; display:inline-block; border-radius:25px; color:#000; line-height:1;">
               Support Youth in Your Community →
              </a>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Section Divider -->
   <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 class="section-divider">
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Award-Winning Agencies Section -->
   <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>
        <!-- Small Agency -->
        <div class="agency-card">
         <table cellpadding="0" cellspacing="0" width="100%">
          <tr>
           <td class="mobile-stack-image" style="width:200px; padding-right:20px; vertical-align:middle; text-align:left;">
            <img alt="Small Agency Award" class="agency-image" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252F866ce438-c35b-4efb-9fce-bd7c8c8ca216.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTQ2NjE3MTMuMzUxMzM4OX0:1ukNfN:i56qbrEc6jaFGdPURJHdUbJxOyfYo6K2eQ1smOelGqA" style="width:180px; height:auto; border-radius:8px; display:block; margin:15px auto 0 10px;" width="180"/>
           </td>
           <td class="mobile-stack-text" style="vertical-align:middle;">
            <h3 style="font-family:'Inter', Arial, sans-serif; font-size:18px; font-weight:700; margin:0 0 12px 0; color:#2AFC85;">
             Small Agency of the Year: Big Brothers Big Sisters of Fairfield County
            </h3>
            <p class="body-text" style="margin:0; color:#ffffff; font-size:15px; line-height:1.6;">
             Even with a small team, Big Brothers Big Sisters of Fairfield County is making a BIG impact. By expanding programs like Big for a Day and Breakfast Club, they're creating more opportunities for kids to connect, grow, and thrive—
             <strong style="color:#2AFC85;">
              all made possible by your support.
             </strong>
            </p>
           </td>
          </tr>
         </table>
        </div>
        <!-- Small to Medium Agency -->
        <div class="agency-card">
         <table cellpadding="0" cellspacing="0" width="100%">
          <tr>
           <td class="mobile-stack-image" style="width:200px; padding-right:20px; vertical-align:middle; text-align:left;">
            <img alt="Small to Medium Agency Award" class="agency-image" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252Fcb8a650d-a974-4cd0-a1cd-a1a6c578190c.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTQ2NjE3MTMuMzUxNTE5M30:1ukNfN:NGg4Px3ch2zuy-VyjCWNe86KDU7E-rTfOtEYPzO1ZOw" style="width:180px; height:auto; border-radius:8px; display:block; margin:15px auto 0 10px;" width="180"/>
           </td>
           <td class="mobile-stack-text" style="vertical-align:middle;">
            <h3 style="font-family:'Inter', Arial, sans-serif; font-size:18px; font-weight:700; margin:0 0 12px 0; color:#2AFC85;">
             Small to Medium Agency of the Year: Big Brothers Big Sisters of Acadiana
            </h3>
            <p class="body-text" style="margin:0; color:#ffffff; font-size:15px; line-height:1.6;">
             Big Brothers Big Sisters of Acadiana is reaching more young people than ever—expanding into New Orleans and deepening their impact across the region. With your support,
             <strong style="color:#2AFC85;">
              they're growing mentorship where it's needed most.
             </strong>
            </p>
           </td>
          </tr>
         </table>
        </div>
        <!-- Medium to Large Agency -->
        <div class="agency-card">
         <table cellpadding="0" cellspacing="0" width="100%">
          <tr>
           <td class="mobile-stack-text" style="vertical-align:middle;">
            <h3 style="font-family:'Inter', Arial, sans-serif; font-size:18px; font-weight:700; margin:0 0 12px 0; color:#2AFC85;">
             Medium to Large Agency of the Year: Big Brothers Big Sisters of South-Central Pennsylvania
            </h3>
            <p class="body-text" style="margin:0; color:#ffffff; font-size:15px; line-height:1.6;">
             Big Brothers Big Sisters of South-Central Pennsylvania is putting youth at the center reaching more than 1,300 young people through leadership programs and a growing Youth Advisory Board. With your support, they're not just serving youth—
             <strong style="color:#2AFC85;">
              they're inspiring them to lead.
             </strong>
            </p>
           </td>
           <td class="mobile-stack-image" style="width:200px; padding-left:20px; vertical-align:middle; text-align:right;">
            <img alt="Medium to Large Agency Award" class="agency-image" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252F555bd9cc-ae80-4131-a895-42d473f5cd66.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTQ2NjE3MTMuMzUxNzEyNX0:1ukNfN:i7PSYN_N_nQ9E58xvJv2YI20KpuaNzWYoZoHF8SaA4s" style="width:180px; height:auto; border-radius:8px; display:block; margin:15px 10px 0 auto;" width="180"/>
           </td>
          </tr>
         </table>
        </div>
        <!-- Large Agency -->
        <div class="agency-card">
         <table cellpadding="0" cellspacing="0" width="100%">
          <tr>
           <td class="mobile-stack-text" style="vertical-align:middle;">
            <h3 style="font-family:'Inter', Arial, sans-serif; font-size:18px; font-weight:700; margin:0 0 12px 0; color:#2AFC85;">
             Large Agency of the Year: Big Brothers Big Sisters of Metro Atlanta
            </h3>
            <p class="body-text" style="margin:0; color:#ffffff; font-size:15px; line-height:1.6;">
             Big Brothers Big Sisters of Metro Atlanta is building a lasting foundation for youth success by doubling the number of young people they serve and expanding their school-based program, Level Up.
             <strong style="color:#2AFC85;">
              Your gift helps turn bold ideas like this into lasting impact.
             </strong>
            </p>
           </td>
           <td class="mobile-stack-image" style="width:200px; padding-left:20px; vertical-align:middle; text-align:right;">
            <img alt="Large Agency Award" class="agency-image" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252F4891985e-b38f-4f6a-a155-ee453c3587c2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTQ2NjE3MTMuMzUxODk2OH0:1ukNfN:kSMd5-oPcWwd-zcYH2V4WNB9h6mHpnB2qvk9tzgC5qg" style="width:180px; height:auto; border-radius:8px; display:block; margin:15px 10px 0 auto;" width="180"/>
           </td>
          </tr>
         </table>
        </div>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- CTA Button -->
   <tr>
    <td class="mobile-padding" style="padding:20px;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:600px;" width="600">
      <tr>
       <td style="text-align:center;">
        <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
         <tr>
          <td style="text-align:center;">
           <table align="center" border="0" cellpadding="0" cellspacing="0">
            <tr>
             <td style="background:#2AFC85; border-radius:25px; text-align:center;">
              <a style="background:#2AFC85; padding:12px 24px; font-family:'Inter', Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-align:center; text-decoration:none; display:inline-block; border-radius:25px; color:#000; line-height:1;">
               Your Gift = The Next Big Impact →
              </a>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Impact Section - Fixed Version -->
   <!-- FIXED VERSION - Left-aligned text with proper spacing -->
   <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 class="impact-highlight">
        <h2 style="font-family:'Inter', Arial, sans-serif; font-size:24px; font-weight:700; margin:0 0 15px 0; color:#ffffff; text-align:center;">
         Your Impact, Multiplied
        </h2>
        <p class="body-text" style="margin:0 0 20px 0; color:#ffffff; font-size:16px; line-height:1.6; font-weight:500; text-align:center;">
         These four agencies represent a nationwide movement—thousands of teams finding
         <strong style="color:#2AFC85;">
          bold, effective ways to connect mentors with the young people who need them most.
         </strong>
        </p>
        <p style="margin:0 0 15px 0; color:#ffffff; font-size:16px; font-weight:600; text-align:center; font-family:'Inter', Arial, sans-serif;">
         When you give, you join a movement that creates:
        </p>
        <!-- Fixed checkmark list with proper left alignment -->
        <table cellpadding="0" cellspacing="0" style="margin:0 auto; max-width:500px;">
         <!-- Checkmark Item 1 -->
         <tr>
          <td style="width:30px; vertical-align:top; padding-top:4px; padding-bottom:10px;">
           <div style="width:20px; height:20px; background:#2AFC85; border-radius:50%; display:inline-block; text-align:center; line-height:20px; font-weight:bold; color:#000; font-size:12px;">
            ✓
           </div>
          </td>
          <td style="color:#ffffff; font-size:16px; line-height:1.5; font-weight:500; vertical-align:top; padding-left:10px; padding-bottom:10px; font-family:'Inter', Arial, sans-serif; text-align:left;">
           Safe, supportive spaces for youth to grow
          </td>
         </tr>
         <!-- Checkmark Item 2 -->
         <tr>
          <td style="width:30px; vertical-align:top; padding-top:4px; padding-bottom:10px;">
           <div style="width:20px; height:20px; background:#2AFC85; border-radius:50%; display:inline-block; text-align:center; line-height:20px; font-weight:bold; color:#000; font-size:12px;">
            ✓
           </div>
          </td>
          <td style="color:#ffffff; font-size:16px; line-height:1.5; font-weight:500; vertical-align:top; padding-left:10px; padding-bottom:10px; font-family:'Inter', Arial, sans-serif; text-align:left;">
           Programs that meet youth where they are—from classrooms to neighborhoods
          </td>
         </tr>
         <!-- Checkmark Item 3 -->
         <tr>
          <td style="width:30px; vertical-align:top; padding-top:4px; padding-bottom:10px;">
           <div style="width:20px; height:20px; background:#2AFC85; border-radius:50%; display:inline-block; text-align:center; line-height:20px; font-weight:bold; color:#000; font-size:12px;">
            ✓
           </div>
          </td>
          <td style="color:#ffffff; font-size:16px; line-height:1.5; font-weight:500; vertical-align:top; padding-left:10px; padding-bottom:10px; font-family:'Inter', Arial, sans-serif; text-align:left;">
           Training that empowers mentors to show up + show out
          </td>
         </tr>
         <!-- Checkmark Item 4 -->
         <tr>
          <td style="width:30px; vertical-align:top; padding-top:4px;">
           <div style="width:20px; height:20px; background:#2AFC85; border-radius:50%; display:inline-block; text-align:center; line-height:20px; font-weight:bold; color:#000; font-size:12px;">
            ✓
           </div>
          </td>
          <td style="color:#ffffff; font-size:16px; line-height:1.5; font-weight:500; vertical-align:top; padding-left:10px; font-family:'Inter', Arial, sans-serif; text-align:left;">
           Innovation that keeps our movement strong
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Final CTA Section with Signature -->
   <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="background:#1a1a1a; padding:25px; border-radius:12px; text-align:center;">
        <h3 style="font-family:'Inter', Arial, sans-serif; font-size:22px; font-weight:700; margin:0 0 10px 0; color:#2AFC85;">
         Your Gift Doesn't Just Change One Life.
        </h3>
        <h3 style="font-family:'Inter', Arial, sans-serif; font-size:22px; font-weight:700; margin:0 0 15px 0; color:#2AFC85;">
         It Changes What's Possible.
        </h3>
        <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin:15px auto;">
         <tr>
          <td style="text-align:center;">
           <table align="center" border="0" cellpadding="0" cellspacing="0">
            <tr>
             <td style="background:#2AFC85; border-radius:25px; text-align:center;">
              <a style="background:#2AFC85; padding:12px 24px; font-family:'Inter', Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-align:center; text-decoration:none; display:inline-block; border-radius:25px; color:#000; line-height:1;">
               Donate Now →
              </a>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
        <!-- Signature moved up into this section -->
        <div style="margin-top:25px; padding-top:20px; border-top:1px solid #333;">
         <p class="body-text" style="margin:0 0 10px 0; color:#ffffff; font-size:16px; line-height:1.5; text-align:center; font-family:'Inter', Arial, sans-serif;">
          Thank you for being part of this life-changing work,
         </p>
         <p style="margin:0; color:#ffffff; font-size:16px; font-weight:600; text-align:center; font-family:'Inter', Arial, sans-serif;">
          <strong>
           Big Brothers Big Sisters of America
          </strong>
         </p>
        </div>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Fixed Footer Section with Proper Spacing -->
   <tr>
    <td align="center" style="padding:40px 15px 30px; background:#131313;">
     <table align="center" cellpadding="0" cellspacing="0" class="w-100p" style="max-width:368px;" width="368">
      <!-- Social Media Icons - Moved to top with more spacing -->
      <tr>
       <td style="padding:0 0 40px;">
        <table align="center" cellpadding="0" cellspacing="0">
         <tr>
          <td class="active-i">
           <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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTQ2NjE3MTMuMzUyMDc2OH0:1ukNfN:u-MIUy_RdjaPD8xRS53IVs3b4HmsxuemYC8py6zo4vE" style="font:14px/16px Arial, Helvetica, sans-serif; color:#2AFC85; vertical-align:top;" width="36"/>
           </a>
          </td>
          <td width="12">
          </td>
          <td class="active-i">
           <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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTQ2NjE3MTMuMzUyMzE3fQ:1ukNfN:EZjKXf2XkBzEbk7A0eYCN0RFqk8HWZxsl5g2ku8mxVg" style="font:14px/16px Arial, Helvetica, sans-serif; color:#2AFC85; vertical-align:top;" width="36"/>
           </a>
          </td>
          <td width="12">
          </td>
          <td class="active-i">
           <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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTQ2NjE3MTMuMzUyNDk2MX0:1ukNfN:ckXQeVhaqVkRgS2sDlUvzuaYZXNfU5iQ-1zX4WhVLu8" style="font:14px/16px Arial, Helvetica, sans-serif; color:#2AFC85; vertical-align:top;" width="36"/>
           </a>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- Address & Compliance Info -->
      <tr>
       <td align="center" style="padding:0 0 20px; font:14px/20px 'Inter', Arial, Helvetica, sans-serif; color:#a0aec0;">
        © 2025 Big Brothers Big Sisters of America
        <br/>
        Big Brothers Big Sisters Of America
        <br/>
        2502 N. Rocky Point Drive, Suite 100
        <br/>
        Tampa, FL 33607, US
       </td>
      </tr>
      <!-- Unsubscribe Links -->
      <tr>
       <td align="center" style="font:14px/20px 'Inter', Arial, Helvetica, sans-serif; color:#a0aec0;">
        <a style="color:#2AFC85; text-decoration:underline;">
         Update Profile
        </a>
        |
        <a style="color:#2AFC85; text-decoration:underline;">
         Unsubscribe
        </a>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Alternative: Move signature ABOVE social icons -->
   <!--  <tr>   <td class="mobile-padding" style="padding:0 20px;">     <table class="w-100p" width="600" align="center" style="max-width:600px;" cellpadding="0" cellspacing="0">       <tr>         <td style="background:#1a1a1a; padding:25px; border-radius:12px; text-align:center;">                      <h3 style="font-family:'Inter', Arial, sans-serif; font-size:22px; font-weight:700; margin:0 0 10px 0; color:#2AFC85;">             Your Gift Doesn't Just Change One Life.           </h3>           <h3 style="font-family:'Inter', Arial, sans-serif; font-size:22px; font-weight:700; margin:0 0 15px 0; color:#2AFC85;">             It Changes What's Possible.           </h3>                      
<table align="center" border="0" cellpadding="0" cellspacing="0" style="margin:15px auto;">             <tr>               <td style="text-align:center;">                 <table border="0" cellpadding="0" cellspacing="0" align="center">                   <tr>                     <td style="background:#2AFC85; border-radius:25px; text-align:center;">                       <a href="https://secured.bbbs.org/page/145038/donate/1" style="background:#2AFC85; padding:12px 24px; font-family:'Inter', Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-align:center; text-decoration:none; display:inline-block; border-radius:25px; color:#000; line-height:1;">                         Donate Now →                       </a>                     </td>                   
</tr>                 </table>               </td>             </tr>           </table>                      <div style="margin-top:30px; padding-top:25px; border-top:1px solid #333;">             <p style="margin:0 0 10px 0; color:#ffffff; font-size:16px; line-height:1.5; text-align:center; font-family:'Inter', Arial, sans-serif;" class="body-text">               Thank you for being part of this life-changing work,             </p>                          <p style="margin:0; color:#ffffff; font-size:16px; font-weight:600; text-align:center; font-family:'Inter', Arial, sans-serif;">               <strong>Big Brothers Big Sisters of America</strong>             </p>           </div>                    </td>       </tr>     </table>   </td> </tr> -->
  </table>
 </body>
</html>