<h1><span style="color: rgb(255, 255, 255); font-family: var(--theme-font__font-family--heading); font-size: var(--theme-font__heading-xl--font-size); font-weight: var(--theme-font__heading-xl--font-weight); line-height: var(--theme-font__heading-xl--line-height)">Your gift.<br />Their future.<br />Doubled.</span></h1>

<p><span style="color: rgb(255, 255, 255); font-family: var(--theme-font__font-family--paragraph); font-size: var(--theme-font__paragraph-lg--font-size); font-weight: var(--theme-font__paragraph-lg--font-weight); line-height: var(--theme-font__paragraph-lg--line-height)">Every dollar matched up to $232,000.</span></p>

<h2><span style="color: rgb(238, 43, 119); font-family: var(--theme-font__font-family--heading); font-size: var(--theme-font__heading-md--font-size); font-weight: var(--theme-font__heading-md--font-weight); line-height: var(--theme-font__heading-md--line-height)">Every Gift Makes a Difference On</span></h2>

<p><span style="color: rgb(0, 0, 0); font-family: var(--theme-font__font-family--paragraph); font-size: 20px; font-weight: var(--theme-font__paragraph-md--font-weight); line-height: var(--theme-font__paragraph-md--line-height)">Every dollar invested in LPIE benefits every student, every day. Your support helps maintain the excellence of Lafayette schools and ensures that our children continue to learn, grow, and thrive in a vibrant and supportive educational community.</span></p>

.toggle-container {
  position: relative;
  text-align: center;
  margin-top: 0px;
}

/* Heading and subheading styles */
.stock-heading {
  font-family: 'Poppins', serif;
  color: #EE2B77;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.stock-subheading {
  font-family: 'Poppins', sans-serif;
  color: #2D2E31;
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
}

/* Hide the checkbox */
input[type="checkbox"] {
  display: none;
}

/* Button style */
label.toggle-label {
  display: inline-block;
  padding: 10px 20px;
  background-color: #51B0E8;
  color: white;
  cursor: pointer;
  border-radius: 7px;
  font-size: 16px;
  font-family: 'Poppins', serif;
  transition: background-color 0.3s;
}

label.toggle-label:hover {
  background-color: #008fc3;
}

/* Default label text */
label.toggle-label::after {
  content: "Learn More";
  font-weight: bold;
}

/* When checkbox is checked, change button text */
#toggle-check:checked + .toggle-label::after {
  content: "Close";
}

/* Content box styles */
.toggle-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  padding: 0 15px;
  border: 1px solid #ccc;
  border-radius: 7px;
  background-color: #ffffff;
  color: #333;
  text-align: left;
  max-width: 700px;
  margin: 20px auto 0 auto;
}







































































































/* When checked, expand content */
#toggle-check:checked ~ .toggle-content {
  max-height: 1000px; /* large enough to show content */
  opacity: 1;
  padding: 15px;
}

.popup h2 {
  font-family: 'Poppins', serif;
  color: #2D2E31;
  margin-top: 0;
}

.popup p,
.popup ul {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}

.popup ul {
  padding-left: 20px;
}

.popup a {
  color: #51B0E8;
  text-decoration: none;
}

.popup a:hover {
  text-decoration: underline;
}



<html lang="en"><body>

<div class="toggle-container">
  <h1 class="stock-heading">Stock Donation</h1>
  <p class="stock-subheading">You can give stock directly to LPIE.</p>
  <input type="checkbox" id="toggle-check" />
  <label for="toggle-check" class="toggle-label"></label>

  <div class="toggle-content">
    <div class="popup">
      <h2>How to Donate Stock to LPIE</h2>

      <p><strong>1. Notify Us</strong><br />
        Before making your stock transfer, please email 
        <a href="mailto:fundraising&#64;lpie.org">fundraising&#64;lpie.org</a> with the following information:</p>

      <ul>
        <li>Donor name</li>
        <li>Name of the stock</li>
        <li>Number of shares</li>
        <li>Approximate date of transfer</li>
      </ul>

      <p><strong>2. Initiate the Stock Transfer</strong><br />
        Provide your broker with the following transfer instructions. Be sure to include your name in the transfer to help us identify your gift.</p>

      <ul>
        <li><strong>Receiving Firm:</strong> Sanford C. Bernstein &amp; Co., LLC</li>
        <li><strong>DTC Number:</strong> 0013</li>
        <li><strong>Account Name:</strong> Lafayette Partners in Education – Reserve</li>
        <li><strong>Account Number:</strong> 033-98259</li>
        <li><strong>Bernstein Contact:</strong> James Lloyd – (415) 217-8035</li>
      </ul>
    </div>
  </div>
