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>
   From Little to Big: Sarah's Inspiring Journey
  </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;">
   Help us create more matches this BBBS Month
  </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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTc1MTI4OTUuNTEzNTA3MX0:1uwLOB:xAqH_zzATs6p69u2FtrsSND9r6EcywyN5QYkDuf84sg" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTc1MTI4OTUuNTE0MDgyfQ:1uwLOB:0CL1gGaUCI-xpMDtzGSUnpIfzZQtYy5BoN7PVXKZYPo" 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>
        <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;">
         Meet Sarah, our National Youth Council member, whose journey from Little to Big perfectly captures what Big Brothers Big Sisters is all about.
        </p>
       </td>
      </tr>
     </table>
    </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="Sarah Moseley" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252F264eb087-8053-4ab0-97f8-b39de844a7c0.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTc1MTI4OTUuNTE0MzQxNH0:1uwLOB:4uOIE6tm2hjQfbVJRYPIhgoGbWRuSBTW2IdQFY920TY" style="width:100%; max-width:560px; height:auto; border-radius:12px;" width="560"/>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Content after first 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;">
        <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;">
         Sarah was first matched with her Big, Becky, through Big Brothers Big Sisters of Middle Tennessee.
         <strong style="color:#2AFC85;">
          What began as simple weekly check-ins grew into something much bigger—Becky guided Sarah through college and encouraged her to believe in herself.
         </strong>
        </p>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- Quote -->
   <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;">
        <!-- Enhanced quote styling -->
        <div style="text-align: center; margin: 0 0 20px 0;">
         <div style="background: #1a1a1a; border-left: 4px solid #2AFC85; padding: 20px; margin: 0 auto; border-radius: 8px; position: relative; max-width: 500px; display: inline-block;">
          <p style="margin:0; color:#ffffff; font-size:18px; line-height:1.5; font-style:italic; text-align:center; font-family: Arial, Helvetica, sans-serif;">
           "I was fortunate to be guided by my Big, Becky, who not only shared their wisdom but also challenged me to think deeper, stretch further, and trust my own voice."
          </p>
          <p style="margin:8px 0 0 0; color:#2AFC85; font-size:14px; font-weight:bold; text-align:center; font-family: Arial, Helvetica, sans-serif;">
           — Sarah
          </p>
          <p style="margin:4px 0 0 0; color:#ffffff; font-size:12px; font-weight:normal; text-align:center; font-family: Arial, Helvetica, sans-serif;">
           Alumni Little, Big Brothers Big Sisters of Middle Tennessee
          </p>
         </div>
        </div>
        <!-- First CTA -->
       </td>
      </tr>
      <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;">
             Create More Stories Like Sarah's
            </a>
           </td>
          </tr>
         </table>
        </div>
       </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="Sarah and her Big Becky" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.e.bbbs.org%252Flib%252Ffe2e11717064057f7c1c72%252Fm%252F1%252F9c20e9df-d934-4ade-b7ba-31763cdae05e.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTc1MTI4OTUuNTE0NDUwNn0:1uwLOB:0u9bAlPAEgUJJ8OUcHuLCPpFaKYPFqt3AFIKLZVkIWE" style="width:100%; max-width:560px; height:auto; border-radius:12px; display:block; margin:0 auto;" width="560"/>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- Content 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;">
           <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;">
            But here's what makes Sarah's story so powerful:
            <strong style="color:#2AFC85;">
             her experience as a Little inspired her to step up as a Big. She's ready to create the same life-changing impact for another young person.
            </strong>
           </p>
           <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;">
            This is what we mean when we talk about lasting change—mentorship that creates mentors, support that multiplies across generations.
           </p>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- Speech bubble style -->
      <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:center;">
           <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);">
              This #BBBSMonth, stories like Sarah's remind us why every donation matters.
             </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>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- More content -->
      <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;">
            Each dollar helps us recruit, train, and support more Bigs like Becky—and helps create more success stories like Sarah's.
           </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>
      <!-- Final message -->
      <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 who believes in them before they believe in themselves.
            </strong>
            This month, as we celebrate 120 years of changing lives, we're asking you to help write the next chapter.
           </p>
           <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;">
            Will you help the next generation of youth find their Big?
           </p>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- Third 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;">
             Help a Little Find Their Big
            </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:center;">
           <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;">
            Thank you for making stories like Sarah's possible.
           </p>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- Thank You -->
      <tr>
       <td class="mobile-padding" style="padding:0px 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;">
            With gratitude,
           </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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTc1MTI4OTUuNTE0NTU2Nn0:1uwLOB:SJ6fQdDnP9mOHfVTYDK6abk3sAvgh5pOq6M7gioI1J0" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTc1MTI4OTUuNTE0NjU0Mn0:1uwLOB:jNtTQN6xMEX8raK_jLa5pJlbdh40rr-Viqad8A97PVM" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5lLmJiYiIsInRpbWUiOjE3NTc1MTI4OTUuNTE0NzUwMn0:1uwLOB:yJiECTnFzT_F3lRR-qaLwGd5WZsSQwlRzzALmxYanzg" 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>
    </td>
   </tr>
  </table>
 </body>
</html>