<h2><span style="color: rgb(0, 174, 239); 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</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)">Each dollar invested in LPIE supports students across Lafayette, every day. Your generosity allows us to continue funding the teachers, programs, and services that make our schools exceptional. </span></p>

<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)">Give today.<br />Inspire tomorrow.</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)">Your gift keeps essential programs strong.</span></p>

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

/* Heading and subheading styles */
.stock-heading {
  font-family: 'Poppins', serif;
  color: #00aeef;
  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(0, 174, 239); 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: #00aeef;
  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>

Every Gift Makes a Difference

Fund One Student

Fund Two Students

Fund Three Students

Become a Major Donor

Give to the LPIE Endowment

Give today.
Inspire tomorrow.

❤️ Make Your Donation Today

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?