raisethon.com
Open in
urlscan Pro
2606:4700:3034::6815:257b
Public Scan
Submitted URL: https://link.clhds.com/go.asp?li=F32ADE651BD79E04F94026336D4A156C&ui=9265E91C0C32B24650E1482017AFDD7B
Effective URL: https://raisethon.com/cheder
Submission: On June 08 via manual from US — Scanned from DE
Effective URL: https://raisethon.com/cheder
Submission: On June 08 via manual from US — Scanned from DE
Form analysis
11 forms found in the DOM<form class="flex items-center space-x-5">
<div class="relative max-w-xs"><input type="text" placeholder="Search"
class="w-full px-5 text-sm text-[color:var(--teams-donations-field-text)] placeholder-[color:var(--teams-donations-field-text)] border-none rounded-full h-9 bg-[color:var(--teams-donations-field-background)] focus:ring-[color:var(--teams-donations-field-border)] focus:ring-2"><button
class="absolute top-0 right-0 flex items-center justify-center w-9 h-9 focus:outline-none text-[color:var(--teams-donations-field-icon)] hover:text-[color:var(--teams-donations-field-icon-hover)]"><svg viewBox="0 0 124.524 124.524"
class="w-4 h-4">
<path fill="currentColor"
d="M51 102.05c10.5 0 20.2-3.2 28.3-8.6l29.3 29.3c2.301 2.3 6.101 2.3 8.5 0l5.7-5.7c2.3-2.3 2.3-6.1 0-8.5l-29.4-29.2c5.399-8.1 8.6-17.8 8.6-28.3 0-28.1-22.9-51-51-51s-51 22.9-51 51c0 28.099 22.8 51 51 51zm0-82c17.1 0 31 13.9 31 31s-13.9 31-31 31-31-13.9-31-31 13.9-31 31-31z">
</path>
</svg></button></div>
<div class="flex items-center max-w-xs"><span class="text-sm font-bold uppercase whitespace-nowrap text-[color:var(--teams-donations-field-label)]">Sort By</span><select name="sort"
class="w-40 px-5 ml-2 text-sm text-[color:var(--teams-donations-field-text)] placeholder-[color:var(--teams-donations-field-text)] border-none rounded-full h-9 bg-[color:var(--teams-donations-field-background)] focus:ring-[color:var(--teams-donations-field-border)] focus:ring-2">
<option value="name">Team Name</option>
<option value="biggest_goal">Highest Goal</option>
<option value="smallest_goal">Lowest Goal</option>
<option value="most_raised">Most Raised</option>
<option value="least_raised">Least Raised</option>
<option value="nearest_to_goal">Nearest to Goal</option>
<option value="most_donors">Most Donors</option>
<option value="least_donors">Least Donors</option>
</select></div>
</form>
<form class="flex items-center space-x-5">
<div class="relative w-7/12 max-w-xs"><input type="text" placeholder="Search"
class="w-full px-5 text-sm text-[color:var(--teams-donations-field-text)] placeholder-[color:var(--teams-donations-field-text)] border-none rounded-full h-9 bg-[color:var(--teams-donations-field-background)] focus:ring-[color:var(--teams-donations-field-border)] focus:ring-2"><button
class="absolute top-0 right-0 flex items-center justify-center w-9 h-9 focus:outline-none text-[color:var(--teams-donations-field-icon)] hover:text-[color:var(--teams-donations-field-icon-hover)]"><svg viewBox="0 0 124.524 124.524"
class="w-4 h-4">
<path fill="currentColor"
d="M51 102.05c10.5 0 20.2-3.2 28.3-8.6l29.3 29.3c2.301 2.3 6.101 2.3 8.5 0l5.7-5.7c2.3-2.3 2.3-6.1 0-8.5l-29.4-29.2c5.399-8.1 8.6-17.8 8.6-28.3 0-28.1-22.9-51-51-51s-51 22.9-51 51c0 28.099 22.8 51 51 51zm0-82c17.1 0 31 13.9 31 31s-13.9 31-31 31-31-13.9-31-31 13.9-31 31-31z">
</path>
</svg></button></div>
<div class="flex items-center w-5/12 max-w-xs"><select name="sort"
class="w-40 px-5 ml-2 text-sm text-[color:var(--teams-donations-field-text)] placeholder-[color:var(--teams-donations-field-text)] border-none rounded-full h-9 bg-[color:var(--teams-donations-field-background)] focus:ring-[color:var(--teams-donations-field-border)] focus:ring-2">
<option value="newest">Newest</option>
<option value="oldest">Oldest</option>
<option value="highest">Highest</option>
<option value="lowest">Lowest</option>
</select></div>
</form>
<form class="space-y-7">
<div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10"><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$200</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$250</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$550</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$750</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$2,500</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
class="object-cover w-full h-full"></div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$5,000</p><!---->
</div>
</button></div>
<div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
<div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
<div class="w-full md:w-1/2">
<h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
<div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
<div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
<div class="flex flex-col items-center justify-center w-16 h-16">
<div class="text-3xl font-bold">$</div>
<p class="text-xs uppercase text-light">USD</p>
</div><!---->
</button>
<div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
<div class="text-xl font-bold">$</div>
<p class="text-lg uppercase text-light">USD</p>
</button></div>
</div>
<div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
<div class="flex-shrink-0 pr-5 text-3xl">.00</div>
</div><!---->
<div class="mt-5">
<h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
<div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
<option value="1">No Installments</option>
</select></div>
</div><!---->
</div>
<div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
<p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
<p class="px-5 mt-1 text-xs text-center">will receive</p>
<div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
<div class="text-3xl font-bold text-white">$0.00 USD</div><!----><!---->
</div>
<div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
</div>
</div><!----><!---->
</div>
<div class="px-5 space-y-4 md:px-10">
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
<div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
placeholder="type your message or dedication"
class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
</div>
</div>
<div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
<h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
<div class="space-y-2">
<div class="relative flex flex-col md:flex-row md:space-x-2">
<div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
<div class="md:relative mt-2"><button type="button"
class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
<div class="relative flex-1 h-full text-left">
<div class="absolute inset-0 flex items-center">
<div class="truncate">Select Team</div>
</div>
</div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
<path
d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
fill="currentColor"></path>
</svg>
</button>
<div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
<div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
</div>
<div class="flex-1 overflow-auto">
<div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
<div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
</div>
</div>
</div>
</div>
</div><!---->
</div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
</div>
</div>
<div class="mx-5 md:mx-10">
<h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
<div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
</div>
<div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
<div class="space-y-4">
<div class="flex space-x-4">
<div class="w-2/3">
<div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="w-1/3">
<div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div>
<div class="flex space-x-4">
<div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div><!---->
</div>
<div class="text-center"></div><button
class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
Submit Donation </button>
</form>
<form class="space-y-7">
<div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10">
<div class="flex p-3 space-x-3 border border-solid">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
<div class="flex justify-between mt-1 space-x-2">
<p class="text-[color:var(--donate-product-text)] font-light">$200 <!----></p>
<div class="flex items-center"><button
class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
xml:space="preserve" viewBox="0 0 22.354 22.354" class="w-3 h-3">
<path fill="currentColor" d="M0 8.61h22.354v5.133H0z"></path>
</svg></button><input type="tel" class="w-8 h-8 border-none p-0 text-center bg-transparent text-[color:var(--donate-product-text)] outline-none focus:ring-0"><button
class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
viewBox="0 0 256 256" xml:space="preserve" class="w-3 h-3">
<path fill="currentColor" d="M160 96V0H96v96H0v64h96v96h64v-96h96V96z"></path>
</svg></button></div>
</div><!---->
</div>
</div><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$250</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$550</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$750</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$2,500</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
class="object-cover w-full h-full"></div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$5,000</p><!---->
</div>
</button>
</div>
<div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
<div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
<div class="w-full md:w-1/2">
<h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
<div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
<div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
<div class="flex flex-col items-center justify-center w-16 h-16">
<div class="text-3xl font-bold">$</div>
<p class="text-xs uppercase text-light">USD</p>
</div><!---->
</button>
<div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
<div class="text-xl font-bold">$</div>
<p class="text-lg uppercase text-light">USD</p>
</button></div>
</div>
<div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
<div class="flex-shrink-0 pr-5 text-3xl">.00</div>
</div><!---->
<div class="mt-5">
<h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
<div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
<option value="1">No Installments</option>
<option value="2">Divide donation by 2 months ($100.00)</option>
<option value="3">Divide donation by 3 months ($66.67)</option>
<option value="4">Divide donation by 4 months ($50.00)</option>
<option value="5">Divide donation by 5 months ($40.00)</option>
<option value="6">Divide donation by 6 months ($33.33)</option>
<option value="7">Divide donation by 7 months ($28.57)</option>
<option value="8">Divide donation by 8 months ($25.00)</option>
<option value="9">Divide donation by 9 months ($22.22)</option>
<option value="10">Divide donation by 10 months ($20.00)</option>
<option value="11">Divide donation by 11 months ($18.18)</option>
<option value="12">Divide donation by 12 months ($16.67)</option>
</select></div>
</div><!---->
</div>
<div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
<p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
<p class="px-5 mt-1 text-xs text-center">will receive</p>
<div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
<div class="text-3xl font-bold text-white">$400.00 USD</div><!----><!---->
</div>
<div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
</div>
</div><!----><!---->
</div>
<div class="px-5 space-y-4 md:px-10">
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
<div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
placeholder="type your message or dedication"
class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
</div>
</div>
<div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
<h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
<div class="space-y-2">
<div class="relative flex flex-col md:flex-row md:space-x-2">
<div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
<div class="md:relative mt-2"><button type="button"
class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
<div class="relative flex-1 h-full text-left">
<div class="absolute inset-0 flex items-center">
<div class="truncate">Select Team</div>
</div>
</div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
<path
d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
fill="currentColor"></path>
</svg>
</button>
<div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
<div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
</div>
<div class="flex-1 overflow-auto">
<div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
<div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
</div>
</div>
</div>
</div>
</div><!---->
</div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
</div>
</div>
<div class="mx-5 md:mx-10">
<h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
<div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
</div>
<div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
<div class="space-y-4">
<div class="flex space-x-4">
<div class="w-2/3">
<div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="w-1/3">
<div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div>
<div class="flex space-x-4">
<div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div><!---->
</div>
<div class="text-center"></div><button
class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
Submit Donation </button>
</form>
<form class="space-y-7">
<div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10"><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$200</p><!---->
</div>
</button>
<div class="flex p-3 space-x-3 border border-solid">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
<div class="flex justify-between mt-1 space-x-2">
<p class="text-[color:var(--donate-product-text)] font-light">$250 <!----></p>
<div class="flex items-center"><button
class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
xml:space="preserve" viewBox="0 0 22.354 22.354" class="w-3 h-3">
<path fill="currentColor" d="M0 8.61h22.354v5.133H0z"></path>
</svg></button><input type="tel" class="w-8 h-8 border-none p-0 text-center bg-transparent text-[color:var(--donate-product-text)] outline-none focus:ring-0"><button
class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
viewBox="0 0 256 256" xml:space="preserve" class="w-3 h-3">
<path fill="currentColor" d="M160 96V0H96v96H0v64h96v96h64v-96h96V96z"></path>
</svg></button></div>
</div><!---->
</div>
</div><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$550</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$750</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$2,500</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
class="object-cover w-full h-full"></div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$5,000</p><!---->
</div>
</button>
</div>
<div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
<div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
<div class="w-full md:w-1/2">
<h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
<div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
<div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
<div class="flex flex-col items-center justify-center w-16 h-16">
<div class="text-3xl font-bold">$</div>
<p class="text-xs uppercase text-light">USD</p>
</div><!---->
</button>
<div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
<div class="text-xl font-bold">$</div>
<p class="text-lg uppercase text-light">USD</p>
</button></div>
</div>
<div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
<div class="flex-shrink-0 pr-5 text-3xl">.00</div>
</div><!---->
<div class="mt-5">
<h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
<div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
<option value="1">No Installments</option>
<option value="2">Divide donation by 2 months ($125.00)</option>
<option value="3">Divide donation by 3 months ($83.33)</option>
<option value="4">Divide donation by 4 months ($62.50)</option>
<option value="5">Divide donation by 5 months ($50.00)</option>
<option value="6">Divide donation by 6 months ($41.67)</option>
<option value="7">Divide donation by 7 months ($35.71)</option>
<option value="8">Divide donation by 8 months ($31.25)</option>
<option value="9">Divide donation by 9 months ($27.78)</option>
<option value="10">Divide donation by 10 months ($25.00)</option>
<option value="11">Divide donation by 11 months ($22.73)</option>
<option value="12">Divide donation by 12 months ($20.83)</option>
</select></div>
</div><!---->
</div>
<div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
<p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
<p class="px-5 mt-1 text-xs text-center">will receive</p>
<div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
<div class="text-3xl font-bold text-white">$500.00 USD</div><!----><!---->
</div>
<div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
</div>
</div><!----><!---->
</div>
<div class="px-5 space-y-4 md:px-10">
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
<div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
placeholder="type your message or dedication"
class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
</div>
</div>
<div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
<h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
<div class="space-y-2">
<div class="relative flex flex-col md:flex-row md:space-x-2">
<div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
<div class="md:relative mt-2"><button type="button"
class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
<div class="relative flex-1 h-full text-left">
<div class="absolute inset-0 flex items-center">
<div class="truncate">Select Team</div>
</div>
</div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
<path
d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
fill="currentColor"></path>
</svg>
</button>
<div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
<div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
</div>
<div class="flex-1 overflow-auto">
<div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
<div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
</div>
</div>
</div>
</div>
</div><!---->
</div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
</div>
</div>
<div class="mx-5 md:mx-10">
<h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
<div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
</div>
<div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
<div class="space-y-4">
<div class="flex space-x-4">
<div class="w-2/3">
<div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="w-1/3">
<div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div>
<div class="flex space-x-4">
<div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div><!---->
</div>
<div class="text-center"></div><button
class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
Submit Donation </button>
</form>
<form class="space-y-7">
<div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10"><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$200</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$250</p><!---->
</div>
</button>
<div class="flex p-3 space-x-3 border border-solid">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
<div class="flex justify-between mt-1 space-x-2">
<p class="text-[color:var(--donate-product-text)] font-light">$550 <!----></p>
<div class="flex items-center"><button
class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
xml:space="preserve" viewBox="0 0 22.354 22.354" class="w-3 h-3">
<path fill="currentColor" d="M0 8.61h22.354v5.133H0z"></path>
</svg></button><input type="tel" class="w-8 h-8 border-none p-0 text-center bg-transparent text-[color:var(--donate-product-text)] outline-none focus:ring-0"><button
class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
viewBox="0 0 256 256" xml:space="preserve" class="w-3 h-3">
<path fill="currentColor" d="M160 96V0H96v96H0v64h96v96h64v-96h96V96z"></path>
</svg></button></div>
</div><!---->
</div>
</div><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$750</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$2,500</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
class="object-cover w-full h-full"></div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$5,000</p><!---->
</div>
</button>
</div>
<div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
<div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
<div class="w-full md:w-1/2">
<h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
<div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
<div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
<div class="flex flex-col items-center justify-center w-16 h-16">
<div class="text-3xl font-bold">$</div>
<p class="text-xs uppercase text-light">USD</p>
</div><!---->
</button>
<div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
<div class="text-xl font-bold">$</div>
<p class="text-lg uppercase text-light">USD</p>
</button></div>
</div>
<div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
<div class="flex-shrink-0 pr-5 text-3xl">.00</div>
</div><!---->
<div class="mt-5">
<h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
<div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
<option value="1">No Installments</option>
<option value="2">Divide donation by 2 months ($275.00)</option>
<option value="3">Divide donation by 3 months ($183.33)</option>
<option value="4">Divide donation by 4 months ($137.50)</option>
<option value="5">Divide donation by 5 months ($110.00)</option>
<option value="6">Divide donation by 6 months ($91.67)</option>
<option value="7">Divide donation by 7 months ($78.57)</option>
<option value="8">Divide donation by 8 months ($68.75)</option>
<option value="9">Divide donation by 9 months ($61.11)</option>
<option value="10">Divide donation by 10 months ($55.00)</option>
<option value="11">Divide donation by 11 months ($50.00)</option>
<option value="12">Divide donation by 12 months ($45.83)</option>
</select></div>
</div><!---->
</div>
<div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
<p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
<p class="px-5 mt-1 text-xs text-center">will receive</p>
<div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
<div class="text-3xl font-bold text-white">$1,100.00 USD</div><!----><!---->
</div>
<div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
</div>
</div><!----><!---->
</div>
<div class="px-5 space-y-4 md:px-10">
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
<div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
placeholder="type your message or dedication"
class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
</div>
</div>
<div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
<h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
<div class="space-y-2">
<div class="relative flex flex-col md:flex-row md:space-x-2">
<div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
<div class="md:relative mt-2"><button type="button"
class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
<div class="relative flex-1 h-full text-left">
<div class="absolute inset-0 flex items-center">
<div class="truncate">Select Team</div>
</div>
</div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
<path
d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
fill="currentColor"></path>
</svg>
</button>
<div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
<div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
</div>
<div class="flex-1 overflow-auto">
<div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
<div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
</div>
</div>
</div>
</div>
</div><!---->
</div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
</div>
</div>
<div class="mx-5 md:mx-10">
<h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
<div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
</div>
<div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
<div class="space-y-4">
<div class="flex space-x-4">
<div class="w-2/3">
<div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="w-1/3">
<div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div>
<div class="flex space-x-4">
<div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div><!---->
</div>
<div class="text-center"></div><button
class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
Submit Donation </button>
</form>
<form class="space-y-7">
<div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10"><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$200</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$250</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$550</p><!---->
</div>
</button>
<div class="flex p-3 space-x-3 border border-solid">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
<div class="flex justify-between mt-1 space-x-2">
<p class="text-[color:var(--donate-product-text)] font-light">$750 <!----></p>
<div class="flex items-center"><button
class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
xml:space="preserve" viewBox="0 0 22.354 22.354" class="w-3 h-3">
<path fill="currentColor" d="M0 8.61h22.354v5.133H0z"></path>
</svg></button><input type="tel" class="w-8 h-8 border-none p-0 text-center bg-transparent text-[color:var(--donate-product-text)] outline-none focus:ring-0"><button
class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
viewBox="0 0 256 256" xml:space="preserve" class="w-3 h-3">
<path fill="currentColor" d="M160 96V0H96v96H0v64h96v96h64v-96h96V96z"></path>
</svg></button></div>
</div><!---->
</div>
</div><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$2,500</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
class="object-cover w-full h-full"></div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$5,000</p><!---->
</div>
</button>
</div>
<div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
<div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
<div class="w-full md:w-1/2">
<h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
<div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
<div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
<div class="flex flex-col items-center justify-center w-16 h-16">
<div class="text-3xl font-bold">$</div>
<p class="text-xs uppercase text-light">USD</p>
</div><!---->
</button>
<div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
<div class="text-xl font-bold">$</div>
<p class="text-lg uppercase text-light">USD</p>
</button></div>
</div>
<div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
<div class="flex-shrink-0 pr-5 text-3xl">.00</div>
</div><!---->
<div class="mt-5">
<h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
<div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
<option value="1">No Installments</option>
<option value="2">Divide donation by 2 months ($375.00)</option>
<option value="3">Divide donation by 3 months ($250.00)</option>
<option value="4">Divide donation by 4 months ($187.50)</option>
<option value="5">Divide donation by 5 months ($150.00)</option>
<option value="6">Divide donation by 6 months ($125.00)</option>
<option value="7">Divide donation by 7 months ($107.14)</option>
<option value="8">Divide donation by 8 months ($93.75)</option>
<option value="9">Divide donation by 9 months ($83.33)</option>
<option value="10">Divide donation by 10 months ($75.00)</option>
<option value="11">Divide donation by 11 months ($68.18)</option>
<option value="12">Divide donation by 12 months ($62.50)</option>
</select></div>
</div><!---->
</div>
<div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
<p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
<p class="px-5 mt-1 text-xs text-center">will receive</p>
<div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
<div class="text-3xl font-bold text-white">$1,500.00 USD</div><!----><!---->
</div>
<div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
</div>
</div><!----><!---->
</div>
<div class="px-5 space-y-4 md:px-10">
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
<div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
placeholder="type your message or dedication"
class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
</div>
</div>
<div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
<h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
<div class="space-y-2">
<div class="relative flex flex-col md:flex-row md:space-x-2">
<div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
<div class="md:relative mt-2"><button type="button"
class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
<div class="relative flex-1 h-full text-left">
<div class="absolute inset-0 flex items-center">
<div class="truncate">Select Team</div>
</div>
</div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
<path
d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
fill="currentColor"></path>
</svg>
</button>
<div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
<div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
</div>
<div class="flex-1 overflow-auto">
<div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
<div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
</div>
</div>
</div>
</div>
</div><!---->
</div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
</div>
</div>
<div class="mx-5 md:mx-10">
<h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
<div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
</div>
<div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
<div class="space-y-4">
<div class="flex space-x-4">
<div class="w-2/3">
<div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="w-1/3">
<div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div>
<div class="flex space-x-4">
<div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div><!---->
</div>
<div class="text-center"></div><button
class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
Submit Donation </button>
</form>
<form class="space-y-7">
<div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10"><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$200</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$250</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$550</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$750</p><!---->
</div>
</button>
<div class="flex p-3 space-x-3 border border-solid">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
<div class="flex justify-between mt-1 space-x-2">
<p class="text-[color:var(--donate-product-text)] font-light">$2,500 <!----></p>
<div class="flex items-center"><button
class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
xml:space="preserve" viewBox="0 0 22.354 22.354" class="w-3 h-3">
<path fill="currentColor" d="M0 8.61h22.354v5.133H0z"></path>
</svg></button><input type="tel" class="w-8 h-8 border-none p-0 text-center bg-transparent text-[color:var(--donate-product-text)] outline-none focus:ring-0"><button
class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
viewBox="0 0 256 256" xml:space="preserve" class="w-3 h-3">
<path fill="currentColor" d="M160 96V0H96v96H0v64h96v96h64v-96h96V96z"></path>
</svg></button></div>
</div><!---->
</div>
</div><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
class="object-cover w-full h-full"></div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$5,000</p><!---->
</div>
</button>
</div>
<div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
<div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
<div class="w-full md:w-1/2">
<h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
<div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
<div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
<div class="flex flex-col items-center justify-center w-16 h-16">
<div class="text-3xl font-bold">$</div>
<p class="text-xs uppercase text-light">USD</p>
</div><!---->
</button>
<div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
<div class="text-xl font-bold">$</div>
<p class="text-lg uppercase text-light">USD</p>
</button></div>
</div>
<div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
<div class="flex-shrink-0 pr-5 text-3xl">.00</div>
</div><!---->
<div class="mt-5">
<h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
<div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
<option value="1">No Installments</option>
<option value="2">Divide donation by 2 months ($1,250.00)</option>
<option value="3">Divide donation by 3 months ($833.33)</option>
<option value="4">Divide donation by 4 months ($625.00)</option>
<option value="5">Divide donation by 5 months ($500.00)</option>
<option value="6">Divide donation by 6 months ($416.67)</option>
<option value="7">Divide donation by 7 months ($357.14)</option>
<option value="8">Divide donation by 8 months ($312.50)</option>
<option value="9">Divide donation by 9 months ($277.78)</option>
<option value="10">Divide donation by 10 months ($250.00)</option>
<option value="11">Divide donation by 11 months ($227.27)</option>
<option value="12">Divide donation by 12 months ($208.33)</option>
</select></div>
</div><!---->
</div>
<div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
<p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
<p class="px-5 mt-1 text-xs text-center">will receive</p>
<div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
<div class="text-3xl font-bold text-white">$5,000.00 USD</div><!----><!---->
</div>
<div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
</div>
</div><!----><!---->
</div>
<div class="px-5 space-y-4 md:px-10">
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
<div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
placeholder="type your message or dedication"
class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
</div>
</div>
<div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
<h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
<div class="space-y-2">
<div class="relative flex flex-col md:flex-row md:space-x-2">
<div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
<div class="md:relative mt-2"><button type="button"
class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
<div class="relative flex-1 h-full text-left">
<div class="absolute inset-0 flex items-center">
<div class="truncate">Select Team</div>
</div>
</div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
<path
d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
fill="currentColor"></path>
</svg>
</button>
<div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
<div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
</div>
<div class="flex-1 overflow-auto">
<div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
<div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
</div>
</div>
</div>
</div>
</div><!---->
</div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
</div>
</div>
<div class="mx-5 md:mx-10">
<h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
<div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
</div>
<div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
<div class="space-y-4">
<div class="flex space-x-4">
<div class="w-2/3">
<div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="w-1/3">
<div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div>
<div class="flex space-x-4">
<div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div><!---->
</div>
<div class="text-center"></div><button
class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
Submit Donation </button>
</form>
<form class="space-y-7">
<div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10"><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$200</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$250</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$550</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$750</p><!---->
</div>
</button><button type="button"
class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
</div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
<p class="text-[color:var(--donate-product-text)] font-light mt-1">$2,500</p><!---->
</div>
</button>
<div class="flex p-3 space-x-3 border border-solid">
<div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
class="object-cover w-full h-full"></div>
<div class="flex-1 text-left">
<h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
<div class="flex justify-between mt-1 space-x-2">
<p class="text-[color:var(--donate-product-text)] font-light">$5,000 <!----></p>
<div class="flex items-center"><button
class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
xml:space="preserve" viewBox="0 0 22.354 22.354" class="w-3 h-3">
<path fill="currentColor" d="M0 8.61h22.354v5.133H0z"></path>
</svg></button><input type="tel" class="w-8 h-8 border-none p-0 text-center bg-transparent text-[color:var(--donate-product-text)] outline-none focus:ring-0"><button
class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
viewBox="0 0 256 256" xml:space="preserve" class="w-3 h-3">
<path fill="currentColor" d="M160 96V0H96v96H0v64h96v96h64v-96h96V96z"></path>
</svg></button></div>
</div><!---->
</div>
</div>
</div>
<div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
<div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
<div class="w-full md:w-1/2">
<h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
<div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
<div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
<div class="flex flex-col items-center justify-center w-16 h-16">
<div class="text-3xl font-bold">$</div>
<p class="text-xs uppercase text-light">USD</p>
</div><!---->
</button>
<div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
<div class="text-xl font-bold">$</div>
<p class="text-lg uppercase text-light">USD</p>
</button></div>
</div>
<div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
<div class="flex-shrink-0 pr-5 text-3xl">.00</div>
</div><!---->
<div class="mt-5">
<h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
<div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
<option value="1">No Installments</option>
<option value="2">Divide donation by 2 months ($2,500.00)</option>
<option value="3">Divide donation by 3 months ($1,666.67)</option>
<option value="4">Divide donation by 4 months ($1,250.00)</option>
<option value="5">Divide donation by 5 months ($1,000.00)</option>
<option value="6">Divide donation by 6 months ($833.33)</option>
<option value="7">Divide donation by 7 months ($714.29)</option>
<option value="8">Divide donation by 8 months ($625.00)</option>
<option value="9">Divide donation by 9 months ($555.56)</option>
<option value="10">Divide donation by 10 months ($500.00)</option>
<option value="11">Divide donation by 11 months ($454.55)</option>
<option value="12">Divide donation by 12 months ($416.67)</option>
</select></div>
</div><!---->
</div>
<div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
<p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
<p class="px-5 mt-1 text-xs text-center">will receive</p>
<div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
<div class="text-3xl font-bold text-white">$10,000.00 USD</div><!----><!---->
</div>
<div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
</div>
</div><!----><!---->
</div>
<div class="px-5 space-y-4 md:px-10">
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
<div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
<div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
placeholder="type your message or dedication"
class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
</div>
</div>
<div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
<h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
<div class="space-y-2">
<div class="relative flex flex-col md:flex-row md:space-x-2">
<div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
<div class="md:relative mt-2"><button type="button"
class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
<div class="relative flex-1 h-full text-left">
<div class="absolute inset-0 flex items-center">
<div class="truncate">Select Team</div>
</div>
</div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
<path
d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
fill="currentColor"></path>
</svg>
</button>
<div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
<div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
</div>
<div class="flex-1 overflow-auto">
<div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
<div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
<div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
</div>
</div>
</div>
</div>
</div><!---->
</div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
</div>
</div>
<div class="mx-5 md:mx-10">
<h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
<div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
</div>
<div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
<div class="space-y-4">
<div class="flex space-x-4">
<div class="w-2/3">
<div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="w-1/3">
<div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div>
<div class="flex space-x-4">
<div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div><!---->
</div>
<div class="text-center"></div><button
class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
Submit Donation </button>
</form>
<form class="">
<div class="space-y-4">
<div class="space-y-8 md:flex md:space-y-0 md:space-x-10">
<div class="flex flex-col w-full"><label for="creator_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Your Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="creator_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Team Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="space-y-8 md:flex md:space-y-0 md:space-x-10">
<div class="flex flex-col w-full"><label for="creator_email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Your Email <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="email" inputmode="email" name="creator_email"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="creator_phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Your Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="creator_phone"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="space-y-8 md:flex md:space-y-0 md:space-x-10">
<div class="flex flex-col w-full" inputtype="decimal"><label for="goal" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Team Goal <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><input type="text" inputmode="text" name="goal" required=""
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"
inputtype="decimal"><!----><!----></div><!---->
</div>
<div class="flex flex-col w-full space-y-1">
<div class="flex flex-col w-full"><label for="slug" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Team URL <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="slug"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div>
<div class="flex flex-col w-full"><label for="description" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Description <!----></label><textarea name="description"
class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
</div>
</div><button
class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--create-team-button-text)] hover:text-[color:var(--create-team-button-text)] uppercase bg-[color:var(--create-team-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--create-team-button-background-hover)] md:text-2xl focus:outline-none">
Create my Team </button>
</form>
<form class="">
<div class="space-y-4">
<div class="space-y-8 md:flex md:space-y-0 md:space-x-10">
<div class="flex flex-col w-full"><label for="creator_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Your Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="creator_name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Team Name <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="name"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="space-y-8 md:flex md:space-y-0 md:space-x-10">
<div class="flex flex-col w-full"><label for="creator_email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Your Email <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="email" inputmode="email" name="creator_email"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
<div class="flex flex-col w-full"><label for="creator_phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Your Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="creator_phone"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
<div class="space-y-8 md:flex md:space-y-0 md:space-x-10">
<div class="flex flex-col w-full" inputtype="decimal"><label for="goal" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Team Goal <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><input type="text" inputmode="text" name="goal" required=""
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"
inputtype="decimal"><!----><!----></div><!---->
</div>
<div class="flex flex-col w-full space-y-1">
<div class="flex flex-col w-full"><label for="slug" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Team URL <span class="text-[color:var(--field-label-star)]">*</span></label>
<div class="relative mt-2"><!----><input type="text" inputmode="text" name="slug"
class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
</div><!---->
</div>
</div>
</div>
<div class="flex flex-col w-full"><label for="description" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Description <!----></label><textarea name="description"
class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
</div>
</div><button
class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--create-team-button-text)] hover:text-[color:var(--create-team-button-text)] uppercase bg-[color:var(--create-team-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--create-team-button-background-hover)] md:text-2xl focus:outline-none">
Create my Team </button>
</form>
Text Content
RAISETHON EnglishEn English Hebrew French $227,162 22% OF ORIGINAL GOAL $1,000,000 Raised 2X Matched Donate Now Campaign Ends In 0 1 Days : 2 3 Hours : 4 1 Minutes : 1 0 Seconds 2X MATCHED MR. ERIC ROTHNER RESNICK AUTO GROUP FRIENDS OF CHEDER LUBAVITCH MS CAPITAL VENTURES Dedication OpportunityWho We Are CHEDER LUBAVITCH HEBREW DAY SCHOOL, INC Email:mwolf@clhds.com Phone: 8476756777 Tax ID: 36-3332947 PRODUCTS DONATE A STUDENT LOCKER $200 DONATE A STUDENT DESK $250 DONATE A TEACHER'S DESK $550 DONATE A WATER FOUNTAIN $750 DONATE A LUNCH TABLE $2,500 DONATE A INTERACTIVE WHITEBOARD $5,000 67 TEAMS Create a Team Sort ByTeam NameHighest GoalLowest GoalMost RaisedLeast RaisedNearest to GoalMost DonorsLeast Donors Create a Team Wolf Family $27,708 of $36,000 Raised 12 Donors Visit Team Page Werbler Family $20,400 of $25,000 Raised 2 Donors Visit Team Page Yarmove $7,280 of $10,000 Raised 5 Donors Visit Team Page Glaser $5,968 of $10,000 Raised 4 Donors Visit Team Page Stern family $4,752 of $5,000 Raised 3 Donors Visit Team Page Shney K. $3,394 of $10,000 Raised 12 Donors Visit Team Page Cheder Alumni $2,264 of $50,000 Raised 6 Donors Visit Team Page Fine Family team $2,108 of $4,000 Raised 8 Donors Visit Team Page Osmunson $2,016 of $2,000 Raised 10 Donors Visit Team Page Liberow Family $2,000 of $2,000 Raised 1 Donors Visit Team Page Atkins $2,000 of $2,000 Raised 1 Donors Visit Team Page Shemtov $2,000 of $1,000 Raised 1 Donors Visit Team Page Moscowitz $1,800 of $3,600 Raised 1 Donors Visit Team Page Wrightman $1,664 of $2,000 Raised 8 Donors Visit Team Page Yoel Wolf $1,532 of $3,600 Raised 7 Donors Visit Team Page Load More 170 DONORS NewestOldestHighestLowest BINYOMIN SCHEIMAN 1 minute ago $100 With Schanowitz SHOLOM & ROCHEL MEYER 7 minutes ago $720 With Wrightman CHANA A MANGEL 7 minutes ago $108 With Shney K. לעילוי נשמת שטערנא שרה בת ר׳ יהושע העשל ANONYMOUS 7 minutes ago $1,000 In honor of Rabbi Twerski and Rabbi Brody ELI SPIRN 8 minutes ago $36 CHICAGO MERCANTILE EXCHANGE 8 minutes ago $20,000 Your friends at CME THE JEWISH GATOR NATION 12 minutes ago $360 In honor of Rabbi's Twersky, Wolf & all the teachers & staff. THANK YOU! MORDECHAI STERN 12 minutes ago $1,080 With Stern family NATHAN HERZOG 15 minutes ago $2,400 With Yarmove In honour of our special friend Yakov. The Kedem / gefen family ESTHER ALIMA 16 minutes ago $400 With Wolf Family ANONYMOUS 17 minutes ago $1,000 ANONYMOUS 17 minutes ago $14,000 With Wolf Family In memory of Mr. Seymour Abrams who dedicated his life to Jewish causes and charities especially to Cheder Lubavitch. Will always be remembered. CAROLYN AND IKE SOFFER 18 minutes ago $72 With Wolf Family NOACH & DEVORY FOX 30 minutes ago $200 With Zirkind In honor of the Zirkinds!! MEIR AND ESTY GLUCK 37 minutes ago $100 With Wrightman Load More RAISETHON Raising funding, recognition and awareness for the 21st century. GET IN TOUCH PHONE +1 347-878-7866 EMAIL info@raisethon.com Terms of ServicePrivacy Policy © 2022 RaiseThon LLC, All rights Reserved DONATE NOW DONATE A STUDENT LOCKER $200 DONATE A STUDENT DESK $250 DONATE A TEACHER'S DESK $550 DONATE A WATER FOUNTAIN $750 DONATE A LUNCH TABLE $2,500 DONATE A INTERACTIVE WHITEBOARD $5,000 YOUR AMOUNT $ USD $ USD .00 DONATE IN INSTALLMENTS No Installments Cheder Lubavitch Hebrew Day School, Inc will receive $0.00 USD Every dollar is being matched 2X First Name * Last Name * Email * Phone * Display Name * I would like to donate anonymously Message or Dedication TEAM DONATION I would like to donate to the following team Select Team Wolf Family Werbler Family Yarmove Glaser Stern family Shney K. Cheder Alumni Fine Family team Osmunson Liberow Family Atkins Shemtov Moscowitz Wrightman Yoel Wolf Load More Donate to multiple teams PAYMENT METHOD Street * Apt City * State * Zip * Submit Donation DONATE NOW DONATE A STUDENT LOCKER $200 DONATE A STUDENT DESK $250 DONATE A TEACHER'S DESK $550 DONATE A WATER FOUNTAIN $750 DONATE A LUNCH TABLE $2,500 DONATE A INTERACTIVE WHITEBOARD $5,000 YOUR AMOUNT $ USD $ USD .00 DONATE IN INSTALLMENTS No InstallmentsDivide donation by 2 months ($100.00)Divide donation by 3 months ($66.67)Divide donation by 4 months ($50.00)Divide donation by 5 months ($40.00)Divide donation by 6 months ($33.33)Divide donation by 7 months ($28.57)Divide donation by 8 months ($25.00)Divide donation by 9 months ($22.22)Divide donation by 10 months ($20.00)Divide donation by 11 months ($18.18)Divide donation by 12 months ($16.67) Cheder Lubavitch Hebrew Day School, Inc will receive $400.00 USD Every dollar is being matched 2X First Name * Last Name * Email * Phone * Display Name * I would like to donate anonymously Message or Dedication TEAM DONATION I would like to donate to the following team Select Team Wolf Family Werbler Family Yarmove Glaser Stern family Shney K. Cheder Alumni Fine Family team Osmunson Liberow Family Atkins Shemtov Moscowitz Wrightman Yoel Wolf Load More Donate to multiple teams PAYMENT METHOD Street * Apt City * State * Zip * Submit Donation DONATE NOW DONATE A STUDENT LOCKER $200 DONATE A STUDENT DESK $250 DONATE A TEACHER'S DESK $550 DONATE A WATER FOUNTAIN $750 DONATE A LUNCH TABLE $2,500 DONATE A INTERACTIVE WHITEBOARD $5,000 YOUR AMOUNT $ USD $ USD .00 DONATE IN INSTALLMENTS No InstallmentsDivide donation by 2 months ($125.00)Divide donation by 3 months ($83.33)Divide donation by 4 months ($62.50)Divide donation by 5 months ($50.00)Divide donation by 6 months ($41.67)Divide donation by 7 months ($35.71)Divide donation by 8 months ($31.25)Divide donation by 9 months ($27.78)Divide donation by 10 months ($25.00)Divide donation by 11 months ($22.73)Divide donation by 12 months ($20.83) Cheder Lubavitch Hebrew Day School, Inc will receive $500.00 USD Every dollar is being matched 2X First Name * Last Name * Email * Phone * Display Name * I would like to donate anonymously Message or Dedication TEAM DONATION I would like to donate to the following team Select Team Wolf Family Werbler Family Yarmove Glaser Stern family Shney K. Cheder Alumni Fine Family team Osmunson Liberow Family Atkins Shemtov Moscowitz Wrightman Yoel Wolf Load More Donate to multiple teams PAYMENT METHOD Street * Apt City * State * Zip * Submit Donation DONATE NOW DONATE A STUDENT LOCKER $200 DONATE A STUDENT DESK $250 DONATE A TEACHER'S DESK $550 DONATE A WATER FOUNTAIN $750 DONATE A LUNCH TABLE $2,500 DONATE A INTERACTIVE WHITEBOARD $5,000 YOUR AMOUNT $ USD $ USD .00 DONATE IN INSTALLMENTS No InstallmentsDivide donation by 2 months ($275.00)Divide donation by 3 months ($183.33)Divide donation by 4 months ($137.50)Divide donation by 5 months ($110.00)Divide donation by 6 months ($91.67)Divide donation by 7 months ($78.57)Divide donation by 8 months ($68.75)Divide donation by 9 months ($61.11)Divide donation by 10 months ($55.00)Divide donation by 11 months ($50.00)Divide donation by 12 months ($45.83) Cheder Lubavitch Hebrew Day School, Inc will receive $1,100.00 USD Every dollar is being matched 2X First Name * Last Name * Email * Phone * Display Name * I would like to donate anonymously Message or Dedication TEAM DONATION I would like to donate to the following team Select Team Wolf Family Werbler Family Yarmove Glaser Stern family Shney K. Cheder Alumni Fine Family team Osmunson Liberow Family Atkins Shemtov Moscowitz Wrightman Yoel Wolf Load More Donate to multiple teams PAYMENT METHOD Street * Apt City * State * Zip * Submit Donation DONATE NOW DONATE A STUDENT LOCKER $200 DONATE A STUDENT DESK $250 DONATE A TEACHER'S DESK $550 DONATE A WATER FOUNTAIN $750 DONATE A LUNCH TABLE $2,500 DONATE A INTERACTIVE WHITEBOARD $5,000 YOUR AMOUNT $ USD $ USD .00 DONATE IN INSTALLMENTS No InstallmentsDivide donation by 2 months ($375.00)Divide donation by 3 months ($250.00)Divide donation by 4 months ($187.50)Divide donation by 5 months ($150.00)Divide donation by 6 months ($125.00)Divide donation by 7 months ($107.14)Divide donation by 8 months ($93.75)Divide donation by 9 months ($83.33)Divide donation by 10 months ($75.00)Divide donation by 11 months ($68.18)Divide donation by 12 months ($62.50) Cheder Lubavitch Hebrew Day School, Inc will receive $1,500.00 USD Every dollar is being matched 2X First Name * Last Name * Email * Phone * Display Name * I would like to donate anonymously Message or Dedication TEAM DONATION I would like to donate to the following team Select Team Wolf Family Werbler Family Yarmove Glaser Stern family Shney K. Cheder Alumni Fine Family team Osmunson Liberow Family Atkins Shemtov Moscowitz Wrightman Yoel Wolf Load More Donate to multiple teams PAYMENT METHOD Street * Apt City * State * Zip * Submit Donation DONATE NOW DONATE A STUDENT LOCKER $200 DONATE A STUDENT DESK $250 DONATE A TEACHER'S DESK $550 DONATE A WATER FOUNTAIN $750 DONATE A LUNCH TABLE $2,500 DONATE A INTERACTIVE WHITEBOARD $5,000 YOUR AMOUNT $ USD $ USD .00 DONATE IN INSTALLMENTS No InstallmentsDivide donation by 2 months ($1,250.00)Divide donation by 3 months ($833.33)Divide donation by 4 months ($625.00)Divide donation by 5 months ($500.00)Divide donation by 6 months ($416.67)Divide donation by 7 months ($357.14)Divide donation by 8 months ($312.50)Divide donation by 9 months ($277.78)Divide donation by 10 months ($250.00)Divide donation by 11 months ($227.27)Divide donation by 12 months ($208.33) Cheder Lubavitch Hebrew Day School, Inc will receive $5,000.00 USD Every dollar is being matched 2X First Name * Last Name * Email * Phone * Display Name * I would like to donate anonymously Message or Dedication TEAM DONATION I would like to donate to the following team Select Team Wolf Family Werbler Family Yarmove Glaser Stern family Shney K. Cheder Alumni Fine Family team Osmunson Liberow Family Atkins Shemtov Moscowitz Wrightman Yoel Wolf Load More Donate to multiple teams PAYMENT METHOD Street * Apt City * State * Zip * Submit Donation DONATE NOW DONATE A STUDENT LOCKER $200 DONATE A STUDENT DESK $250 DONATE A TEACHER'S DESK $550 DONATE A WATER FOUNTAIN $750 DONATE A LUNCH TABLE $2,500 DONATE A INTERACTIVE WHITEBOARD $5,000 YOUR AMOUNT $ USD $ USD .00 DONATE IN INSTALLMENTS No InstallmentsDivide donation by 2 months ($2,500.00)Divide donation by 3 months ($1,666.67)Divide donation by 4 months ($1,250.00)Divide donation by 5 months ($1,000.00)Divide donation by 6 months ($833.33)Divide donation by 7 months ($714.29)Divide donation by 8 months ($625.00)Divide donation by 9 months ($555.56)Divide donation by 10 months ($500.00)Divide donation by 11 months ($454.55)Divide donation by 12 months ($416.67) Cheder Lubavitch Hebrew Day School, Inc will receive $10,000.00 USD Every dollar is being matched 2X First Name * Last Name * Email * Phone * Display Name * I would like to donate anonymously Message or Dedication TEAM DONATION I would like to donate to the following team Select Team Wolf Family Werbler Family Yarmove Glaser Stern family Shney K. Cheder Alumni Fine Family team Osmunson Liberow Family Atkins Shemtov Moscowitz Wrightman Yoel Wolf Load More Donate to multiple teams PAYMENT METHOD Street * Apt City * State * Zip * Submit Donation CREATE A TEAM Your Name * Team Name * Your Email * Your Phone * Team Goal * Team URL * Description Create my Team CREATE A TEAM Your Name * Team Name * Your Email * Your Phone * Team Goal * Team URL * Description Create my Team