Give Now - Louisiana State University

<!DOCTYPE html><html id="HTML" xmlns="http://www.w3.org/1999/xhtml" lang="en-us"> <head id="PageHead"><title> Give Now - Louisiana State University </title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema" /><link rel="stylesheet" href="/stylesheet0.637177174891600000.css?id=0&iuqt=1" type="text/css" /> <link rel="stylesheet" href="/Client/Styles/IE8Menu.css?&iuqt=1" type="text/css" /> <link rel="stylesheet" href="/Client/Styles/Checkout/BBCheckout.css" type="text/css" /> <link rel='SHORTCUT ICON' href='view.image?id=404' type='image/x-icon' /><link rel='ICON' href='view.image?id=404' type='image/x-icon' /><meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" sizes="180x180" href="/image/brand/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/image/brand/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/image/brand/favicon-16x16.png"> <link rel="mask-icon" href="/image/brandsafari-pinned-tab.svg" color="#461d7c"> <meta name="msapplication-TileColor" content="#603cba"> <meta name="theme-color" content="#ffffff"> <script>document.documentElement.classList.add('layout-adf')</script> <link rel="stylesheet" href="/file/bbis-adf-lsu.css"> <link rel="stylesheet" href="/file/bbis-lsu.css"> <link href="https://doublethedonation.com/api/css/ddplugin.css" rel="stylesheet"/> <script> window.ZU_ADF = { constants: { doubleTheDonationKey: null, fundCatagories: [], fundDisplayFlag: null, fundKeys: ['id', 'lookupId', 'name', 'category'], fundSearchKeys: ['name'], handlerURL: "https://bbis32491p.sky.blackbaud.com/components/custom.ashx?handler=ZuriGroup.LSU.BBISHandlers.Designations", steps: [ { id: 'giftInfo', backBtn: false, cancelBtn: true, text: 'Make a Gift', completedText: 'Add Gift', nextButtonHtml: '<span>Gift Information</span>', }, { id: 'giftReview', backBtn: false, cancelBtn: false, text: 'Gift Information', completedText: '', nextButtonHtml: '<span>Checkout</span>', }, { id: 'confirm', backBtn: true, cancelBtn: false, text: 'Checkout', completedText: '', nextButtonHtml: '<span>Make Payment</span>', } ], }, guids: { affiliations: '0C21B8C6-F214-4EE2-A904-9E15A5EC01A4', affiliationsCodeTable: 'ea90d953-684a-4fbb-9cb1-87042bb05375', // for retrieving affiliation values from CRM appeals: '01c4c95c-f4d0-4dd5-aad9-d5b762950836', // for retrieving appeals from CRM childInfo: '509F973E-B882-4C51-B99F-2E59B00062AB', matchingGiftEmployer: '1B3DC620-DFEA-4FE7-A228-EB512F6D01E6', preferredJointName: '95B30BE9-9F8B-4E08-BC77-63FFC7CAF05A', spouseFirstName: '734CE607-E12B-4B73-841A-190795E63241', spouseLastName: '81C2C843-E475-4756-BCF1-58013A0EAD06', tafPoints: '80ACDECE-CC21-4E55-8A82-1B8E380CFA1F', writeInFund: 'aa21ce9b-4710-49bb-a5bb-ecba04d1429e', // default fund ID for write in designation writeInFundInput: 'FA5D0C7D-F9C9-4F4F-BF8D-C26F3E827E91', }, options: { enableAnonymous: false, enableComments: true, enableCorporate: true, enableDoubleTheDonation: false, enableFeeCover: false, enableGraduationYear: false, enableJointGift: true, enableMatching: true, enableOtherAmount: true, enablePayroll: false, enablePledge: false, enableQuickForm: false, enableRecurring: true, enableSearch: true, enableTribute: true, enableWriteIn: true, } } </script><base id="baseId" target="_self"></base><meta name="last-modified" content="12/13/2023 5:14:38 PM" /></head> <body id="BodyId" style="margin: 0px; padding: 0px; border: 0px"> <form method="post" action="/give-now" onsubmit="javascript:return WebForm_OnSubmit();" id="form1"> <div class="aspNetHidden"> <input type="hidden" name="ScriptManager1_HiddenField" id="ScriptManager1_HiddenField" value="" /> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="EBh6tOUT6YyyNHV0qVsPu1cWxNt62obUSs1ufA6EPCH5bWJW7OhB/9e5iIPXpIYcwpuNi1Q6bUnNVClCO+I12Gkt3veDm3wqCaqU2zo/nvxBp7sOtNSldgNStMHuoQJTWG5Z0JJEG7PELUGAEOb8ke4VeXOpb3NaQGMYX5dcFDfw4F0QmRy4jkNpMbDL+Rzsisx2WkBrpZHJAPt0kmLp2gCrqqBlS0eXWESmse0/tdZy0/6Vu5+O56+Ltdf++kdkr1ptT454BBn8Df4+VlFhx+RtUJVnFU92weaTxj5zLH4p/r5WGDnULcmQismqZ427j0hVRtvglwuxSTrAjreCA/1zVvDx2/z7wLBQNbper50+nNSECDAIaGYOyDA/35IWHSyfBEIzrNY3O/ggyNiq+ouZsYxDDs5/0KZr5me4q03z+xthBkmf60bABbNJ/wjqB7Yq7irnRado3JfHITQK+qf5A2RzO1ap4IIlWEEZA6ZRuwnlnnCgiQ149FurChngisgWRxc5iqB6TtJpEvROEz5fpp1xf82v37Xp0+SnW69kl1ge+rYByiO4oouK4YInLnhCNA8NbZUO1SJf2GI/Co2lKHZnPFuhGdW5kuB9lB3gIBo+8er6ltPDN+itKN3CQPI7KZaXFYwr9YPiCIo3ZXhloFIemCV9QvcsqOOtJytQYxu5OWbKaWbOsFdC6enXXqntqvvgu7EzQEhn8/ijGC79duufP/t8qfxC4CUFndyB+TkWjp2IOikcrvLLdLOMsVqWV/5VBXqEXUYi7wdSu0YSUvwzYsuhILgGIKZaWdihhgvRll4TWM8ELmNi/d32MIEIv5MqEQtSpZT1ZLH9owqaJTAzndCJuyKbw6n+9Li44rSVlTr2WsKehZfNJylbdNAyUUvZRhtWvxq6i2JpMMc5auhszxdrTe40bL+1jwODmax+NtFZk8bLHmzcWOK3mePx8TmB2MNHpsC/LVdBv6eq2dJVob9bJcDtWJkANwUr2TQGfoLu+QYCvgxYosxayVnQKdDpUV5moPV9VQEqvEi16rX9e09JFiaRKq2kBWYfelGknWPQmxKewHz+vEeTWXkcev0UY9hmjOIMvQOKbPsC1BtRu1koviNuW1a5i8R+L2W8GnrkDTwT2uFQg0iQYeye2Tf+hELvAJfONrD7O0TjHoDEq2alcyFBXZAEzpT+rxu904rLYVT03M2fVtWEQOCaX/9RdOOw5i3plo1MIaQqD8SnjMuv9a4W4rwcFcNEc13i5oe4t2B3NLTF2PcjM9wdVght+Jah25bpq/kGwYHYg0KgP9xSLlxrE89Tz2lgOG2A7Vln0ddSF89tThCEjKMIEr1bLJU1xd4n+5OFT/H9YEO1A0mk4sizIbvgRPE=" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['form1']; if (!theForm) { theForm = document.form1; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZLWiReLhoGZR-CqSnBlvhdJKhEBaR9ASn1epASccIfacZhvLQ5-crrID8U1fb0EvTw2&t=638628027619783110" type="text/javascript"></script> <script src="/Client/Scripts/API/BBAPI-min.js?bbjsversion=7.2.2.3212" type="text/javascript"></script> <script src="/Client/Scripts/Bbnccore-min.js?bbjsversion=7.2.2.3212" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var LOGGEDIN = "";//]]> </script> <script src="/Client/Scripts/jquery/3.6.0/jquery.min.js" type="text/javascript"></script> <script src="/Client/Scripts/jqueryui/1.13.0/jquery-ui.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ BLACKBAUD.netcommunity.jQuery.setVersionReference();//]]> </script> <script src="/Client/Scripts/jquery/jquery.validate.js" type="text/javascript"></script> <script src="/Client/Scripts/jquery/additional-methods.js" type="text/javascript"></script> <script src="/Client/Scripts/jquery/jquery.maskedinput-1.1.4.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ ROOT_PATH = 'https://bbis32491p.sky.blackbaud.com/'; BLACKBAUD.api.pageInformation.rootPath = 'https://bbis32491p.sky.blackbaud.com/';BLACKBAUD.netcommunity.WebMethodsURL = 'https://bbis32491p.sky.blackbaud.com/webservices/webmethods.asmx';BLACKBAUD.netcommunity.images = BLACKBAUD.netcommunity.images || {}; BLACKBAUD.netcommunity.images.imageUrlPrefix = 'https://bbis32491p.sky.blackbaud.com/view.image?id=';modallvl = 0; ;var isIE = (window.ActiveXObject || "ActiveXObject" in window);;var DebugMode = false; ;var isAdminPage = false;;BLACKBAUD.netcommunity.bbAppFxRoot = 'https://crm32491p.sky.blackbaud.com/32491p';;BLACKBAUD.netcommunity.bbAppFxDB = '32491p';;BLACKBAUD.netcommunity.PageID = 200; BLACKBAUD.api.pageInformation.pageId = 200;;//]]> </script> <script src="/client/scripts/json2.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var checkoutData = '{"ClientAppName":"BBIS","MerchantAccountId":"4c86f463-2c0a-4e17-aa36-18802f49e30c","PublicKey":"081519c5-8f39-43b7-9e7f-85bf80bca9ff","TransactionType":1,"WorkflowType":1,"APIControllerName":"Payment","IsEmailRequired":true,"PrimaryColor":"#461d7c","SecondaryColor":"","FontFamily":"opensans","UseCaptcha":false,"IsNameVisible":true,"HandleBrowserClosing":true,"TempConfirmationContentHTML":null,"AllowSiteTracking":false,"TokenId":"7327b2eb-e2a5-4256-8529-a41f10362f31","MACheckoutSupported":true,"DataKey":"aeb9074b-9edf-4817-b4bf-eeda895bc7e8"}'//]]> </script> <script src="https://payments.blackbaud.com/Checkout/bbCheckout.2.0.js" type="text/javascript"></script> <script src="/Client/Scripts/paymentcore-min.js?bbjsversion=7.2.2.3212" type="text/javascript"></script> <script src="/ScriptResource.axd?d=x6wALODbMJK5e0eRC_p1LVsuQxGxBTZJs3EU1niJkrRJa-kRZnFJilGceOX6wf2MmnKP5bgd9ELy6eKp3oMgqVGfUpEw37eETlq78wlodOJUvuZsUxSDapMdo7Aj4OTn0&t=ffffffffec54f2d7" type="text/javascript"></script> <script src="/ScriptResource.axd?d=P5lTttoqSeZXoYRLQMIScDBcxcD2d4hdguea39kh1Uu9NRdFpNUdVeJjutv52GMkNTIeiEdOSvgnYxzgSjrf0XN9b6ItbEN0-RWPz18d_ElXYsJsThin8JBsTeyQ9kGt0&t=ffffffffec54f2d7" type="text/javascript"></script> <script src="/Client/Scripts/webkit.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function WebForm_OnSubmit() { BLACKBAUD.netcommunity.setBrowserDateTimeForServer('hidBrowserDateTime'); return true; } //]]> </script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="8CAEDFE0" /> <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" /> </div> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ScriptManager1', 'form1', [], [], [], 90, ''); //]]> </script>  <style> /* Loading skeleton */ .skeleton-line { width: 100%; } .loaded .skeleton-container { display: none; } /* Loading spinner */ .BBDonationApiContainer+.spinner { display: none !important; } /* Hides form until assets have loaded. */ [id$="_UpdatePanel"], .BBFormTable, .skyContainer, .BBEventRegSequenceMapContentContainer, #MembershipDisplay .PaymentPart_FormContainer, .pageName, .imod_formWrapper { transition: opacity .3s linear; } [id$="_UpdatePanel"], .BBFormTable, .skyContainer, .BBEventRegSequenceMapContentContainer, #MembershipDisplay, .PaymentPart_FormContainer, .pageName, .imod_formWrapper { opacity: 0; } .loaded .pageName, .loaded .imod_formWrapper { opacity: 1; } .loaded:not(.loading) .BBDonationApiContainer, .loaded:not(.loading) [id$="_UpdatePanel"], .loaded:not(.loading) .BBFormTable, .loaded:not(.loading) #MembershipDisplay, .loaded:not(.loading) .PaymentPart_FormContainer, .loaded:not(.loading) .skyContainer, .loaded:not(.loading) .BBEventRegSequenceMapContentContainer { opacity: 1; } html:not(.loaded) .tab-content, html:not(.loaded) .main .sidebar, html:not(.loaded) .form-submit { display: none; } .loaded .tab-content { display: block; } .loaded .form-submit { display: flex; } /* Various overrides for viewing page in Template and Page designers */ #form1[action*=pagedesign]>[class*=container] { min-height: 20em; } #form1[action*=pagedesign] .spinner { position: static; height: auto; width: auto; display: block; transform: none; } #form1[action*=pagedesign] .spinner-border { animation: none; } #form1[action*=pagedesign] .banner { height: auto; overflow: visible; } #form1[action*=pagedesign] .banner img { height: auto; object-fit: none; position: static; width: auto; } #form1[action*=pagedesign] .banner::after { display: none; } #form1[action*=pagedesign] .page-bg { background-image: none; position: static; } #form1[action*=pagedesign] .page-bg img { display: inline; height: 16px; min-height: 0; object-fit: none; width: 16px; position: static; } #form1[action*=pagedesign] .visually-hidden { clip: inherit !important; border: 0 !important; height: auto !important; margin: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; white-space: normal !important; width: auto !important; } #form1[action*=pagedesign] [class*="-none"], #form1[action*=pagedesign] .collapse, #form1[action*=pagedesign] .fade { display: block !important; opacity: 1 !important; } </style>  <div> </div> <div class="skip-to-main"> <div role="navigation" aria-label="Skip to main content"><a class="skip visually-hidden-focusable" href="#main">Skip to main content</a></div> </div> <div> <header class="header"><nav class="navbar"> <div class="container-fluid"><a class="navbar-brand" href="https://www.lsufoundation.org" aria-label="Louisiana State University"> <img alt="" height="600" src="https://bbis32491p.sky.blackbaud.com/image/brand/logo.png" width="825" /></a></div> </nav></header> </div> <div class="container container-banner"> <section class="banner"></section> </div> <section class="page-bg fade"> <p><img alt="Aerial view of LSU campus" height="1474" src="https://bbis32491p.sky.blackbaud.com/image/brand/bg-page.jpg" width="2250" /></p> </section> <div class="container container-main"> <div class="row align-items-center"> <div class="sidebar order-last order-lg-first d-none"></div> <main class="main" id="main"><div id="PC628_ctl00_Container" class="BBDonationApiContainer" data-partid="528" partid="0" cnstType="False" serverMonth="12" serverDay="3" serverYear="2024" ClientSitesID="1">  <div class="d-none">  <template id="giftRowTemplate"> <li class="gift list-group-item bg-transparent"> <div class="gift-row row align-items-center"> <div class="col-12 col-sm-7 col-md"> <div class="gift-name"> </div> </div> <div class="col-auto col-sm-5 col-md-auto"> <div class="input-group"> <span class="input-group-text">$</span> <input type="text" class="form-control" aria-label="Edit gift amount" inputmode="decimal" autocomplete="photo" /> </div> </div> <div class="col-12"> <fieldset class="btn-group"> <legend class="visually-hidden">Actions</legend> <button type="button" class="btn btn-link btn-edit">Edit</button> <button type="button" class="btn btn-link btn-remove">Delete</button> </fieldset> </div> </div> <input type="hidden" class="gift-category" /> <input type="hidden" class="gift-unit" /> <input type="hidden" class="gift-area" /> <input type="hidden" class="gift-fund" /> <input type="hidden" class="fund-search" /> <input type="hidden" class="fund-specified" /> </li> </template>  <template id="selectCompanyCheckbox"> <div class="form-check"> <input class="form-check-input" type="checkbox" value="true" id="selectCompany" name="selectCompany" /> <label class="form-check-label" for="selectCompany">Set <strong id="jsCompanyName"> </strong> as my employer</label> </div> </template> </div>   <div class="adf" id="adf" role="form" aria-label="Make a donation"> <ul id="navPills" class="nav nav-pills nav-justified d-none-quick-form" role="tablist"> <li class="nav-item" role="presentation"><button class="nav-link active" id="gift-info-tab" data-bs-toggle="tab" data-bs-target="#giftInfo" type="button" role="tab" aria-controls="giftInfo" aria-selected="true"> <span class="pill-number"></span> <span class="completed-indicator" role="presentation"></span> <span class="action-indicator" role="presentation"></span> <span class="pill-text"></span> </button></li> <li class="nav-item" role="presentation"><button class="nav-link" id="gift-review-tab" data-bs-toggle="tab" data-bs-target="#giftReview" type="button" role="tab" aria-controls="giftReview" aria-selected="false"> <span class="pill-number"></span> <span class="completed-indicator" role="presentation"></span> <span class="action-indicator" role="presentation"></span> <span class="pill-text"></span> </button></li> <li class="nav-item" role="presentation"><button class="nav-link" id="confirm-tab" data-bs-toggle="tab" data-bs-target="#confirm" type="button" role="tab" aria-controls="confirm" aria-selected="false"> <span class="pill-number"></span> <span class="completed-indicator" role="presentation"></span> <span class="action-indicator" role="presentation"></span> <span class="pill-text"></span> </button></li> </ul>   <div class="skeleton-container" aria-hidden="true"> <div class="justify-content-center row"> <div class="col-5 p-0"> <div class="skeleton skeleton-line" style="--l-h: 1.75rem;"></div> </div> </div> <div class="justify-content-center row"> <div class="col-12 p-0"> <div class="skeleton skeleton-line" style="--l-h: 2.5rem;"></div> </div> <div class="col-6 mt-3 p-0"> <div class="rounded-3 skeleton skeleton-line" style="--l-h: 1.75rem;"></div> </div> <div class="col-12 p-0"> <div class="skeleton skeleton-line" style="--l-h: 2.5rem;"></div> </div> </div> <div class="justify-content-center mt-1 row"> <div class="col-4 p-0"> <div class="skeleton skeleton-line" style="--l-h: 1.75rem;"></div> </div> </div> <div class="row"> <div class="col-4 p-0"> <div class="skeleton skeleton-line" style="--l-h: 2.5rem;"></div> </div> <div class="col-4 p-0"> <div class="skeleton skeleton-line" style="--l-h: 2.5rem;"></div> </div> <div class="col-4 p-0"> <div class="skeleton skeleton-line" style="--l-h: 2.5rem;"></div> </div> <div class="col-4 p-0"> <div class="skeleton skeleton-line" style="--l-h: 2.5rem;"></div> </div> <div class="col-4 p-0"> <div class="skeleton skeleton-line" style="--l-h: 2.5rem;"></div> </div> <div class="col-4 p-0"> <div class="skeleton skeleton-line" style="--l-h: 2.5rem;"></div> </div> <div class="mt-3 p-0"> <div class="skeleton skeleton-line" style="--l-h: 3rem;"></div> </div> </div> </div>   <div class="tab-content">  <section class="gift-info panel tab-pane fade show active d-none-quick-form" id="giftInfo" role="tabpanel" aria-labelledby="gift-info-tab"> <h1 class="visually-hidden" tabindex="0">Add a Gift</h1>  <div class="d-none" id="preSelected"> <p class="form-label">Your gift will be made to</p> <div class="fs-4 mb-5" id="jsPreselectedFund"> </div> <p class="form-label">Please select an amount</p> </div>   <div id="userSelected"> <fieldset class="funds active"> <legend>I would like to give to:</legend> <ul class="list-unstyled d-grid" role="tablist"> <li role="presentation"> <button class="category btn w-100 active" id="featuredTab" value="featured" data-bs-toggle="tab" data-bs-target="#featured" type="button" role="tab" aria-controls="featured" aria-selected="true">Featured</button> </li> <li role="presentation"> <button class="category btn w-100" id="academicsTab" value="academics" data-bs-toggle="tab" data-bs-target="#academics" type="button" role="tab" aria-controls="academics" aria-selected="false" tabindex="-1">Academics</button> </li> <li role="presentation"> <button class="category btn w-100" id="universityLifeTab" value="universityLife" data-bs-toggle="tab" data-bs-target="#universityLife" type="button" role="tab" aria-controls="universityLife" aria-selected="false" tabindex="-1">University Life</button> </li> <li role="presentation"> <button class="category btn w-100" id="artsAndCultureTab" value="artsAndCulture" data-bs-toggle="tab" data-bs-target="#artsAndCulture" type="button" role="tab" aria-controls="artsAndCulture" aria-selected="false" tabindex="-1">Arts & Culture</button> </li> </ul> <div class="tab-content"> <div class="tab-pane fade show active" id="featured" role="tabpanel" data-category="MSU Priorities" aria-labelledby="featuredTab"> <div class="row"> <div class="col"> <label class="form-label" for="fundSelectFeatured">Which fund?</label> <select class="form-select fund-select" id="fundSelectFeatured" name="fundSelectFeatured" required=""> <option value="" selected="" />Select * </select> </div> </div> </div> <div class="tab-pane fade" id="academics" role="tabpanel" data-category="Academics" aria-labelledby="academicsTab"> <div class="row"> <div class="col"> <label class="form-label" for="unitSelectAcademics">Which area?</label> <select class="form-select unit-select" id="unitSelectAcademics" name="unitSelectAcademics" required=""> <option value="" selected="" /> Select * </select> </div> </div> <div class="row d-none"> <div class="col"> <label class="form-label" for="areaSelectAcademics">Which unit?</label> <select class="form-select area-select" id="areaSelectAcademics" name="areaSelectAcademics" required=""> <option value="" selected="" /> Select * </select> </div> </div> <div class="row d-none"> <div class="col"> <label class="form-label" for="fundSelectAcademics">Which fund?</label> <select class="form-select fund-select" id="fundSelectAcademics" name="fundSelectAcademics" required=""> <option value="" selected="" /> Select * </select> </div> </div> </div> <div class="tab-pane fade" id="universityLife" role="tabpanel" data-category="University Life" aria-labelledby="universityLifeTab"> <div class="row"> <div class="col"> <label class="form-label" for="unitSelectUniversityLife">Which area?</label> <select class="form-select unit-select" id="unitSelectUniversityLife" name="unitSelectUniversityLife" required=""> <option value="" selected="" /> Select * </select> </div> </div> <div class="row d-none"> <div class="col"> <label class="form-label" for="areaSelectUniversityLife">Which unit?</label> <select class="form-select area-select" id="areaSelectUniversityLife" name="areaSelectUniversityLife" required=""> <option value="" selected="" /> Select * </select> </div> </div> <div class="row d-none"> <div class="col"> <label class="form-label" for="fundSelectUniversityLife">Which fund?</label> <select class="form-select fund-select" id="fundSelectUniversityLife" name="fundSelectUniversityLife" required=""> <option value="" selected="" /> Select * </select> </div> </div> </div> <div class="tab-pane fade" id="artsAndCulture" role="tabpanel" data-category="Arts & Culture" aria-labelledby="artsAndCultureTab"> <div class="row"> <div class="col"> <label class="form-label" for="unitArtsAndCulture">Which area?</label> <select class="form-select unit-select" id="unitSelectArtsAndCulture" name="unitSelectArtsAndCulture" required=""> <option value="" selected="" /> Select * </select> </div> </div> <div class="row d-none"> <div class="col"> <label class="form-label" for="areaSelectArtsAndCulture">Which unit?</label> <select class="form-select area-select" id="areaSelectArtsAndCulture" name="areaSelectArtsAndCulture" required=""> <option value="" selected="" /> Select * </select> </div> </div> <div class="row d-none"> <div class="col"> <label class="form-label" for="fundSelectArtsAndCulture">Which fund?</label> <select class="form-select fund-select" id="fundSelectArtsAndCulture" name="fundSelectArtsAndCulture" required=""> <option value="" selected="" /> Select * </select> </div> </div> </div> </div> </fieldset> <fieldset class="search d-none d-block-search-enabled"> <legend class="mb-2">Or search for a fund</legend> <div class=""> <p class="text-center"><small>Enter a keyword to search for priority funds in your area of interest.</small></p> <div class="form-floating"> <input type="search" class="form-control" id="searchInput" name="searchInput" placeholder=" " /> <label for="searchInput">Fund Name</label> </div> </div> <p class="invalid-feedback d-none" id="noResultsFound">No search results found</p> <div class="row d-none" id="searchResults"> <div class="col"> <label class="form-label" for="searchResultsSelect"></label> <select class="form-select fund-search-select" id="searchResultsSelect" name="searchResultsSelect" required=""> <option id="searchResultsCount" value="" /> </select> </div> </div> </fieldset> <fieldset id="specify-fund" class="d-none"> <legend class="visually-hidden">Specify a fund</legend> <p class="mb-2"><small>Specify a fund</small></p> <div class="row"> <div class="col-12"> <div class="form-check"> <input class="form-check-input collapsed" type="checkbox" id="isWriteInFund" name="isWriteInFund" data-bs-toggle="collapse" data-bs-target="#specifyFundFields" aria-expanded="false" aria-controls="specifyFundFields" /> <label class="form-check-label" for="isWriteInFund">If you cannot find the fund you would like to support, please click here to make your gift.</label> </div> <div class="collapse specify-fund-collapse" id="specifyFundFields"> <div class="row"> <div class="col"> <div class="form-floating mt-3"> <input type="text" class="form-control is-attribute" id="writeInFundInput" name="writeInFundInput" placeholder="Specify a fund" required="" /> <label for="writeInFundInput">Fund or area you would like to support</label> </div> </div> </div> </div> </div> </div> </fieldset>   </div>  <fieldset class="gift-amount"> <legend>Gift Amount</legend> <div class="row"> <div class="col-6 col-md-4 d-none"> <input type="radio" class="btn-check" id="giftAmount1" name="gift-amount" value="50" /> <label class="btn w-100" for="giftAmount1">$50</label> </div> <div class="col-6 col-md-4 d-none"> <input type="radio" class="btn-check" id="giftAmount2" name="gift-amount" value="100" /> <label class="btn w-100" for="giftAmount2">$100</label> </div> <div class="col-6 col-md-4 d-none"> <input type="radio" class="btn-check" id="giftAmount3" name="gift-amount" value="250" /> <label class="btn w-100" for="giftAmount3">$250</label> </div> <div class="col-6 col-md-4 d-none"> <input type="radio" class="btn-check" id="giftAmount4" name="gift-amount" value="500" /> <label class="btn w-100" for="giftAmount4">$500</label> </div> <div class="col-6 col-md-4 d-none"> <input type="radio" class="btn-check" id="giftAmount5" name="gift-amount" value="1000" /> <label class="btn w-100" for="giftAmount5">$1,000</label> </div> <div class="other-amount d-none d-block-other-enabled"> <label for="otherAmount" class="visually-hidden form-label">Other</label> <div class="input-group active"> <span class="input-group-text">$</span> <input type="text" class="form-control" id="otherAmount" name="otherAmount" inputmode="decimal" placeholder="Your gift amount" autocomplete="photo" /> </div> </div> </div> </fieldset> </section>   <section class="gift-review panel tab-pane fade" id="giftReview" role="tabpanel" aria-labelledby="gift-review-tab"> <h1 class="visually-hidden" tabindex="0">Gift Review</h1> <div class="gifts"> <h2 id="giftsLabel">Gift Details</h2> <ul class="list-group list-group-flush" id="gifts" aria-labelledby="giftsLabel"> </ul> <div class="add-gift d-none-quick-form text-center"> <button type="button" class="btn btn-add btn-link">+ Add Another Gift</button> </div> <div class="h5 gifts-total row justify-content-between"> <div class="col-auto mt-0"> <div class="mb-0">Gift Amount</div> </div> <div class="col-auto mt-0"> <strong class="js-total" id="jsTotalAmount"> </strong> </div> </div> </div> <h2 class="legend">Gift Options</h2> <fieldset class="gift-recurrence d-none-quick-form d-none d-block-recurring-enabled" id="giftRecurrence"> <legend class="visually-hidden">I would like to make my gift</legend> <div class="row"> <div class="col-12"> <div class="form-check"> <input class="form-check-input" type="checkbox" id="isRecurring" name="isRecurring" data-bs-toggle="collapse" data-bs-target="#recurrenceFields" aria-expanded="false" aria-controls="recurrenceFields" /> <label class="form-check-label" for="isRecurring">I want to keep my generosity going with automatic payments. *</label> </div> <p class="note mt-2 ps-6">* In honor or memory option is not available with automatic payments.</p> </div> </div> <div class="collapse recurrence-collapse form-section" id="recurrenceFields"> <fieldset class="mt-3"> <legend class="form-label">Installment Frequency</legend> <div class="row gy-3"> <div class="col-sm-4 d-none"> <input type="radio" class="btn-check" id="oneTime" name="gift-recurrence" value="" checked="" required="" /> <label class="btn w-100" for="oneTime">One Time *</label> </div> <div class="col-sm-4"> <input type="radio" class="btn-check" id="monthly" name="gift-recurrence" value="2" /> <label class="btn w-100" for="monthly">Monthly</label> </div> <div class="col-sm-4"> <input type="radio" class="btn-check" id="quarterly" name="gift-recurrence" value="3" /> <label class="btn w-100" for="quarterly">Quarterly</label> </div> <div class="col-sm-4"> <input type="radio" class="btn-check" id="annually" name="gift-recurrence" value="4" /> <label class="btn w-100" for="annually">Annually</label> </div> </div> </fieldset> <p class="mt-3 note">Your generous gifts will continue unless you contact the LSU Foundation to discontinue your recurring gift. If you prefer to make a certain number of installments, please answer the related question below.</p> <fieldset class="installment-details mt-4"> <legend class="form-label visually-hidden">Installment Details</legend> <div class="row gy-3 align-items-md-center justify-content-md-between"> <div class="col-md-8"> <label class="form-label fw-normal mb-md-0" for="numberOfInstallments" aria-live="polite">How many <span class="js-recurrence">monthly</span> installments of <span class="js-total"></span>? <span class="fw-normal">(optional)</span></label> </div> <div class="col-md-4"> <input type="number" class="form-control" id="numberOfInstallments" placeholder=" " autocomplete="photo" min="2" max="50" inputmode="numeric" aria-expanded="false" aria-controls="installmentsSummary" /> </div> </div> <div class="collapse installments-summary-collapse mt-3" id="installmentsSummary"> <div class="row gy-3 align-items-md-center justify-content-md-between"> <div class="col-md-8"> Approximate ending date: </div> <div class="col-md-4 text-start"> <strong class="text-primary" id="installmentsEndDate"></strong> </div> </div> <div class="row gy-3 align-items-md-center justify-content-md-between"> <div class="col-md-8"> Total gift amount: </div> <div class="col-md-4 text-start"> <strong class="text-primary" id="installmentsTotal"></strong> </div> </div> </div> </fieldset> </div> </fieldset> <fieldset class="company"> <legend class="visually-hidden">Company Information</legend> <div class="row"> <div class="col-12"> <div class="form-check d-none d-block-corporate-enabled"> <input class="form-check-input" type="checkbox" id="isCorporate" name="isCorporate" data-bs-toggle="collapse" data-bs-target="#corporateFields" aria-expanded="false" aria-controls="corporateFields" /> <label class="form-check-label" for="isCorporate">This gift is on behalf of my employer/company.</label> </div> <div class="collapse corporate-collapse form-section" id="corporateFields"> <div class="row"> <div class="col"> <div class="form-floating mt-3"> <input type="text" class="form-control" id="organization" name="organization" placeholder="Company Name" required="" /> <label for="organization">Company Name *</label> </div> </div> </div> </div> </div> </div> </fieldset> <fieldset class="tribute-options"> <legend class="visually-hidden">Tribute</legend> <div class="row"> <div class="col-12"> <div class="form-check has-disabled-note d-none-quick-form d-none d-block-tribute-enabled"> <input class="form-check-input" type="checkbox" value="true" id="isTribute" name="isTribute" data-bs-toggle="collapse" data-bs-target="#tributeFields" aria-expanded="false" aria-controls="tributeFields" /> <label class="form-check-label" for="isTribute">I would like to make my gift in memory or in honor of someone.</label> </div> <div class="collapse tribute-collapse form-section" id="tributeFields"> <fieldset class="tribute"> <legend class="visually-hidden">Tribute Options</legend> <div class="row"> <div class="col-12"> <label class="form-label" for="tribute-type">My gift is:</label> <select class="form-select" id="tribute-type" name="tribute-type" required=""> <option value="" />Select * <option value="in honor of someone special" />In honor of someone special <option value="in memory of someone special" />In memory of someone special <option value="in honor of someone's special pet" />In honor of someone's special pet <option value="in memory of someone's special pet" />In memory of someone's special pet </select> </div> </div> <fieldset class="honoree"> <legend class="form-label">Name of the person or pet you are paying tribute to:</legend> <div class="row" id="honoreeName"> <div class="col-md-6"> <div class="form-floating"> <input type="text" class="form-control" id="honoreeFirstName" name="honoreeFirstName" placeholder=" " autocomplete="photo" required="" /> <label for="honoreeFirstName">First Name *</label> </div> </div> <div class="col-md-6"> <div class="form-floating"> <input type="text" class="form-control" id="honoreeLastName" name="honoreeLastName" placeholder=" " autocomplete="photo" required="" /> <label for="honoreeLastName">Last Name *</label> </div> </div> <div class="col-12 d-none"> <div class="form-floating"> <textarea class="form-control" placeholder="Add your message here" id="tributeMessage" maxlength="255" data-counter="counter" value="~">~</textarea> <label for="tributeMessage">Your Message (optional)</label> <div class="note mt-1"><strong class="counter">255</strong> characters left</div> </div> </div> </div> </fieldset> <div class="form-check"> <input class="form-check-input" type="checkbox" id="notify" name="notify" data-bs-toggle="collapse" data-bs-target="#notifyFields" aria-expanded="false" aria-controls="notifyFields" /> <label class="form-check-label" for="notify">I would like LSU to notify someone about my gift. *</label> </div> <p class="note mt-2 ps-6">* Your gift amount will not be included in the notification.</p> <div class="collapse notify-collpase" id="notifyFields"> <fieldset class="notify"> <legend class="form-label">Whom should we notify?</legend> <div class="row"> <div class="col-md-6"> <div class="form-floating"> <input type="text" class="form-control" id="notifyFirstName" name="notifyFirstName" placeholder=" " autocomplete="photo" required="" /> <label for="notifyFirstName">First Name *</label> </div> </div> <div class="col-md-6"> <div class="form-floating"> <input type="text" class="form-control" id="notifyLastName" name="notifyLastName" placeholder=" " autocomplete="photo" required="" /> <label for="notifyLastName">Last Name *</label> </div> </div> <div class="col-12"> <div class="form-floating"> <input type="text" class="form-control" id="notifyAddress" name="notifyAddress" placeholder=" " autocomplete="photo" /> <label for="notifyAddress">Address</label> </div> </div> <div class="col-md-5"> <div class="form-floating"> <input type="text" class="form-control" id="notifyCity" name="notifyCity" placeholder=" " autocomplete="photo" /> <label for="notifyCity">City</label> </div> </div> <div class="col-md-3"> <div class="form-floating"> <select class="form-select" id="notifyState" name="notifyState" autocomplete="photo"> <option value="" /> <option value="LA" />LA <option value="AL" />AL <option value="AK" />AK <option value="AR" />AR <option value="AZ" />AZ <option value="CA" />CA <option value="CO" />CO <option value="CT" />CT <option value="DC" />DC <option value="DE" />DE <option value="FL" />FL <option value="GA" />GA <option value="HI" />HI <option value="IA" />IA <option value="ID" />ID <option value="IL" />IL <option value="IN" />IN <option value="KS" />KS <option value="KY" />KY <option value="MA" />MA <option value="MD" />MD <option value="ME" />ME <option value="MI" />MI <option value="MN" />MN <option value="MO" />MO <option value="MS" />MS <option value="MT" />MT <option value="NC" />NC <option value="NE" />NE <option value="NH" />NH <option value="NJ" />NJ <option value="NM" />NM <option value="NV" />NV <option value="NY" />NY <option value="ND" />ND <option value="OH" />OH <option value="OK" />OK <option value="OR" />OR <option value="PA" />PA <option value="RI" />RI <option value="SC" />SC <option value="SD" />SD <option value="TN" />TN <option value="TX" />TX <option value="UT" />UT <option value="VT" />VT <option value="VA" />VA <option value="WA" />WA <option value="WI" />WI <option value="WV" />WV <option value="WY" />WY <option value="--" />-- </select> <label for="notifyState">State</label> </div> </div> <div class="col-md-4"> <div class="form-floating"> <input type="text" class="form-control" id="notifyZip" name="notifyZip" placeholder=" " autocomplete="photo" required="" /> <label for="notifyZip">ZIP code *</label> </div> </div> </div> </fieldset> </div> </fieldset> </div> </div> </div> </fieldset> <fieldset class="joint-gift d-none d-block-joint-gift-enabled"> <div class="col-12"> <div class="form-check"> <input class="form-check-input" type="checkbox" id="isJointGift" name="isJointGift" data-bs-toggle="collapse" data-bs-target="#jointGiftFields" aria-expanded="false" aria-controls="jointGiftFields" /> <label class="form-check-label" for="isJointGift">This gift is being made jointly with a spouse or partner.</label> </div> </div> <div class="collapse joint-gift-collapse form-section" id="jointGiftFields"> <p>Please complete the following fields so that we can appropriately acknowledge your generosity.</p> <div class="row"> <div class="col-12"> <div class="form-floating"> <input type="text" class="form-control is-attribute" id="preferredJointName" name="preferredJointName" placeholder=" " autocomplete="photo" required="" /> <label for="preferredJointName">Preferred Joint Name for Mail *</label> </div> </div> <div class="col-md-6"> <div class="form-floating"> <input type="text" class="form-control is-attribute" id="spouseFirstName" name="spouse" placeholder=" " autocomplete="photo" required="" /> <label for="spouseFirstName">Spouse/Partner First Name *</label> </div> </div> <div class="col-md-6"> <div class="form-floating"> <input type="text" class="form-control is-attribute" id="spouseLastName" name="spouseLastName" placeholder=" " autocomplete="photo" required="" /> <label for="spouseLastName">Spouse/Partner Last Name *</label> </div> </div> </div> </div> </fieldset> <fieldset class="d-none d-block-matching-enabled"> <legend class="legend">Employer Matching Gift</legend> <div class="col-12"> <p class="mb-0">Does your employer match donations? <button type="button" class="btn btn-link p-0" data-bs-toggle="collapse" data-bs-target="#matchingFields" aria-expanded="false" aria-controls="matchingFields">Check to see.</button></p> <div class="collapse matching-collapse form-section pt-3" id="matchingFields"> <p>If your company has a matching gift program, please submit your match request through the company鈥檚 standard process. The impact of your gift may be doubled or possibly tripled! Some companies even match gifts made by retirees and/or spouses.</p> <div id="edl-template"></div> <input type="text" class="visually-hidden is-attribute" id="matchingGiftEmployer" name="matchingGiftEmployer" placeholder=" " aria-label="Employer" /> </div> </div> </fieldset> <fieldset class="additional-options"> <legend class="legend">Gift Comments</legend> <div class="row"> <div class="col-12"> <div class="form-check d-none d-block-anonymous-enabled"> <input class="form-check-input" type="checkbox" value="true" id="isAnonymous" name="isAnonymous" /> <label class="form-check-label" for="isAnonymous">I would like to make this gift anonymously.</label> </div> </div> <div class="col-12"> <div class="form-check d-none"> <input class="form-check-input" type="checkbox" id="additionalInfo" name="additionalInfo" data-bs-toggle="collapse" data-bs-target="#additionalInfoFields" aria-expanded="false" aria-controls="additionalInfoFields" checked="" /> <label class="form-check-label" for="additionalInfo">I would like to leave a comment.</label> </div> <div id="additionalInfoFields"> <div class="d-none d-block-comments-enabled"> <p>If you would like to share any additional information with us, including what inspired you to make a gift to LSU today, please do so here. Thank you!</p> <div class="form-floating mt-3"> <textarea class="form-control" placeholder="Add your comments here" id="comments" maxlength="255" data-counter="counter"></textarea> <label for="comments">Your Comments (optional)</label> <div class="note mt-1"><strong class="counter">255</strong> characters left</div> </div> </div> </div> </div> </div> </fieldset> <h2 class="legend">Additional Information</h2> <fieldset> <legend class="form-label mb-0">Select your affiliation(s) with LSU.</legend> <div class="is-attribute is-attribute-code-table" id="affiliations"></div> </fieldset> <fieldset> <legend class="form-label mb-3">If you are a parent of one or more LSU student(s), please provide the full name of the child with the earliest graduation date.</legend> <div class="form-floating"> <input type="text" class="form-control is-attribute" id="childInfo" name="childInfo" placeholder=" " autocomplete="photo" data-guid="" /> <label for="childInfo">Child name and graduation date</label> </div> </fieldset> </section>   <section class="confirm panel tab-pane fade d-none-quick-form" id="confirm" role="tabpanel" aria-labelledby="confirm-tab"> <h1 class="visually-hidden" tabindex="0">Checkout</h1> <div class="gifts"> <h2 id="giftsLabel2">Gift Details</h2> <ul class="list-group list-group-flush" id="giftsConfirm" aria-labelledby="giftsLabel2"> </ul> <div class="add-gift d-none-quick-form text-center"> <button type="button" class="btn btn-add btn-link">+ Add Another Gift</button> </div> <div class="h5 gifts-total row justify-content-between"> <div class="col-auto mt-0"> <div class="mb-0">My Gift Amount</div> </div> <div class="col-auto mt-0"> <strong class="js-total"> </strong> </div> </div> </div> <div class="summary d-none"> <h2>Gift Details</h2> <dl id="summary"> <div class="row"> <dt class="col-sm-5 col-md-4 col-lg-3"> Your gift is being made </dt> <dl class="col-sm-7 col-md-8 col-lg-9" id="jsFrequency">   </dl> </div> <div class="row"> <dt class="col-sm-5 col-md-4 col-lg-3"> By </dt> <dl class="col-sm-7 col-md-8 col-lg-9" id="jsPayment">   </dl> </div> <div class="row"> <dt class="col-sm-5 col-md-4 col-lg-3"> Your Information </dt> <dl class="col-sm-7 col-md-8 col-lg-9"> <span class="maybe-empty" id="jsTitle"></span> <span id="jsFirstName"> </span>  <span id="jsLastName"> </span> <br /> <span id="jsAddress"> </span>, <br /> <span id="jsCity"> </span>, <span id="jsState"> </span> <span id="jsZip"> </span> <br /> <span id="jsCountry"> </span> <br /> <span id="jsEmail"> </span> <br /> <span id="jsPhone"> </span> </dl> </div> </dl> </div> <fieldset class="personal"> <legend class="legend">My Information</legend> <div class="row"> <div class="col-12"> <div class="form-floating w-50"> <select class="form-select optional" id="title" name="title"> <option value="" /> <option value="Mr." />Mr. <option value="Mrs." />Mrs. <option value="Ms." />Ms. <option value="Mx." />Mx. <option value="Dr." />Dr. <option value="Dean" />Dean <option value="Prof." />Prof. <option value="1st Lt." />1st Lt. <option value="2nd Lt." />2nd Lt. <option value="Brig. Gen." />Brig. Gen. <option value="Capt." />Capt. <option value="Chancellor" />Chancellor <option value="Col." />Col. <option value="Estate of" />Estate of <option value="General" />General <option value="Hon." />Hon. <option value="Judge" />Judge <option value="Lt." />Lt. <option value="LTG" />LTG <option value="Lt. Col." />Lt. Col. <option value="Lt. Gen." />Lt. Gen. <option value="Maj." />Maj. <option value="Major General" />Major General <option value="Rep." />Rep. <option value="Rev." />Rev. <option value="Sen." />Sen. <option value="Sgt." />Sgt. <option value="Sister" />Sister <option value="Succession of" />Succession of </select> <label for="title">Prefix (optional)</label> </div> </div> <div class="col-md-6"> <div class="form-floating"> <input type="text" class="form-control" id="firstName" name="firstName" placeholder=" " required="" /> <label for="firstName">First Name *</label> </div> </div> <div class="col-md-6"> <div class="form-floating"> <input type="text" class="form-control" id="lastName" name="lastName" placeholder=" " required="" /> <label for="lastName">Last Name *</label> </div> </div> <div class="col-md-6"> <div class="form-floating"> <input type="tel" class="form-control" id="phone" name="phone" placeholder="Phone number" required="" /> <label for="phone">Preferred Phone Number *</label> </div> </div> <div class="col-md-6"> <div class="form-floating"> <input type="email" class="form-control" id="email" name="email" placeholder="Email address" required="" /> <label for="email">Email Address *</label> </div> </div> <div class="col-md-6 d-none d-block-graduation-year"> <div class="form-floating"> <input type="text" class="form-control" id="graduationYear" name="graduationYear" placeholder=" " /> <label for="graduationYear">Graduation Year (optional)</label> </div> </div> <div class="col-md-12"> <div class="form-floating"> <input type="text" class="form-control is-attribute" id="tafPoints" name="tafPoints" placeholder=" " /> <label for="tafPoints">TAF Priority Points ID (if relevant)</label> </div> </div> </div> </fieldset> <fieldset class="billing"> <legend class="legend">Billing Address</legend> <div class="row"> <div class="col-12"> <div class="form-floating"> <select class="form-select" id="country" name="country"> <option value="" /> <option value="US" selected="" />United States </select> <label for="country">Country</label> </div> </div> <div class="col-12"> <div class="form-floating"> <input type="text" class="form-control" id="address" name="address" placeholder=" " required="" /> <label for="address">Address *</label> </div> </div> <div class="col-md-5"> <div class="form-floating"> <input type="text" class="form-control" id="city" name="city" placeholder=" " required="" /> <label for="city">City *</label> </div> </div> <div class="col-md-3"> <div class="form-floating"> <select class="form-select" id="state" name="state" required=""> <option value="" /> <option value="LA" />LA <option value="AL" />AL <option value="AK" />AK <option value="AR" />AR <option value="AZ" />AZ <option value="CA" />CA <option value="CO" />CO <option value="CT" />CT <option value="DC" />DC <option value="DE" />DE <option value="FL" />FL <option value="GA" />GA <option value="HI" />HI <option value="IA" />IA <option value="ID" />ID <option value="IL" />IL <option value="IN" />IN <option value="KS" />KS <option value="KY" />KY <option value="MA" />MA <option value="MD" />MD <option value="ME" />ME <option value="MI" />MI <option value="MN" />MN <option value="MO" />MO <option value="MS" />MS <option value="MT" />MT <option value="NC" />NC <option value="NE" />NE <option value="NH" />NH <option value="NJ" />NJ <option value="NM" />NM <option value="NV" />NV <option value="NY" />NY <option value="ND" />ND <option value="OH" />OH <option value="OK" />OK <option value="OR" />OR <option value="PA" />PA <option value="RI" />RI <option value="SC" />SC <option value="SD" />SD <option value="TN" />TN <option value="TX" />TX <option value="UT" />UT <option value="VT" />VT <option value="VA" />VA <option value="WA" />WA <option value="WI" />WI <option value="WV" />WV <option value="WY" />WY <option value="--" />-- </select> <label for="state">State *</label> </div> </div> <div class="col-md-4"> <div class="form-floating"> <input type="text" class="form-control" id="zip" name="zip" placeholder=" " required="" /> <label for="zip">ZIP Code *</label> </div> </div> </div> </fieldset> <fieldset class="payment-method d-none"> <legend class="legend">I will make my gift by</legend> <div class="row gy-3"> <div class="col-sm"> <input type="radio" class="btn-check" id="creditCard" name="payment-method" value="0" required="" checked="" /> <label class="btn w-100" for="creditCard">Credit Card</label> </div> <div class="col-sm"> <input type="radio" class="btn-check" id="pledge" name="payment-method" value="1" /> <label class="btn w-100" for="pledge">Pledge</label> </div> </div> </fieldset>  <fieldset class="d-none"> <legend class="visually-hidden">Fee Cover</legend> <div class="fee-cover d-none d-block-fee-cover"> <div class="form-check"> <input class="form-check-input" type="checkbox" value="true" id="feeCover" data-bs-toggle="collapse" data-bs-target="#feeCoverTotal" aria-expanded="false" aria-controls="feeCoverTotal" /> <label class="form-check-label" for="feeCover">Yes, I would like to cover the cost of processing the transaction. I agree to pay an additional 3%.</label> </div> </div> <div class="h6 collapse fee-cover-total row justify-content-between" id="feeCoverTotal"> <div class="col-auto mt-0"> <div class="mb-0">Additional 3%</div> </div> <div class="col-auto mt-0"> <strong class="js-fee-cover-total"> </strong> </div> </div> <div class="d-none h4 grand-total row justify-content-between"> <div class="col-auto mt-0"> <div class="mb-0">Total Gift</div> </div> <div class="col-auto mt-0"> <strong class="js-grand-total"> </strong> </div> </div> </fieldset> </section>  </div>   <div class="form-submit row gy-3"> <div class="col-12 col-md-5 cancel d-none"> <button type="button" class="btn btn-secondary btn-lg btn-prev w-100" id="btnCancel">Cancel</button> </div> <div class="col-12 col-md-7 next"> <button type="button" class="btn btn-primary btn-lg btn-next w-100" id="btnNext" aria-live="polite">Next<span class="d-none d-sm-inline">: Gift Information</span></button> </div> <div class="back d-none"> <button type="button" class="btn btn-link btn-lg btn-prev" id="btnBack">Back</button> </div> </div> </div>   <section id="confirmation"></section>   <div class="modal modal-restore fade" id="modalRestore" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header visually-hidden"> <h5 class="modal-title">Reload Saved Data</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-center"> <p>Thank you for supporting LSU! <br />To make your gift:</p> </div> <div class="btn-group-lg modal-footer" role="group" aria-label="Please choose an option"> <button type="button" class="btn btn-primary flex-grow-1" id="modalContinue" data-bs-dismiss="modal">Continue</button> <button type="button" class="btn btn-secondary flex-grow-1" id="modalReset" data-bs-dismiss="modal">Start Over</button> </div> </div> </div> </div>  </div> <div class="spinner"></div> </main></div> </div> <div> <footer class="footer" role="contentinfo"> <div class="container text-center text-md-start"> <div class="row"> <div class="col-xs-12 col-md-6 gx-5"> <h2 id="contact">Contact</h2> <ul aria-labelledby="contact"> <li>Telephone: <a href="tel:225-578-3811">225-578-3811</a></li> <li>Toll-free: <a href="tel:800-452-7928">800-452-7928</a></li> <li><a href="mailto:contact@lsufoundation.org">contact@lsufoundation.org</a></li> </ul> <h2 id="connect">Connect</h2> <ul class="social" aria-labelledby="connect"> <li><a title="LinkedIn" href=" https://www.linkedin.com/company/lsu-foundation/" target="_blank" rel="noopener" aria-label="LinkedIn"><img alt="linkedin-2--v1" height="30" src="https://img.icons8.com/ios-glyphs/50/FFFFFF/linkedin-2--v1.png" width="30" /></a></li> <li><a title="Facebook" href="https://www.facebook.com/lsufoundation/" target="_blank" rel="noopener" aria-label="Facebook"><img alt="facebook-f" height="30" src="https://img.icons8.com/ios-filled/50/FFFFFF/facebook-f.png" width="30" /></a></li> <li><a title="Twitter" href=" https://twitter.com/LSU_Foundation" target="_blank" rel="noopener" aria-label="Twitter"><img alt="twitterx--v2" height="30" src="https://img.icons8.com/ios-glyphs/30/FFFFFF/twitterx--v2.png" width="30" /></a></li> </ul> <h2 id="siteInfo" class="visually-hidden">Site Information</h2> <ul class="mt-3" aria-labelledby="siteInfo"> <li><a href=" http://www.lsu.edu/feedback" target="_blank" rel="noopener">Provide Website Feedback</a></li> <li><a href=" http://www.lsu.edu/accessibility" target="_blank" rel="noopener">Accessibility Statement</a></li> </ul> </div> <div class="col-xs-12 col-md-6 text-center text-md-end"> <div class="logo pt-5"><img alt="" src=" https://bbis32491p.sky.blackbaud.com/image/brand/footerlogo.png" /></div> <address>3796 Nicholson Drive, Baton Rouge, LA 70802</address> <p>© Copyright 2023. All Rights Reserved.</p> <p>The LSU Foundation is committed to protecting your personal information. Your contact information is only used for the purpose of communicating on behalf of LSU. To share updates or your contact preferences, please visit our <a href=" https://www.lsufoundation.org/update" target="_blank" rel="noopener">Update My Info</a> page.</p> </div> </div> </div> </footer> </div> <div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script> <script src="/file/bbis-adf-lsu.js"></script> <script src="/file/bbis-lsu.js"></script> <script src="https://doublethedonation.com/api/js/ddplugin.js"></script> <script>var DDCONF = { API_KEY: "hpGwBR70brjuPpDY" }; doublethedonation.integrations.embed.netcommunity.v1.init(); DDCONF.get_netcommunity_mg_input = function(){return document.getElementById("matchingGiftEmployer");} </script> </div> <input type="hidden" name="hidBrowserDateTime" id="hidBrowserDateTime" /></form> </body> </html>

CINXE.COM

Give Now - Louisiana State University