CINXE.COM

SHRM Foundation - Building an Inclusive World of Work

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"/> <title>SHRM Foundation - Building an Inclusive World of Work</title> <meta name="title" content="SHRM Foundation - Building an Inclusive World of Work"/> <meta name="description" content="The SHRM Foundation elevates and empowers HR professionals as a force for social good so that all workplaces can prosper and thrive."/> <meta name="template" content="content-page"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="robots" content="index, follow, max-image-preview:large"/> <meta name="breadcrumb" content="Home"/> <meta name="pagename" content="Home"/> <meta name="rollupimage" content="/content/dam/en/shrm/foundation/foundation-home-header-sized.jpg"/> <meta name="migratedmodifieddate" content="Thu, 21 Dec 2023 21:36:12 GMT"/> <meta name="datesortfield" content="Tue, 28 Jan 2025 16:07:35 GMT"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:site" content="@SHRM"/> <meta name="twitter:title" content="SHRM Foundation - Building an Inclusive World of Work"/> <meta name="twitter:description" content="The SHRM Foundation elevates and empowers HR professionals as a force for social good so that all workplaces can prosper and thrive."/> <meta name="twitter:image" content="https://www.shrm.org/content/dam/en/shrm/foundation/foundation-home-header-sized.jpg"/> <meta property="og:title" content="SHRM Foundation - Building an Inclusive World of Work"/> <meta property="og:description" content="The SHRM Foundation elevates and empowers HR professionals as a force for social good so that all workplaces can prosper and thrive."/> <meta property="og:image" content="https://www.shrm.org/content/dam/en/shrm/foundation/foundation-home-header-sized.jpg"/> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="apple-touch-icon" sizes="180x180" href="/content/dam/en/shrm/icons/apple-touch-icon.png"/> <link rel="icon" type="image/png" sizes="32x32" href="/content/dam/en/shrm/icons/favicon-32x32.png"/> <link rel="icon" type="image/png" sizes="16x16" href="/content/dam/en/shrm/icons/favicon-16x16.png"/> <link rel="icon" type="image/png" href="/content/dam/en/shrm/icons/favicon.png"/> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "SHRM", "legalName": "Society for Human Resource Management", "description": "SHRM is a professional human resources membership association headquartered in Alexandria, Virginia. SHRM is the foremost expert, researcher, advocate and thought leader on issues and innovations impacting today's evolving workplaces.", "image": "https://upload.wikimedia.org/wikipedia/commons/d/d0/Society_for_Human_Resource_Management_headquarters%2C_1800_Duke_Street%2C_Alexandria%2C_Virginia.jpg", "logo": "https://shrm-res.cloudinary.com/image/upload/v1703622970/shrm-logo.png", "url": "https://shrm.org", "telephone": "1-800-283-7476", "sameAs": ["http://twitter.com/SHRM","http://www.linkedin.com/company/shrm","https://www.facebook.com/SHRMHQ","http://www.youtube.com/shrmofficial","https://instagram.com/shrmofficial/","https://en.wikipedia.org/wiki/Society_for_Human_Resource_Management","https://www.wikidata.org/wiki/Q1527909","https://www.crunchbase.com/organization/shrm"], "address": { "@type": "PostalAddress", "streetAddress": "1800 Duke Street", "addressLocality": "Alexandria", "postalCode": "22314", "addressCountry": "United States" } } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.shrm.org/", "potentialAction": { "@type": "SearchAction", "target": "https://www.shrm.org/search-results#q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <!-- Manage flicker for asynchronous deployments of launch --> <script> !function(e,a,n,t){ if (a) return; var i=e.head;if(i){ var o=e.createElement("style"); o.id="alloy-prehiding",o.innerText=n,i.appendChild(o), setTimeout(function(){o.parentNode&&o.parentNode.removeChild(o)},t)}} (document, document.location.href.indexOf("adobe_authoring_enabled") !== -1, "body { opacity: 0 !important }", 3000); </script> <script type="text/javascript"> if ( !window.CQ_Analytics ) { window.CQ_Analytics = {}; } if ( !CQ_Analytics.TestTarget ) { CQ_Analytics.TestTarget = {}; } CQ_Analytics.TestTarget.clientCode = 'shrm'; CQ_Analytics.TestTarget.currentPagePath = '\/content\/shrm\/us\/en\/foundation'; </script> <script src="/etc.clientlibs/cq/testandtarget/clientlibs/testandtarget/parameters.lc-775c9eb7ff4c48025fbe3d707bcf5f55-lc.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery.lc-f9e8e8c279baf6a1a278042afe4f395a-lc.min.js"></script> <script src="/etc.clientlibs/cq/personalization/clientlib/personalization/integrations/commons.lc-3d73584ddfdcb853a3a5d76cd1da5be0-lc.min.js"></script> <script src="/etc.clientlibs/cq/testandtarget/clientlibs/testandtarget/atjs-integration.lc-72059b16059e0b405cbb8c1d6eb7257d-lc.min.js"></script> <script type="text/javascript" src="//assets.adobedtm.com/e857ea722210/c60b88468d27/launch-504f51c4f2bb.min.js?v=1.20" async></script> <link rel="stylesheet" href="/etc.clientlibs/shrm/clientlibs/clientlib-base.lc-e9392ada1ccc997f1db19c2f0b011bc8-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/shrm/clientlibs/clientlib-themes/theme-foundation.lc-c93da6139e10ec4fd61ec6fd33912d8e-lc.min.css" type="text/css"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j ,f); })(window,document,'script','dataLayer','GTM-P98Z7JWL');</script> <!-- End Google Tag Manager --> <!--Onetrust Script--> <script type="text/javascript"> (function() { var siteId = "29f4ab0b-0334-4a37-8525-65df9a2f8f3b"; // Create and inject the Autoblock script var scriptElement1 = document.createElement('script'); scriptElement1.type = 'text/javascript'; scriptElement1.src = `https://cdn.cookielaw.org/consent/` + siteId + `/OtAutoBlock.js`; document.head.appendChild(scriptElement1); // Create and inject the OtSDKStub script var scriptElement2 = document.createElement('script'); scriptElement2.type = "text/javascript"; scriptElement2.charset = "UTF-8"; scriptElement2.src = "https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"; scriptElement2.setAttribute("data-domain-script", siteId); document.head.appendChild(scriptElement2); window.OptanonWrapper = function() {}; })(); </script> <!--End of Onetrust Script--> <script type="module" src="https://static.cloud.coveo.com/atomic/v2/atomic.esm.js"></script> <script nomodule src="https://static.cloud.coveo.com/atomic/v2/atomic.js"></script> <script>window.Flickerlessly = window.Flickerlessly || {}, function (t) { "use strict"; var i = function (t, n, a, o) { var i = "atNodeInserted" + t, r = [], e = ["", "-moz-", "-webkit-", "-ms-", "-o-"]; e.forEach(function (t, e) { r.push("@" + t + "keyframes " + i + " {from {opacity:0.99} to {opacity:1}}") }), r.push(n + "{"), e.forEach(function (t, e) { r.push(t + "animation-duration:0.001s;" + t + "animation-name:" + i + ";") }), r.push("}"); var s = document.getElementsByTagName("head")[0]; if (s) { var c = document.createElement("style"); c.setAttribute("type", "text/css"), c.styleSheet ? c.styleSheet.cssText = r.join("\n") : c.appendChild(document.createTextNode(r.join("\n"))), s.insertBefore(c, s.firstChild) } var l = function (t) { if (t.animationName === i && "object" == typeof t.target) { var e = !0 === o || !1 === o && null === t.target.getAttribute("data-flk-success"); u("('" + n + "') ready! Execute: " + e, t.target), "function" == typeof a && e ? (t.target.setAttribute("data-flk-success", i), !0 !== o && (["animationstart", "MSAnimationStart", "webkitAnimationStart"].forEach(function (t, e) { document.removeEventListener(t, l, !1) }), c && c.parentNode.removeChild(c)), a(t.target, u)) : u("Won't Callback", e, a) } };["animationstart", "MSAnimationStart", "webkitAnimationStart"].forEach(function (t, e) { document.addEventListener(t, l, !1) }) }, u = -1 !== window.location.href.indexOf("Debug=1") ? function () { Array.prototype.unshift.call(arguments, "FLK:"), console.info.apply(this, arguments) } : function () { }, r = Math.floor(1e3 * Math.random() + 1); t.onReady = function () { for (var t = 0; t < arguments.length; t++) { var e = arguments[t], n = e.selector, a = e.success || null, o = e.persist || !1; i(r++, n, a, o) } } }(Flickerlessly);</script> <link rel="stylesheet" href="https://static.cloud.coveo.com/atomic/v2/themes/coveo.css"/> <script type="module"> import { buildUrlManager } from 'https://static.cloud.coveo.com/atomic/v2/headless/headless.esm.js'; function pageLock(url, data) { const formData = new FormData(); formData.set("listData", JSON.stringify(data)); try { return fetch(url, { method: "POST", body: formData, }).then((data)=>{ return data.json(); }).then((res)=>{ return res.listData; }) } catch (error) { // reject(error) console.log({error}) return null; } } Flickerlessly.onReady({ selector: '#search', success: function(el, log){ (async() =>{ await customElements.whenDefined("atomic-search-interface"); const allSearchInterface = document.querySelectorAll("#search"); for (let i = 0; i < allSearchInterface.length; i++) { const searchInterface = allSearchInterface[i]; await searchInterface.initialize({ accessToken: "xx3a5c6cc2\u002Ddd57\u002D486c\u002D970f\u002D7b9f1dfa7312", organizationId: "societyforhumanresourcemanagementproductionay6r644u", organizationEndpoints: await searchInterface.getOrganizationEndpoints('societyforhumanresourcemanagementproductionay6r644u'), }); } $('atomic-focus-detector').addClass('dummy'); })(); }}, ); Flickerlessly.onReady({ selector: '#search-results', success: function(el, log){ (async () => { await customElements.whenDefined("atomic-search-interface"); const searchInterface = document.querySelector("#search-results"); await searchInterface.initialize({ accessToken: "xx3a5c6cc2\u002Ddd57\u002D486c\u002D970f\u002D7b9f1dfa7312", organizationId: "societyforhumanresourcemanagementproductionay6r644u", organizationEndpoints: await searchInterface.getOrganizationEndpoints('societyforhumanresourcemanagementproductionay6r644u'), search: { preprocessSearchResponseMiddleware: async(response) => { // let envUrl = window.location.origin; // let resultsArray = response.body.results; // let url = envUrl.concat("/bin/api/pagelock") ; // let urlArray = [] // for (let i = 0; i < resultsArray.length; i++) { // const element = resultsArray[i]; // let urlObj = { // index: i, // link: element.ClickUri // } // urlArray.push(urlObj) // }; // let lockdata = await pageLock(url, urlArray); response.body.results.forEach((result) => { // if (lockdata && lockdata.length > 1){ // for (let index = 0; index < lockdata.length; index++) { // const element = lockdata[index]; // if (element.link === result.ClickUri && element['data-lock-show'] === 'true'){ // result.showLockIcon = true; // } // } // } return result; }); return response; }, preprocessFacetSearchResponseMiddleware: (response) => response, preprocessQuerySuggestResponseMiddleware: (response) => response, }, }); const currentUrl = new URL(window.location.href); const engine = searchInterface.engine; const urlManager = buildUrlManager(engine, { initialState: { // Use initial filter data fragment: getCustomFilter(), } }); // Apply the URL manager engine.urlManager = urlManager; searchInterface.executeFirstSearch(); })(); }}, ); function toggleResult() { const toggleButton = document.getElementById("toggleButton"); const results = document.getElementById("result-layout"); const resultsList = document.getElementById("result-container-list"); const resultsGrid = document.getElementById("result-container-grid"); const listIcon = document.getElementById("list-icon"); const gridIcon = document.getElementById("grid-icon"); if (results.classList.contains('list')) { results.classList.add("grid"); results.classList.remove("list"); listIcon.classList.remove('active') gridIcon.classList.add('active') resultsList.style.display = "none" resultsGrid.style.display = "flex"; } else { results.classList.add("list"); results.classList.remove("grid"); gridIcon.classList.remove('active') listIcon.classList.add('active') resultsList.style.display = "flex"; resultsGrid.style.display = "none"; } } </script> <link rel="canonical" href="https://www.shrm.org/foundation"/> <link rel="alternate" hreflang="en-IN" href="https://www.shrm.org/in/foundation"/> <link rel="alternate" hreflang="x-default" href="https://www.shrm.org/foundation"/> <link rel="alternate" hreflang="en" href="https://www.shrm.org/mena/foundation"/> <link rel="alternate" hreflang="en-US" href="https://www.shrm.org/foundation"/> <script src="/etc.clientlibs/shrm/clientlibs/clientlib-dependencies.lc-10ac222b2af77975edb97395dd74b6a8-lc.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/shrm/clientlibs/clientlib-dependencies.lc-332c9962e7711f5e89464443a3b9a690-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/shrm/clientlibs/clientlib-site.lc-fe7ce33da21eba0e66f5f4e40a7c8270-lc.min.css" type="text/css"> <script async src="/etc.clientlibs/core/wcm/components/commons/datalayer/v2/clientlibs/core.wcm.components.commons.datalayer.v2.lc-1e0136bad0acfb78be509234578e44f9-lc.min.js"></script> <script async src="/etc.clientlibs/core/wcm/components/commons/datalayer/acdl/core.wcm.components.commons.datalayer.acdl.lc-bf921af342fd2c40139671dbf0920a1f-lc.min.js"></script> </head> <body class="page basicpage content-pg theme-foundation" id="page-1455633128" data-cmp-link-accessibility-enabled data-cmp-link-accessibility-text="opens in a new tab" data-cmp-data-layer-enabled> <script> window.adobeDataLayer = window.adobeDataLayer || []; function getCookie(cname) { let name = cname + "="; let ca = document.cookie.split(';'); for(let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } let fpidData = decodeURIComponent(getCookie("FPID")); if (fpidData) { pushToDataLayer(fpidData); } /* else { let fpidUrlWithParam = "/bin/api/fpid?_=" + new Date().getTime() + '' + Math.random(); fetch(fpidUrlWithParam, { method: 'GET', headers: { 'Cache-Control': 'no-store' } }).then((response) => response.json()) .then((data) => { // Get the FPID from JSON returned by AEM's FPID servlet pushToDataLayer(data.fpid); }); } */ function pushToDataLayer(fpid) { let customData = JSON.parse("{\x22page\u002D1455633128\x22:{\x22dc:description\x22:\x22The SHRM Foundation elevates and empowers HR professionals as a force for social good so that all workplaces can prosper and thrive.\x22,\x22User\x22:{},\x22xdm:language\x22:\x22en\u002DUS\x22,\x22Customer\x22:{\x22person\x22:{\x22birthDayAndMonth\x22:\x22\x22,\x22gender\x22:\x22\x22,\x22nationality\x22:\x22\x22,\x22type\x22:\x22\x22,\x22name\x22:{\x22firstName\x22:\x22\x22,\x22middleName\x22:\x22\x22,\x22lastName\x22:\x22\x22,\x22courtesyTitle\x22:\x22\x22,\x22suffix\x22:\x22\x22}},\x22identityMap\x22:{\x22FPID\x22:[{\x22id\x22:\x22\x22}],\x22SSOUUID\x22:[{\x22id\x22:\x22\x22}]},\x22userAccount\x22:{\x22ID\x22:\x22\x22,\x22accountType\x22:\x22\x22,\x22alertStatus\x22:\x22\x22,\x22autopayStatus\x22:\x22\x22,\x22status\x22:\x22\x22,\x22preferredLanguage\x22:\x22\x22}},\x22@type\x22:\x22shrm\/components\/structure\/page\x22,\x22content\x22:{\x22images\x22:[{\x22id\x22:\x22\x22,\x22url\x22:\x22\/content\/dam\/en\/shrm\/foundation\/foundation\u002Dhome\u002Dheader\u002Dsized.jpg\x22,\x22caption\x22:\x22\x22,\x22altText\x22:\x22\x22,\x22isFeatured\x22:true,\x22isThumbnail\x22:false}],\x22metadata\x22:{\x22isTool\x22:false,\x22isSponsored\x22:false,\x22reusePermissions\x22:false,\x22removeFromMobileApp\x22:false,\x22displayDate\x22:\x22\x22,\x22publishedDate\x22:\x22\x22,\x22lastModifiedDate\x22:\x222025\u002D01\u002D28\x22},\x22access\x22:{\x22level\x22:\x22public\x22,\x22metered\x22:false,\x22membersOnly\x22:false,\x22pmqOnly\x22:false,\x22enterpriseOnly\x22:false,\x22executiveOnly\x22:false,\x22executiveCohort\x22:\x22\x22},\x22language\x22:\x22EN\u002DUS\x22,\x22source\x22:\x22\x22,\x22title\x22:\x22Home\x22,\x22audienceSegment\x22:\x22\x22,\x22subBrand\x22:\x22\x22,\x22publication\x22:\x22\x22,\x22id\x22:\x22page\u002D1455633128\x22,\x22seo\x22:{\x22indexRobots\x22:\x22\x22,\x22sitemapChangeFrequency\x22:\x22\x22,\x22sitemapPriority\x22:\x22\x22,\x22OGimage\x22:\x22\/content\/dam\/en\/shrm\/foundation\/foundation\u002Dhome\u002Dheader\u002Dsized.jpg\x22,\x22OGtitle\x22:\x22SHRM Foundation \u002D Building an Inclusive World of Work\x22,\x22OGdescription\x22:\x22The SHRM Foundation elevates and empowers HR professionals as a force for social good so that all workplaces can prosper and thrive.\x22,\x22metaTitle\x22:\x22\x22,\x22metaDescription\x22:\x22\x22,\x22focusKeyword\x22:\x22\x22},\x22contentType\x22:\x22\x22},\x22article\x22:{\x22author\x22:\x22\x22,\x22name\x22:\x22\x22,\x22publishDate\x22:\x22\x22},\x22tags\x22:\x22\x22,\x22xdm:tags\x22:[],\x22repo:path\x22:\x22\/content\/shrm\/us\/en\/foundation\x22,\x22dc:title\x22:\x22SHRM Foundation \u002D Building an Inclusive World of Work\x22,\x22page\x22:{\x22country\x22:\x22US\x22,\x22sitesection1\x22:\x22foundation\x22,\x22subsection3\x22:\x22\x22,\x22pageTemplateType\x22:\x22Landing Page\x22,\x22subsection2\x22:\x22\x22,\x22subsection1\x22:\x22\x22,\x22Server\x22:\x22https:\/\/www.shrm.org\x22,\x22sitesection2\x22:\x22\x22,\x22sitesection3\x22:\x22\x22,\x22language\x22:\x22en\x22,\x22pageName\x22:\x22shrm site|foundation\x22,\x22url\x22:\x22\/foundation\x22},\x22repo:modifyDate\x22:\x222025\u002D01\u002D28T16:07:35.628Z\x22,\x22event\x22:\x22pageview\x22}}"); let pageData = Object.values(customData)[0]; let cookieData = decodeURIComponent(getCookie("jQ1byS8Phm_HxjaW")); pageData.Customer.identityMap.FPID[0].id = fpid; pageData.Customer.membership = {}; if (cookieData.length) { cookieData = JSON.parse(cookieData); pageData.User.userId = cookieData.userId; pageData.User.loggedIn = true; pageData.Customer.identityMap.SSOUUID[0].id = cookieData.shrmSSOUUID; pageData.Customer.person.name.firstName = cookieData.firstName; pageData.Customer.person.name.lastName = cookieData.lastName; pageData.Customer.userAccount.ID = cookieData.shrmSSOUUID; pageData.Customer.membership.status = cookieData.isShrmMemberActive == true ? "active" : "inactive"; pageData.Customer.membership.expiration = cookieData.shrmMemberEndDate ? cookieData.shrmMemberEndDate.split('T')[0] : ""; pageData.Customer.membership.product = {}; if (pageData.Customer.membership.status == "active") { pageData.Customer.membership.product.type = cookieData.membershipType; pageData.Customer.membership.product.subType = cookieData.membershipSubType; } else { pageData.Customer.membership.product.type = "nonmembers"; pageData.Customer.membership.product.subType = "nonmembers"; } } else { pageData.User.loggedIn = false; pageData.User.userId = ""; pageData.Customer.identityMap.SSOUUID[0].id = ""; pageData.Customer.person.name.firstName = ""; pageData.Customer.person.name.lastName = ""; pageData.Customer.userAccount.ID = ""; } adobeDataLayer.push({ page: customData, event:'cmp:show', eventInfo: { path: 'page.page\u002D1455633128' } }); } </script> <div class="cmp-page__skiptomaincontent"> <a class="cmp-page__skiptomaincontent-link" href="#main-container">Skip to main content</a> </div> <link rel="stylesheet" href="/etc.clientlibs/core/wcm/components/page/v2/page/clientlibs/site/skiptomaincontent.lc-696ce9a06faa733b225ffb8c05f16db9-lc.min.css" type="text/css"> <header> <div class="nav-wrapper"> <div class="xfpage page basicpage"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-744899a25c" class="cmp-container localnav-anchorlink container-744899a25c"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="globalheader languagenavigation aem-GridColumn aem-GridColumn--default--12"> <div class="mobilemenubar"> <div class="nav-cmp default"> <div class="brand-bar-wrapper"> <nav class="nav-cmp__brands-bar nav-inner-wrapper"> <ul class="nav-cmp__brands-list" role="menu" aria-label="navigation"> <li role="presentation"> <a href="/home" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fbrandBar0&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/home&#34;,&#34;ctaText&#34;:&#34;SHRM&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable aria-label="SHRM" title="SHRM" role="menuitem" class="brand-item list-item "> <img src="/content/dam/en/shrm/brand-logos/shrm-main.svg" data-image-src="/content/dam/en/shrm/brand-logos/shrm-main.svg" class="brand-item__img" alt="SHRM"/> </a> </li> <li role="presentation"> <a href="/executive-network" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fbrandBar1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/executive-network&#34;,&#34;ctaText&#34;:&#34;Executive network&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable aria-label="Executive network" title="Executive network" role="menuitem" class="brand-item list-item "> <img src="/content/dam/en/shrm/brand-logos/executive-network.svg" data-image-src="/content/dam/en/shrm/brand-logos/executive-network.svg" class="brand-item__img" alt="Executive network"/> </a> </li> <li role="presentation"> <a href="/ceo-circle" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fbrandBar2&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/ceo-circle&#34;,&#34;ctaText&#34;:&#34;CEO Circle&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable aria-label="CEO Circle" title="CEO Circle" role="menuitem" class="brand-item list-item "> <img src="/content/dam/en/shrm/ceo-circle/logo-ceo-circle-no-shrm-color.svg" data-image-src="/content/dam/en/shrm/ceo-circle/logo-ceo-circle-no-shrm-color.svg" class="brand-item__img" alt="CEO Circle"/> </a> </li> <li role="presentation"> <a href="/enterprise-solutions" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fbrandBar3&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/enterprise-solutions&#34;,&#34;ctaText&#34;:&#34;Enterprise Solutions&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable aria-label="Enterprise Solutions" title="Enterprise Solutions" role="menuitem" class="brand-item list-item "> <img src="/content/dam/en/shrm/brand-logos/enterprice-solutions.svg" data-image-src="/content/dam/en/shrm/brand-logos/enterprice-solutions.svg" class="brand-item__img" alt="Enterprise Solutions"/> </a> </li> <li role="presentation"> <a href="/linkage" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fbrandBar4&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/linkage&#34;,&#34;ctaText&#34;:&#34;Linkage Logo&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable aria-label="Linkage" title="Linkage" role="menuitem" class="brand-item list-item "> <img src="/content/dam/en/shrm/brand-logos/linkage-no-blocks-text-only.svg" data-image-src="/content/dam/en/shrm/brand-logos/linkage-no-blocks-text-only.svg" class="brand-item__img" alt="Linkage Logo"/> </a> </li> </ul> <ul class="nav-cmp__utility-list" role="menu" aria-label="navigation"> <li class="" role="presentation"> <a href="https://store.shrm.org" role="menuitem" aria-label="store" title="store" class="utility-item list-item" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fcart&#34;:{&#34;DestinationURL&#34;:&#34;https://store.shrm.org&#34;,&#34;ctaText&#34;:&#34;Store&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable> <div class="utility-item__block"><span aria-hidden="true" class="icon icon-shopping_cart"> </span> <span class="utility-item-title">Store</span></div> </a> </li> <li class="mbl-list-item logged-out" role="presentation"> <a href="/saml_login" role="menuitem" aria-label="signin" title="sign in" class="utility-item list-item" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fsignIn&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/saml_login&#34;,&#34;ctaText&#34;:&#34;Sign In&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable> <div class="utility-item__block"><span aria-hidden="true" class="icon icon-account_circle1"> </span> <span class="utility-item-title">Sign In</span></div> </a> </li> <li class="mbl-list-item logged-in"> <a href="#" aria-label="account" title="account" class="utility-item list-item" aria-haspopup="true" aria-expanded="false" aria-controls="account-menu" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5faccountMenu&#34;:{&#34;DestinationURL&#34;:&#34;#&#34;,&#34;ctaText&#34;:&#34;Account&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable> <div class="utility-item__block"> <span aria-hidden="true" class="icon icon-account_circle1"> </span> <span class="utility-item-title">Account</span> <span class="icon icon-angle_down" aria-hidden="true"> </span> </div> </a> <ul class="drop-down-list right" id="account-menu" role="menu"> <li role="presentation"> <a href="https://account.shrm.org" class="brand-item" role="menuitem" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5faccount0&#34;:{&#34;DestinationURL&#34;:&#34;https://account.shrm.org&#34;,&#34;ctaText&#34;:&#34;Account&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable aria-label="account option" title="account option" target="_blank">Account</a> </li> <li role="presentation"> <a href="/system/sling/logout?resource=/content/shrm/saml_login" class="brand-item" role="menuitem" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5faccount1&#34;:{&#34;DestinationURL&#34;:&#34;/system/sling/logout?resource=/content/shrm/saml_login&#34;,&#34;ctaText&#34;:&#34;Logout&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable aria-label="account option" title="account option">Logout</a> </li> </ul> </li> <li class="mbl-list-item" role="presentation"> <a href="#" aria-label="region" title="language" class="utility-item mbl language-block list-item" role="menuitem" aria-haspopup="true" aria-expanded="false" aria-controls="language-menu"> <span aria-hidden="true" class="icon icon-language"> </span> <span id="selectedRegion" class="utility-item-title"></span> <script> function getCookie(cname) { let name = cname + "="; let ca = document.cookie.split(';'); for(let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } async function getCsrfToken() { const response = await fetch('/libs/granite/csrf/token.json'); const json = await response.json(); return json.token; } var userRegion = decodeURIComponent(getCookie("userRegion")); if (!userRegion) { let userCountryFromHeader = "/bin/api/userLocation"; getCsrfToken().then(function (csrfToken) { return fetch(userCountryFromHeader, { method: 'POST', headers: { 'CSRF-Token': csrfToken } }).then((response) => response.json()) .then((data) => { const d = new Date(); d.setTime(d.getTime() + (365 * 24 * 60 * 60 * 1000)); let expires = "expires="+d.toUTCString(); userRegion = data.userRegion; document.cookie = "userRegion" + "=" + data.userRegion + ";" + expires + "; path=/"; }); }); } function getRegionFromUrl() { const url = window.location.href; console.log('URL:::', url); let region = 'Global'; if (url.includes('/mena/') || url.includes("org/mena")) { region = 'MENA'; } else if (url.includes('/in/') || url.includes("org/in")) { region = 'India'; } else if (url.includes('/us/')) { region = 'Global'; } const d = new Date(); d.setTime(d.getTime() + (365 * 24 * 60 * 60 * 1000)); let expires = "expires="+d.toUTCString(); document.cookie = "userRegionSelected=" + encodeURIComponent(region) + ";" + expires + "; path=/"; // Display the region in the HTML element with id="region" document.getElementById('selectedRegion').innerHTML = region; } getRegionFromUrl(); jQuery(document).ready(function() { jQuery("#language-menu a").on("click", function(event) { event.preventDefault(); // Prevent default link behavior var userRegion = ""; var userSelection = jQuery(this).text(); switch(userSelection) { case "India": userRegion = "in"; break; case "MENA": userRegion = "mena"; break; default: userRegion = "us"; } // Set the cookie for userRegion const d = new Date(); d.setTime(d.getTime() + (365 * 24 * 60 * 60 * 1000)); // 1 year expiry let expires = "expires="+d.toUTCString(); document.cookie = "userRegion=" + userRegion + ";" + expires + "; path=/"; // Update the displayed region jQuery("#selectedRegion").text(userSelection); // Redirect to the selected language URL window.location = jQuery(this).attr('href'); }); }); /* const locationRegion = document.getElementById('selectedRegion').innerHTML; console.log('locationRegion:::', locationRegion); const menaRegions = [ "DZ", "DZA", "BH", "BHR", "KM", "COM", "DJ", "DJI", "EG", "EGY", "IQ", "IRQ", "JO", "JOR", "KW", "KWT", "LB", "LBN", "LY", "LBY", "MA", "MAR", "MR", "MRT", "OM", "OMN", "PS", "PSE", "QA", "QAT", "SA", "SAU", "SO", "SOM", "SD", "SDN", "SY", "SYR", "TN", "TUN", "AE", "ARE", "YE", "YEM" ]; if(locationRegion){ const d = new Date(); d.setTime(d.getTime() + (365 * 24 * 60 * 60 * 1000)); let expires = "expires="+d.toUTCString(); if(locationRegion == "Global"){ document.cookie = "userRegion" + "=" + "us" + ";" + expires + "; path=/"; } else if(locationRegion == "India"){ document.cookie = "userRegion" + "=" + "in" + ";" + expires + "; path=/"; } else if(menaRegions.includes(locationRegion)){ document.cookie = "userRegion" + "=" + "mena" + ";" + expires + "; path=/"; } else { document.cookie = "userRegion" + "=" + locationRegion + ";" + expires + "; path=/"; var userRegion = decodeURIComponent(getCookie("userRegion")); if (userRegion == "MENA"){ document.cookie = "userRegion" + "=" + "mena" + ";" + expires + "; path=/"; } } } */ async function callUpdateGeoLocationServlet() { const url = "/bin/api/userLocation.userRegionRedirect.json"; var userRegion = decodeURIComponent(getCookie("userRegion")); try { const csrfToken = await getCsrfToken(); const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json', 'x-aem-client-country': userRegion, 'CSRF-Token': csrfToken, // Add CSRF token here }, body: JSON.stringify({}), }); if (!response.ok) { throw new Error('HTTP error! status: ' + response.status); } const data = await response.json(); console.log('Response from servlet:', data); // Handle redirect if required if (data.finalRedirectPath) { window.location.href = data.finalRedirectPath; } } catch (error) { console.error('Error calling servlet:', error); } } //callUpdateGeoLocationServlet(); </script> <span class="icon icon-angle_down" aria-hidden="true"> </span> </a> <ul class="drop-down-list right drop-down-list-mbl right-mbl" id="language-menu" role="menu"> <li role="presentation" class="cmp-languagenavigation__item cmp-languagenavigation__item--countrycode-US cmp-languagenavigation__item--langcode-en-US cmp-languagenavigation__item--level-0 cmp-languagenavigation__item--active"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5flanguageNav0&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;ctaText&#34;:&#34;Region&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="brand-item cmp-languagenavigation__item-link" hreflang="en-US" lang="en-US" rel="alternate" role="menuitem" aria-label="language option" href="/foundation">Global</a> </li> <li role="presentation" class="cmp-languagenavigation__item cmp-languagenavigation__item--countrycode-IN cmp-languagenavigation__item--langcode-en-IN cmp-languagenavigation__item--level-0"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5flanguageNav1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/in/foundation&#34;,&#34;ctaText&#34;:&#34;Region&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="brand-item cmp-languagenavigation__item-link" hreflang="en-IN" lang="en-IN" rel="alternate" role="menuitem" aria-label="language option" href="/in/foundation">India</a> </li> <li role="presentation" class="cmp-languagenavigation__item cmp-languagenavigation__item--countrycode-AE cmp-languagenavigation__item--langcode-en-AE cmp-languagenavigation__item--level-0"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5flanguageNav2&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/mena/foundation&#34;,&#34;ctaText&#34;:&#34;Region&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="brand-item cmp-languagenavigation__item-link" hreflang="en-AE" lang="en-AE" rel="alternate" role="menuitem" aria-label="language option" href="/mena/foundation">MENA</a> </li> </ul> </ul> </nav> </div> <div class="logo-bar-wrapper"> <nav class="nav-cmp__logo-bar d-flex nav-inner-wrapper"> <a href="/foundation" aria-label="Foundation" title="Foundation" class="nav-cmp__logo-bar__logo list-item--active" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5flogobar&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;ctaText&#34;:&#34;Foundation&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable> <img src="/content/dam/en/shrm/brand-logos/foundation.svg" data-image-src="/content/dam/en/shrm/brand-logos/foundation.svg" alt="Foundation"/> </a> <div class="nav-cmp__logo-bar__know-more"> <div class="utility-btn"> <!-- BDL Button --> <div class="button button__dark__fill icon__right none normal default btn-comp"> <a class="button__bdl" href="https://donate.shrmfoundation.org/" role="button" aria-label="button" title="Donate" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5flogoButton0&#34;:{&#34;DestinationURL&#34;:&#34;https://donate.shrmfoundation.org/&#34;,&#34;ctaText&#34;:&#34;Donate&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable target="_blank"> <span class="icon icon-circle_left" aria-hidden="true"></span> <span class="button__text">Donate</span> <span class="icon icon-circle_right" aria-hidden="true"></span> <span class="icon icon-angle_right" aria-hidden="true"></span> </a> </div> </div> </div> </nav> </div> <div class="menu-bar-wrapper" id="menu-bar-wrapper"> <nav id="languagenavigation-f85ed1ce5f" class="cmp-navigation nav-cmp__menu-bar d-flex nav-inner-wrapper" itemscope itemtype="http://schema.org/SiteNavigationElement" data-cmp-data-layer="{&#34;languagenavigation-f85ed1ce5f&#34;:{&#34;@type&#34;:&#34;core/wcm/components/languagenavigation/v2/languagenavigation&#34;,&#34;repo:modifyDate&#34;:&#34;2025-03-06T18:55:21Z&#34;}}"> <ul class="cmp-navigation__group nav-cmp__menu-bar__list d-flex" role="menu"> <li class="cmp-navigation__item cmp-navigation__item--level-0 " role="presentation"> <a href="/foundation" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItem0&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;ctaText&#34;:&#34;Home&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__regular" role="menuitem" title="Home" aria-label="Home" aria-controls="Home" aria-haspopup="true" aria-expanded="false" target="_self"> <span class="menu-item">Home</span> </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-0 " role="presentation"> <a href="/foundation/about" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItem1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/about&#34;,&#34;ctaText&#34;:&#34;About&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__regular" role="menuitem" title="About" aria-label="About" aria-controls="About" aria-haspopup="true" aria-expanded="false" target="_self"> <span class="menu-item">About</span> </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-0 " role="presentation"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItem2&#34;:{&#34;DestinationURL&#34;:&#34;&#34;,&#34;ctaText&#34;:&#34;Our Work&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down" role="menuitem" title="Our Work" aria-label="Our Work" aria-controls="Our Work" aria-haspopup="true" aria-expanded="false" target="_self"> <span class="menu-item">Our Work</span> <span class="icon icon-angle_down" aria-hidden="true"></span> </a> <div class="mega-menu-desktop" id="Our Work"> <div class="mega-menu-wrapper-desktop"> <!-- column - 1 --> <div class="mega-menu"> <div class="mega-menu__title-wrapper"> <span class="mega-menu-title" role="menuitem"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItem2&#34;:{&#34;DestinationURL&#34;:&#34;&#34;,&#34;ctaText&#34;:&#34;Our Work&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable target="_self" title="Our Work" class="no-link">Our Work</a> </span> <p class="mega-menu__description"></p> </div> <div class="mega-menu__image"> <div class="shrmImage landscape image aem-GridColumn aem-GridColumn--default--12 default"> <div data-cmp-is="image" data-cmp-hook-image="imageV3" class="cmp-image"> <a class="cmp-image__link" target="_self" role="menuitem"> </a> </div> </div> </div> <div class="mega-menu__promo card-border-color"> </div> </div> <ul class="event-wrapper" role="menu"> <li class="cmp-navigation__item cmp-navigation__item--level-1 " role="presentation"> <div class="mega-menu-event-list__item-title" role="presentation"> <a href="/foundation/widening-pathways-to-work" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL2Widening Pathways to Work0&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/widening-pathways-to-work&#34;,&#34;ctaText&#34;:&#34;Widening Pathways to Work&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down menu__drop-down--active " role="menuitem" title="Widening Pathways to Work" aria-label="Widening Pathways to Work" aria-controls="Widening Pathways to Work" aria-haspopup="true" aria-expanded="false" target="_self"> Widening Pathways to Work </a> </div> </li> <li class="cmp-navigation__item cmp-navigation__item--level-1 " role="presentation"> <div class="mega-menu-event-list__item-title" role="presentation"> <a href="/foundation/strengthening-hr-field" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL2Strengthening the HR Field1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/strengthening-hr-field&#34;,&#34;ctaText&#34;:&#34;Strengthening the HR Field&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down menu__drop-down--active " role="menuitem" title="Strengthening the HR Field" aria-label="Strengthening the HR Field" aria-controls="Strengthening the HR Field" aria-haspopup="true" aria-expanded="false" target="_self"> Strengthening the HR Field </a> </div> </li> <li class="cmp-navigation__item cmp-navigation__item--level-1 " role="presentation"> <div class="mega-menu-event-list__item-title" role="presentation"> <a href="/foundation/tackling-societal-challenges" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL2Tackling Societal Challenges2&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/tackling-societal-challenges&#34;,&#34;ctaText&#34;:&#34;Tackling Societal Challenges&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down menu__drop-down--active " role="menuitem" title="Tackling Societal Challenges" aria-label="Tackling Societal Challenges" aria-controls="Tackling Societal Challenges" aria-haspopup="true" aria-expanded="false" target="_self"> Tackling Societal Challenges </a> </div> </li> </ul> </div> </div> </li> <li class="cmp-navigation__item cmp-navigation__item--level-0 " role="presentation"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItem3&#34;:{&#34;DestinationURL&#34;:&#34;&#34;,&#34;ctaText&#34;:&#34;Get Involved&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down" role="menuitem" title="Get Involved" aria-label="Get Involved" aria-controls="Get Involved" aria-haspopup="true" aria-expanded="false" target="_self"> <span class="menu-item">Get Involved</span> <span class="icon icon-angle_down" aria-hidden="true"></span> </a> <div class="mega-menu-desktop" id="Get Involved"> <div class="mega-menu-wrapper-desktop"> <!-- column - 1 --> <div class="mega-menu"> <div class="mega-menu__title-wrapper"> <span class="mega-menu-title" role="menuitem"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItem3&#34;:{&#34;DestinationURL&#34;:&#34;&#34;,&#34;ctaText&#34;:&#34;Get Involved&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable target="_self" title="Get Involved" class="no-link">Get Involved</a> </span> <p class="mega-menu__description"></p> </div> <div class="mega-menu__image"> <div class="shrmImage landscape image aem-GridColumn aem-GridColumn--default--12 default"> <div data-cmp-is="image" data-cmp-hook-image="imageV3" class="cmp-image"> <a class="cmp-image__link" target="_self" role="menuitem"> </a> </div> </div> </div> <div class="mega-menu__promo card-border-color"> </div> </div> <ul class="event-wrapper" role="menu"> <li class="cmp-navigation__item cmp-navigation__item--level-1 " role="presentation"> <div class="mega-menu-event-list__item-title" role="presentation"> <a href="https://donate.shrmfoundation.org/" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL2Donate0&#34;:{&#34;DestinationURL&#34;:&#34;https://donate.shrmfoundation.org/&#34;,&#34;ctaText&#34;:&#34;Donate&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down menu__drop-down--active " role="menuitem" title="Donate" aria-label="Donate" aria-controls="Donate" aria-haspopup="true" aria-expanded="false" target="_blank"> Donate </a> </div> <ul class="mega-menu-event-list" role="menu"> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="https://donate.shrmfoundation.org/" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Make a Donation0&#34;:{&#34;DestinationURL&#34;:&#34;https://donate.shrmfoundation.org/&#34;,&#34;ctaText&#34;:&#34;Make a Donation&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Make a Donation" aria-label="Make a Donation" aria-controls="Make a Donation" aria-haspopup="true" aria-expanded="false" target="_blank"> Make a Donation </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/donate/team-empower" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Join Team Empower1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/donate/team-empower&#34;,&#34;ctaText&#34;:&#34;Join Team Empower&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Join Team Empower" aria-label="Join Team Empower" aria-controls="Join Team Empower" aria-haspopup="true" aria-expanded="false" target="_self"> Join Team Empower </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/donate/leadership-circle" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Leadership Circle2&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/donate/leadership-circle&#34;,&#34;ctaText&#34;:&#34;Leadership Circle&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Leadership Circle" aria-label="Leadership Circle" aria-controls="Leadership Circle" aria-haspopup="true" aria-expanded="false" target="_self"> Leadership Circle </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/donate/shop-support" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Shop to Support3&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/donate/shop-support&#34;,&#34;ctaText&#34;:&#34;Shop to Support&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Shop to Support" aria-label="Shop to Support" aria-controls="Shop to Support" aria-haspopup="true" aria-expanded="false" target="_self"> Shop to Support </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/donate/supporters" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Our Supporters4&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/donate/supporters&#34;,&#34;ctaText&#34;:&#34;Our Supporters&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Our Supporters" aria-label="Our Supporters" aria-controls="Our Supporters" aria-haspopup="true" aria-expanded="false" target="_self"> Our Supporters </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/investment-benefits" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Investment Opportunities5&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/investment-benefits&#34;,&#34;ctaText&#34;:&#34;Investment Opportunities&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Investment Opportunities" aria-label="Investment Opportunities" aria-controls="Investment Opportunities" aria-haspopup="true" aria-expanded="false" target="_self"> Investment Opportunities </a> </li> </ul> </li> <li class="cmp-navigation__item cmp-navigation__item--level-1 " role="presentation"> <div class="mega-menu-event-list__item-title" role="presentation"> <a href="/foundation/scholarships-grants-awards" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL2Scholarships, Grants, and Awards1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/scholarships-grants-awards&#34;,&#34;ctaText&#34;:&#34;Scholarships, Grants, and Awards&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down menu__drop-down--active " role="menuitem" title="Scholarships, Grants, and Awards" aria-label="Scholarships, Grants, and Awards" aria-controls="Scholarships, Grants, and Awards" aria-haspopup="true" aria-expanded="false" target="_self"> Scholarships, Grants, and Awards </a> </div> <ul class="mega-menu-event-list" role="menu"> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/scholarships-grants-awards/scholarships" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Scholarships0&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/scholarships-grants-awards/scholarships&#34;,&#34;ctaText&#34;:&#34;Scholarships&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Scholarships" aria-label="Scholarships" aria-controls="Scholarships" aria-haspopup="true" aria-expanded="false" target="_self"> Scholarships </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/scholarships-grants-awards/grants" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Grants1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/scholarships-grants-awards/grants&#34;,&#34;ctaText&#34;:&#34;Grants&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Grants" aria-label="Grants" aria-controls="Grants" aria-haspopup="true" aria-expanded="false" target="_self"> Grants </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/scholarships-grants-awards/awards" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Awards2&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/scholarships-grants-awards/awards&#34;,&#34;ctaText&#34;:&#34;Awards&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Awards" aria-label="Awards" aria-controls="Awards" aria-haspopup="true" aria-expanded="false" target="_self"> Awards </a> </li> </ul> </li> <li class="cmp-navigation__item cmp-navigation__item--level-1 " role="presentation"> <div class="mega-menu-event-list__item-title" role="presentation"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL2Chapters &amp; State Councils2&#34;:{&#34;DestinationURL&#34;:&#34;&#34;,&#34;ctaText&#34;:&#34;Chapters &amp; State Councils&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down menu__drop-down--active no-link" role="menuitem" title="Chapters &amp; State Councils" aria-label="Chapters &amp; State Councils" aria-controls="Chapters &amp; State Councils" aria-haspopup="true" aria-expanded="false" target="_self"> Chapters &amp; State Councils </a> </div> <ul class="mega-menu-event-list" role="menu"> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/chapters-state-councils/resources" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Resources0&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/chapters-state-councils/resources&#34;,&#34;ctaText&#34;:&#34;Resources&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Resources" aria-label="Resources" aria-controls="Resources" aria-haspopup="true" aria-expanded="false" target="_self"> Resources </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/chapters-state-councils/giving-reports" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Giving Reports1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/chapters-state-councils/giving-reports&#34;,&#34;ctaText&#34;:&#34;Giving Reports&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Giving Reports" aria-label="Giving Reports" aria-controls="Giving Reports" aria-haspopup="true" aria-expanded="false" target="_self"> Giving Reports </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/chapters-state-councils/recognition" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Recognition2&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/chapters-state-councils/recognition&#34;,&#34;ctaText&#34;:&#34;Recognition&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Recognition" aria-label="Recognition" aria-controls="Recognition" aria-haspopup="true" aria-expanded="false" target="_self"> Recognition </a> </li> </ul> </li> </ul> </div> </div> </li> </ul> <button id="search-block" class="search-block" aria-label="search block" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fsearch&#34;:{&#34;DestinationURL&#34;:&#34;#&#34;,&#34;ctaText&#34;:&#34;search&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable> <span class="searchicon" tabindex="0"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="search-icon"> <path d="M19.75 18.7188L15.5625 14.5312C16.4792 13.3854 16.9479 12.0417 16.9688 10.5C16.9271 8.66667 16.2917 7.13542 15.0625 5.90625C13.8333 4.67708 12.3021 4.04167 10.4688 4C8.63542 4.04167 7.10417 4.67708 5.875 5.90625C4.66667 7.13542 4.04167 8.66667 4 10.5C4.04167 12.3333 4.67708 13.8646 5.90625 15.0938C7.11458 16.3229 8.63542 16.9583 10.4688 17C12.0312 16.9792 13.375 16.5104 14.5 15.5938L18.6875 19.7812C18.875 19.9271 19.0625 20 19.25 20C19.4583 20 19.6354 19.9271 19.7812 19.7812C20.0729 19.4271 20.0625 19.0729 19.75 18.7188ZM5.5 10.5C5.54167 9.08333 6.03125 7.90625 6.96875 6.96875C7.90625 6.03125 9.08333 5.54167 10.5 5.5C11.9167 5.54167 13.0938 6.03125 14.0312 6.96875C14.9688 7.90625 15.4583 9.08333 15.5 10.5C15.4583 11.9167 14.9688 13.0938 14.0312 14.0312C13.0938 14.9688 11.9167 15.4583 10.5 15.5C9.08333 15.4583 7.90625 14.9688 6.96875 14.0312C6.03125 13.0938 5.54167 11.9167 5.5 10.5Z" fill="#3375B8"/> </svg> </span> </button> </nav> </div> <div class="search-cmp-wrapper" id="search-cmp-wrapper"> <div class="search-cmp kk"> <atomic-search-interface id="search" search-hub="ProdShrmUsLandingPage" language="en" style="width: 100%" reflect-state-in-url="false"> <atomic-search-layout> <!-- all Atomic components will go in here --> <atomic-layout-section section="search"> <atomic-search-box redirection-url="/content/shrm/us/en/search-results.html" id="search-header"> <atomic-search-box-recent-queries max-with-query="5" max-without-query="5"></atomic-search-box-recent-queries> <atomic-search-box-query-suggestions max-without-query="0"></atomic-search-box-query-suggestions> </atomic-search-box> <div class="search-cmp__input-contents"> <span class="input-search-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="search-icon"> <path d="M19.75 18.7188L15.5625 14.5312C16.4792 13.3854 16.9479 12.0417 16.9688 10.5C16.9271 8.66667 16.2917 7.13542 15.0625 5.90625C13.8333 4.67708 12.3021 4.04167 10.4688 4C8.63542 4.04167 7.10417 4.67708 5.875 5.90625C4.66667 7.13542 4.04167 8.66667 4 10.5C4.04167 12.3333 4.67708 13.8646 5.90625 15.0938C7.11458 16.3229 8.63542 16.9583 10.4688 17C12.0312 16.9792 13.375 16.5104 14.5 15.5938L18.6875 19.7812C18.875 19.9271 19.0625 20 19.25 20C19.4583 20 19.6354 19.9271 19.7812 19.7812C20.0729 19.4271 20.0625 19.0729 19.75 18.7188ZM5.5 10.5C5.54167 9.08333 6.03125 7.90625 6.96875 6.96875C7.90625 6.03125 9.08333 5.54167 10.5 5.5C11.9167 5.54167 13.0938 6.03125 14.0312 6.96875C14.9688 7.90625 15.4583 9.08333 15.5 10.5C15.4583 11.9167 14.9688 13.0938 14.0312 14.0312C13.0938 14.9688 11.9167 15.4583 10.5 15.5C9.08333 15.4583 7.90625 14.9688 6.96875 14.0312C6.03125 13.0938 5.54167 11.9167 5.5 10.5Z" fill="#3375B8"/> </svg> </span> </div> <span class="searchclose" tabindex="-1" aria-hidden="true"> <span class="searchclose-text">Close</span> </span> </atomic-layout-section> </atomic-search-layout> </atomic-search-interface> </div> </div> </div> <nav id="menu-bar-wrapper-nav" class="mbl-nav" aria-label="Navigation menu"> <div class="menu-section"> <button class="menu-btn" type="button" aria-expanded="false" aria-controls="main-menu" aria-label="Open navigation menu" aria-haspopup="true"> <span class="menubars" tabindex="0"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="none"> <rect y="12" width="24" height="2" rx="1" fill="#0F133A"></rect> <rect y="6" width="24" height="2" rx="1" fill="#0F133A"></rect> <rect width="24" height="2" rx="1" fill="#0F133A"></rect> </svg> </span> <!-- add menubars--active class to hide the bars --> <span class="menuclose" tabindex="0"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"> <rect x="3" y="16.9707" width="24" height="2" rx="1" transform="rotate(-45 3 16.9707)" fill="#0F133A"></rect> <rect x="4.41406" width="24" height="2" rx="1" transform="rotate(45 4.41406 0)" fill="#0F133A"></rect> </svg> </span> <!-- add menuclose--active class to show the close icon --> </button> <nav class="mbl-nav__menu-bar" id="main-menu" aria-label="Menu bar"> <nav id="mobile-menu-items" class="cmp-navigation mbl-nav__menu-bar-items" itemscope itemtype="http://schema.org/SiteNavigationElement" data-cmp-data-layer="{&#34;languagenavigation-f85ed1ce5f&#34;:{&#34;@type&#34;:&#34;core/wcm/components/languagenavigation/v2/languagenavigation&#34;,&#34;repo:modifyDate&#34;:&#34;2025-03-06T18:55:21Z&#34;}}"> <ul class="cmp-navigation__group mbl-nav__menu-bar__list" role="menu"> <li class="cmp-navigation__item cmp-navigation__item--level-0 " role="presentation"> <a href="/foundation" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItem0&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;ctaText&#34;:&#34;Home&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="menu-link" role="menuitem" title="Home" aria-label="Home" aria-controls="Home" aria-haspopup="true" aria-expanded="false" target="_self"> <span class="menu-item">Home</span> </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-0 " role="presentation"> <a href="/foundation/about" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItem1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/about&#34;,&#34;ctaText&#34;:&#34;About&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="menu-link" role="menuitem" title="About" aria-label="About" aria-controls="About" aria-haspopup="true" aria-expanded="false" target="_self"> <span class="menu-item">About</span> </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-0 " role="presentation"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItem2&#34;:{&#34;DestinationURL&#34;:&#34;&#34;,&#34;ctaText&#34;:&#34;Our Work&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="menu-link" role="menuitem" title="Our Work" aria-label="Our Work" aria-controls="Our Work" aria-haspopup="true" aria-expanded="false" target="_self"> <span class="menu-item">Our Work</span> <span class="icon icon-angle_right" aria-hidden="true"></span> </a> <div class="mega-menu-mobile" id="Our Work"> <div class="mega-menu-container-mobile"> <div class="mega-menu-top-bar"> <a class="mega-menu__label-block back" title="back" aria-label="Back to previous menu" role="button" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fheaderSearch0&#34;:{&#34;DestinationURL&#34;:&#34;#&#34;,&#34;ctaText&#34;:&#34;Back&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable> <span class="icon" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="mask0_10741_334209" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9"> </rect> </mask> <g mask="url(#mask0_10741_334209)"> <path d="M8.4626 11.8374L14.4626 5.8374L15.5376 6.9124L10.5876 11.8374L15.5126 16.7624L14.4376 17.8374L8.4626 11.8374Z" fill="white"> </path> </g> </svg> </span> <span class="back-txt">back</span> </a> <div class="mega-menu__title-block"> <span role="menuitem"> <a title="Our Work" aria-label="Our Work" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItem2&#34;:{&#34;DestinationURL&#34;:&#34;&#34;,&#34;ctaText&#34;:&#34;Our Work&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable target="_self" class="no-link">Our Work</a> </span> </div> </div> <div class="mega-menu-wrapper-mobile"> <div class="mega-menu"> <div class="mega-menu__image"> <div class="shrmImage landscape image aem-GridColumn aem-GridColumn--default--12 default"> <div data-cmp-is="image" data-cmp-hook-image="imageV3" class="cmp-image"> <!-- Read Image from globalheader/promo-0 node if its authored . Here 0 is index of the image--> <a class="cmp-image__link" data-cmp-clickable="" target="_self" title="image"> </a> </div> </div> </div> <div class="mega-menu__promo card-border-color"> </div> </div> <ul class="event-wrapper" role="menu"> <li class="cmp-navigation__item cmp-navigation__item--level-1 " role="presentation"> <div class="mega-menu-event-list__item-title" role="presentation"> <a href="/foundation/widening-pathways-to-work" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL2Widening Pathways to Work0&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/widening-pathways-to-work&#34;,&#34;ctaText&#34;:&#34;Widening Pathways to Work&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down menu__drop-down--active " role="menuitem" title="Widening Pathways to Work" aria-label="Widening Pathways to Work" aria-controls="Widening Pathways to Work" aria-haspopup="true" aria-expanded="false" target="_self"> Widening Pathways to Work </a> </div> </li> <li class="cmp-navigation__item cmp-navigation__item--level-1 " role="presentation"> <div class="mega-menu-event-list__item-title" role="presentation"> <a href="/foundation/strengthening-hr-field" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL2Strengthening the HR Field1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/strengthening-hr-field&#34;,&#34;ctaText&#34;:&#34;Strengthening the HR Field&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down menu__drop-down--active " role="menuitem" title="Strengthening the HR Field" aria-label="Strengthening the HR Field" aria-controls="Strengthening the HR Field" aria-haspopup="true" aria-expanded="false" target="_self"> Strengthening the HR Field </a> </div> </li> <li class="cmp-navigation__item cmp-navigation__item--level-1 " role="presentation"> <div class="mega-menu-event-list__item-title" role="presentation"> <a href="/foundation/tackling-societal-challenges" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL2Tackling Societal Challenges2&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/tackling-societal-challenges&#34;,&#34;ctaText&#34;:&#34;Tackling Societal Challenges&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down menu__drop-down--active " role="menuitem" title="Tackling Societal Challenges" aria-label="Tackling Societal Challenges" aria-controls="Tackling Societal Challenges" aria-haspopup="true" aria-expanded="false" target="_self"> Tackling Societal Challenges </a> </div> </li> </ul> </div> </div> </div> </li> <li class="cmp-navigation__item cmp-navigation__item--level-0 " role="presentation"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItem3&#34;:{&#34;DestinationURL&#34;:&#34;&#34;,&#34;ctaText&#34;:&#34;Get Involved&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="menu-link" role="menuitem" title="Get Involved" aria-label="Get Involved" aria-controls="Get Involved" aria-haspopup="true" aria-expanded="false" target="_self"> <span class="menu-item">Get Involved</span> <span class="icon icon-angle_right" aria-hidden="true"></span> </a> <div class="mega-menu-mobile" id="Get Involved"> <div class="mega-menu-container-mobile"> <div class="mega-menu-top-bar"> <a class="mega-menu__label-block back" title="back" aria-label="Back to previous menu" role="button" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fheaderSearch0&#34;:{&#34;DestinationURL&#34;:&#34;#&#34;,&#34;ctaText&#34;:&#34;Back&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable> <span class="icon" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="mask0_10741_334209" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9"> </rect> </mask> <g mask="url(#mask0_10741_334209)"> <path d="M8.4626 11.8374L14.4626 5.8374L15.5376 6.9124L10.5876 11.8374L15.5126 16.7624L14.4376 17.8374L8.4626 11.8374Z" fill="white"> </path> </g> </svg> </span> <span class="back-txt">back</span> </a> <div class="mega-menu__title-block"> <span role="menuitem"> <a title="Get Involved" aria-label="Get Involved" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItem3&#34;:{&#34;DestinationURL&#34;:&#34;&#34;,&#34;ctaText&#34;:&#34;Get Involved&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable target="_self" class="no-link">Get Involved</a> </span> </div> </div> <div class="mega-menu-wrapper-mobile"> <div class="mega-menu"> <div class="mega-menu__image"> <div class="shrmImage landscape image aem-GridColumn aem-GridColumn--default--12 default"> <div data-cmp-is="image" data-cmp-hook-image="imageV3" class="cmp-image"> <!-- Read Image from globalheader/promo-0 node if its authored . Here 0 is index of the image--> <a class="cmp-image__link" data-cmp-clickable="" target="_self" title="image"> </a> </div> </div> </div> <div class="mega-menu__promo card-border-color"> </div> </div> <ul class="event-wrapper" role="menu"> <li class="cmp-navigation__item cmp-navigation__item--level-1 " role="presentation"> <div class="mega-menu-event-list__item-title" role="presentation"> <a href="https://donate.shrmfoundation.org/" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL2Donate0&#34;:{&#34;DestinationURL&#34;:&#34;https://donate.shrmfoundation.org/&#34;,&#34;ctaText&#34;:&#34;Donate&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down menu__drop-down--active " role="menuitem" title="Donate" aria-label="Donate" aria-controls="Donate" aria-haspopup="true" aria-expanded="false" target="_blank"> Donate </a> </div> <ul class="mega-menu-event-list" role="menu"> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="https://donate.shrmfoundation.org/" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Make a Donation0&#34;:{&#34;DestinationURL&#34;:&#34;https://donate.shrmfoundation.org/&#34;,&#34;ctaText&#34;:&#34;Make a Donation&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Make a Donation" aria-label="Make a Donation" aria-controls="Make a Donation" aria-haspopup="true" aria-expanded="false" target="_blank"> Make a Donation </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/donate/team-empower" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Join Team Empower1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/donate/team-empower&#34;,&#34;ctaText&#34;:&#34;Join Team Empower&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Join Team Empower" aria-label="Join Team Empower" aria-controls="Join Team Empower" aria-haspopup="true" aria-expanded="false" target="_self"> Join Team Empower </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/donate/leadership-circle" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Leadership Circle2&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/donate/leadership-circle&#34;,&#34;ctaText&#34;:&#34;Leadership Circle&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Leadership Circle" aria-label="Leadership Circle" aria-controls="Leadership Circle" aria-haspopup="true" aria-expanded="false" target="_self"> Leadership Circle </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/donate/shop-support" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Shop to Support3&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/donate/shop-support&#34;,&#34;ctaText&#34;:&#34;Shop to Support&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Shop to Support" aria-label="Shop to Support" aria-controls="Shop to Support" aria-haspopup="true" aria-expanded="false" target="_self"> Shop to Support </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/donate/supporters" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Our Supporters4&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/donate/supporters&#34;,&#34;ctaText&#34;:&#34;Our Supporters&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Our Supporters" aria-label="Our Supporters" aria-controls="Our Supporters" aria-haspopup="true" aria-expanded="false" target="_self"> Our Supporters </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/investment-benefits" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Investment Opportunities5&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/investment-benefits&#34;,&#34;ctaText&#34;:&#34;Investment Opportunities&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Investment Opportunities" aria-label="Investment Opportunities" aria-controls="Investment Opportunities" aria-haspopup="true" aria-expanded="false" target="_self"> Investment Opportunities </a> </li> </ul> </li> <li class="cmp-navigation__item cmp-navigation__item--level-1 " role="presentation"> <div class="mega-menu-event-list__item-title" role="presentation"> <a href="/foundation/scholarships-grants-awards" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL2Scholarships, Grants, and Awards1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/scholarships-grants-awards&#34;,&#34;ctaText&#34;:&#34;Scholarships, Grants, and Awards&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down menu__drop-down--active " role="menuitem" title="Scholarships, Grants, and Awards" aria-label="Scholarships, Grants, and Awards" aria-controls="Scholarships, Grants, and Awards" aria-haspopup="true" aria-expanded="false" target="_self"> Scholarships, Grants, and Awards </a> </div> <ul class="mega-menu-event-list" role="menu"> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/scholarships-grants-awards/scholarships" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Scholarships0&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/scholarships-grants-awards/scholarships&#34;,&#34;ctaText&#34;:&#34;Scholarships&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Scholarships" aria-label="Scholarships" aria-controls="Scholarships" aria-haspopup="true" aria-expanded="false" target="_self"> Scholarships </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/scholarships-grants-awards/grants" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Grants1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/scholarships-grants-awards/grants&#34;,&#34;ctaText&#34;:&#34;Grants&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Grants" aria-label="Grants" aria-controls="Grants" aria-haspopup="true" aria-expanded="false" target="_self"> Grants </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/scholarships-grants-awards/awards" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Awards2&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/scholarships-grants-awards/awards&#34;,&#34;ctaText&#34;:&#34;Awards&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Awards" aria-label="Awards" aria-controls="Awards" aria-haspopup="true" aria-expanded="false" target="_self"> Awards </a> </li> </ul> </li> <li class="cmp-navigation__item cmp-navigation__item--level-1 " role="presentation"> <div class="mega-menu-event-list__item-title" role="presentation"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL2Chapters &amp; State Councils2&#34;:{&#34;DestinationURL&#34;:&#34;&#34;,&#34;ctaText&#34;:&#34;Chapters &amp; State Councils&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link menu menu__drop-down menu__drop-down--active no-link" role="menuitem" title="Chapters &amp; State Councils" aria-label="Chapters &amp; State Councils" aria-controls="Chapters &amp; State Councils" aria-haspopup="true" aria-expanded="false" target="_self"> Chapters &amp; State Councils </a> </div> <ul class="mega-menu-event-list" role="menu"> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/chapters-state-councils/resources" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Resources0&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/chapters-state-councils/resources&#34;,&#34;ctaText&#34;:&#34;Resources&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Resources" aria-label="Resources" aria-controls="Resources" aria-haspopup="true" aria-expanded="false" target="_self"> Resources </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/chapters-state-councils/giving-reports" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Giving Reports1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/chapters-state-councils/giving-reports&#34;,&#34;ctaText&#34;:&#34;Giving Reports&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Giving Reports" aria-label="Giving Reports" aria-controls="Giving Reports" aria-haspopup="true" aria-expanded="false" target="_self"> Giving Reports </a> </li> <li class="cmp-navigation__item cmp-navigation__item--level-2 " role="presentation"> <a href="/foundation/chapters-state-councils/recognition" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fnavMenuItemL3Recognition2&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation/chapters-state-councils/recognition&#34;,&#34;ctaText&#34;:&#34;Recognition&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="cmp-navigation__item-link event-item" role="menuitem" title="Recognition" aria-label="Recognition" aria-controls="Recognition" aria-haspopup="true" aria-expanded="false" target="_self"> Recognition </a> </li> </ul> </li> </ul> </div> </div> </div> </li> </ul> </nav> <!-- <sly data-sly-test="nt:unstructured" data-sly-use.mobilemenubar="com.shrm.core.models.MobileMenuBar"> <sly data-sly-list.buttonDetails=""> <div class="utility-btn"> <div class="button normal icon__right btn-comp"> <a class="button__bdl" href="" role="button" aria-label="button" title="" target="_self"> <span class="icon icon-circle_left" aria-hidden="true"></span> <span class="button__text"></span> <span class="icon icon-circle_right" aria-hidden="true"></span> <span class="icon icon-angle_right" aria-hidden="true"></span> </a> </div> </div> </sly> --> <div class="mbl-nav__menu-bar__menu-wrapper"> <div class="mbl-nav__menu-bar__useful-links"> <ul class="mbl-nav__utility-list" role="menu" aria-label="navigation"> <li class="mbl-list-item" role="presentation"> <a href="https://store.shrm.org" role="menuitem" aria-label="store" title="store" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fcart&#34;:{&#34;DestinationURL&#34;:&#34;https://store.shrm.org&#34;,&#34;ctaText&#34;:&#34;Store&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="utility-item list-item"> <div class="utility-item__block"><span aria-hidden="true" class="icon icon-shopping_cart"> </span> <span class="utility-item-title">Store</span></div> </a> </li> <li class="mbl-list-item" role="presentation"> <a href="#" aria-label="region" title="language" class="utility-item mbl language-block list-item" role="menuitem" aria-haspopup="true" aria-expanded="false" aria-controls="language-menu"> <span aria-hidden="true" class="icon icon-language"> </span> <span id="selectedRegion" class="utility-item-title"></span> <script> function getCookie(cname) { let name = cname + "="; let ca = document.cookie.split(';'); for(let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } async function getCsrfToken() { const response = await fetch('/libs/granite/csrf/token.json'); const json = await response.json(); return json.token; } var userRegion = decodeURIComponent(getCookie("userRegion")); if (!userRegion) { let userCountryFromHeader = "/bin/api/userLocation"; getCsrfToken().then(function (csrfToken) { return fetch(userCountryFromHeader, { method: 'POST', headers: { 'CSRF-Token': csrfToken } }).then((response) => response.json()) .then((data) => { const d = new Date(); d.setTime(d.getTime() + (365 * 24 * 60 * 60 * 1000)); let expires = "expires="+d.toUTCString(); userRegion = data.userRegion; document.cookie = "userRegion" + "=" + data.userRegion + ";" + expires + "; path=/"; }); }); } function getRegionFromUrl() { const url = window.location.href; console.log('URL:::', url); let region = 'Global'; if (url.includes('/mena/') || url.includes("org/mena")) { region = 'MENA'; } else if (url.includes('/in/') || url.includes("org/in")) { region = 'India'; } else if (url.includes('/us/')) { region = 'Global'; } const d = new Date(); d.setTime(d.getTime() + (365 * 24 * 60 * 60 * 1000)); let expires = "expires="+d.toUTCString(); document.cookie = "userRegionSelected=" + encodeURIComponent(region) + ";" + expires + "; path=/"; // Display the region in the HTML element with id="region" document.getElementById('selectedRegion').innerHTML = region; } getRegionFromUrl(); jQuery(document).ready(function() { jQuery("#language-menu a").on("click", function(event) { event.preventDefault(); // Prevent default link behavior var userRegion = ""; var userSelection = jQuery(this).text(); switch(userSelection) { case "India": userRegion = "in"; break; case "MENA": userRegion = "mena"; break; default: userRegion = "us"; } // Set the cookie for userRegion const d = new Date(); d.setTime(d.getTime() + (365 * 24 * 60 * 60 * 1000)); // 1 year expiry let expires = "expires="+d.toUTCString(); document.cookie = "userRegion=" + userRegion + ";" + expires + "; path=/"; // Update the displayed region jQuery("#selectedRegion").text(userSelection); // Redirect to the selected language URL window.location = jQuery(this).attr('href'); }); }); /* const locationRegion = document.getElementById('selectedRegion').innerHTML; console.log('locationRegion:::', locationRegion); const menaRegions = [ "DZ", "DZA", "BH", "BHR", "KM", "COM", "DJ", "DJI", "EG", "EGY", "IQ", "IRQ", "JO", "JOR", "KW", "KWT", "LB", "LBN", "LY", "LBY", "MA", "MAR", "MR", "MRT", "OM", "OMN", "PS", "PSE", "QA", "QAT", "SA", "SAU", "SO", "SOM", "SD", "SDN", "SY", "SYR", "TN", "TUN", "AE", "ARE", "YE", "YEM" ]; if(locationRegion){ const d = new Date(); d.setTime(d.getTime() + (365 * 24 * 60 * 60 * 1000)); let expires = "expires="+d.toUTCString(); if(locationRegion == "Global"){ document.cookie = "userRegion" + "=" + "us" + ";" + expires + "; path=/"; } else if(locationRegion == "India"){ document.cookie = "userRegion" + "=" + "in" + ";" + expires + "; path=/"; } else if(menaRegions.includes(locationRegion)){ document.cookie = "userRegion" + "=" + "mena" + ";" + expires + "; path=/"; } else { document.cookie = "userRegion" + "=" + locationRegion + ";" + expires + "; path=/"; var userRegion = decodeURIComponent(getCookie("userRegion")); if (userRegion == "MENA"){ document.cookie = "userRegion" + "=" + "mena" + ";" + expires + "; path=/"; } } } */ async function callUpdateGeoLocationServlet() { const url = "/bin/api/userLocation.userRegionRedirect.json"; var userRegion = decodeURIComponent(getCookie("userRegion")); try { const csrfToken = await getCsrfToken(); const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json', 'x-aem-client-country': userRegion, 'CSRF-Token': csrfToken, // Add CSRF token here }, body: JSON.stringify({}), }); if (!response.ok) { throw new Error('HTTP error! status: ' + response.status); } const data = await response.json(); console.log('Response from servlet:', data); // Handle redirect if required if (data.finalRedirectPath) { window.location.href = data.finalRedirectPath; } } catch (error) { console.error('Error calling servlet:', error); } } //callUpdateGeoLocationServlet(); </script> <span class="icon icon-angle_down" aria-hidden="true"> </span> </a> <ul class="drop-down-list right drop-down-list-mbl right-mbl" id="language-menu" role="menu"> <li role="presentation" class="cmp-languagenavigation__item cmp-languagenavigation__item--countrycode-US cmp-languagenavigation__item--langcode-en-US cmp-languagenavigation__item--level-0 cmp-languagenavigation__item--active"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5flanguageNav0&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;ctaText&#34;:&#34;Region&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="brand-item cmp-languagenavigation__item-link" hreflang="en-US" lang="en-US" rel="alternate" role="menuitem" aria-label="language option" href="/foundation">Global</a> </li> <li role="presentation" class="cmp-languagenavigation__item cmp-languagenavigation__item--countrycode-IN cmp-languagenavigation__item--langcode-en-IN cmp-languagenavigation__item--level-0"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5flanguageNav1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/in/foundation&#34;,&#34;ctaText&#34;:&#34;Region&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="brand-item cmp-languagenavigation__item-link" hreflang="en-IN" lang="en-IN" rel="alternate" role="menuitem" aria-label="language option" href="/in/foundation">India</a> </li> <li role="presentation" class="cmp-languagenavigation__item cmp-languagenavigation__item--countrycode-AE cmp-languagenavigation__item--langcode-en-AE cmp-languagenavigation__item--level-0"> <a data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5flanguageNav2&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/mena/foundation&#34;,&#34;ctaText&#34;:&#34;Region&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="brand-item cmp-languagenavigation__item-link" hreflang="en-AE" lang="en-AE" rel="alternate" role="menuitem" aria-label="language option" href="/mena/foundation">MENA</a> </li> </ul> </ul> <ul class="mbl-nav__know-more__list"> <li> <div class="utility-btn"> <!-- BDL Button --> <div class="button button__dark__fill icon__right none normal default btn-comp"> <a class="button__bdl" href="https://donate.shrmfoundation.org/" role="button" aria-label="button" title="Donate" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5flogoButton0&#34;:{&#34;DestinationURL&#34;:&#34;https://donate.shrmfoundation.org/&#34;,&#34;ctaText&#34;:&#34;Donate&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable target="_blank"> <span class="icon icon-circle_left" aria-hidden="true"></span> <span class="button__text">Donate</span> <span class="icon icon-circle_right" aria-hidden="true"></span> <span class="icon icon-angle_right" aria-hidden="true"></span> </a> </div> </div> </li> </ul> </div> <nav class="mbl-nav__brand-bar"> <ul class="mbl-nav__brand-bar__brands-list" role="menu" aria-label="navigation"> <li role="presentation"> <a href="/home" aria-label="SHRM" title="SHRM" role="menuitem" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fbrandBar0&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/home&#34;,&#34;ctaText&#34;:&#34;SHRM&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="brand-item "> <img src="/content/dam/en/shrm/brand-logos/shrm-main.svg" data-image-src="/content/dam/en/shrm/brand-logos/shrm-main.svg" class="brand-item__img" alt="SHRM"/> </a> </li> <li role="presentation"> <a href="/executive-network" aria-label="Executive network" title="Executive network" role="menuitem" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fbrandBar1&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/executive-network&#34;,&#34;ctaText&#34;:&#34;Executive network&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="brand-item "> <img src="/content/dam/en/shrm/brand-logos/executive-network.svg" data-image-src="/content/dam/en/shrm/brand-logos/executive-network.svg" class="brand-item__img" alt="Executive network"/> </a> </li> <li role="presentation"> <a href="/ceo-circle" aria-label="CEO Circle" title="CEO Circle" role="menuitem" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fbrandBar2&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/ceo-circle&#34;,&#34;ctaText&#34;:&#34;CEO Circle&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="brand-item "> <img src="/content/dam/en/shrm/ceo-circle/logo-ceo-circle-no-shrm-color.svg" data-image-src="/content/dam/en/shrm/ceo-circle/logo-ceo-circle-no-shrm-color.svg" class="brand-item__img" alt="CEO Circle"/> </a> </li> <li role="presentation"> <a href="/enterprise-solutions" aria-label="Enterprise Solutions" title="Enterprise Solutions" role="menuitem" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fbrandBar3&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/enterprise-solutions&#34;,&#34;ctaText&#34;:&#34;Enterprise Solutions&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="brand-item "> <img src="/content/dam/en/shrm/brand-logos/enterprice-solutions.svg" data-image-src="/content/dam/en/shrm/brand-logos/enterprice-solutions.svg" class="brand-item__img" alt="Enterprise Solutions"/> </a> </li> <li role="presentation"> <a href="/linkage" aria-label="Linkage" title="Linkage" role="menuitem" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fbrandBar4&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/linkage&#34;,&#34;ctaText&#34;:&#34;Linkage Logo&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="brand-item "> <img src="/content/dam/en/shrm/brand-logos/linkage-no-blocks-text-only.svg" data-image-src="/content/dam/en/shrm/brand-logos/linkage-no-blocks-text-only.svg" class="brand-item__img" alt="Linkage Logo"/> </a> </li> </ul> </nav> </div> </nav> </div> <div class="logo-bar-wrapper"> <nav class="nav-cmp__logo-bar d-flex nav-inner-wrapper mbl-nav__logo-wrapper"> <a href="/foundation" aria-label="Foundation" title="Foundation" role="menuitem" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5flogobar&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;ctaText&#34;:&#34;Foundation&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="list-item--active"> <img src="/content/dam/en/shrm/brand-logos/foundation.svg" data-image-src="/content/dam/en/shrm/brand-logos/foundation.svg" alt="Foundation"/> </a> </nav> </div> <div class="mbl-nav__search-wrapper"> <div class="mbl-nav__btn"> <div class="mbl-logged-out" role="presentation"> <a href="/saml_login" role="menuitem" aria-label="signin" title="sign in" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fsignIn&#34;:{&#34;DestinationURL&#34;:&#34;http://www.shrm.org/saml_login&#34;,&#34;ctaText&#34;:&#34;Sign In&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable class="utility-item list-item"> <div class="utility-item__block"><span aria-hidden="true"> </span> <span class="utility-item-title">Sign In</span></div> </a> </div> <ul class="mbl-nav__utility-list" role="menu" aria-label="navigation"> <li class="mbl-list-item mbl-logged-in"> <a href="#" aria-label="account" title="account" class="utility-item mbl" aria-haspopup="true" aria-expanded="false" aria-controls="account-menu" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5faccountMenu&#34;:{&#34;DestinationURL&#34;:&#34;#&#34;,&#34;ctaText&#34;:&#34;Account&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable> <span class="utility-item-title">Account</span> <span class="icon icon-angle_down" aria-hidden="true"> </span> </a> <ul class="drop-down-list-mbl center-mbl" id="account-menu-mobile" role="menu"> <li role="presentation"> <a href="https://account.shrm.org" class="brand-item" role="menuitem" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5faccount0&#34;:{&#34;DestinationURL&#34;:&#34;https://account.shrm.org&#34;,&#34;ctaText&#34;:&#34;Account&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable aria-label="account option" title="account option" target="_blank">Account </a> </li> <li role="presentation"> <a href="/system/sling/logout?resource=/content/shrm/saml_login" class="brand-item" role="menuitem" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5faccount1&#34;:{&#34;DestinationURL&#34;:&#34;/system/sling/logout?resource=/content/shrm/saml_login&#34;,&#34;ctaText&#34;:&#34;Logout&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable aria-label="account option" title="account option">Logout </a> </li> </ul> </li> </ul> </div> <button class="search-btn" id="search-block-mbl" data-cmp-data-layer="{&#34;globalheaderglobalheader-f85ed1ce5fsearch&#34;:{&#34;DestinationURL&#34;:&#34;#&#34;,&#34;ctaText&#34;:&#34;search&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/structure/globalheader&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;globalheader&#34;}}" data-cmp-clickable aria-controls="search-container" aria-expanded="false" aria-label="open search bar"> <span class="searchiconheader" tabindex="0"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="search-icon"> <path d="M19.75 18.7188L15.5625 14.5312C16.4792 13.3854 16.9479 12.0417 16.9688 10.5C16.9271 8.66667 16.2917 7.13542 15.0625 5.90625C13.8333 4.67708 12.3021 4.04167 10.4688 4C8.63542 4.04167 7.10417 4.67708 5.875 5.90625C4.66667 7.13542 4.04167 8.66667 4 10.5C4.04167 12.3333 4.67708 13.8646 5.90625 15.0938C7.11458 16.3229 8.63542 16.9583 10.4688 17C12.0312 16.9792 13.375 16.5104 14.5 15.5938L18.6875 19.7812C18.875 19.9271 19.0625 20 19.25 20C19.4583 20 19.6354 19.9271 19.7812 19.7812C20.0729 19.4271 20.0625 19.0729 19.75 18.7188ZM5.5 10.5C5.54167 9.08333 6.03125 7.90625 6.96875 6.96875C7.90625 6.03125 9.08333 5.54167 10.5 5.5C11.9167 5.54167 13.0938 6.03125 14.0312 6.96875C14.9688 7.90625 15.4583 9.08333 15.5 10.5C15.4583 11.9167 14.9688 13.0938 14.0312 14.0312C13.0938 14.9688 11.9167 15.4583 10.5 15.5C9.08333 15.4583 7.90625 14.9688 6.96875 14.0312C6.03125 13.0938 5.54167 11.9167 5.5 10.5Z" fill="#3375B8"></path> </svg> </span> <span class="searchcloseheader"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="mask0_10741_336409" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_10741_336409)"> <path d="M6.22505 18.8248L5.17505 17.7748L10.95 11.9998L5.17505 6.2248L6.22505 5.1748L12 10.9498L17.775 5.1748L18.825 6.2248L13.05 11.9998L18.825 17.7748L17.775 18.8248L12 13.0498L6.22505 18.8248Z" fill="#3375B8"/> </g> </svg> </span> </button> <div class="mbl-nav__search-wrapper__search-container" id="search-container"> <!-- add show class to show the search container --> <div class="search-backdrop" aria-hidden="true"></div> <div class="search-cmp-wrapper" id="search-cmp-wrapper-mbl"> <div class="search-cmp kk"> <atomic-search-interface id="search" language="en" style="width: 100%" reflect-state-in-url="false" search-hub="ProdShrmUsLandingPage"> <atomic-search-layout> <!-- all Atomic components will go in here --> <atomic-layout-section section="search"> <atomic-search-box redirection-url="/content/shrm/us/en/search-results.html" id="search-header-mbl"> <atomic-search-box-recent-queries max-with-query="5" max-without-query="5"></atomic-search-box-recent-queries> <atomic-search-box-query-suggestions max-without-query="0"></atomic-search-box-query-suggestions> </atomic-search-box> <span class="searchclose" tabindex="-1" aria-hidden="true"> <span class="searchclose-text">Close</span> </span> </atomic-layout-section> </atomic-search-layout> </atomic-search-interface> </div> </div> </div> </div> </nav> </div> </div> <div class="embed aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;embed-009a640b06&#34;:{&#34;@type&#34;:&#34;shrm/components/embed&#34;,&#34;repo:modifyDate&#34;:&#34;2025-03-06T18:55:22Z&#34;}}" id="embed-009a640b06" class="cmp-embed"> <!--changing the context unsafe to disable XSS protection for free html as per requirement embed component should be accessed only by restricted authors.--> <style> .logo-bar-wrapper img {width: auto; max-width: 100%; height: 40px; } .brand-item__img {max-height: 26px;} .nav-cmp__brands-list li .brand-item__img, .mbl-nav__brand-bar__brands-list li .brand-item__img{ max-width:100px; width:100%; } </style> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> </header> <!-- Popover for Lock Management System --> <div id="popover-content-default-lock-management" class="popover-content"> <div class="pop-over hide default"> <div class="pop-over__container"> <div class="pop-over__header"> <h5 class="pop-over__heading" tabindex="0" id="pop-over-title" data-titlelimitreached=" You&#39;ve reached the limit of 3 free articles this month. Join to access unlimited articles and member-only resources. " data-titlesignin="Already have an account?"> </h5> <button class="pop-over__close-icon pop-over-close" title="close button"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="• System Icons / Subcomponents / Menu Icon - Close"> <mask id="mask0_25432_3224" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32"> <rect id="Bounding box" width="32" height="32" fill="#D9D9D9"> </rect> </mask> <g> <path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M17.8855 16.0953L25.4284 8.55237L23.5428 6.66675L15.9999 14.2096L8.45706 6.66679L6.57144 8.5524L14.1143 16.0953L6.57223 23.6373L8.45785 25.5229L15.9999 17.9809L23.542 25.523L25.4276 23.6374L17.8855 16.0953Z" fill="black"> </path> </g> </g> </svg> </button> </div> <p class="pop-over__content" tabindex="0" id="pop-over-content" data-contentmetered="You are not a member to see the content."> </p> <div class="pop-over__btnwrapper"> <a href="#" aria-label="become-member" title="Become A Member" id="pop-over-btn-url" data-lockiconbtnmemberurl="/content/shrm/us/en/membership/membership-purchase" data-lockiconbtnsigninurl="/content/shrm/saml_login"> <div class="pop-over__btn"> <div class="button button__dark__fill normal default btn-comp"> <button class="button__bdl" aria-label="button" title="Primary"> <span class="button__text" id="pop-over-btn-title" data-lockiconbtnmembertitle="Join/Renew" data-lockiconbtnsignintitle="Sign In"></span> <img src="/etc.clientlibs/shrm/clientlibs/clientlib-site/resources/images/right-icon-white.png" alt="right-icon" style="margin-left: 5px;"/> </button> </div> </div> </a> </div> </div> </div> </div> <!-- Popover Closed for Lock Management System --> <div class="root layout-container container responsivegrid container-full"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="main-container" class="cmp-container localnav-anchorlink main-container" role="main"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="layout-container container responsivegrid container-full aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-d5f841010f" class="cmp-container localnav-anchorlink container-d5f841010f"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="video-background responsivegrid vid-content-mid aem-GridColumn aem-GridColumn--default--12"> <div id="video-background-2a650247cd" class="cmp-video-background" style="background-color:#1b3c69;"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 aem-Grid--phone--12 "> <div class="video-background responsivegrid card-container rounded-corner aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--6 aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0"> <div id="video-background-940253de46" class="cmp-video-background" style="background-color:rgba(27,60,105,0.9);"> <div class="aem-Grid aem-Grid--6 aem-Grid--default--6 aem-Grid--phone--12 "> <div class="title aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--6"><div data-cmp-data-layer="{&#34;title-af81e1fd11&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:33Z&#34;,&#34;dc:title&#34;:&#34;If it’s a workplace opportunity thing, it’s a SHRM thing.&#34;}}" id="title-af81e1fd11" class="cmp-title" style="color:#FFFFFF"> <div> <h1 class="cmp-title__text">If it’s a workplace opportunity thing, it’s a SHRM thing.</h1> </div> </div> </div> <div class="text text-white body-xl aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--6"><div id="text-d93f3cefcc" class="cmp-text"> <p>You Have the Power to Transform Workplaces</p> </div> </div> <div class="text text-white aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--6"><div id="text-a69e6a00f1" class="cmp-text"> <p>At SHRM Foundation, we believe HR professionals are essential to driving workplace change, fostering inclusion, and ensuring all talent thrives. Support us in creating a world of work that works for all.</p> </div> </div> <div class="button button__light__fill icon__right aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--6"> <a id="button-5c76cf41d8" class="button__bdl" href="https://donate.shrmfoundation.org/" role="button" title="Button Policy" target="_blank" data-cmp-clickable data-cmp-data-layer="{&#34;button-5c76cf41d8&#34;:{&#34;DestinationURL&#34;:&#34;https://donate.shrmfoundation.org/&#34;,&#34;ctaText&#34;:&#34;DONATE NOW&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/button&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:33.820Z&#34;}}"> <span class="icon icon-circle_left"> </span> <span class="cmp-button__text">DONATE NOW</span> <span class="icon icon-circle_right"> </span> <span class="icon icon-angle_right"> </span> <link rel="stylesheet" href="/etc.clientlibs/shrm/components/button/clientlibs.lc-1a1bc862914238c0fe9bf8c79c9d37c3-lc.min.css" type="text/css"> </a> </div> </div> </div> </div> </div> <video loop="true" autoplay="true" muted="true"> <source src="/content/dam/en/shrm/temporary/video-art-of-work-foundation.mp4" type="video/mp4"/> <source/> </video> </div> </div> <div class="hero hero__full-width aem-GridColumn--default--hide aem-GridColumn aem-GridColumn--default--12 aem-GridColumn--offset--default--0"> <div class="cmp-hero"> <div style="--hero-bg:url('\2f content\2f dam\2f en\2fshrm\2f foundation\2f foundation-2024-2025.png')"> <div class="hero__container"> <div class="hero__image"> <div class="hero__picture-wrapper"> <div data-cmp-is="image" data-cmp-src="/adobe/dynamicmedia/deliver/dm-aid--ebb1c418-190e-4c13-b91a-8f94b48f354c/foundation-2024-2025.png?quality=82&amp;preferwebp=true&amp;width={width}" data-asset-id="ebb1c418-190e-4c13-b91a-8f94b48f354c" id="image-d1dc13dd14" data-cmp-data-layer="{&#34;image-d1dc13dd14&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="/adobe/dynamicmedia/deliver/dm-aid--ebb1c418-190e-4c13-b91a-8f94b48f354c/foundation-2024-2025.png?quality=82&preferwebp=true" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="514" alt="Giving Tuesday banner"/> </div> </div> </div> <div class="hero__content-wrapper"> <div class="hero__content"> <span class="subheading-lg hero__pretitle"></span> <h1>You Have the Power to Transform Workplaces</h1> <p>At SHRM Foundation, we believe HR professionals are essential to driving workplace change, fostering inclusion, and ensuring all talent thrives. Support us in creating a world of work that works for all.</p> <span class="hero__border"></span> <div class="hero__button-wrapper"> <div class="button button__light__fill large icon__right btn-comp"> <a class="button__bdl" href="https://donate.shrmfoundation.org/" role="button" aria-label="button" title="DONATE NOW" target="_blank" data-cmp-clickable data-cmp-data-layer="{&#34;hero-bd224b36c21&#34;:{&#34;ctaText&#34;:&#34;DONATE NOW&#34;,&#34;previousPageURL&#34;:&#34;https://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/hero&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;hero_692289794&#34;,&#34;destinationURL&#34;:&#34;https://donate.shrmfoundation.org/&#34;}}"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">DONATE NOW</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container container responsivegrid medium-padding layout-container__lighterblue v-align aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-a48b54755a" class="cmp-container localnav-anchorlink container-a48b54755a"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 aem-Grid--phone--12 "> <div class="layout-container container responsivegrid small-padding aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--6 aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-488300d19d" class="cmp-container localnav-anchorlink container-488300d19d"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--6 aem-Grid--default--6 aem-Grid--phone--12 "> <div class="video aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--6"> <div class="video-component"> <div class="video-item video-overlay"> <div class="video-item__video-type brightcove-video"> <iframe allow='autoplay' title="brighcove video" aria-label="brighcove video" id="video-e4331021e9" class=" video-item__video-type__video-align" src="https://players.brightcove.net/2505476403001/6zTNoZDgj_default/index.html?videoId=6332238277112" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid small-padding aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--6 aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-f0b42750c4" class="cmp-container localnav-anchorlink container-f0b42750c4"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--6 aem-Grid--default--6 aem-Grid--phone--12 "> <div class="title mb-2 aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--6"><div data-cmp-data-layer="{&#34;title-4e671dcdb4&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:34Z&#34;,&#34;dc:title&#34;:&#34;Keeping HR Ahead of the Curve&#34;}}" id="title-4e671dcdb4" class="cmp-title" style="color:"> <div> <h2 class="cmp-title__text">Keeping HR Ahead of the Curve</h2> </div> </div> </div> <div class="text aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--6"><div id="text-dae53c3d9f" class="cmp-text"> <p>SHRM sits at the center of talent and workplace development strategies, supporting HR professionals, employers and employees alike — and the SHRM Foundation drives action to improve the future of the workplace. Explore how the SHRM Foundation drove positive change across the world of work in 2023, keeping HR ahead of the curve.</p> <p>The 2024 Impact Report is coming in early Q2 2025. </p> </div> </div> <div class="button button__dark__fill normal icon__right aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--6"> <a id="button-77f7af64fd" class="button__bdl" href="/content/dam/en/shrm/foundation/impact-report-jun2024.pdf" role="button" title="Button Policy" target="" data-cmp-clickable data-cmp-data-layer="{&#34;button-77f7af64fd&#34;:{&#34;DestinationURL&#34;:&#34;/content/dam/en/shrm/foundation/impact-report-jun2024.pdf&#34;,&#34;ctaText&#34;:&#34;Download the Report&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/button&#34;,&#34;linkType&#34;:&#34;Download Link&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:34.097Z&#34;}}"> <span class="icon icon-circle_left"> </span> <span class="cmp-button__text">Download the Report</span> <span class="icon icon-circle_right"> </span> <span class="icon icon-angle_right"> </span> </a> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid small-padding showTopWave wave-top__lighterblue aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-6a5fa07402" class="cmp-container localnav-anchorlink container-6a5fa07402"> <div class="layout-container__inner"> <div id="layout-container-6a5fa07402" class="row"> <div class="col-12 col-md-6 col-lg-6 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="separator color-white aem-GridColumn aem-GridColumn--default--12"> <div id="separator-df660152a2" class="cmp-separator"> <hr class="cmp-separator__horizontal-rule separator_hr"/> </div></div> <div class="title aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-29e23502cc&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:34Z&#34;,&#34;dc:title&#34;:&#34;Our Focus&#34;}}" id="title-29e23502cc" class="cmp-title" style="color:#222222"> <div> <h2 class="cmp-title__text">Our Focus</h2> </div> </div> </div> <div class="text body-xl aem-GridColumn aem-GridColumn--default--12"><div id="text-4da8487d86" class="cmp-text"> <p>To expand access to work and help workers and workplaces thrive, SHRM Foundation focuses on three interconnected pools of work.</p> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-6 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="separator color-white aem-GridColumn aem-GridColumn--default--12"> <div id="separator-33c3debedb" class="cmp-separator"> <hr class="cmp-separator__horizontal-rule separator_hr"/> </div></div> <div class="image aem-GridColumn aem-GridColumn--default--12"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/foundation-strategic-framework2?ts=1739036761488&amp;dpr=off" data-asset-id="0483c51e-bea3-4b9e-bb44-e832190c5884" id="image-cf3579ed22" data-cmp-data-layer="{&#34;image-cf3579ed22&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/foundation-strategic-framework2?ts=1739036761488&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="443" alt="foundation 3 pools graphic"/> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid large-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-39312297b7" class="cmp-container localnav-anchorlink container-39312297b7"> <div class="layout-container__inner"> <div id="layout-container-39312297b7" class="row"> <div class="col-12 col-md-4 col-lg-4 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="storycard storycard-1 aem-GridColumn aem-GridColumn--default--12"> <div class="storycard__media cmp-image"> <!-- START: Image Component --> <div class="shrmImage image landscape"> <div data-cmp-is="image" data-cmp-hook-image="imageV3" class="cmp-image"> <a class="cmp-image__link" role="link" title="image"> <div data-cmp-is="image" data-cmp-src="/adobe/dynamicmedia/deliver/dm-aid--928586ad-b3c1-4643-816b-5aa93691bcf2/foundation-home-our-focus-pathways.png?quality=82&amp;preferwebp=true&amp;width={width}" data-asset-id="928586ad-b3c1-4643-816b-5aa93691bcf2" id="image-f380024965" data-cmp-data-layer="{&#34;image-f380024965&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="/adobe/dynamicmedia/deliver/dm-aid--928586ad-b3c1-4643-816b-5aa93691bcf2/foundation-home-our-focus-pathways.png?quality=82&preferwebp=true" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="675" alt="woman holding laptop in a group of seated people"/> </div> </a> </div> </div> <!-- END: Image Component --> <!-- START: video --> <!-- END: Video Component --> </div> <div class="storycard__content"> <!-- Card Title --> <div class="storycard__title"> <h5 class="storycard__title-text"><a title="Widening Pathways to Work">Widening Pathways to Work</a></h5> <p class="storycard__date"></p> </div> <!-- Card Description --> <div class="storycard__description text"> <p class="storycard__description-text body-lg">Helping employers engage the full spectrum of talent.</p> <!-- Max. character limit: 160 --> </div> <div class="storycard__link-wrapper"> <!-- Button with no border --> <div class="storycard__link"> <!-- START: LINK label --> <!-- END: LINK label --> </div> <div class="storycard__buttons-wrapper"> <!-- START: btn-primary --> <div class="button button__dark__fill normal default btn-comp"> <a class="button__bdl" href="/foundation/widening-pathways-to-work" role="button" aria-label="Learn More" title="Learn More" target="_self"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Learn More</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- END: btn primary --> <!-- START: btn-secondary --> <!-- END: btn-secondary --> </div> </div> </div> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="storycard storycard-1 aem-GridColumn aem-GridColumn--default--12"> <div class="storycard__media cmp-image"> <!-- START: Image Component --> <div class="shrmImage image landscape"> <div data-cmp-is="image" data-cmp-hook-image="imageV3" class="cmp-image"> <a class="cmp-image__link" role="link" title="image"> <div data-cmp-is="image" data-cmp-src="/adobe/dynamicmedia/deliver/dm-aid--fe615dd2-1619-455e-a311-e0fb645ddbf9/foundation-home-our-focus-strengthening.png?quality=82&amp;preferwebp=true&amp;width={width}" data-asset-id="fe615dd2-1619-455e-a311-e0fb645ddbf9" id="image-518d45c46f" data-cmp-data-layer="{&#34;image-518d45c46f&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="/adobe/dynamicmedia/deliver/dm-aid--fe615dd2-1619-455e-a311-e0fb645ddbf9/foundation-home-our-focus-strengthening.png?quality=82&preferwebp=true" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="675" alt="two women shaking hands at work smiling"/> </div> </a> </div> </div> <!-- END: Image Component --> <!-- START: video --> <!-- END: Video Component --> </div> <div class="storycard__content"> <!-- Card Title --> <div class="storycard__title"> <h5 class="storycard__title-text"><a title="Strengthening the HR Field">Strengthening the HR Field</a></h5> <p class="storycard__date"></p> </div> <!-- Card Description --> <div class="storycard__description text"> <p class="storycard__description-text body-lg"><p>Supporting, celebrating, and diversifying the HR leaders of today and tomorrow.</p> </p> <!-- Max. character limit: 160 --> </div> <div class="storycard__link-wrapper"> <!-- Button with no border --> <div class="storycard__link"> <!-- START: LINK label --> <!-- END: LINK label --> </div> <div class="storycard__buttons-wrapper"> <!-- START: btn-primary --> <div class="button button__dark__fill normal default btn-comp"> <a class="button__bdl" href="/foundation/strengthening-hr-field" role="button" aria-label="Learn More" title="Learn More" target="_self"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Learn More</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- END: btn primary --> <!-- START: btn-secondary --> <!-- END: btn-secondary --> </div> </div> </div> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="storycard storycard-1 aem-GridColumn aem-GridColumn--default--12"> <div class="storycard__media cmp-image"> <!-- START: Image Component --> <div class="shrmImage image landscape"> <div data-cmp-is="image" data-cmp-hook-image="imageV3" class="cmp-image"> <a class="cmp-image__link" role="link" title="image"> <div data-cmp-is="image" data-cmp-src="/adobe/dynamicmedia/deliver/dm-aid--9f3e59c3-55cf-48c2-b0b3-1cf4ce5a7310/foundation-home-our-focus-societal-changes.png?quality=82&amp;preferwebp=true&amp;width={width}" data-asset-id="9f3e59c3-55cf-48c2-b0b3-1cf4ce5a7310" id="image-83274de3dd" data-cmp-data-layer="{&#34;image-83274de3dd&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="/adobe/dynamicmedia/deliver/dm-aid--9f3e59c3-55cf-48c2-b0b3-1cf4ce5a7310/foundation-home-our-focus-societal-changes.png?quality=82&preferwebp=true" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="675" alt="businesswoman speaking to a group of people around a conference table"/> </div> </a> </div> </div> <!-- END: Image Component --> <!-- START: video --> <!-- END: Video Component --> </div> <div class="storycard__content"> <!-- Card Title --> <div class="storycard__title"> <h5 class="storycard__title-text"><a title="Tackling Societal Challenges">Tackling Societal Challenges</a></h5> <p class="storycard__date"></p> </div> <!-- Card Description --> <div class="storycard__description text"> <p class="storycard__description-text body-lg">Preparing and supporting HR leaders to address the challenges coming their way.</p> <!-- Max. character limit: 160 --> </div> <div class="storycard__link-wrapper"> <!-- Button with no border --> <div class="storycard__link"> <!-- START: LINK label --> <!-- END: LINK label --> </div> <div class="storycard__buttons-wrapper"> <!-- START: btn-primary --> <div class="button button__dark__fill normal default btn-comp"> <a class="button__bdl" href="/foundation/tackling-societal-challenges" role="button" aria-label="Learn More" title="Learn More" target="_self"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Learn More</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- END: btn primary --> <!-- START: btn-secondary --> <!-- END: btn-secondary --> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid large-padding layout-container__extra-darkblue aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-320da72fa2" class="cmp-container localnav-anchorlink container-320da72fa2"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="layout-container container responsivegrid no-top-bottom-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-3ce9adf9f8" class="cmp-container localnav-anchorlink container-3ce9adf9f8"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="title text-left aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-6c0bbf788c&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:34Z&#34;,&#34;dc:title&#34;:&#34;By the Numbers&#34;}}" id="title-6c0bbf788c" class="cmp-title" style="color:#FFFFFF"> <div> <h2 class="cmp-title__text">By the Numbers</h2> </div> </div> </div> <div class="separator width-full color-white aem-GridColumn aem-GridColumn--default--12"> <div id="separator-61553202c9" class="cmp-separator"> <hr class="cmp-separator__horizontal-rule separator_hr"/> </div></div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid no-top-bottom-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-5b7c0ba552" class="cmp-container localnav-anchorlink container-5b7c0ba552"> <div class="layout-container__inner"> <div id="layout-container-5b7c0ba552" class="row"> <div class="col-12 col-md-4 col-lg-4 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="title aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-a785efc18d&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:34Z&#34;,&#34;dc:title&#34;:&#34;3 out of 4&#34;}}" id="title-a785efc18d" class="cmp-title" style="color:#FFFFFF"> <div> <h3 class="cmp-title__text">3 out of 4</h3> </div> </div> </div> <div class="text aem-GridColumn aem-GridColumn--default--12"><div id="text-27cffc3212" class="cmp-text"> <p><span style=" color: rgb(255,255,255); ">HR professionals report work from employees hired from untapped talent pools perform the same or better than other employees.</span></p> </div> </div> <div class="text body-sm aem-GridColumn aem-GridColumn--default--12"><div id="text-17aae1be13" class="cmp-text"> <p><i><span style=" color: rgb(255,255,255); ">Source: SHRM Foundation (2021), Beneath the Surface: A Unified Approach To Realizing The Value Of Untapped Talent</span></i></p> </div> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="title aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-b414b75b05&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:34Z&#34;,&#34;dc:title&#34;:&#34;2.1 million&#34;}}" id="title-b414b75b05" class="cmp-title" style="color:#FFFFFF"> <div> <h3 class="cmp-title__text">2.1 million</h3> </div> </div> </div> <div class="text aem-GridColumn aem-GridColumn--default--12"><div id="text-32ec988829" class="cmp-text"> <p><span style=" color: rgb(255,255,255); ">HR professionals driving change in the U.S.—a number expected to go up by twice the national average growth rate for all other occupations between now and 2032.</span></p> </div> </div> <div class="text body-sm aem-GridColumn aem-GridColumn--default--12"><div id="text-c355cf08ce" class="cmp-text"> <p><i><span style=" color: rgb(255,255,255); ">Source: Bureau of Labor Statistics, Occupational Employment and Wage Statistics.</span></i></p> </div> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="title aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-28e59a4747&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:34Z&#34;,&#34;dc:title&#34;:&#34;76%&#34;}}" id="title-28e59a4747" class="cmp-title" style="color:#FFFFFF"> <div> <h3 class="cmp-title__text">76%</h3> </div> </div> </div> <div class="text aem-GridColumn aem-GridColumn--default--12"><div id="text-c1dc8245b5" class="cmp-text"> <p><span style=" color: rgb(255,255,255); ">of people believe companies should be doing more to support the mental health of their workforce.</span></p> </div> </div> <div class="text body-sm aem-GridColumn aem-GridColumn--default--12"><div id="text-af686a46cf" class="cmp-text"> <p><i><span style=" color: rgb(255,255,255); ">Source: Dan Schawbel, in partnership with Oracle (2020), Workplace Intelligence</span></i></p> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="separator color-white aem-GridColumn aem-GridColumn--default--12"> <div id="separator-9fbf4719b7" class="cmp-separator"> <hr class="cmp-separator__horizontal-rule separator_hr"/> </div></div> <div class="layout-container container responsivegrid medium-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-b4b586b116" class="cmp-container localnav-anchorlink container-b4b586b116"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="title text-center aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-d1042aea57&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:34Z&#34;,&#34;dc:title&#34;:&#34;Our Supporters&#34;}}" id="title-d1042aea57" class="cmp-title" style="color:"> <div> <h2 class="cmp-title__text">Our Supporters</h2> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> <div id="experiencefragment-2e7359170b" class="cmp-experiencefragment cmp-experiencefragment--foundation-all-supporters-logo-parade"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-c8c9959abd" class="cmp-container localnav-anchorlink container-c8c9959abd"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="layout-container container responsivegrid medium-padding layout-container__lighterblue aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-ff1ae9a770" class="cmp-container localnav-anchorlink container-ff1ae9a770"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="title text-center mb-2 aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-86a7df214e&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-03-18T13:23:11Z&#34;,&#34;dc:title&#34;:&#34;INNOVATION: Diamond Investor&#34;}}" id="title-86a7df214e" class="cmp-title" style="color:"> <div> <h4 class="cmp-title__text">INNOVATION: Diamond Investor</h4> </div> </div> </div> <div class="logoParadeContainer container responsivegrid logo-column-5 shrmLogoParade logo-center aem-GridColumn aem-GridColumn--default--12"> <div id="logoParadeContainer-795ea38aa1" class="cmp-container"> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/United_States_Department_of_Labor?ts=1742304192024&amp;dpr=off" data-asset-id="d5c4022d-fe71-430b-9151-740964979598" id="image-89e668d6f5" data-cmp-data-layer="{&#34;image-89e668d6f5&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/United_States_Department_of_Labor?ts=1742304192024&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="1200" alt="us department of labor logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/dor-color-logo?ts=1742304192043&amp;dpr=off" data-asset-id="e5ad26b8-f86f-401d-88f0-35f79a41abf7" id="image-faee25a282" data-cmp-data-layer="{&#34;image-faee25a282&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;DOR_2C_Logo_Hrzntl&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/dor-color-logo?ts=1742304192043&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="286" alt="california department of rehabilitation logo" title="DOR_2C_Logo_Hrzntl"/> <meta itemprop="caption" content="DOR_2C_Logo_Hrzntl"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/big-brothers-big-sisters_BBBSA-black-green-1683x769?ts=1742304192063&amp;dpr=off" data-asset-id="d91c121b-4bef-426d-b65a-1327a3ea177c" id="image-62c83c22c7" data-cmp-data-layer="{&#34;image-62c83c22c7&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/big-brothers-big-sisters_BBBSA-black-green-1683x769?ts=1742304192063&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="548" alt="big brothers big sisters of america logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/walmart_d4jc4i?ts=1742304192082&amp;dpr=off" data-asset-id="42cb5330-a5ab-402d-9eb3-6ee27bd73094" id="image-3d4b6fbed1" data-cmp-data-layer="{&#34;image-3d4b6fbed1&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/walmart_d4jc4i?ts=1742304192082&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="366" height="217" alt="walmart logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/comcast?ts=1742304192102&amp;dpr=off" data-asset-id="446f406c-59f7-40a0-a12c-0ff769e097af" id="image-89ddd12e33" data-cmp-data-layer="{&#34;image-89ddd12e33&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/comcast?ts=1742304192102&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="800" height="450" alt="comcast nbc logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/work-rise-logo?ts=1742304192121&amp;dpr=off" data-asset-id="d3647fb2-6cd2-40c3-835e-ac178b001b15" id="image-fc86799696" data-cmp-data-layer="{&#34;image-fc86799696&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/work-rise-logo?ts=1742304192121&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="675" alt="workrise logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/American_Association_of_Community_Colleges_Logo?ts=1742304192140&amp;dpr=off" data-asset-id="89f86ee5-5779-4165-8f6a-01d36997059d" id="image-8de038f73a" data-cmp-data-layer="{&#34;image-8de038f73a&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/American_Association_of_Community_Colleges_Logo?ts=1742304192140&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="300" height="138" alt="american association of community colleges logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/Logo_USAA_fnnjhk?ts=1742304192168&amp;dpr=off" data-asset-id="564c658c-5d78-4314-9b84-65bcfcfdd90b" id="image-905840ab4a" data-cmp-data-layer="{&#34;image-905840ab4a&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/Logo_USAA_fnnjhk?ts=1742304192168&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="767" height="431" alt="usaa logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/fwf-logo-navy?ts=1742304192187&amp;dpr=off" data-asset-id="5386801c-6111-443d-9879-74691c111af7" id="image-f7dd094544" data-cmp-data-layer="{&#34;image-f7dd094544&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/fwf-logo-navy?ts=1742304192187&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="580" alt="The Families &amp; workers Fund"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/cfk-master-logo?ts=1742304192207&amp;dpr=off" data-asset-id="10b2e4c6-7a2c-49df-9bb0-4d143de3d752" id="image-436ac9f5d8" data-cmp-data-layer="{&#34;image-436ac9f5d8&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;CKF Signature CMYK&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/cfk-master-logo?ts=1742304192207&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="300" alt="Charles Koch" title="CKF Signature CMYK"/> <meta itemprop="caption" content="CKF Signature CMYK"/> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid medium-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-709a149872" class="cmp-container localnav-anchorlink container-709a149872"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="title text-center mb-2 aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-16cd4c2bf2&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-03-18T13:23:12Z&#34;,&#34;dc:title&#34;:&#34;INSPIRATION: Gold Investor&#34;}}" id="title-16cd4c2bf2" class="cmp-title" style="color:"> <div> <h4 class="cmp-title__text">INSPIRATION: Gold Investor</h4> </div> </div> </div> <div class="logoParadeContainer container responsivegrid logo-column-5 shrmLogoParade logo-center aem-GridColumn aem-GridColumn--default--12"> <div id="logoParadeContainer-906230980e" class="cmp-container"> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/md_primary_rgb?ts=1742304192305&amp;dpr=off" data-asset-id="faedd3f3-6dd7-48ef-939f-cc397778a92a" id="image-fdadc6c5ac" data-cmp-data-layer="{&#34;image-fdadc6c5ac&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/md_primary_rgb?ts=1742304192305&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="500" height="130" alt="maryland department of education logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/inclusively-logonavy?ts=1742304192324&amp;dpr=off" data-asset-id="c85ee78e-f039-4bf1-9062-7c63aefa425a" id="image-f6b28ce2ed" data-cmp-data-layer="{&#34;image-f6b28ce2ed&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;LogoNavy&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/inclusively-logonavy?ts=1742304192324&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="246" alt="Inclusively" title="LogoNavy"/> <meta itemprop="caption" content="LogoNavy"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/logo_workday-CMYK?ts=1742304192342&amp;dpr=off" data-asset-id="a159e0c1-76f7-4466-9723-eb3063e93bd4" id="image-59d81695df" data-cmp-data-layer="{&#34;image-59d81695df&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;logo_wday_CMYK&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/logo_workday-CMYK?ts=1742304192342&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="483" alt="logo_wday_CMYK" title="logo_wday_CMYK"/> <meta itemprop="caption" content="logo_wday_CMYK"/> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid medium-padding layout-container__lighterblue aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-0f9b6ffcd4" class="cmp-container localnav-anchorlink container-0f9b6ffcd4"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="title text-center mb-2 aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-344b750e18&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-03-18T13:23:12Z&#34;,&#34;dc:title&#34;:&#34;IMAGINATION: Silver Investor&#34;}}" id="title-344b750e18" class="cmp-title" style="color:"> <div> <h4 class="cmp-title__text">IMAGINATION: Silver Investor</h4> </div> </div> </div> <div class="logoParadeContainer container responsivegrid logo-column-5 shrmLogoParade logo-center aem-GridColumn aem-GridColumn--default--12"> <div id="logoParadeContainer-647670846f" class="cmp-container"> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/holland-knight-logo-padded?ts=1742304192482&amp;dpr=off" data-asset-id="0954d13d-d82b-40f1-854e-2eadf63a1374" id="image-7b93f36a9d" data-cmp-data-layer="{&#34;image-7b93f36a9d&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/holland-knight-logo-padded?ts=1742304192482&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="500" height="161" alt="holland &amp; knight logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/bofa_lo1_186_280?ts=1742304192501&amp;dpr=off" data-asset-id="9d4e3dac-5bb7-4246-bbbf-a141c5e6dfb8" id="image-935f3747a0" data-cmp-data-layer="{&#34;image-935f3747a0&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;BOA_Logo_20180912&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/bofa_lo1_186_280?ts=1742304192501&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="120" alt="Bank of America" title="BOA_Logo_20180912"/> <meta itemprop="caption" content="BOA_Logo_20180912"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/otsuka-logo-horizontal?ts=1742304192520&amp;dpr=off" data-asset-id="612b331d-c410-44b5-9723-b49d203c2499" id="image-ba8c0f1235" data-cmp-data-layer="{&#34;image-ba8c0f1235&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;Print&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/otsuka-logo-horizontal?ts=1742304192520&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="455" alt="otsuka logo" title="Print"/> <meta itemprop="caption" content="Print"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/appalachian-regional-commission-arc?ts=1742304192540&amp;dpr=off" data-asset-id="f2cc2251-1a8d-4cbf-b5e9-aa4412d67300" id="image-29c42883ad" data-cmp-data-layer="{&#34;image-29c42883ad&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/appalachian-regional-commission-arc?ts=1742304192540&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="358" height="141" alt="appalachian regional commission logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/association-supply-chain-mgmt-ASCM?ts=1742304192559&amp;dpr=off" data-asset-id="302b37ee-4ee9-4810-900a-47caca1a6c8c" id="image-73daada8e2" data-cmp-data-layer="{&#34;image-73daada8e2&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/association-supply-chain-mgmt-ASCM?ts=1742304192559&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="580" height="87" alt="association for supply chain management logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/Business_Roundtable_logo?ts=1742304192579&amp;dpr=off" data-asset-id="98ed784d-3750-4187-921c-2f0b47ef0cd3" id="image-4bdb9b49e4" data-cmp-data-layer="{&#34;image-4bdb9b49e4&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/Business_Roundtable_logo?ts=1742304192579&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="287" alt="business roundtable logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/rrf_horizontal?ts=1742304192598&amp;dpr=off" data-asset-id="6aa9d603-e19b-4ca2-91bd-42d016188c1b" id="image-a55505d019" data-cmp-data-layer="{&#34;image-a55505d019&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;Print&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/rrf_horizontal?ts=1742304192598&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1011" height="180" alt="retirement research fund logo" title="Print"/> <meta itemprop="caption" content="Print"/> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid medium-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-d15fc99eb7" class="cmp-container localnav-anchorlink container-d15fc99eb7"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="title text-center mb-2 aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-1cd9a76de8&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-03-18T13:23:12Z&#34;,&#34;dc:title&#34;:&#34;COLLABORATION: Bronze Investor&#34;}}" id="title-1cd9a76de8" class="cmp-title" style="color:"> <div> <h4 class="cmp-title__text">COLLABORATION: Bronze Investor</h4> </div> </div> </div> <div class="logoParadeContainer container responsivegrid logo-column-5 shrmLogoParade logo-center aem-GridColumn aem-GridColumn--default--12"> <div id="logoParadeContainer-0ce72fb013" class="cmp-container"> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/grow-with-google-logo-crop2?ts=1742304192762&amp;dpr=off" data-asset-id="d90c93be-3098-481b-b3d5-6bd518c0c005" id="image-8a048493b4" data-cmp-data-layer="{&#34;image-8a048493b4&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/grow-with-google-logo-crop2?ts=1742304192762&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="767" height="270" alt="grow with google logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/jff_primary-logo?ts=1742304192782&amp;dpr=off" data-asset-id="27de78e6-bcbc-4ac6-ae87-448873e5a244" id="image-6d9043e6ae" data-cmp-data-layer="{&#34;image-6d9043e6ae&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;JFF_Logos&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/jff_primary-logo?ts=1742304192782&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="424" alt="jff logo" title="JFF_Logos"/> <meta itemprop="caption" content="JFF_Logos"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/stand-together?ts=1742304192801&amp;dpr=off" data-asset-id="9f6e87d2-d9f4-431e-931f-65be16b33b68" id="image-3e988ae340" data-cmp-data-layer="{&#34;image-3e988ae340&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/stand-together?ts=1742304192801&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="675" alt="stand together logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/microsoft_logo?ts=1742304192821&amp;dpr=off" data-asset-id="224dd552-c28b-4287-87e9-306c383891d6" id="image-b00f995a02" data-cmp-data-layer="{&#34;image-b00f995a02&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;microsoft-seeklogo&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/microsoft_logo?ts=1742304192821&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="256" alt="Microsoft" title="microsoft-seeklogo"/> <meta itemprop="caption" content="microsoft-seeklogo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/northwestern-university?ts=1742304192840&amp;dpr=off" data-asset-id="71a347cf-ad0e-41c6-864b-c23e6858470a" id="image-ce6a9dcfe2" data-cmp-data-layer="{&#34;image-ce6a9dcfe2&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;N Motto Wordmark&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/northwestern-university?ts=1742304192840&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="444" alt="Northeastern University" title="N Motto Wordmark"/> <meta itemprop="caption" content="N Motto Wordmark"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/amazon-logo_pms_clr?ts=1742304192860&amp;dpr=off" data-asset-id="7b3d8fd0-f44f-434a-9fb1-da78568933e3" id="image-b6d23fc6e8" data-cmp-data-layer="{&#34;image-b6d23fc6e8&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;Basic CMYK&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/amazon-logo_pms_clr?ts=1742304192860&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1147" height="346" alt="Amazon" title="Basic CMYK"/> <meta itemprop="caption" content="Basic CMYK"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/seramount-logo-color-rgb?ts=1742304192880&amp;dpr=off" data-asset-id="c9e909d4-415e-46b7-8172-61c38e013123" id="image-b087773d52" data-cmp-data-layer="{&#34;image-b087773d52&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/seramount-logo-color-rgb?ts=1742304192880&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="204" alt="Seramount"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/cox-only?ts=1742304192900&amp;dpr=off" data-asset-id="86e87933-0816-47f6-bd25-78392facbe62" id="image-8e54040b50" data-cmp-data-layer="{&#34;image-8e54040b50&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;Print&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/cox-only?ts=1742304192900&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="536" alt="Cox" title="Print"/> <meta itemprop="caption" content="Print"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/boozallenlogostacked_teal?ts=1742304192920&amp;dpr=off" data-asset-id="518d1642-1739-43b7-9a2c-c60bcd13b4bb" id="image-3d79984d6f" data-cmp-data-layer="{&#34;image-3d79984d6f&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;Web&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/boozallenlogostacked_teal?ts=1742304192920&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1067" height="854" alt="Booz Allen" title="Web"/> <meta itemprop="caption" content="Web"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/boston-scientific-wtag?ts=1742304192940&amp;dpr=off" data-asset-id="d8706d39-c96c-4221-a179-09958a20ed5d" id="image-7ede9058c8" data-cmp-data-layer="{&#34;image-7ede9058c8&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;bstag_7&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/boston-scientific-wtag?ts=1742304192940&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="523" alt="Boston Scientific" title="bstag_7"/> <meta itemprop="caption" content="bstag_7"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/av-logo-grn-cmyk?ts=1742304101449&amp;dpr=off" data-asset-id="fb558762-ec81-4397-a8bf-9d0b88d5b11b" id="image-48e22b0c9e" data-cmp-data-layer="{&#34;image-48e22b0c9e&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;av-logo-grn-cmyk&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/av-logo-grn-cmyk?ts=1742304101449&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1000" height="199" alt="Aventiv" title="av-logo-grn-cmyk"/> <meta itemprop="caption" content="av-logo-grn-cmyk"/> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid medium-padding layout-container__lighterblue aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-15d97a966e" class="cmp-container localnav-anchorlink container-15d97a966e"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="title text-center mb-2 aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-f06f7e1e72&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-03-18T13:23:13Z&#34;,&#34;dc:title&#34;:&#34;CHAMPION: Friend Investor&#34;}}" id="title-f06f7e1e72" class="cmp-title" style="color:"> <div> <h4 class="cmp-title__text">CHAMPION: Friend Investor</h4> </div> </div> </div> <div class="logoParadeContainer container responsivegrid logo-column-5 shrmLogoParade logo-center aem-GridColumn aem-GridColumn--default--12"> <div id="logoParadeContainer-320d63320d" class="cmp-container"> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/adobe-logo?ts=1742304193106&amp;dpr=off" data-asset-id="0a4bae74-3235-496a-a62f-742fa575c2a0" id="image-38db1fceb8" data-cmp-data-layer="{&#34;image-38db1fceb8&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/adobe-logo?ts=1742304193106&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="767" height="431" alt="adobe logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/cgi_logo_color_rgb?ts=1742304193125&amp;dpr=off" data-asset-id="7fb89af6-0788-4b9f-8537-5b39f83e907b" id="image-6b9c4018e0" data-cmp-data-layer="{&#34;image-6b9c4018e0&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;CGI_Logo2012_Master_02_Outlines_RGB&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/cgi_logo_color_rgb?ts=1742304193125&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="558" alt="CGI" title="CGI_Logo2012_Master_02_Outlines_RGB"/> <meta itemprop="caption" content="CGI_Logo2012_Master_02_Outlines_RGB"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/nascar_circle_color?ts=1742304193145&amp;dpr=off" data-asset-id="2be008fd-8cc6-4f71-a27d-910406413828" id="image-9dfcef6735" data-cmp-data-layer="{&#34;image-9dfcef6735&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;NASCAR_FullColor_onWhite_CMYK&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/nascar_circle_color?ts=1742304193145&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="195" alt="Nascar" title="NASCAR_FullColor_onWhite_CMYK"/> <meta itemprop="caption" content="NASCAR_FullColor_onWhite_CMYK"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/eei_logo?ts=1742304193164&amp;dpr=off" data-asset-id="f54c9421-fe0e-4ce2-9024-0e10e49b04f7" id="image-e187d6cd90" data-cmp-data-layer="{&#34;image-e187d6cd90&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;Print&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/eei_logo?ts=1742304193164&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="750" height="683" alt="EEI" title="Print"/> <meta itemprop="caption" content="Print"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/apprenti_bd_logo-color?ts=1742304193185&amp;dpr=off" data-asset-id="8b894e9b-d2c7-49a1-864a-d516a20768df" id="image-a8921cabb3" data-cmp-data-layer="{&#34;image-a8921cabb3&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;Apprenti_final_logo_08.01.16&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/apprenti_bd_logo-color?ts=1742304193185&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="270" alt="Apprenti" title="Apprenti_final_logo_08.01.16"/> <meta itemprop="caption" content="Apprenti_final_logo_08.01.16"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/mastercard-logo.svg?ts=1742304193205&amp;dpr=off" data-asset-id="13112661-54ee-4596-9fc1-8ac19ac6cd05" id="image-c59fc709ea" data-cmp-data-layer="{&#34;image-c59fc709ea&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/mastercard-logo.svg?ts=1742304193205&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="932" alt="Mastercard"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/albemarle-logo?ts=1742304193224&amp;dpr=off" data-asset-id="8596bb8d-6b8d-4540-801a-f9a13238986a" id="image-110ca5abd5" data-cmp-data-layer="{&#34;image-110ca5abd5&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:&#34;Main_Tagline Albemarle Logo&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/albemarle-logo?ts=1742304193224&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="181" alt="Albemarle" title="Main_Tagline Albemarle Logo"/> <meta itemprop="caption" content="Main_Tagline Albemarle Logo"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/pace-logo-tagline-black?ts=1742304193244&amp;dpr=off" data-asset-id="580962c0-fad0-4304-a1f8-80ab957b006f" id="image-da987b804e" data-cmp-data-layer="{&#34;image-da987b804e&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/pace-logo-tagline-black?ts=1742304193244&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="466" alt="Pace"/> </div> </div> <div class="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/fulcrum-logo?ts=1742304193264&amp;dpr=off" data-asset-id="4fe3a7eb-b932-454e-a849-9ffc5da845a6" id="image-df1b7b88d6" data-cmp-data-layer="{&#34;image-df1b7b88d6&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/fulcrum-logo?ts=1742304193264&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="379" alt="Fulcrum"/> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> <div class="layout-container container responsivegrid large-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-4ba6889903" class="cmp-container localnav-anchorlink container-4ba6889903"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="layout-container container responsivegrid small-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-0435430938" class="cmp-container localnav-anchorlink container-0435430938"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="title aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-f95a1d8761&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:34Z&#34;,&#34;dc:title&#34;:&#34;Upcoming Opportunities&#34;}}" id="title-f95a1d8761" class="cmp-title" style="color:"> <div> <h2 class="cmp-title__text">Upcoming Opportunities</h2> </div> </div> </div> <div class="text aem-GridColumn aem-GridColumn--default--12"><div id="text-6b27cf90da" class="cmp-text"> <p>The SHRM Foundation supports and celebrates HR professionals by providing over $600,000 in scholarships and grants annually, and recognizing leaders through prestigious awards programs.</p> </div> </div> <div class="button button__dark__noborder normal icon__right aem-GridColumn aem-GridColumn--default--12"> <a id="button-2ff390a6b8" class="button__bdl" href="/foundation/scholarships-grants-awards" role="button" title="Button Policy" target="" data-cmp-clickable data-cmp-data-layer="{&#34;button-2ff390a6b8&#34;:{&#34;DestinationURL&#34;:&#34;/foundation/scholarships-grants-awards.html&#34;,&#34;ctaText&#34;:&#34;View all Opportunities&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/button&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:34.908Z&#34;}}"> <span class="icon icon-circle_left"> </span> <span class="cmp-button__text">View all Opportunities</span> <span class="icon icon-circle_right"> </span> <span class="icon icon-angle_right"> </span> </a> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid no-top-bottom-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-0635f9a72b" class="cmp-container localnav-anchorlink container-0635f9a72b"> <div class="layout-container__inner"> <div id="layout-container-0635f9a72b" class="row"> <div class="col-12 col-md-4 col-lg-4 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="storycard storycard-3 aem-GridColumn aem-GridColumn--default--12"> <div class="storycard__media default"> <!-- END: Image Component --> <!-- START: video --> <!-- END: Video Component --> </div> <div class="storycard__content"> <!-- Card Title --> <div class="storycard__title"> <h5 class="storycard__title-text"><a title="Jan 13 - Mar 14">Jan 13 - Mar 14</a></h5> <p class="storycard__date"></p> </div> <!-- Card Description --> <div class="storycard__description text"> <p class="storycard__description-text body-lg"><p>2025 HR Leadership Program</p> </p> <!-- Max. character limit: 160 --> </div> <div class="storycard__link-wrapper"> <!-- Button with no border --> <div class="storycard__link"> <!-- START: LINK label --> <!-- END: LINK label --> </div> <div class="storycard__buttons-wrapper"> <!-- START: btn-primary --> <div class="button button__dark__fill normal default btn-comp"> <a class="button__bdl" href="https://shrm.submittable.com/submit" role="button" aria-label="Apply Now" title="Apply Now" target="_blank"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Apply Now</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- END: btn primary --> <!-- START: btn-secondary --> <!-- END: btn-secondary --> </div> </div> </div> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="storycard storycard-3 aem-GridColumn aem-GridColumn--default--12"> <div class="storycard__media default"> <!-- END: Image Component --> <!-- START: video --> <!-- END: Video Component --> </div> <div class="storycard__content"> <!-- Card Title --> <div class="storycard__title"> <h5 class="storycard__title-text"><a title="Jan 13 - Mar 14">Jan 13 - Mar 14</a></h5> <p class="storycard__date"></p> </div> <!-- Card Description --> <div class="storycard__description text"> <p class="storycard__description-text body-lg"><p>2025 Undergraduate &amp; Graduate Scholarships</p> </p> <!-- Max. character limit: 160 --> </div> <div class="storycard__link-wrapper"> <!-- Button with no border --> <div class="storycard__link"> <!-- START: LINK label --> <!-- END: LINK label --> </div> <div class="storycard__buttons-wrapper"> <!-- START: btn-primary --> <div class="button button__dark__fill normal default btn-comp"> <a class="button__bdl" href="https://shrm.submittable.com/submit" role="button" aria-label="Apply Now" title="Apply Now" target="_blank"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Apply Now</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- END: btn primary --> <!-- START: btn-secondary --> <!-- END: btn-secondary --> </div> </div> </div> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="storycard storycard-3 aem-GridColumn aem-GridColumn--default--12"> <div class="storycard__media default"> <!-- END: Image Component --> <!-- START: video --> <!-- END: Video Component --> </div> <div class="storycard__content"> <!-- Card Title --> <div class="storycard__title"> <h5 class="storycard__title-text"><a title="Jan 13 - Mar 14">Jan 13 - Mar 14</a></h5> <p class="storycard__date"></p> </div> <!-- Card Description --> <div class="storycard__description text"> <p class="storycard__description-text body-lg"><p>2025 Annual Conference Grants</p> </p> <!-- Max. character limit: 160 --> </div> <div class="storycard__link-wrapper"> <!-- Button with no border --> <div class="storycard__link"> <!-- START: LINK label --> <!-- END: LINK label --> </div> <div class="storycard__buttons-wrapper"> <!-- START: btn-primary --> <div class="button button__dark__fill normal default btn-comp"> <a class="button__bdl" href="https://shrm.submittable.com/submit" role="button" aria-label="Apply Now" title="Apply Now" target="_blank"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Apply Now</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- END: btn primary --> <!-- START: btn-secondary --> <!-- END: btn-secondary --> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid layout-container__lighterblue aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-b562eeb174" class="cmp-container localnav-anchorlink container-b562eeb174"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="pullquote aem-GridColumn aem-GridColumn--default--12"><div class="cmp-pullquote" data-cmp-clickable data-cmp-data-layer="{&#34;pullquote-30a78e6766&#34;:{&#34;ctaText&#34;:&#34;Learn About Scholarships&#34;,&#34;previousPageURL&#34;:&#34;https://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/pullquote&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;pullquote&#34;,&#34;destinationURL&#34;:&#34;/content/shrm/us/en/foundation/scholarships-grants-awards/scholarships&#34;}}"> <div class="pull-quote "> <div class="pull-quote__cmp"> <div class="row"> <div class="col-sm-12 col-md-4 col-lg-4 pull-quote__leftsection"> <div class="pull-quote__media"> <div class="pull-quote__img"> <div class="shrmImage image aem-GridColumn aem-GridColumn--default--12 circle"> <div data-cmp-is="image" data-cmp-hook-image="imageV3" class="cmp-image"> <a class="cmp-image__link" data-cmp-clickable="" role="link" aria-label="image"> <div data-cmp-is="image" data-cmp-dmimage data-cmp-src="https://s7d9.scene7.com/is/image/shrm/naomi-samuel?ts=1738536255812&amp;dpr=off" data-asset-id="18b79dd3-3c47-4b7f-8d25-d6c9b6c27fa9" id="image-02b66f4e2f" data-cmp-data-layer="{&#34;image-02b66f4e2f&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="https://s7d9.scene7.com/is/image/shrm/naomi-samuel?ts=1738536255812&dpr=off&fmt=png-alpha&bfc=on" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="445" height="445" alt="Naomi Samuel"/> </div> </a> </div> </div> </div> </div> </div> <div class="col-sm-12 col-md-8 col-lg-8 pull-quote__rightsection"> <div class="pull-quote__content"> <div class="pull-quote__blockquote"> <svg xmlns="http://www.w3.org/2000/svg" role="alt text" class="pull-quote__quoteimage" viewBox="0 0 69 55" fill="none"> <path d="M0 36.15C0 28.7593 1.87853 21.931 5.6356 15.665C9.39267 9.23834 14.1298 4.01667 19.8471 0L28.9131 7.23001C24.9927 9.80067 21.4806 13.255 18.377 17.593C15.2733 21.7703 13.5581 25.787 13.2314 29.643C13.3948 29.643 13.8031 29.643 14.4565 29.643C15.1099 29.4823 15.7634 29.402 16.4168 29.402C19.8471 29.402 22.6241 30.5267 24.7476 32.776C27.0346 35.0253 28.178 37.9977 28.178 41.693C28.178 45.2277 26.9529 48.2803 24.5026 50.851C22.0524 53.261 18.9487 54.466 15.1916 54.466C11.1079 54.466 7.51414 52.9397 4.41047 49.887C1.47016 46.6737 0 42.0947 0 36.15ZM39.2042 36.15C39.2042 28.7593 41.0827 21.931 44.8398 15.665C48.5969 9.23834 53.334 4.01667 59.0513 0L68.1173 7.23001C64.1969 9.80067 60.6848 13.255 57.5812 17.593C54.6408 21.7703 52.9257 25.787 52.4356 29.643C52.599 29.643 53.0073 29.643 53.6607 29.643C54.3141 29.4823 54.9675 29.402 55.6209 29.402C59.0513 29.402 61.91 30.5267 64.1969 32.776C66.4838 35.0253 67.6272 37.9977 67.6272 41.693C67.6272 45.2277 66.3204 48.2803 63.7068 50.851C61.2565 53.261 58.1529 54.466 54.3958 54.466C50.312 54.466 46.7183 52.9397 43.6147 49.887C40.6743 46.6737 39.2042 42.0947 39.2042 36.15Z" fill="#355D8F"> </path> </svg> </div> <div class="pull-quote__textsection"> <h4 class="pull-quote__heading"> This scholarship allows for me to focus on that task, do high-caliber research, and know that I have the support of a prestigious society of people with the same values behind me. </h4> <p title="Author Name : Naomi Samuel , Author Title : Graduate Scholarship Recipient" class="pull-quote__author">Naomi Samuel, <span aria-label="Graduate Scholarship Recipient" class="pull-quote__title">Graduate Scholarship Recipient </span> </p> <p aria-label="University of Texas at Arlington" class="pull-quote__org" title="Organization : University of Texas at Arlington">University of Texas at Arlington</p> </div> <div class="pull-quote__button"> <!-- BDL Button --> <div class="button button__dark__noborder normal default btn-comp"> <a class="button__bdl" href="/foundation/scholarships-grants-awards/scholarships" role="button" aria-label="button" title="Learn About Scholarships" target="_self"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Learn About Scholarships</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- BDL Button --> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid medium-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-1cb56edf0d" class="cmp-container localnav-anchorlink container-1cb56edf0d"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="title text-center mb-4 aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;title-7145a153b5&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-01-28T16:07:35Z&#34;,&#34;dc:title&#34;:&#34;Get Involved&#34;}}" id="title-7145a153b5" class="cmp-title" style="color:"> <div> <h2 class="cmp-title__text">Get Involved</h2> </div> </div> </div> <div class="layout-container container responsivegrid no-top-bottom-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-bd5cb030a1" class="cmp-container localnav-anchorlink container-bd5cb030a1"> <div class="layout-container__inner"> <div id="layout-container-bd5cb030a1" class="row"> <div class="col-12 col-md-4 col-lg-4 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="storycard storycard-1 aem-GridColumn aem-GridColumn--default--12"> <div class="storycard__media cmp-image"> <!-- START: Image Component --> <div class="shrmImage image landscape"> <div data-cmp-is="image" data-cmp-hook-image="imageV3" class="cmp-image"> <a class="cmp-image__link" role="link" title="image"> <div data-cmp-is="image" data-cmp-src="/adobe/dynamicmedia/deliver/dm-aid--5bbf6ee1-eb8a-438d-850d-05afe3bd974e/foundation-home-get-involved-donation.png?quality=82&amp;preferwebp=true&amp;width={width}" data-asset-id="5bbf6ee1-eb8a-438d-850d-05afe3bd974e" id="image-762ab36eb2" data-cmp-data-layer="{&#34;image-762ab36eb2&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="/adobe/dynamicmedia/deliver/dm-aid--5bbf6ee1-eb8a-438d-850d-05afe3bd974e/foundation-home-get-involved-donation.png?quality=82&preferwebp=true" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="675" alt="businesswoman shakes hands with businessman"/> </div> </a> </div> </div> <!-- END: Image Component --> <!-- START: video --> <!-- END: Video Component --> </div> <div class="storycard__content"> <!-- Card Title --> <div class="storycard__title"> <h5 class="storycard__title-text"><a title="Make a Donation">Make a Donation</a></h5> <p class="storycard__date"></p> </div> <!-- Card Description --> <div class="storycard__description text"> <p class="storycard__description-text body-lg"></p> <!-- Max. character limit: 160 --> </div> <div class="storycard__link-wrapper"> <!-- Button with no border --> <div class="storycard__link"> <!-- START: LINK label --> <!-- END: LINK label --> </div> <div class="storycard__buttons-wrapper"> <!-- START: btn-primary --> <div class="button button__dark__fill normal default btn-comp"> <a class="button__bdl" href="https://donate.shrmfoundation.org/" role="button" aria-label="Donate Now" title="Donate Now" target="_blank"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Donate Now</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- END: btn primary --> <!-- START: btn-secondary --> <!-- END: btn-secondary --> </div> </div> </div> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="storycard storycard-1 aem-GridColumn aem-GridColumn--default--12"> <div class="storycard__media cmp-image"> <!-- START: Image Component --> <div class="shrmImage image landscape"> <div data-cmp-is="image" data-cmp-hook-image="imageV3" class="cmp-image"> <a class="cmp-image__link" role="link" title="image"> <div data-cmp-is="image" data-cmp-src="/adobe/dynamicmedia/deliver/dm-aid--3f9c7d1a-887e-4584-bc9f-4f78999adb69/foundation-home-get-involved-volunteer.png?quality=82&amp;preferwebp=true&amp;width={width}" data-asset-id="3f9c7d1a-887e-4584-bc9f-4f78999adb69" id="image-255c59f2d5" data-cmp-data-layer="{&#34;image-255c59f2d5&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="/adobe/dynamicmedia/deliver/dm-aid--3f9c7d1a-887e-4584-bc9f-4f78999adb69/foundation-home-get-involved-volunteer.png?quality=82&preferwebp=true" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="675" alt="two women speak while holding papers"/> </div> </a> </div> </div> <!-- END: Image Component --> <!-- START: video --> <!-- END: Video Component --> </div> <div class="storycard__content"> <!-- Card Title --> <div class="storycard__title"> <h5 class="storycard__title-text"><a title="Volunteer">Volunteer</a></h5> <p class="storycard__date"></p> </div> <!-- Card Description --> <div class="storycard__description text"> <p class="storycard__description-text body-lg"></p> <!-- Max. character limit: 160 --> </div> <div class="storycard__link-wrapper"> <!-- Button with no border --> <div class="storycard__link"> <!-- START: LINK label --> <!-- END: LINK label --> </div> <div class="storycard__buttons-wrapper"> <!-- START: btn-primary --> <div class="button button__dark__fill normal default btn-comp"> <a class="button__bdl" href="/foundation/chapters-state-councils/resources" role="button" aria-label="View Volunteer Opportunities" title="View Volunteer Opportunities" target="_self"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">View Volunteer Opportunities</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- END: btn primary --> <!-- START: btn-secondary --> <!-- END: btn-secondary --> </div> </div> </div> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 columncontrol__column "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="storycard storycard-1 aem-GridColumn aem-GridColumn--default--12"> <div class="storycard__media cmp-image"> <!-- START: Image Component --> <div class="shrmImage image landscape"> <div data-cmp-is="image" data-cmp-hook-image="imageV3" class="cmp-image"> <a class="cmp-image__link" role="link" title="image"> <div data-cmp-is="image" data-cmp-src="/adobe/dynamicmedia/deliver/dm-aid--91f5e0e4-c726-4db4-87ce-c18c25688eb7/foundation-home-get-involved-investor.png?quality=82&amp;preferwebp=true&amp;width={width}" data-asset-id="91f5e0e4-c726-4db4-87ce-c18c25688eb7" id="image-5d028a8b6c" data-cmp-data-layer="{&#34;image-5d028a8b6c&#34;:{&#34;DestinationURL&#34;:null,&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/image&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;}}" data-cmp-hook-image="imageV3" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> <img src="/adobe/dynamicmedia/deliver/dm-aid--91f5e0e4-c726-4db4-87ce-c18c25688eb7/foundation-home-get-involved-investor.png?quality=82&preferwebp=true" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1200" height="675" alt="a row of people clapping while looking towards a stage"/> </div> </a> </div> </div> <!-- END: Image Component --> <!-- START: video --> <!-- END: Video Component --> </div> <div class="storycard__content"> <!-- Card Title --> <div class="storycard__title"> <h5 class="storycard__title-text"><a title="Become an Investor">Become an Investor</a></h5> <p class="storycard__date"></p> </div> <!-- Card Description --> <div class="storycard__description text"> <p class="storycard__description-text body-lg"></p> <!-- Max. character limit: 160 --> </div> <div class="storycard__link-wrapper"> <!-- Button with no border --> <div class="storycard__link"> <!-- START: LINK label --> <!-- END: LINK label --> </div> <div class="storycard__buttons-wrapper"> <!-- START: btn-primary --> <div class="button button__dark__fill normal default btn-comp"> <a class="button__bdl" href="/foundation/corporate-investment" role="button" aria-label="Learn More" title="Learn More" target="_self"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Learn More</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- END: btn primary --> <!-- START: btn-secondary --> <!-- END: btn-secondary --> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> <div id="experiencefragment-c2901b9887" class="cmp-experiencefragment cmp-experiencefragment--temporary-css-fixes"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-a2faf5fd44" class="cmp-container localnav-anchorlink container-a2faf5fd44"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="embed aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;embed-c1cf3a5371&#34;:{&#34;@type&#34;:&#34;shrm/components/embed&#34;,&#34;repo:modifyDate&#34;:&#34;2025-04-01T19:48:49Z&#34;}}" id="embed-c1cf3a5371" class="cmp-embed"> <!--changing the context unsafe to disable XSS protection for free html as per requirement embed component should be accessed only by restricted authors.--> <style> .v-align > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid, .equal-heights > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid { display: flex; flex-wrap: wrap; } .v-align .layout-container__wrapper, .v-align .cmp-container, .v-align .layout-container__inner, .v-align .aem-Grid{ height:100%; align-items:center; } .v-align .layout-container__wrapper { background-position: center; } .equal-heights .container > .layout-container__wrapper, .equal-heights .container > .layout-container__wrapper > .cmp-container, .equal-heights .container > .layout-container__wrapper > .cmp-container > .layout-container__inner{ height:100%; } .equal-heights > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background > .cmp-video-background { height: 100%; } .button.d-inline { display: inline-block; width: unset !important; margin: 0 15px 15px 0; float:unset !important; } .btn-group > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid{ display:block; text-align:center; } .make-2-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-2-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:50%; } .make-3-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-3-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:33.33%; } .make-4-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-4-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:25%; } .make-5-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-5-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:20%; } .force-full-width{ width:100% !important; } @media only screen and (max-width:900px){ .make-4-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-4-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:50%; } .make-5-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-5-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:50%; } } @media only screen and (max-width:768px){ .button.d-inline { display: block; width: 100% !important; margin: 0 0 15px 0; } .make-2-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-2-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:100%; } .make-3-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-3-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:100%; } .make-4-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-4-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:100%; } .make-5-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-5-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:100%; } } </style> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P98Z7JWL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div> <div class="xfpage page basicpage"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-d56b10d5b4" class="cmp-container localnav-anchorlink container-d56b10d5b4"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="layout-container container responsivegrid small-padding layout-container__extra-darkblue aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="print_hide" class="cmp-container localnav-anchorlink print_hide"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="newslettersignup aem-GridColumn aem-GridColumn--default--12"><div> <div class="newsletter"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-10"> <div class="newsletter__cmp newsletter__state--default" data-attr-email-label="Email" data-attr-email-button="Subscribe" data-attr-email-errormsg="Please enter a valid email address" data-attr-email-placeholder="Enter Email" data-attr-caption="Thank you for signing up for our newsletter. Be on the lookout for the latest articles on all your favorite HR topics and trends." data-attr-title="Thank You!" data-attr-success-timeout-time="3000" data-attr-newsletter-type="optHRDaily" data-attr-marketo-baseurl="//app-ab30.marketo.com" data-attr-marketo-munchkinid="823-TWS-984" data-attr-marketo-formid="1426"> <div class="row"> <div class="col-lg-6 newsletter__content newsletter__content--default"> <h4 class="newsletter__heading" aria-label="heading">HR Daily Newsletter</h4> <p class="newsletter__paragraph" aria-label="paragraph">Stay up to date with the latest HR news, trends, and expert advice each business day.</p> </div> <!-- -------------------- START: Success form**default hide on page load** -------------------- --> <div class="col-lg-6 newsletter__content newsletter__content--complete"> <h4 class="newsletter__heading" aria-label="heading">Success title</h4> <p class="newsletter__paragraph" aria-label="paragraph">Success caption</p> </div> <!-- -------------------- ENDS: Success form -------------------- --> <div class="col-lg-6 newsletter__form"> <div class="newsletter__email"> <!-- -------------------- START: marketo form component -------------------- --> <script src="//lp.shrm.org/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_1426"></form> <script> let baseUrl = document.querySelector(".newsletter__cmp").getAttribute("data-attr-marketo-baseurl"); let munchkinId = document.querySelector(".newsletter__cmp").getAttribute("data-attr-marketo-munchkinId"); let formId = document.querySelector(".newsletter__cmp").getAttribute("data-attr-marketo-formId"); MktoForms2.loadForm(baseUrl,munchkinId, formId, function (form) { let newslettercontainer = document.querySelector(".newsletter__cmp"); let newslettertitle = document.querySelector(".newsletter .newsletter__heading"); let formEl = document.querySelector(".newsletter .mktoForm"); let inputEl = document.querySelector(".newsletter .mktoEmailField"); let labelEl = document.querySelector(".newsletter .mktoAsterix"); let buttonEl = document.querySelector(".newsletter .mktoButton"); let newslettercaption = document.querySelector(".newsletter .newsletter__paragraph"); // Add an onSuccess handler labelEl.innerHTML = newslettercontainer.getAttribute("data-attr-email-label"); let inputLabelWrap = document.querySelector(".newsletter .mktoFieldWrap .mktoLabel"); let labelTextEl = labelEl.cloneNode(true); inputLabelWrap.innerText = ""; inputLabelWrap.appendChild(labelTextEl); buttonEl.innerHTML = newslettercontainer.getAttribute("data-attr-email-button"); inputEl.classList.add("inputbox__field"); let errorEl = document.createElement("p"); errorEl.classList.add("inputbox__errormsg"); errorEl.innerHTML = newslettercontainer.getAttribute("data-attr-email-errormsg"); inputEl.placeholder = newslettercontainer.getAttribute("data-attr-email-placeholder"); inputEl.setAttribute("autocomplete", "off"); inputEl.appendChild(errorEl); inputEl.parentNode.insertBefore(errorEl, inputEl.nextSibling); errorEl.style.display = "none"; let emailRegex = /^([a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})$/; function showDefaultState() { formEl.classList.add("inputbox__state--default"); formEl.classList.remove("inputbox__state--error"); errorEl.style.display = "none"; } function showErrorState() { formEl.classList.remove("inputbox__state--default"); formEl.classList.add("inputbox__state--error"); errorEl.style.display = "block"; } function validationChk(txt) { if (emailRegex.test(txt)) { showDefaultState(); return true; } else { showErrorState(); return false; } } // inputEl.addEventListener("keyup", function (e) { // e.stopPropagation(); // validationChk(inputEl.value); // }); buttonEl.addEventListener("click", function (e) { e.preventDefault(); if (validationChk(inputEl.value)) { // When the button is clicked, get the form object and submit it MktoForms2.whenReady(function (form) { let newsLetter_type = document.querySelector(".newsletter__cmp").getAttribute("data-attr-newsletter-type"); let formObj = { [newsLetter_type]: "true", }; form.vals(formObj); window.adobeDataLayer = window.adobeDataLayer || []; window.adobeDataLayer.push( { "event": "Form Tracking", "eventInfo": { "FormName": "Newsletter sign-up", "FormType": newsLetter_type, "FormID": formId, "stepNumber": "1", "CompletionStatus": "In Progress" }, }); form.submit(); }); } else { showErrorState(); return false; } }); form.onSuccess(function (values, followUpUrl) { window.adobeDataLayer = window.adobeDataLayer || []; window.adobeDataLayer.push({ "event": "Form Tracking", "eventInfo": { "FormName": "Newsletter sign-up", "FormType": document.querySelector(".newsletter__cmp").getAttribute("data-attr-newsletter-type"), "FormID": formId, "stepNumber": "1", "CompletionStatus": "true" }, }); let setTimeoutTime = newslettercontainer.getAttribute("data-attr-success-timeout-time") ? Number(newslettercontainer.getAttribute("data-attr-success-timeout-time")) : 2000; document.querySelector(".newsletter .newsletter__content--complete .newsletter__heading").innerHTML = newslettercontainer.getAttribute("data-attr-title"); document.querySelector(".newsletter .newsletter__content--complete .newsletter__paragraph").innerHTML = newslettercontainer.getAttribute("data-attr-caption"); let newsletterEl = document.querySelector(".newsletter__cmp"); newsletterEl.classList.remove("newsletter__state--default"); newsletterEl.classList.add("newsletter__state--complete"); form.getFormElem().hide(); setTimeout(() => { form.getFormElem().show(); newsletterEl.classList.add("newsletter__state--default"); newsletterEl.classList.remove("newsletter__state--complete"); buttonEl.innerHTML = newslettercontainer.getAttribute("data-attr-email-button"); buttonEl.removeAttribute("disabled"); inputEl.value = ""; showDefaultState(); }, setTimeoutTime); // Return false to prevent the submission handler from taking the lead to the follow up url return false; }); }); </script> <!-- -------------------- ENDS: marketo form component -------------------- --> </div> <div class="newsletter__link-content"> <label for="subscriptions" class="newsletter__link-label">Already have a subscription?</label> <div class="newsletter__link-btn"> <!-- BDL Button --> <div class="button button__light__noborder normal icon__right btn-comp"> <a class="button__bdl" href="https://lp.shrm.org/preferences.html" data-cmp-clickable data-cmp-data-layer="{&#34;newslettersignup-a10eda9176&#34;:{&#34;DestinationURL&#34;:&#34;https://lp.shrm.org/preferences.html&#34;,&#34;ctaText&#34;:&#34;Manage Subscriptions&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/newslettersignup&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;componentName&#34;:&#34;newslettersignup_cop&#34;}}" role="button" aria-label="button" title="Manage Subscriptions" target="_blank"> <span class="icon icon-circle_left"></span> <span class="button__text">Manage Subscriptions</span> <span class="icon icon-circle_right"></span> <span class="icon icon-angle_right"></span> </a> </div> <!-- BDL Button --> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> <footer> <div class="cmp-experiencefragment--footer"> <div class="xfpage page basicpage"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="footer_fix" class="cmp-container localnav-anchorlink footer_fix"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="layout-container container responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-1fac46718a" class="cmp-container localnav-anchorlink container-1fac46718a"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 aem-Grid--phone--12 "> <div class="layout-container container responsivegrid small-padding aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0 aem-GridColumn--default--4"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-6f211906b4" class="cmp-container localnav-anchorlink container-6f211906b4"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--4 aem-Grid--default--4 aem-Grid--phone--12 "> <div class="text mb-4 aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--4"><div id="text-5c93983296" class="cmp-text"> <ul><li><a title="About SHRM" href="/about">About SHRM</a></li><li><a title="Careers at SHRM" href="/about/careers-at-shrm">Careers at SHRM</a></li><li><a title="Press Room" href="/about/press-room">Press Room</a></li><li><a title="Contact SHRM" href="https://support.shrm.org/s/" target="_blank" rel="noopener noreferrer">Contact SHRM</a></li><li><a title="Book a SHRM Executive Speaker" href="/about/executive-voices/">Book a SHRM Executive Speaker</a></li></ul> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid small-padding aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0 aem-GridColumn--default--4"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-1736b5d17c" class="cmp-container localnav-anchorlink container-1736b5d17c"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--4 aem-Grid--default--4 aem-Grid--phone--12 "> <div class="text mb-4 aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--4"><div id="text-fe8a3ac302" class="cmp-text"> <ul><li><a href="/business-solutions/advertise-with-us" title="Advertise with Us">Advertise with Us</a></li><li><a href="/about/partner-with-shrm">Partner with Us</a></li><li><a href="/about/copyright-permissions" title="Copyright &amp; Permissions">Copyright &amp; Permissions</a></li><li><a href="https://jobs.shrm.org/employer/pricing" target="_blank" title="Post a Job" rel="noopener noreferrer">Post a Job</a></li><li><a href="https://jobs.shrm.org/jobs/" target="_blank" title="Find an HR Job" rel="noopener noreferrer">Find an HR Job</a></li></ul> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid small-padding aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0 aem-GridColumn--default--4"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-de98c44add" class="cmp-container localnav-anchorlink container-de98c44add"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--4 aem-Grid--default--4 aem-Grid--phone--12 "> <div class="title aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--4"><div data-cmp-data-layer="{&#34;title-445dad7d3d&#34;:{&#34;@type&#34;:&#34;shrm/components/title&#34;,&#34;repo:modifyDate&#34;:&#34;2025-03-28T07:56:50Z&#34;,&#34;dc:title&#34;:&#34;Follow Us&#34;}}" id="title-445dad7d3d" class="cmp-title" style="color:"> <div> <h6 class="cmp-title__text">Follow Us</h6> </div> </div> </div> <div class="socialMedia aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--4"><div> <ul class="social-icon" role="list"> <li class="social-icon__list" role="listitem"> <a data-cmp-data-layer="{&#34;socialMedia-649f24bdd30&#34;:{&#34;@type&#34;:&#34;shrm/components/socialMedia&#34;,&#34;componentName&#34;:&#34;socialmedia_copy&#34;,&#34;ctaText&#34;:&#34;/content/dam/en/shrm/icons/iconmonstr-linkedin-4 1.svg&#34;,&#34;DestinationURL&#34;:&#34;http://www.linkedin.com/company/shrm&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;}}" data-cmp-clickable href="http://www.linkedin.com/company/shrm" class="social-icon__image" role="link" aria-label="LinkedIn" target="_blank"> <img src="/content/dam/en/shrm/icons/iconmonstr-linkedin-4%201.svg" alt="LinkedIn"/> </a> </li> <li class="social-icon__list" role="listitem"> <a data-cmp-data-layer="{&#34;socialMedia-649f24bdd31&#34;:{&#34;@type&#34;:&#34;shrm/components/socialMedia&#34;,&#34;componentName&#34;:&#34;socialmedia_copy&#34;,&#34;ctaText&#34;:&#34;/content/dam/en/shrm/icons/iconmonstr-facebook-4 1.svg&#34;,&#34;DestinationURL&#34;:&#34;https://www.facebook.com/SHRMHQ&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;}}" data-cmp-clickable href="https://www.facebook.com/SHRMHQ" class="social-icon__image" role="link" aria-label="Facebook" target="_blank"> <img src="/content/dam/en/shrm/icons/iconmonstr-facebook-4%201.svg" alt="Facebook"/> </a> </li> <li class="social-icon__list" role="listitem"> <a data-cmp-data-layer="{&#34;socialMedia-649f24bdd32&#34;:{&#34;@type&#34;:&#34;shrm/components/socialMedia&#34;,&#34;componentName&#34;:&#34;socialmedia_copy&#34;,&#34;ctaText&#34;:&#34;/content/dam/en/shrm/icons/icon-x-twitter-social-media.svg&#34;,&#34;DestinationURL&#34;:&#34;https://twitter.com/SHRM&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;}}" data-cmp-clickable href="https://twitter.com/SHRM" class="social-icon__image" role="link" aria-label="Twitter" target="_blank"> <img src="/content/dam/en/shrm/icons/icon-x-twitter-social-media.svg" alt="Twitter"/> </a> </li> <li class="social-icon__list" role="listitem"> <a data-cmp-data-layer="{&#34;socialMedia-649f24bdd33&#34;:{&#34;@type&#34;:&#34;shrm/components/socialMedia&#34;,&#34;componentName&#34;:&#34;socialmedia_copy&#34;,&#34;ctaText&#34;:&#34;/content/dam/en/shrm/icons/iconmonstr-instagram.png&#34;,&#34;DestinationURL&#34;:&#34;https://www.instagram.com/shrmofficial/&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;}}" data-cmp-clickable href="https://www.instagram.com/shrmofficial/" class="social-icon__image" role="link" aria-label="Instagram" target="_blank"> <img src="/content/dam/en/shrm/icons/iconmonstr-instagram.png" alt="Instagram"/> </a> </li> <li class="social-icon__list" role="listitem"> <a data-cmp-data-layer="{&#34;socialMedia-649f24bdd34&#34;:{&#34;@type&#34;:&#34;shrm/components/socialMedia&#34;,&#34;componentName&#34;:&#34;socialmedia_copy&#34;,&#34;ctaText&#34;:&#34;/content/dam/en/shrm/icons/iconmonstr-youtube.png&#34;,&#34;DestinationURL&#34;:&#34;https://www.youtube.com/shrmofficial&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;previousPageURL&#34;:&#34;http://www.shrm.org/foundation&#34;}}" data-cmp-clickable href="https://www.youtube.com/shrmofficial" class="social-icon__image" role="link" aria-label="YouTube" target="_blank"> <img src="/content/dam/en/shrm/icons/iconmonstr-youtube.png" alt="YouTube"/> </a> </li> </ul> </div> </div> <div class="text aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--4"><div id="text-7c13a9b096" class="cmp-text"> <ul><li><a href="/topics-tools/news/hr-newsletters">SHRM Newsletters</a></li><li><a href="/topics-tools/ask-an-advisor">Ask An Advisor</a></li></ul> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="layout-container container responsivegrid no-top-bottom-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-5df1f5725c" class="cmp-container localnav-anchorlink container-5df1f5725c"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="separator footer__separator aem-GridColumn aem-GridColumn--default--12"> <div id="separator-529403babd" class="cmp-separator"> <hr class="cmp-separator__horizontal-rule separator_hr"/> </div></div> <div class="layout-container container responsivegrid small-padding aem-GridColumn aem-GridColumn--default--12"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-c3197369c5" class="cmp-container localnav-anchorlink container-c3197369c5"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="text aem-GridColumn aem-GridColumn--default--12"><div id="text-f2c9034ea4" class="cmp-text"> <p>© 2025 SHRM. All Rights Reserved</p> <p>SHRM provides content as a service to its readers and members. It does not offer legal advice, and cannot guarantee the accuracy or suitability of its content for a particular purpose. <a title="Disclaimer" href="/about/terms-of-use#disclaimer">Disclaimer</a></p> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="separator footer__separator aem-GridColumn aem-GridColumn--default--12"> <div id="separator-dac94742c2" class="cmp-separator"> <hr class="cmp-separator__horizontal-rule separator_hr"/> </div></div> <div class="list aem-GridColumn aem-GridColumn--default--12"> <div class="list-component list-component__horizental-list "> <ol class="list-component__item"> <li class="list-component__item__listitem"> <div class="list-component__item__listitem__listtext"> <p> <a data-cmp-data-layer="{&#34;list-522a597f9f0&#34;:{&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;https://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/list&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;destinationPageURL&#34;:&#34;&#34;,&#34;componentName&#34;:&#34;list_2133776246&#34;}}" data-cmp-clickable href="/about/privacy-policy" target="_self"> Privacy Policy </a> </p> </div> </li> <li class="list-component__item__listitem"> <div class="list-component__item__listitem__listtext"> <p> <a data-cmp-data-layer="{&#34;list-522a597f9f1&#34;:{&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;https://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/list&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;destinationPageURL&#34;:&#34;&#34;,&#34;componentName&#34;:&#34;list_2133776246&#34;}}" data-cmp-clickable href="/about/terms-of-use" target="_self"> Terms of Use </a> </p> </div> </li> <li class="list-component__item__listitem"> <div class="list-component__item__listitem__listtext"> <p> <a data-cmp-data-layer="{&#34;list-522a597f9f2&#34;:{&#34;ctaText&#34;:null,&#34;previousPageURL&#34;:&#34;https://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/list&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;destinationPageURL&#34;:&#34;&#34;,&#34;componentName&#34;:&#34;list_2133776246&#34;}}" data-cmp-clickable href="/about/accessibility" target="_self"> Accessibility </a> </p> </div> </li> </ol> </div> <!-- Children List --> <!-- Fixed List --> <!-- Tags List --> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> <div id="experiencefragment-d259d9cb8f" class="cmp-experiencefragment cmp-experiencefragment--temporary-css-fixes"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-2d7951908d" class="cmp-container localnav-anchorlink container-2d7951908d"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="embed aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;embed-89c1792b6c&#34;:{&#34;@type&#34;:&#34;shrm/components/embed&#34;,&#34;repo:modifyDate&#34;:&#34;2025-04-01T19:48:49Z&#34;}}" id="embed-89c1792b6c" class="cmp-embed"> <!--changing the context unsafe to disable XSS protection for free html as per requirement embed component should be accessed only by restricted authors.--> <style> .v-align > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid, .equal-heights > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid { display: flex; flex-wrap: wrap; } .v-align .layout-container__wrapper, .v-align .cmp-container, .v-align .layout-container__inner, .v-align .aem-Grid{ height:100%; align-items:center; } .v-align .layout-container__wrapper { background-position: center; } .equal-heights .container > .layout-container__wrapper, .equal-heights .container > .layout-container__wrapper > .cmp-container, .equal-heights .container > .layout-container__wrapper > .cmp-container > .layout-container__inner{ height:100%; } .equal-heights > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background > .cmp-video-background { height: 100%; } .button.d-inline { display: inline-block; width: unset !important; margin: 0 15px 15px 0; float:unset !important; } .btn-group > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid{ display:block; text-align:center; } .make-2-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-2-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:50%; } .make-3-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-3-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:33.33%; } .make-4-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-4-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:25%; } .make-5-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-5-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:20%; } .force-full-width{ width:100% !important; } @media only screen and (max-width:900px){ .make-4-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-4-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:50%; } .make-5-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-5-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:50%; } } @media only screen and (max-width:768px){ .button.d-inline { display: block; width: 100% !important; margin: 0 0 15px 0; } .make-2-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-2-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:100%; } .make-3-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-3-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:100%; } .make-4-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-4-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:100%; } .make-5-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .container, .make-5-cols > .layout-container__wrapper > .cmp-container > .layout-container__inner > .aem-Grid > .video-background{ width:100%; } } </style> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> <div id="experiencefragment-44565b76f5" class="cmp-experiencefragment cmp-experiencefragment--temporary-css-fixes"> <div class="layout-container__wrapper"> <div class="layout-container__wave-wrapper wave-top"> <svg class="layout-container__wave" viewBox="0 0 360 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M183 14.0288C76.452 -8.29799 0 14.1418 0 14.1418L0 0L360 0V14.2138C360 14.2138 289.548 36.3556 183 14.0288Z" fill=""/> </svg> </div> <div id="container-df42fff040" class="cmp-container localnav-anchorlink container-df42fff040"> <div class="layout-container__inner"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="embed aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;embed-244e8ff614&#34;:{&#34;@type&#34;:&#34;shrm/components/embed&#34;,&#34;repo:modifyDate&#34;:&#34;2025-04-02T16:26:04Z&#34;}}" id="embed-244e8ff614" class="cmp-embed"> <!--changing the context unsafe to disable XSS protection for free html as per requirement embed component should be accessed only by restricted authors.--> <style> /* ----- hide one trust while authoring ----- */ .aem-AuthorLayer-Edit .onetrust-pc-dark-filter{ background:none; } .aem-AuthorLayer-Edit #onetrust-consent-sdk{ display:none; } /* ----- Add sponsoring styles ----- */ .storycard.sponsored .storycard__link-wrapper{ position:relative; } .storycard.sponsored .storycard__link-wrapper:after { content: 'Sponsored'; width: 100%; height: 24px; color: #999; font-size: 16px; letter-spacing: .025rem; line-height: 1.2em; padding-top: 3px; font-weight: 600; display: block; position: absolute; top: 0; bottom: 54px; padding-left: 0; background-repeat: no-repeat; background-position: left 1px top; } /* ----- Adjust Article Heading sizes ----- */ .contentintro .content__title, .text .cmp-text h1, #main_content h1 { font-size: 40px; line-height: 48px; font-weight: 700; } .text .cmp-text h2, .cmp-text .shrm-Element-H2, .shrm-Element-Subtitle, #main_content h2 { font-size: 32px; line-height: 40px; font-weight: 700; } .text .cmp-text h3, .cmp-text h3, .cmp-text .shrm-Element-H3, #main_content h3 { font-size: 24px; line-height: 32px; font-weight: 700; } .text .cmp-text h4, #main_content h4 { font-size: 20px; line-height: 28px; font-weight: 700; } .text .cmp-text h5, #main_content h5 { font-size: 18px; line-height: 26px; font-weight: 700; } .text .cmp-text h6, #main_content h6 { font-size: 16px; line-height: 24px; font-weight: 700; } .mimic-h1{ font-size:40px !important; line-height:1.3em !Important; } .mimic-h2{ font-size:32px !important; line-height:1.3em !Important; } .mimic-h3{ font-size:24px !important; line-height:1.35em !Important; } .mimic-h4{ font-size:20px !important; line-height:1.35em !Important; } .mimic-h5{ font-size:18px !important; line-height:1.35em !Important; } .headline-regular{ font-weight:500 !important; } .text.styled-table .cmp-text table { border-color: #ededed !important; border-width: 1px; margin-bottom: 15px; } .text.styled-table .cmp-text table tr td, .text.styled-table .cmp-text table tr th { padding: 10px; } .text.styled-table .cmp-text table tr th { background: #1b3c69; color: white; } .mb-2 { margin-bottom: .5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .text-center { text-align: center; } .text-right { text-align: right; } .icon-small .cmp-image, .icon-small img { max-width: 75px; max-height: 75px; height: auto; width: 100%; } .icon-medium .cmp-image, .icon-medium img { max-width: 150px; max-height: 150px; height: auto; width: 100%; } .icon-large .cmp-image, .icon-large img { max-width: 250px; max-height: 250px; height: auto; width: 100%; } .icon-xlarge .cmp-image, .icon-xlarge img { max-width: 350px; max-height: 350px; height: auto; width: 100%; } .object-fit-contain .cmp-image img { object-fit: contain; max-height: 600px; object-position: center; } .color-yellow .separator_hr { border-color: #f1b850; border-width: .15rem; margin: 15px 0; width: 70px; } .image-center .cmp-image, .image-right .cmp-image { display: inline-block } .image-center { text-align: center; } .image-right { text-align: right; } .mw-600 .cmp-text, .aem-Grid>.aem-GridColumn.aem-GridColumn--default--none.mw-600 { max-width: 600px; margin: 0 auto !important; display: block; float: none !important; clear: both !important; } .mw-800 .cmp-text, .aem-Grid>.aem-GridColumn.aem-GridColumn--default--none.mw-800 { max-width: 800px; margin: 0 auto !important; display: block; float: none !important; clear: both !important; } .mw-1000 .cmp-text, .aem-Grid>.aem-GridColumn.aem-GridColumn--default--none.mw-1000 { max-width: 1000px; margin: 0 auto !important; display: block; float: none !important; clear: both !important; } .brand-item__img { max-height: 30px; } .text .cmp-text blockquote, .shrm-widearticle-Element-wideArticlePullQuote { font-family: 'ProximaNova'; font-weight: 400 !important; font-size: 1.6rem !important; line-height: 1.3em !important; padding: 65px 0 0 0 !important; position: relative; margin: 30px 0 15px 0 !important; } .shrm-widearticle-Element-wideArticlePullQuote>span { font-size: unset !important; font-weight: unset !important; color: unset !important; } .text .cmp-text blockquote:before, .shrm-widearticle-Element-wideArticlePullQuote:before { content: ''; height: 48px; width: 60px; position: absolute; left: 0; top: 0; background-position: center; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAgNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMzU1QjhGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0LjEsMjUuMWMtMC41LDAtMC45LDAtMS40LDAuMWwwLTAuMWMwLjYtOS44LDEyLjgtMTguOSwxMi44LTE4LjlsLTcuNi02LjFjMCwwLTguNCw0LjYtMTMuOCwxNi45CgljLTUuNCwxMi4zLTMuNCwyNi4yLDYuMiwyOS4xYzAsMCwwLDAsMC4xLDBjMS4xLDAuNCwyLjQsMC43LDMuNywwLjdjNiwwLDEwLjgtNC45LDEwLjgtMTAuOFMyMC4xLDI1LjEsMTQuMSwyNS4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDcuNywyNS4xYy0wLjUsMC0wLjksMC0xLjQsMC4xbDAtMC4xQzQ3LDE1LjMsNTkuMiw2LjIsNTkuMiw2LjJsLTcuNi02LjFjMCwwLTguNCw0LjYtMTMuOCwxNi45CgljLTUuNCwxMi4zLTMuNCwyNi4yLDYuMiwyOS4xYzAsMCwwLDAsMC4xLDBjMS4xLDAuNCwyLjQsMC43LDMuNywwLjdjNiwwLDEwLjgtNC45LDEwLjgtMTAuOFM1My43LDI1LjEsNDcuNywyNS4xeiIvPgo8L3N2Zz4K"); } .text.text-white .cmp-text blockquote:before, .text-white .shrm-widearticle-Element-wideArticlePullQuote:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAgNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUuMyw3QzI1LjMsNywyNS4zLDYuOSwyNS4zLDdjLTIuNC0yLTQuOS0zLjktNy4zLTUuOWMtMC4xLTAuMS0wLjItMC4xLTAuMywwYy0wLjQsMC4zLTAuOSwwLjYtMS4zLDAuOQoJCWMtMi43LDItNSw0LjQtNy4xLDcuMWMtMi44LDMuNy01LDcuOC02LjQsMTIuM2MtMC44LDIuNS0xLjMsNS4xLTEuNSw3LjdjLTAuMSwxLjUsMCwzLjEsMC4xLDQuNmMwLjEsMS43LDAuNSwzLjMsMS4xLDQuOQoJCUMzLjYsNDEsNC45LDQzLDYuOSw0NC41YzEuOSwxLjQsNC4xLDIuMSw2LjQsMi40YzIuMSwwLjIsNC0wLjIsNS45LTEuMmMxLjgtMSwzLjItMi40LDQuMi00LjJjMS4xLTIsMS42LTQuMSwxLjMtNi40CgkJYy0wLjMtMi4yLTEuMi00LjItMi43LTUuOWMtMi4zLTIuNi01LjItMy43LTguNy0zLjVjLTAuMiwwLTAuMywwLTAuNSwwYzAtMC4zLDAtMC41LDAtMC43YzAuMi0yLDAuOS0zLjksMS44LTUuNwoJCWMyLTMuOSw0LjktNy4xLDguMS0xMC4xQzIzLjUsOC41LDI0LjQsNy43LDI1LjMsN3ogTTQ1LjgsMjUuOGMwLjEtMC43LDAuMi0xLjMsMC4zLTEuOWMwLjUtMi41LDEuNy00LjgsMy4xLTYuOQoJCWMyLjUtMy43LDUuNi02LjgsOS4xLTkuN2MwLjEtMC4xLDAuMi0wLjIsMC4zLTAuM2MtMi41LTItNS00LTcuNC02Yy0wLjEsMC4xLTAuMSwwLjEtMC4yLDAuMWMtMC4xLDAuMS0wLjIsMC4xLTAuMywwLjIKCQljLTMuMSwyLTUuNyw0LjYtNy45LDcuNkMzOC44LDE0LDM2LjEsMTkuNywzNSwyNi4xYy0wLjQsMi41LTAuNSw1LjEtMC4yLDcuN2MwLjIsMi4xLDAuNyw0LjEsMS43LDZjMC44LDEuOCwyLDMuMywzLjUsNC42CgkJYzEuNCwxLjEsMy4xLDEuOCw0LjgsMi4yYzEuNiwwLjQsMy4yLDAuNSw0LjgsMC4xYzIuMy0wLjUsNC4yLTEuNiw1LjgtMy40YzIuMi0yLjYsMy4xLTUuNiwyLjQtOWMtMC40LTItMS4zLTMuNy0yLjctNS4yCgkJYy0xLjQtMS41LTMtMi41LTQuOS0zLjFDNDguOCwyNS43LDQ3LjQsMjUuNiw0NS44LDI1Ljh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUuMyw3Yy0wLjksMC44LTEuOCwxLjUtMi42LDIuM2MtMy4yLDMtNi4xLDYuMi04LjEsMTAuMUMxMy43LDIxLjEsMTMsMjMsMTIuOCwyNWMwLDAuMiwwLDAuNSwwLDAuNwoJCWMwLjIsMCwwLjQsMCwwLjUsMGMzLjUtMC4yLDYuNCwxLDguNywzLjVjMS41LDEuNywyLjQsMy43LDIuNyw1LjljMC4zLDIuMy0wLjIsNC40LTEuMyw2LjRjLTEsMS44LTIuNCwzLjItNC4yLDQuMgoJCWMtMS44LDEtMy44LDEuNC01LjksMS4yYy0yLjMtMC4zLTQuNS0xLTYuNC0yLjRjLTItMS41LTMuMy0zLjYtNC4yLTUuOWMtMC42LTEuNi0xLTMuMi0xLjEtNC45Yy0wLjEtMS41LTAuMi0zLjEtMC4xLTQuNgoJCWMwLjEtMi42LDAuNy01LjIsMS41LTcuN0M0LjQsMTYuOSw2LjUsMTIuOCw5LjQsOWMyLTIuNyw0LjMtNS4xLDcuMS03LjFjMC40LTAuMywwLjktMC42LDEuMy0wLjljMC4xLDAsMC4yLDAsMC4zLDAKCQlDMjAuNCwzLjEsMjIuOCw1LDI1LjMsN0MyNS4zLDYuOSwyNS4zLDcsMjUuMyw3eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ1LjgsMjUuOGMxLjUtMC4yLDMtMC4xLDQuNCwwLjNjMS45LDAuNiwzLjYsMS42LDQuOSwzLjFjMS40LDEuNSwyLjMsMy4yLDIuNyw1LjJjMC42LDMuNC0wLjIsNi40LTIuNCw5CgkJYy0xLjUsMS44LTMuNSwyLjktNS44LDMuNGMtMS42LDAuMy0zLjIsMC4zLTQuOC0wLjFjLTEuNy0wLjUtMy40LTEuMS00LjgtMi4yYy0xLjYtMS4yLTIuNy0yLjgtMy41LTQuNmMtMC45LTEuOS0xLjQtMy45LTEuNy02CgkJYy0wLjMtMi42LTAuMi01LjEsMC4yLTcuN2MxLjEtNi40LDMuOC0xMi4xLDcuNy0xNy4zYzIuMi0yLjksNC44LTUuNSw3LjktNy42YzAuMS0wLjEsMC4yLTAuMSwwLjMtMC4yYzAuMSwwLDAuMS0wLjEsMC4yLTAuMQoJCWMyLjUsMiw0LjksNCw3LjQsNmMtMC4xLDAuMS0wLjIsMC4yLTAuMywwLjNjLTMuNSwyLjgtNi42LDUuOS05LjEsOS43Yy0xLjQsMi4xLTIuNiw0LjQtMy4xLDYuOUM0NiwyNC40LDQ1LjksMjUuMSw0NS44LDI1Ljh6Ii8+CjwvZz4KPC9zdmc+Cg==) } .shrm-widearticle-Style-Caption { font-size: 18px !important; font-weight: 400; } .cmp-text img { width: auto; } .hero__content ol { list-style: decimal; } .hero__content ul { list-style: disc; } .hero__content li { margin-left: 20px; margin-bottom: 8px; } .hero__content li:last-of-type { margin-bottom: 0; } #one_column { max-width: 1000px; margin: 0 auto; } .content-details-pg .layout-container .layout-container__wrapper .breadcrumb-wrapper>.layout-container__inner, .content-details-pg .main_content>.layout-container__inner .layout-container__inner:first-of-type { max-width: 1000px; margin: 0 auto; } .content-details-pg .contentintro .image { max-width: 1000px; height: auto; margin: 0 auto; } .contentintro img { padding-bottom: 0 !important; } .contentintro .image { padding: 0 !important; } .footer__legal-links li a, .footer__legal-links li { text-decoration-line: none !important; } .social-icon__image img{ object-fit: unset; width: 100%; height: auto; max-width: 32px; } .social-icon__list{ margin-right:8px; } .cmp-experiencefragment--footer .aem-GridColumn{ float:left !important; margin:unset; max-width:unset; } #footer_fix .cmp-text ul { list-style: none; padding: 0; margin: 0; } #footer_fix .cmp-text ul li { padding: 0; margin: 0 0 8px 0; } ul.fa-ul { list-style: none; } .fa-ul li { position: relative; margin-bottom: 8px; } .fa-ul li:before { content: ''; height: 10px; width: 10px; display: block; border: 1px solid black; position: absolute; left: -20px; top: 6px; } .hero .hero__container .hero__content p>a, .accordionBlocks .cmp-accordion__item p>a { color: white; text-decoration: underline; } .text-white .cmp-text { color: white; } .text-white .cmp-text a:link, .text-white .cmp-text a:visited { color: white; text-decoration: underline; } .storycard__title-text { color: black; } .storycard__title-text a:link, .storycard__title-text a:visited { color: #3375b8; } .biography-card .shrmImage { width: 100%; } .hero__container { min-height: 600px; } .shrm-Table-stripedTable { width: unset !important; margin-bottom: 15px; } .shrm-TableOddRow-stripedTable { background: white; } .shrm-TableEvenRow-stripedTable { background: rgb(239, 237, 237) !important; } .shrm-Table-stripedTable tr td { padding: 8px 15px; } .shrm-TableEvenCol-stripedTable span, .shrm-TableOddCol-stripedTable span { background-color: unset !important; line-height: unset; display: inline-block; } .newsletter { background: #1b3c69; } .mega-menu .button__text { min-width: unset; text-align: left; } /* ----- member non member spacing fix ----- */ .layout-container:not(.container-full,.teaserWave) > .layout-container__hide-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .layout-container:not(.container-full,.teaserWave) > .layout-container__hide-non-member >.layout-container__wrapper>.cmp-container>.layout-container__inner{ margin:0 auto; max-width: 1224px; padding: 80px 12px; } .large-padding .layout-container__hide-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .large-padding .layout-container__hide-non-member > .layout-container__wrapper > .cmp-container > .layout-container__inner{ padding-top:80px !important; padding-bottom:80px !important; } .medium-padding .layout-container__hide-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .medium-padding .layout-container__hide-non-member > .layout-container__wrapper > .cmp-container > .layout-container__inner{ padding-top:40px !important; padding-bottom:40px !important; } .small-padding .layout-container__hide-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .small-padding .layout-container__hide-non-member > .layout-container__wrapper > .cmp-container > .layout-container__inner{ padding-top:20px !important; padding-bottom:20px !important; } .no-top-bottom-padding .layout-container__hide-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .no-top-bottom-padding .layout-container__hide-non-member > .layout-container__wrapper > .cmp-container > .layout-container__inner{ padding-top:0 !important; padding-bottom:0 !important; } .no-padding .layout-container__hide-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .no-padding .layout-container__hide-non-member > .layout-container__wrapper > .cmp-container > .layout-container__inner{ padding:0 !important; } .video-modal.modal{ background:rgba(0, 0, 0, .75); } .modal-body iframe{ border:none; } /* ----- Fix extra space between image and article text on 2 col template -----*/ .article-2-cols .main_content .col-lg-8.columncontrol__column > .aem-Grid > .container:nth-of-type(2) > .layout-container__wrapper > .cmp-container > .layout-container__inner{ padding:0 15px 40px 15px; } /* ----- Fix breadcrumb not aligning with content on 2 col template ----- */ .article-2-cols .bread-crumb{ margin-left:8px; } @media only screen and (max-width:1200px){ .article-2-cols .bread-crumb{ margin-left:0; } } /* ----- Fix extra space between image and article text on 1 col template -----*/ .content-details-pg .main_content > .layout-container__inner > .aem-Grid > .container:nth-of-type(2) > .layout-container__wrapper > .cmp-container > .layout-container__inner{ padding:0 15px 40px 15px } .layout-container__lighterblue .cmp-text-item{ background:#fff; border:none; } .article-sidebar{ max-width:300px; float:right; padding:30px; background:#f5f8fb; margin:0 0 30px 30px; border-radius:10px; border: 1px solid rgba(0, 0, 0, .08); } .article-sidebar ul, .article-sidebar ol{ margin:0 0 15px 0; padding:0 0 0 20px; } .article-sidebar ul li, .article-sidebar ol li{ margin-bottom:8px; } /* ----- Spacer Styling ----- */ .separator.sm-space .separator_hr, .separator.md-space .separator_hr, .separator.lg-space .separator_hr { border: none !important; margin:0; } .separator.sm-space { padding: 8px 0; } .separator.md-space { padding: 15px 0; } .separator.lg-space { padding: 30px 0; } /* ----- Temporary Nav Updates ------ */ .nav-cmp .nav-cmp__logo-bar { padding: 10px 0; min-height:77px; } .nav-cmp .nav-cmp__logo-bar>.logo, .nav-cmp .nav-cmp__logo-bar__logo { position: relative; top: unset; right: unset; bottom: unset; left: unset; display: block; margin: 0 0 0 16px; height: auto; } .nav-cmp .logo-bar-wrapper img { height: 50px; } .nav-cmp__menu-bar { width: 100%; justify-content: left; } .nav-cmp__menu-bar__list { width: 100%; margin: 0 16px; } .nav-cmp__brands-list li .brand-item__img, .mbl-nav__brand-bar__brands-list li .brand-item__img{ max-width:100px; width:100%; max-height: 26px; } .local-navigation{ z-index:3; } .advertisement-desktop { display: inline-block; position:relative; padding-bottom:25px; } .advertisement-desktop:after { content: 'Advertisement'; display: block; text-align: right; position: absolute; font-size:12px; color:#999; right: 4px; bottom: 0; } .advertisement { text-align: center; } /* ----- start media queries -----*/ @media only screen and (max-width:568px){ .logo-bar-wrapper { position: absolute; left: 70px; } .logo-bar-wrapper .nav-cmp__logo-bar{ margin:0; } .logo-bar-wrapper img{ max-width:175px; } } @media only screen and (max-width:768px) { .columncontrol__column { margin-bottom: 20px; } /* ----- Adjust mobile article styling for 2 column template ----- */ .article-2-cols #main_content .contentintro .content__intro h1.content__title{ font-size: 32px; line-height: 1.2em; margin:0 0 8px 0; } .article-2-cols #main_content h2{ font-size: 28px; line-height: 1.2em; } .article-2-cols #main_content h3{ font-size: 24px; line-height: 1.2em; } .article-2-cols #main_content h4{ font-size: 20px; line-height: 1.2em; } .article-2-cols #main_content h5{ font-size: 18px; line-height: 1.2em; } .article-2-cols #main_content h6{ font-size: 16px; line-height: 1.2em; font-weight:bold; } .article-2-cols .contentintro .content__intro .pretitle{ margin:0 0 6px 0; } .article-2-cols .contentintro .shrmImage{ margin-bottom:15px; } .article-2-cols .contentintro .content__author--info{ margin:0 0 8px 0; } .article-2-cols .contentintro .content__author--info, .article-2-cols .contentintro .content__author--info .content__date, .article-2-cols .contentintro .content__author--info .content__author{ font-size:14px; } .article-sidebar{ max-width:unset !important; float:none !important; margin:15px 0 !important; } } .contentintro.hide-feature-img .content__image, .contentintro.hide-date .content__date{ display: none; } @media screen and (min-width: 768px) and (max-width: 1279px) { .mega-menu-container-mobile .mega-menu-wrapper-mobile .mega-menu__image { height: auto; } } @media screen and (max-width: 1279px) { .infonotificationbar .infobar{ bottom:0; } } /* ----- start print styles ----- */ @media print{ @page :left { margin: 1.5cm; } @page :right { margin: 1.5cm; } header, footer, .breadcrumb, .content__contact, .tag, .newslettersignup, .print_hide, .related_articles, .article-2-cols .col-md-4, ._hj_feedback_container { display:none; } .layout-container__wrapper, .layout-container__inner{ padding:0 !important; } h1 { font-size: 24px !important; line-height:1.3em !important; } h2 { font-size: 18px !important; line-height:1.3em !important; } h3, h4, h5, h6 { font-size: 14px !important; line-height:1.3em !important; } .cmp-image__image{ margin-bottom:30px; box-shadow:none !important; } .cmp-text img{ float:none; display:block !important; margin:30px auto !important; max-height: 925px; page-break-inside:avoid; page-break-after:avoid; } .text .cmp-text blockquote{ padding-top:0 !important; } .text .cmp-text blockquote:before{display:none;} .cmp-text a:link, .cmp-text a:visited { font-weight: bold; text-decoration: underline; } .cmp-text a[href^=http]:after { content:" - ( " attr(href) " ) "; } } /* ----- Navigation Style Updates ----- */ @media only screen and (min-width:1081px){ .mega-menu-title{ font-size:26px; margin-bottom:15px; padding-bottom:15px; position:relative; } .mega-menu-wrapper-desktop .mega-menu .mega-menu__title-wrapper{ margin:0 0 30px 0; position:relative; } .mega-menu-wrapper-desktop .event-wrapper .cmp-navigation__item--level-1, .mega-menu-wrapper-desktop .event-wrapper .mega-menu-event{ padding:10px 0; } .mega-menu-wrapper-desktop .mega-menu .mega-menu__title-wrapper .mega-menu-title:after{ content:''; display:block; position:absolute; border-bottom:4px solid #fbb533; max-width:100px; width:100%; height:4px; bottom:0; } .mega-menu-wrapper-desktop .event-wrapper .cmp-navigation__item--level-1 h6.mega-menu-event-list__item-title, .mega-menu-wrapper-desktop .event-wrapper .mega-menu-event h6.mega-menu-event-list__item-title{ padding:0; margin:0; } .mega-menu-wrapper-desktop .event-wrapper .cmp-navigation__item--level-1 p, .mega-menu-wrapper-desktop .event-wrapper .mega-menu-event p { padding:0 10px; margin: 0 0 10px 0; } .event-wrapper .cmp-navigation__item--level-1 h6 > a { display:inline-block; width:100%; padding:4px 10px; line-height: 1.3em; } .event-wrapper .cmp-navigation__item--level-1 h6 > a:hover { text-decoration:underline; color:#0076be; } .mega-menu-event-list{ margin:4px 0 !important; position:relative; } .mega-menu-wrapper-desktop .event-wrapper .cmp-navigation__item--level-1-list .cmp-navigation__item--level-2, .mega-menu-wrapper-desktop .event-wrapper .cmp-navigation__item--level-1-list__item, .mega-menu-wrapper-desktop .event-wrapper .mega-menu-event-list .cmp-navigation__item--level-2, .mega-menu-wrapper-desktop .event-wrapper .mega-menu-event-list__item { padding:0; margin:0; } .mega-menu-wrapper-desktop .event-wrapper .mega-menu-event-list .cmp-navigation__item--level-2 > a.event-item{ padding: 4px 10px; line-height: 1.3em; font-size: 15px; } .mega-menu-wrapper-desktop .event-wrapper .mega-menu-event-list .cmp-navigation__item--level-2 > a.event-item:hover{ text-decoration:underline; color:#0076be; } .mega-menu-wrapper-desktop .mega-menu__promo{ border:none; } .mega-menu-wrapper-desktop .mega-menu__promo-description{ margin:0; } .mega-menu-wrapper-desktop .event-wrapper{ grid-template-columns: repeat(3, 1fr); } } .verticalTabs .cmp-tabs__tablist{ display:unset; } @media only screen and (max-width:768px){ .verticalTabs .cmp-tabs__tablist{ display:none;; } } </style> </div> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> <div class="paywall aem-GridColumn aem-GridColumn--default--12"> <div class="stg-code"> <div class="content-metering-wrapper" id="content-metering-wrapper"> <div class="content-metering-overlay" id="content-metering-overlay"></div> <div class="content-metering-card" id="metering-card"> <!--Variants--> <!--SHRM PMQ starts here--> <div class="content-metering-card__cmp" id="metering-card-shrm_pmq"> <div class="content-metering-card__col-left" id="left-card"> <h6 class="content-metering-card__title metering-title" hidden></h6> <h6 class="content-metering-card__title preview-title" data-xyz="Join SHRM for Exclusive Access to Member Content" data-primary-preview-title="Join SHRM for Exclusive Access to Member Content">Join SHRM for Exclusive Access to Member Content</h6> <div class="banner-type" hidden></div> <p class="content-metering-card__content preview-msg" data-previewPrimaryMessageMember="SHRM Members enjoy unlimited access to articles and exclusive member resources."> SHRM Members enjoy unlimited access to articles and exclusive member resources. </p> <a href="/membership" aria-label="become-member" title="Join / Renew Today" target id="become-member-btn-url"> <button type="button" class="content-metering-card__button button-fill" data-primaryCTA="" tabindex="1"> <span id="become-member-btn-title">Join / Renew Today</span> <img src="/etc.clientlibs/shrm/clientlibs/clientlib-site/resources/images/right-icon-white.png" alt="right-icon"/> </button> </a> </div> <div class="content-metering-card__col-right" id="right-card"> <h6 class="content-metering-card__title" id="metering-content-have-account" data-paywallSignInTitle="Already a member?">Already a member?</h6> <a href="/saml_login" aria-label="signin" title="sign in" id="metering-signin-btn-url" data-meteringsigninbtnurl="https://stage-aem-www.shrm.org/saml_login" tabindex="2"> <button type="button" class="content-metering-card__button button-no-fill"> <span id="metering-signin-btn-title" data-meteringsigninbtntitle="Login">Login</span> <img src="/etc.clientlibs/shrm/clientlibs/clientlib-site/resources/images/right-icon-white.png" alt="right-icon"/> </button> </a> </div> <button class="content-metering-card__close-btn" id="content-metering-close-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000"> <mask id="mask0_21103_116133" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9"></rect> </mask> <g mask="url(#mask0_21103_116133)"> <path d="M6.22578 18.8248L5.17578 17.7748L10.9508 11.9998L5.17578 6.2248L6.22578 5.1748L12.0008 10.9498L17.7758 5.1748L18.8258 6.2248L13.0508 11.9998L18.8258 17.7748L17.7758 18.8248L12.0008 13.0498L6.22578 18.8248Z" fill="white"></path> </g> </svg> </button> </div> <!--SHRM PMQ ends here--> <!--MEMBER starts here--> <div class="content-metering-card__cmp" id="metering-card-metered"> <div class="content-metering-card__col-left" id="left-card"> <h6 class="content-metering-card__title metering-title" data-metering-title="Free Article ">Free Article </h6> <h6 class="content-metering-card__title preview-title" data-primaryPreviewTitle="Free Article ">Limit Reached</h6> <div class="banner-type" hidden></div> <p class="content-metering-card__content metering-msg" data-previewPrimaryMessageMember="Get unlimited access to articles and member-exclusive resources."> Get unlimited access to articles and member-exclusive resources. </p> <p class="content-metering-card__content preview-msg" data-previewPrimaryMessageMember="Get unlimited access to articles and member-exclusive resources."> You&#39;ve reached the limit of 1 free article this month. Join to access unlimited articles and member-only resources. </p> <a href="/membership" aria-label="become-member" title="Exclusive Executive-Level Content" id="become-member-btn-url"> <button type="button" class="content-metering-card__button button-fill" data-primaryCTA="" tabindex="1"> <span id="become-member-btn-title">Join/Renew</span> <img src="/etc.clientlibs/shrm/clientlibs/clientlib-site/resources/images/right-icon-white.png" alt="right-icon"/> </button> </a> </div> <div class="content-metering-card__col-right" id="right-card"> <h6 class="content-metering-card__title" id="metering-content-have-account" data-paywallSignInTitle="Already a member?">Already a member?</h6> <a href="/saml_login" aria-label="signin" title="sign in" id="metering-signin-btn-url" data-meteringsigninbtnurl="https://stage-aem-www.shrm.org/saml_login" tabindex="2"> <button type="button" class="content-metering-card__button button-no-fill"> <span id="metering-signin-btn-title" data-meteringsigninbtntitle="Login">Login</span> <img src="/etc.clientlibs/shrm/clientlibs/clientlib-site/resources/images/right-icon-white.png" alt="right-icon"/> </button> </a> </div> <button class="content-metering-card__close-btn" id="content-metering-close-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000"> <mask id="mask0_21103_116133" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9"></rect> </mask> <g mask="url(#mask0_21103_116133)"> <path d="M6.22578 18.8248L5.17578 17.7748L10.9508 11.9998L5.17578 6.2248L6.22578 5.1748L12.0008 10.9498L17.7758 5.1748L18.8258 6.2248L13.0508 11.9998L18.8258 17.7748L17.7758 18.8248L12.0008 13.0498L6.22578 18.8248Z" fill="white"></path> </g> </svg> </button> </div> <!--MEMBER ends here--> <!--NON-MEMBER starts here--> <div class="content-metering-card__cmp" id="metering-card-non_member"> <div class="content-metering-card__col-left" id="left-card"> <h6 class="content-metering-card__title metering-title" data-metering-title="Free Article ">Free Article </h6> <h6 class="content-metering-card__title preview-title" data-primaryPreviewTitle="Free Article ">Exclusive Executive-Level Content</h6> <div class="banner-type" hidden></div> <p class="content-metering-card__content metering-msg" data-previewPrimaryMessageMember="You&#39;ve reached the limit of 1 free article this month. Join the Executive Network and enjoy unlimited content."> This content is for the SHRM Executive Network and Executive Content Subscription members only. </p> <p class="content-metering-card__content preview-msg" data-previewPrimaryMessageMember="You&#39;ve reached the limit of 1 free article this month. Join the Executive Network and enjoy unlimited content."> You&#39;ve reached the limit of 1 free article this month. Join the Executive Network and enjoy unlimited content. </p> <a href="/executive-network/membership" aria-label="become-member" title="Learn about Executive Network Membership" target id="become-member-btn-url"> <button type="button" class="content-metering-card__button button-fill" data-primaryCTA="" tabindex="1"> <span id="become-member-btn-title">Learn about Executive Network Membership</span> <img src="/etc.clientlibs/shrm/clientlibs/clientlib-site/resources/images/right-icon-white.png" alt="right-icon"/> </button> </a> </div> <div class="content-metering-card__col-right" id="right-card"> <h6 class="content-metering-card__title" id="metering-content-have-account" data-paywallSignInTitle="Already a member?">Already a member?</h6> <a href="/saml_login" aria-label="signin" title="sign in" id="metering-signin-btn-url" data-meteringsigninbtnurl="https://stage-aem-www.shrm.org/saml_login" tabindex="2"> <button type="button" class="content-metering-card__button button-no-fill"> <span id="metering-signin-btn-title" data-meteringsigninbtntitle="Login">Login</span> <img src="/etc.clientlibs/shrm/clientlibs/clientlib-site/resources/images/right-icon-white.png" alt="right-icon"/> </button> </a> </div> <button class="content-metering-card__close-btn" id="content-metering-close-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000"> <mask id="mask0_21103_116133" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9"></rect> </mask> <g mask="url(#mask0_21103_116133)"> <path d="M6.22578 18.8248L5.17578 17.7748L10.9508 11.9998L5.17578 6.2248L6.22578 5.1748L12.0008 10.9498L17.7758 5.1748L18.8258 6.2248L13.0508 11.9998L18.8258 17.7748L17.7758 18.8248L12.0008 13.0498L6.22578 18.8248Z" fill="white"></path> </g> </svg> </button> </div> <!--NON-MEMBER ends here--> <!--EN METRED starts here--> <div class="content-metering-card__cmp " id="metering-card-en_metered"> <div class="content-metering-card__col-left" id="left-card"> <h6 class="content-metering-card__title metering-title" data-metering-title="Free Article ">Free Article </h6> <h6 class="content-metering-card__title preview-title" data-primaryPreviewTitle="Exclusive Executive-Level Content">Exclusive Executive-Level Content</h6> <div class="banner-type" hidden></div> <p class="content-metering-card__content metering-msg" data-previewPrimaryMessageMember="SHRM Members enjoy unlimited access to articles and exclusive member resources."> This content is for the SHRM Executive Network and Executive Content Subscription members only. </p> <p class="content-metering-card__content preview-msg" data-previewPrimaryMessageMember="SHRM Members enjoy unlimited access to articles and exclusive member resources."> You&#39;ve reached the limit of 1 free article this month. Join and enjoy unlimited access to SHRM Executive Network Content. </p> <a href="/executive-network/membership" aria-label="become-member" title="Learn about Executive Network Membership" target id="become-member-btn-url"> <button type="button" class="content-metering-card__button button-fill" data-primaryCTA="" tabindex="1"> <span id="become-member-btn-title">Learn about Executive Network Membership</span> <img src="/etc.clientlibs/shrm/clientlibs/clientlib-site/resources/images/right-icon-white.png" alt="right-icon"/> </button> </a> </div> <div class="content-metering-card__col-right" id="right-card"> <h6 class="content-metering-card__title" id="metering-content-have-account" data-paywallSignInTitle="Already a member?">Already a member?</h6> <a href="/saml_login" aria-label="signin" title="sign in" id="metering-signin-btn-url" data-meteringsigninbtnurl="https://stage-aem-www.shrm.org/saml_login" tabindex="2"> <button type="button" class="content-metering-card__button button-no-fill"> <span id="metering-signin-btn-title" data-meteringsigninbtntitle="Login">Login</span> <img src="/etc.clientlibs/shrm/clientlibs/clientlib-site/resources/images/right-icon-white.png" alt="right-icon"/> </button> </a> </div> <button class="content-metering-card__close-btn" id="content-metering-close-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000"> <mask id="mask0_21103_116133" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9"></rect> </mask> <g mask="url(#mask0_21103_116133)"> <path d="M6.22578 18.8248L5.17578 17.7748L10.9508 11.9998L5.17578 6.2248L6.22578 5.1748L12.0008 10.9498L17.7758 5.1748L18.8258 6.2248L13.0508 11.9998L18.8258 17.7748L17.7758 18.8248L12.0008 13.0498L6.22578 18.8248Z" fill="white"></path> </g> </svg> </button> </div> <!--EN METERED ends here--> <!--Flexible sampling starts here--> <div class="content-metering-card__cmp" id="metering-card-flex-sampling"> <div class="content-metering-card__col-left" id="left-card"> <h6 class="content-metering-card__title metering-title" hidden></h6> <h6 class="content-metering-card__title preview-title" data-xyz="Unlock Your Career with SHRM Membership" data-primary-preview-title="Unlock Your Career with SHRM Membership">Unlock Your Career with SHRM Membership</h6> <div class="banner-type" hidden></div> <p class="content-metering-card__content preview-msg" data-previewPrimaryMessageFS="Please enjoy this free resource! Join SHRM for unlimited access to exclusive articles and tools."> Please enjoy this free resource! Join SHRM for unlimited access to exclusive articles and tools. </p> <a href="/membership" aria-label="become-member" title="Join / Renew" target id="become-member-btn-url"> <button type="button" class="content-metering-card__button button-fill" data-primaryCTA="" tabindex="1"> <span id="become-member-btn-title">Join / Renew</span> <img src="/etc.clientlibs/shrm/clientlibs/clientlib-site/resources/images/right-icon-white.png" alt="right-icon"/> </button> </a> </div> <div class="content-metering-card__col-right" id="right-card"> <h6 class="content-metering-card__title" id="metering-content-have-account" data-paywallSignInTitle="Already a member?">Already a member?</h6> <a href="/saml_login" aria-label="signin" title="sign in" id="metering-signin-btn-url" data-meteringsigninbtnurl="https://stage-aem-www.shrm.org/saml_login" tabindex="2"> <button type="button" class="content-metering-card__button button-no-fill"> <span id="metering-signin-btn-title" data-meteringsigninbtntitle="Login">Login</span> <img src="/etc.clientlibs/shrm/clientlibs/clientlib-site/resources/images/right-icon-white.png" alt="right-icon"/> </button> </a> </div> <button class="content-metering-card__close-btn" id="content-metering-close-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000"> <mask id="mask0_21103_116133" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9"></rect> </mask> <g mask="url(#mask0_21103_116133)"> <path d="M6.22578 18.8248L5.17578 17.7748L10.9508 11.9998L5.17578 6.2248L6.22578 5.1748L12.0008 10.9498L17.7758 5.1748L18.8258 6.2248L13.0508 11.9998L18.8258 17.7748L17.7758 18.8248L12.0008 13.0498L6.22578 18.8248Z" fill="white"></path> </g> </svg> </button> </div> <!--Flexible sampling ends here--> </div> </div> </div> </div> <div class="infonotificationbar aem-GridColumn aem-GridColumn--default--12"> <!--Expiry--> <div class="infobar expirybar infobar-noImg expiration-notification hideExpiration-banner" id="infonotificationbar-f4fc277acb"> <div class="infobar__icon"> <svg class="infobar__icon-info" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 2C13.2311 2 10.5243 2.82109 8.22202 4.35943C5.91973 5.89776 4.12532 8.08427 3.06569 10.6424C2.00607 13.2006 1.72882 16.0155 2.26901 18.7313C2.80921 21.447 4.14258 23.9416 6.10051 25.8995C8.05844 27.8574 10.553 29.1908 13.2687 29.731C15.9845 30.2712 18.7994 29.9939 21.3576 28.9343C23.9157 27.8747 26.1022 26.0803 27.6406 23.778C29.1789 21.4757 30 18.7689 30 16C30 12.287 28.525 8.72601 25.8995 6.1005C23.274 3.475 19.713 2 16 2ZM16 8C16.2967 8 16.5867 8.08797 16.8334 8.25279C17.08 8.41762 17.2723 8.65188 17.3858 8.92597C17.4994 9.20006 17.5291 9.50166 17.4712 9.79263C17.4133 10.0836 17.2704 10.3509 17.0607 10.5607C16.8509 10.7704 16.5836 10.9133 16.2926 10.9712C16.0017 11.0291 15.7001 10.9993 15.426 10.8858C15.1519 10.7723 14.9176 10.58 14.7528 10.3334C14.588 10.0867 14.5 9.79667 14.5 9.5C14.5 9.10217 14.658 8.72064 14.9393 8.43934C15.2206 8.15803 15.6022 8 16 8ZM20 24.125H12V21.875H14.875V16.125H13V13.875H17.125V21.875H20V24.125Z" fill="#222222"> </path> </svg> <svg class="infobar__icon-success" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16.5 1.5C13.7311 1.5 11.0243 2.32109 8.72202 3.85943C6.41973 5.39776 4.62532 7.58427 3.56569 10.1424C2.50607 12.7006 2.22882 15.5155 2.76901 18.2313C3.30921 20.947 4.64258 23.4416 6.60051 25.3995C8.55844 27.3574 11.053 28.6908 13.7687 29.231C16.4845 29.7712 19.2994 29.4939 21.8576 28.4343C24.4157 27.3747 26.6022 25.5803 28.1406 23.278C29.6789 20.9757 30.5 18.2689 30.5 15.5C30.5 11.787 29.025 8.22601 26.3995 5.6005C23.774 2.975 20.213 1.5 16.5 1.5ZM14.5 21.0908L9.5 16.0908L11.0906 14.5L14.5 17.9092L21.91 10.5L23.5057 12.0859L14.5 21.0908Z" fill="#222222"> </path> </svg> <svg class="infobar__icon-warning" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16.502 5.92141H16.498L5.14871 27.7466L5.15061 27.75H27.8494L27.8513 27.7466L16.502 5.92141ZM15.375 11.75H17.625V20.75H15.375V11.75ZM16.5 25.75C16.2033 25.75 15.9133 25.662 15.6666 25.4972C15.42 25.3324 15.2277 25.0981 15.1142 24.824C15.0007 24.5499 14.9709 24.2483 15.0288 23.9574C15.0867 23.6664 15.2296 23.3991 15.4393 23.1893C15.6491 22.9796 15.9164 22.8367 16.2074 22.7788C16.4983 22.7209 16.7999 22.7507 17.074 22.8642C17.3481 22.9777 17.5824 23.17 17.7472 23.4166C17.912 23.6633 18 23.9533 18 24.25C18 24.6478 17.842 25.0294 17.5607 25.3107C17.2794 25.592 16.8978 25.75 16.5 25.75Z" fill="#222222"> </path> <path d="M29.5 29.75H3.50001C3.3282 29.75 3.15929 29.7057 3.00957 29.6215C2.85984 29.5372 2.73435 29.4158 2.64519 29.2689C2.55603 29.1221 2.50622 28.9547 2.50055 28.783C2.49487 28.6113 2.53354 28.441 2.61281 28.2886L15.6128 3.28861C15.6972 3.12625 15.8246 2.99017 15.9811 2.89519C16.1375 2.80022 16.317 2.75 16.5 2.75C16.683 2.75 16.8625 2.80022 17.0189 2.89519C17.1754 2.99017 17.3028 3.12625 17.3872 3.28861L30.3872 28.2886C30.4665 28.441 30.5051 28.6113 30.4995 28.783C30.4938 28.9547 30.444 29.1221 30.3548 29.2689C30.2657 29.4158 30.1402 29.5372 29.9904 29.6215C29.8407 29.7057 29.6718 29.75 29.5 29.75ZM5.15061 27.75H27.8494L27.8513 27.7466L16.502 5.92141H16.498L5.14871 27.7466L5.15061 27.75Z" fill="#222222"> </path> </svg> <svg class="infobar__icon-danger" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16.5 1.5C8.8 1.5 2.5 7.8 2.5 15.5C2.5 23.2 8.8 29.5 16.5 29.5C24.2 29.5 30.5 23.2 30.5 15.5C30.5 7.8 24.2 1.5 16.5 1.5ZM15.4 7.5H17.6V18.5H15.4V7.5ZM16.5 24.5C15.7 24.5 15 23.8 15 23C15 22.2 15.7 21.5 16.5 21.5C17.3 21.5 18 22.2 18 23C18 23.8 17.3 24.5 16.5 24.5Z" fill="#222222"> </path> </svg> </div> <!--Expiring Membership--> <div class="infobar__info-content info-expiring-membership"> <div class="infobar__info-text"> <h5 class="infobar__info-heading"></h5> <div class="infobar__info-desc"><p>Your membership is almost expired! Renew today for unlimited access to member content.</p> </div> </div> <div class="infobar__info-btn"> <!-- BDL Button --> <div class="button button__light__fill normal default btn-comp"> <a class="button__bdl" href="https://store.shrm.org/membership" data-cmp-clickable data-cmp-data-layer="{&#34;infonotificationbar-f4fc277acbmem&#34;:{&#34;ctaText&#34;:&#34;Renew now&#34;,&#34;previousPageURL&#34;:&#34;https://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/infonotificationbar&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;destinationPageURL&#34;:&#34;https://store.shrm.org/membership&#34;,&#34;componentName&#34;:&#34;infonotificationbar_&#34;}}" target="_blank" role="button" aria-label="button" title="Primary"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Renew now</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- BDL Button --> </div> </div> <!--Expired / Non Membership--> <div class="infobar__info-content info-non-membership"> <div class="infobar__info-text"> <h5 class="infobar__info-heading"></h5> <div class="infobar__info-desc"><p>Your membership has expired. Renew today for unlimited access to member content.</p> </div> </div> <div class="infobar__info-btn"> <!-- BDL Button --> <div class="button button__light__fill normal default btn-comp"> <a class="button__bdl" href="https://store.shrm.org/membership" data-cmp-clickable data-cmp-data-layer="{&#34;infonotificationbar-f4fc277acbmemExp&#34;:{&#34;ctaText&#34;:&#34;Renew Now&#34;,&#34;previousPageURL&#34;:&#34;https://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/infonotificationbar&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;destinationPageURL&#34;:&#34;Renew Now&#34;,&#34;componentName&#34;:&#34;infonotificationbar_&#34;}}" target="_blank" role="button" aria-label="button" title="Primary"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Renew Now</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- BDL Button --> </div> </div> <!--Expiring EN Membership--> <div class="infobar__info-content info-expiring-en-membership"> <div class="infobar__info-text"> <h5 class="infobar__info-heading"></h5> <div class="infobar__info-desc"><p>Your Executive Network membership is nearing its expiration. Renew now to maintain access.</p> </div> </div> <div class="infobar__info-btn"> <!-- BDL Button --> <div class="button button__light__fill normal default btn-comp"> <a class="button__bdl" href="/executive-network/membership" data-cmp-clickable data-cmp-data-layer="{&#34;infonotificationbar-f4fc277acbenMem&#34;:{&#34;ctaText&#34;:&#34;Renew Now&#34;,&#34;previousPageURL&#34;:&#34;https://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/infonotificationbar&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;destinationPageURL&#34;:&#34;http://www.shrm.org/executive-network/membership&#34;,&#34;componentName&#34;:&#34;infonotificationbar_&#34;}}" target="_blank" role="button" aria-label="button" title="Primary"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Renew Now</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- BDL Button --> </div> </div> <!--Expired Membership--> <div class="infobar__info-content info-expired-en-membership"> <div class="infobar__info-text"> <h5 class="infobar__info-heading"></h5> <div class="infobar__info-desc"><p>Your membership has expired. Renew your Executive Network benefits today.</p> </div> </div> <div class="infobar__info-btn"> <!-- BDL Button --> <div class="button button__light__fill normal default btn-comp"> <a class="button__bdl" href="/executive-network/membership" data-cmp-clickable data-cmp-data-layer="{&#34;infonotificationbar-f4fc277acbenMemExp&#34;:{&#34;ctaText&#34;:&#34;Renew Now&#34;,&#34;previousPageURL&#34;:&#34;https://www.shrm.org/foundation&#34;,&#34;@type&#34;:&#34;shrm/components/infonotificationbar&#34;,&#34;linkType&#34;:&#34;Custom Link&#34;,&#34;destinationPageURL&#34;:&#34;http://www.shrm.org/executive-network/membership&#34;,&#34;componentName&#34;:&#34;infonotificationbar_&#34;}}" target="_blank" role="button" aria-label="button" title="Primary"> <span class="icon icon-circle_left" aria-hidden="true"> </span> <span class="button__text">Renew Now</span> <span class="icon icon-circle_right" aria-hidden="true"> </span> <span class="icon icon-angle_right" aria-hidden="true"> </span> </a> </div> <!-- BDL Button --> </div> </div> <div class="infobar__close-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <mask id="mask0_15399_5264" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32"> <rect width="32" height="32" fill="#D9D9D9"> </rect> </mask> <g mask="url(#mask0_15399_5264)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.8855 16.0952L25.4284 8.55227L23.5428 6.66666L15.9999 14.2095L8.45707 6.6667L6.57146 8.55231L14.1143 16.0952L6.57225 23.6372L8.45787 25.5228L15.9999 17.9808L23.542 25.5229L25.4276 23.6373L17.8855 16.0952Z" fill="black"> </path> </g> </svg> </div> </div> <!--Default--> </div> </div> </div> </div> <div class="layout-container__wave-wrapper wave-bottom"> <svg class="layout-container__wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 81" fill="none"> <path d="M720 40.3543C1146.19 129.464 1440 40.3543 1440 40.3543V80.75H0V40.3543C0 40.3543 293.808 -48.7553 720 40.3543Z" fill=""></path> </svg> </div> </div> </div> </div> </footer> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite/csrf.lc-56934e461ff6c436f962a5990541a527-lc.min.js"></script> <script src="/etc.clientlibs/shrm/clientlibs/clientlib-site.lc-b9736599060cdb389be8330b93bf3e11-lc.min.js"></script> <script async src="/etc.clientlibs/core/wcm/components/commons/site/clientlibs/container.lc-0a6aff292f5cc42142779cde92054524-lc.min.js"></script> <script async src="/etc.clientlibs/shrm/clientlibs/clientlib-base.lc-86b9d387dd6a9ac638344b5a4522ed15-lc.min.js"></script> <script type="text/javascript"> CQ_Analytics.TestTarget.maxProfileParams = 11; if (CQ_Analytics.CCM) { if (CQ_Analytics.CCM.areStoresInitialized) { CQ_Analytics.TestTarget.registerMboxUpdateCalls(); } else { CQ_Analytics.CCM.addListener("storesinitialize", function (e) { CQ_Analytics.TestTarget.registerMboxUpdateCalls(); }); } } else { // client context not there, still register calls CQ_Analytics.TestTarget.registerMboxUpdateCalls(); } </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10