</div>

</body>

</html>

<h2><span style="color: rgb(238, 43, 119); font-family: var(--classy-font__font-family--poppins); font-size: var(--theme-font__heading-md--font-size); font-weight: var(--theme-font__heading-md--font-weight); line-height: var(--theme-font__heading-md--line-height)">Pledge to Give</span></h2>

<p><span style="color: rgb(0, 0, 0); font-family: var(--theme-font__font-family--paragraph); font-size: 18px; font-weight: var(--theme-font__paragraph-lg--font-weight); line-height: var(--theme-font__paragraph-lg--line-height)">Pledge today, give tomorrow.</span></p>

.toggle-container {
  position: relative;
  text-align: center;
  margin-top: 0px;
}

/* Heading and subheading styles */
.stock-heading {
  font-family: 'Poppins', serif;
  color: #EE2B77;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.stock-subheading {
  font-family: 'Poppins', sans-serif;
  color: #2D2E31;
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
}

/* Hide the checkbox */
input[type="checkbox"] {
  display: none;
}

/* Button style */
label.toggle-label {
  display: inline-block;
  padding: 10px 20px;
  background-color: #51B0E8;
  color: white;
  cursor: pointer;
  border-radius: 7px;
  font-size: 16px;
  font-family: 'Poppins', serif;
  transition: background-color 0.3s;
}

label.toggle-label:hover {
  background-color: #008fc3;
}

/* Default label text */
label.toggle-label::after {
  content: "Learn More";
  font-weight: bold;
}

/* Change label text when expanded */
#toggle-daf:checked + .toggle-label::after {
  content: "Close";
}

/* Content box styles */
.toggle-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  padding: 0 15px;
  border: 1px solid #ccc;
  border-radius: 7px;
  background-color: #ffffff;
  color: #333;
  text-align: left;
  max-width: 700px;
  margin: 20px auto 0 auto;
}

/* Expand content when checked */
#toggle-daf:checked ~ .toggle-content {
  max-height: 1000px;
  opacity: 1;
  padding: 15px;
}

.popup h2 {
  font-family: 'Poppins', serif;
  color: #2D2E31;
  margin-top: 0;
}

.popup p {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.popup a {
  color: #51B0E8;
  text-decoration: none;
}

.popup a:hover {
  text-decoration: underline;
}


<html lang="en"><body>

<div class="toggle-container">
  <h1 class="stock-heading">Donor Advised Funds</h1>
  <p class="stock-subheading">You can donate to LPIE from a DAF.</p>

  <input type="checkbox" id="toggle-daf" />
  <label for="toggle-daf" class="toggle-label"></label>

  <div class="toggle-content">
    <div class="popup">
      <h2>How to Donate to LPIE from a DAF</h2>

      <p><strong>LPIE is a registered 501(c)(3) non-profit organization. Our tax ID is 94-2699518.</strong><br />
        Please contact 
        <a href="mailto:fundraising&#64;lpie.org">fundraising&#64;lpie.org</a> to notify us which organization to expect the donation from.
      </p>

      
    </div>
  </div>
</div>

</body>

</html>

Your gift.
Their future.
Doubled.

❤️ Make Your Giving Tuesday Donation

Every Gift Makes a Difference On

Fund One Student

Fund Two Students

Fund Three Students

Become a Major Donor

Give to the LPIE Endowment

Stock Donation

Pledge to Give

Donor Advised Funds

Frequently asked questions

Is my donation secure?

How is my personal data handled?

Do I get a receipt?

What is LPIE's Federal Tax ID (EIN)?

Can I donate by check?

How can my business contribute to LPIE?

Can I make an in-kind donation?

Your gift.Their future.Doubled.