, but this code // executes before the first paint, when

ÃÛÌÒapp

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); How to Give Give to ÃÛÌÒapp | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

How to Give

Start building a legacy today.

Whether you give now, establish a monthly or annual gift, or develop a planned gift, your generosity has a lasting impact on ÃÛÌÒapp students. Your support makes their future possible, and we’ll help you find a way to give that fits you.

Immediate impact

Give Online

Use our secure online giving form to make your gift today.

Ìý

By PhoneÌý

We’re happy to answer your questions or take your gift over the phone at:

(616) 526-6090

Ìý

By MailÌý

Make your check payable to ÃÛÌÒapp, add your designation in the memo line, and mail it to:

ÃÛÌÒappÌý
Development OfficeÌý
3201 Burton St. SEÌýÌý
Grand Rapids, MI 49546

Ìý

Matching GiftsÌý

Make your gift go further! Check to see if your employer will match your contribution.

Search

Ìý

Payroll DeductionÌý

ÃÛÌÒapp employees can set up an automatic deduction.

Log In

Ìý

In Honor or MemoryÌý

To make a gift in honor or in memory of someone, simply fill out our online giving form.

Ìý

Gift of StockÌýÌý

Get instructions on how to make a gift via a stock transfer.

Ìý

Fulfill a PledgeÌý

If you made a pledge, you can fulfill it online.

Ìý

IRA GiftÌý

If you’re over 70 ½, take advantage of a charitable rollover gift from your IRA.

Ìý

Donor Advised FundÌý

Give to ÃÛÌÒapp using your donor advised fund.

Ìý

Sustained giving

Recurring GiftsÌýÌý

Set up a recurring gift quickly and easily on our online form.

Ìý

Planned GiftsÌý

Let us help you find a giving plan that fits your goals.

Ìý

OtherÌý

We’d love to talk to you about real estate, securities, or other ideas you have for giving. Give us a call at:

(616) 526-6090

Loading...