National College Match

<!DOCTYPE html> <html class="h-full" lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="icon" href="https://www.questbridge.org/favicon.ico" sizes="any"> <link rel="icon" href="https://www.questbridge.org/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="https://www.questbridge.org/apple-touch-icon.png"> <link rel="manifest" href="https://www.questbridge.org/manifest.webmanifest"> <link rel="home" href="https://www.questbridge.org/"> <link rel="canonical" href="https://www.questbridge.org/apply-to-college/programs/national-college-match"> <meta property="og:url" content="https://www.questbridge.org/apply-to-college/programs/national-college-match"><meta name="twitter:url" content="https://www.questbridge.org/apply-to-college/programs/national-college-match"><meta property="og:locale" content="en-US"> <title>National College Match | QuestBridge</title> <meta name="description" content="Dream big and apply for full four-year scholarships to over 50 top colleges through QuestBridge."> <meta name="image" content="https://questbridge.imgix.net/content/uploads/seo/social.jpg?auto=compress%2Cformat&crop=focalpoint&fit=crop&fm=jpg&fp-x=0.5&fp-y=0.5&h=675&q=90&w=1200&s=6b69e815601c56668b37b7a5b51ae26e"> <meta property="og:type" content="website"> <meta property="og:title" content="National College Match"> <meta property="og:description" content="Dream big and apply for full four-year scholarships to over 50 top colleges through QuestBridge."> <meta property="og:image" content="https://questbridge.imgix.net/content/uploads/seo/social.jpg?auto=compress%2Cformat&crop=focalpoint&fit=crop&fm=jpg&fp-x=0.5&fp-y=0.5&h=630&q=90&w=1200&s=3773a4953a7b60ddf4ff6e6fd011e41b"> <meta name="twitter:title" content="National College Match"> <meta name="twitter:description" content="Dream big and apply for full four-year scholarships to over 50 top colleges through QuestBridge."> <meta name="twitter:image" content="https://questbridge.imgix.net/content/uploads/seo/social.jpg?auto=compress%2Cformat&crop=focalpoint&fit=crop&fm=jpg&fp-x=0.5&fp-y=0.5&h=600&q=90&w=1200&s=6288b899281b40f608f6533ca993f15d"> <meta property="og:image:type" content="image/jpeg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script type="module" src="https://www.questbridge.org/dist/main-C1ADIp4w.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/main.js'}});document.dispatchEvent(e);"></script> <link href="https://www.questbridge.org/dist/main-CSAi4mJf.css" rel="stylesheet">  <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-NXPKGTJ');</script>  </head> <body class="antialiased h-full"> <div id="page-wrapper" class="relative" x-data="{ menuOpen: false }"> <header x-data="{ hovering: false, navigating: false, panel: null, lastSize: 0, breakpoint: 1024, closed: true, closerTimer: null, get searching() { return this.isOpen('search') }, get menuing() { if (this.lastSize >= this.breakpoint) { return true } return this.navigating && !this.searching }, openNavigation(freeze = true) { clearTimeout(this.closeTimer) this.closed = false this.navigating = true }, closeNavigation(delay = 150) { clearTimeout(this.closeTimer) this.closeTimer = setTimeout(() => { this.belowBreakpoint(() => { this.navigating = false }) this.$nextTick(() => { this.panel = null }) }, delay) }, toggleNavigation() { if (this.navigating) { this.closeNavigation() } else { this.openNavigation() } }, openPanel(id) { this.openNavigation() this.panel = id }, closePanel() { if (this.panel === 'search') { this.closeNavigation() } else { this.panel = null } }, isOpen(id) { return this.navigating && this.panel === id }, togglePanel(id) { this.isOpen(id) ? this.closePanel() : this.openPanel(id) }, belowBreakpoint(callback) { if (window.innerWidth < this.breakpoint) { callback() } }, aboveBreakpoint(callback) { if (window.innerWidth >= this.breakpoint) { callback() } }, init() { this.lastSize = window.innerWidth this.navigating = window.innerWidth >= this.breakpoint }, }" @resize.window=" if (window.innerWidth >= breakpoint) { if (searching) { closeNavigation(0) } else if (panel) { closePanel() openNavigation(false) } else { openNavigation(false) } } if (window.innerWidth < breakpoint && lastSize >= breakpoint) { closeNavigation() } lastSize = window.innerWidth " @keydown.esc.stop="closeNavigation()" @click.away="closeNavigation()" class="relative z-40 w-full bg-white border-b lg:py-[1.375rem]" :class="{ '!bg-white': navigating, }" > <div class="container"> <div class="flex gap-x-6 items-center xl:gap-x-16 min-[1060px]:gap-10"> <div class=""> <a href="https://www.questbridge.org/" class="inline-flex [&>svg]:w-full text-[#000000] dark:text-white transition-[height] duration-300" > <span class="sr-only">Home</span> <svg class="w-full min-w-24 max-w-44 mt-1.5" width="227" height="41" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 227 41" fill="none" aria-hidden="true"><path fill="#000" d="M6.961 26.714c0 1.678 1.087 2.149 1.986 2.149 1.055 0 1.709-.59 2.11-1.03.283-.322.466-.47.748-.47.252 0 .465.267.465.53-.031.148-.157.35-.37.589-.654.708-1.898 1.238-3.048 1.238-2.425 0-4.04-1.12-4.04-3.387v-.59C2.112 25.213 0 22.886 0 19.593c0-3.739 2.733-6.269 5.962-6.269 3.23 0 5.994 2.53 5.994 6.27 0 3.357-2.205 5.738-5.001 6.179v.94h.006Zm-.992-12.42c-2.237 0-3.481 1.292-3.481 5.3 0 4.006 1.244 5.298 3.48 5.298 2.237 0 3.513-1.292 3.513-5.299 0-4.007-1.244-5.298-3.512-5.298ZM23.635 25.504c1.794 0 2.905-1.11 2.905-2.918v-8.184c-1.236 0-1.348.032-1.645.032-.208 0-.44-.193-.44-.539 0-.346.238-.57.44-.57.29 0 .439.16 2.144.16h.03c1.734 0 1.847-.16 2.143-.16.208 0 .44.224.44.57s-.238.539-.44.539c-.296 0-.439-.032-1.645-.032v8.184c0 2.758-2.025 4.06-4.46 4.06s-4.431-1.302-4.431-4.06v-8.184c-1.438 0-1.586.032-1.877.032-.232 0-.44-.193-.44-.539 0-.346.208-.57.44-.57.297 0 .44.16 2.85.16h.12c2.405 0 2.583-.16 2.874-.16.208 0 .44.224.44.57s-.238.539-.44.539c-.29 0-.469-.032-1.877-.032v8.562c0 1.809 1.349 2.54 2.881 2.54M39.655 19.232c.773 0 1.417-.608 1.417-1.532 0-.29.065-.543.415-.543.351 0 .351.259.351.543 0 .317-.065.737-.065 1.855v.317c0 1.118.065 1.532.065 1.855 0 .29 0 .543-.35.543-.351 0-.416-.252-.416-.543 0-.924-.644-1.532-1.417-1.532h-1.092v5.397h3.022c1.865 0 2.346-.607 2.346-2.876 0-.259.195-.478.546-.478.35 0 .513.226.513.478 0 .317-.13 1.183-.13 2.495v.892c0 .317-.26.543-.48.543-.287 0-1.288-.13-1.8-.13l-5.238-.064c-2.6 0-2.794.162-3.119.162-.26 0-.48-.194-.48-.543 0-.35.227-.576.48-.576.318 0 .513.033 2.053.033V14.442c-1.54 0-1.735.033-2.053.033-.26 0-.48-.194-.48-.543 0-.35.227-.575.48-.575.318 0 .513.161 3.119.161l4.659-.032c.513 0 1.507-.162 1.8-.162.253 0 .48.226.48.575v.86c0 1.312.13 2.204.13 2.527a.469.469 0 0 1-.48.479c-.351 0-.546-.259-.546-.479 0-2.3-.513-2.876-2.346-2.876h-2.476v4.828h1.092v-.006ZM54.315 26.646c-1.224 0-2.385-.628-2.954-1.097-.087.127-.202.285-.202.533 0 .405-.086.564-.425.564-.397 0-.483-.222-.483-.533v-3.576c0-.31.086-.564.454-.564s.454.31.454.564c0 1.947 1.794 3.132 3.013 3.132 1.333 0 2.586-.5 2.586-2.225 0-1.097-.741-1.725-2.276-2.226l-1.138-.374c-1.478-.5-3.242-1.534-3.242-3.792 0-2.51 1.931-3.728 3.891-3.728 1.052 0 1.932.438 2.415.844.057 0 .172-.096.172-.28 0-.285.086-.564.425-.564.397 0 .455.248.455.533v3.1c0 .254-.087.533-.426.533-.396 0-.454-.31-.454-.533 0-1.033-.684-2.663-2.587-2.663-1.224 0-2.414.628-2.414 2.1 0 1.033.793 1.724 1.759 2.003l1.334.374c2.219.66 3.61 1.915 3.61 4.077 0 2.568-1.932 3.792-3.978 3.792M74.153 17.776a.5.5 0 0 1-.522-.48c0-2.307-.49-2.883-2.243-2.883h-1.293v11.144c1.473 0 1.66-.032 1.964-.032.249 0 .46.227.46.577s-.218.544-.46.544c-.305 0-.49-.162-2.977-.162h-.124c-2.517 0-2.703.162-3.014.162-.217 0-.46-.195-.46-.544 0-.35.249-.577.46-.577.311 0 .491.032 1.97.032V14.413h-1.261c-1.784 0-2.275.576-2.275 2.883 0 .227-.186.48-.49.48a.471.471 0 0 1-.491-.48c0-.317.124-1.218.124-2.533V13.9c0-.35.217-.577.46-.577.28 0 1.23.162 1.72.162h6.638c.46 0 1.41-.162 1.69-.162.249 0 .46.227.46.577v.862c0 1.315.155 2.21.155 2.533 0 .227-.155.48-.49.48ZM105.729 0C94.445 0 85.273 9.198 85.273 20.5S94.451 41 105.73 41c11.277 0 20.455-9.198 20.455-20.5S117.012 0 105.729 0Zm-3.592 3.127s.047-.024.076-.03c0 0-.035.012-.076.03Zm2.731 15.6h.006v-.006m1.645-.958a.688.688 0 0 1-.289.467c-.324.242-.784.242-1.008.012a.41.41 0 0 1-.113-.32.697.697 0 0 1 .289-.466c.325-.237.785-.243 1.009-.006a.403.403 0 0 1 .112.278v.041m1.068 2.701s.017.006.023.012c-.006 0-.017.006-.023.012v-.024Zm-.814 1.508s.006.035.012.053c-.018-.006-.036-.018-.053-.024.017-.012.029-.017.041-.03Zm-3.445 0c.006-.154.059-.284.142-.355a.443.443 0 0 1 .342-.095c.2.018.395.13.542.308.136.165.207.36.207.532a.484.484 0 0 1-.142.36c-.118.054-.53.184-.92-.212-.118-.118-.189-.337-.177-.538m2.159.691a.815.815 0 0 1 .584-.224c.395 0 .731.242.731.538 0 .295-.33.55-.725.55-.23 0-.448-.077-.584-.22a.468.468 0 0 1-.147-.324c0-.148.076-.26.141-.326m2.005-1.335c.213-.331.602-.48.856-.32.135.089.206.255.206.438 0 .153-.047.319-.141.473a.816.816 0 0 1-.502.372.481.481 0 0 1-.348-.053.459.459 0 0 1-.194-.302.823.823 0 0 1 .129-.608m.095-2.743a.483.483 0 0 1 .354 0c.183.07.342.236.436.449a.804.804 0 0 1 .03.627.477.477 0 0 1-.236.26c-.272.118-.631-.089-.791-.45-.088-.212-.106-.437-.029-.626a.474.474 0 0 1 .236-.266m-.59 1.832a1.293 1.293 0 1 1-2.477-.52c.023-.03.047-.053.07-.088.065-.09.118-.178.166-.272.011-.012.023-.024.035-.042a1.293 1.293 0 0 1 2.206.916m-2.743-1.2a1.824 1.824 0 0 0-.224.343.78.78 0 0 1-.436.225.45.45 0 0 1-.348-.083c-.236-.177-.23-.597.006-.91.241-.313.637-.432.872-.254a.488.488 0 0 1 .177.402.784.784 0 0 1-.053.277m1.481 20.642c-10.653 0-19.323-8.69-19.323-19.365 0-.538.023-1.064.065-1.59h14.834l.059-.142a4.674 4.674 0 0 1 4.4-2.932 4.64 4.64 0 0 1 3.138 1.289h.006s.012.018.018.018c.371.349.678.744.914 1.164l.059.1c.33.527 1.203 1.91 2.961 1.467.519-.13.926-.497 1.162-1.017a2.244 2.244 0 0 0-.065-1.933 9.066 9.066 0 0 0-1.61-2.518l-.036-.041-.011-.012a8.916 8.916 0 0 0-6.471-2.897 9.035 9.035 0 0 0-5.745 1.945c-.065.053-.1.136-.136.213l-.03.065-.005.006c-.012 0-.03-.012-.047-.012h-.094l-.083.059a9.131 9.131 0 0 0-1.386 1.555c-.012.011-.053.065-.077.094-.224.172-.49.266-.69.242-.377-.053-.625-.366-.625-.78v-.023a.47.47 0 0 1 .041-.19l.03-.059c.017-.03.182-.266.182-.266a10.493 10.493 0 0 1 6.341-4.132c.908-.212 1.728-1.01 1.728-2.169 0-.148-.011-.307-.041-.467-.283-1.596-1.74-1.791-2.477-1.667a14.869 14.869 0 0 0-10.782 8.896l-.06.154v.012a.76.76 0 0 1-.719.526.718.718 0 0 1-.702-.715v-.012c0-.106.012-.183.035-.248.048-.124.178-.444.219-.526v-.012a16.342 16.342 0 0 1 6.276-7.306c.088-.06.135-.154.206-.332.018-.035.041-.088.065-.147a.247.247 0 0 0 .248.006h.04a.449.449 0 0 0 .302-.042 16.278 16.278 0 0 1 8.092-1.992c2.56.042 5.002.662 7.255 1.839l.124.047.059.018c.059.03.118.03.171.023.018.065.053.13.13.172a16.425 16.425 0 0 1 6.217 6.236c.053.1.124.136.159.16a.404.404 0 0 0 .183.141c0 .042.012.107.012.148.011.136.017.254.064.349a16.46 16.46 0 0 1 1.304 3.73c0 .024.029.183.029.183.036.195.065.373.065.532 0 .331-.124.574-.56.692a.483.483 0 0 1-.395-.047c-.325-.201-.513-.799-.572-1.082-1.227-5.58-5.61-10.014-11.154-11.302l-.006-.006c-.725-.148-2.194 0-2.53 1.584-.301 1.407.578 2.418 1.592 2.69l.301.082a10.513 10.513 0 0 1 7.78 10.35c-.094 5.811-4.89 10.458-10.688 10.363a10.475 10.475 0 0 1-9.266-5.9l-.07-.141a9.715 9.715 0 0 1-.431-1.023l-.207-.473v-.012c-.318-.691-1.091-1.164-1.964-1.205-1.15-.054-2.064.857-2.123 2.122-.012.266.023.532.106.786v.03c.153.43.318.862.501 1.276l.024.047a14.987 14.987 0 0 0 4.612 5.847l.36.26c.124.088.248.047.36-.018 0 .142.023.284.147.366a14.784 14.784 0 0 0 7.874 2.418c2.271.036 4.46-.425 6.506-1.377.177-.083.213-.26.23-.367 0 0 .012-.053.018-.07a.362.362 0 0 0 .118-.13c0 .04.018.088.059.13.153.165.319.07.767-.19a14.859 14.859 0 0 0 6.789-8.57v-.013s.012-.041.017-.047c0-.012.071-.248.071-.248l.012-.024.083-.355v-.011c.035-.26.241-.834.578-1.064a.508.508 0 0 1 .43-.083c.366.088.496.307.496.686a3.3 3.3 0 0 1-.065.579s-.024.142-.024.16a.99.99 0 0 1-.017.082l-.089.337v.03a16.425 16.425 0 0 1-2.477 5.172.29.29 0 0 0-.059.19c0 .082.029.159.047.218 0 0 0 .012.006.017-.071.083-.236.284-.266.32a.22.22 0 0 0-.123-.042.272.272 0 0 0-.213.1c-3.185 3.914-7.904 6.113-12.935 6.03a16.271 16.271 0 0 1-13.601-7.726c-.071-.112-.2-.16-.449-.236a2.975 2.975 0 0 0-.118-.036c.06-.076.16-.2.16-.342a.329.329 0 0 0-.047-.172 16.287 16.287 0 0 1-1.976-7.01h13.566a1.136 1.136 0 0 0-.201.608v.071c0 .349.13.692.348.91.608.621 1.345.468 1.652.302l.023-.012.018-.018c.041.196.147.385.301.532.253.249.619.39 1.003.39.725-.005 1.315-.52 1.309-1.146a.777.777 0 0 0-.018-.166c.201.089.431.113.655.06.348-.077.666-.302.873-.627.395-.615.289-1.39-.236-1.726a1.24 1.24 0 0 0-.177-.089c.206-.118.372-.307.466-.544.13-.33.112-.72-.041-1.076a1.418 1.418 0 0 0-.761-.762 1.062 1.062 0 0 0-.808 0c-.254.106-.449.32-.555.585a1.266 1.266 0 0 0-.059.207 2.195 2.195 0 0 0-.2-.112c.012-.012.029-.018.041-.03.307-.224.496-.55.531-.886a1.02 1.02 0 0 0-.266-.78c-.43-.456-1.215-.485-1.787-.06-.306.225-.495.55-.525.887-.006.082 0 .165.006.248-.017-.012-.029-.03-.047-.041-.501-.379-1.262-.213-1.699.366-.348.461-.389 1.046-.141 1.46H87.822v.225a16.3 16.3 0 0 0 .082 2.199l.03.284v.053l.011.094a17.871 17.871 0 0 0 5.74 10.99 17.767 17.767 0 0 0 11.643 4.598 17.834 17.834 0 0 0 11.236-3.76 17.94 17.94 0 0 0 6.352-9.788l.095-.379.012-.082.023-.136c.16-1.177-.407-2.513-1.628-2.72-1.262-.212-2.383.793-2.63 1.874l-.012.06-.094.396-.036.13a13.552 13.552 0 0 1-4.819 7.253 13.274 13.274 0 0 1-8.405 2.778 13.358 13.358 0 0 1-7.278-2.294 13.48 13.48 0 0 1-4.778-5.704s-.006-.024-.012-.024a13.143 13.143 0 0 1-.46-1.194v-.011a.74.74 0 0 1-.047-.249v-.035a.71.71 0 0 1 .242-.515.742.742 0 0 1 1.186.254l.023.066c.094.277.2.543.307.798v-.018l.1.266c1.876 4.28 6.093 7.093 10.747 7.17a11.814 11.814 0 0 0 7.272-2.323l.472-.366c.148-.119.265-.355.383-.61.077-.153.172-.348.236-.413.018 0 .053.012.053.012.107.035.319.1.508-.1l.271-.302a11.988 11.988 0 0 0 2.949-7.685v-.212c0-1.094-.141-2.17-.419-3.204-.053-.195-.206-.674-.436-.816a.444.444 0 0 0-.378-.041 6.913 6.913 0 0 1-.1-.42c-.059-.284-.118-.58-.236-.816a.173.173 0 0 1-.012-.059c0-.036.012-.089.024-.148.018-.07.041-.16.041-.254a.541.541 0 0 0-.076-.284l-.337-.55a11.748 11.748 0 0 0-6.293-4.776s-.201-.07-.372-.112h-.017c-.513-.083-.909-.384-1.044-.804a.896.896 0 0 1-.048-.272c0-.16.054-.307.148-.402.183-.183.519-.213.95-.077l.07.018c5.026 1.318 8.877 5.48 9.809 10.599.077.485.466 1.028.985 1.389.502.349 1.068.479 1.581.372.596-.124 1.05-.431 1.345-.916a.394.394 0 0 0 .047-.207v-.012a.257.257 0 0 0 .124-.13l.059-.171s.012-.053.012-.077c0-.018-.006-.03-.012-.047.018-.006.035-.018.035-.018l.024-.112c.053-.237.077-.49.077-.763v-.171a20.226 20.226 0 0 0-.366-1.573c-.03-.1-.106-.165-.195-.212a.29.29 0 0 0 .065-.178c0-.023 0-.053-.012-.082a17.816 17.816 0 0 0-5.886-8.607c-.071-.06-.189-.118-.366-.213a2.982 2.982 0 0 1-.271-.148c-.012-.012-.03-.017-.047-.023v-.03c0-.065-.024-.124-.101-.177a17.692 17.692 0 0 0-10.033-3.305 17.83 17.83 0 0 0-3.728.331c-.029 0-.129.036-.176.148a.255.255 0 0 0-.225-.065c-.353.077-.713.166-1.055.266l-.525.16-.75.26A17.79 17.79 0 0 0 93.75 7.2c-.112.1-.135.242-.159.349 0 .011 0 .023-.006.041-.1-.012-.236-.024-.342.083a17.934 17.934 0 0 0-2.642 3.25.512.512 0 0 0-.065.285v.065a.768.768 0 0 1-.154.16 1.06 1.06 0 0 0-.253.295c-.33.59-.637 1.206-.897 1.832a4.537 4.537 0 0 0-.183.455 2.274 2.274 0 0 0-.124.692v.035a2.184 2.184 0 0 0 2.153 2.187c.92.018 1.758-.55 2.082-1.406l.054-.136v.012l.064-.172.036-.1a13.466 13.466 0 0 1 9.343-7.78h.006c.442-.124.79-.076.973.137a.628.628 0 0 1 .147.42.897.897 0 0 1-.065.324c-.153.379-.53.621-1.008.657h-.024l-.023.005a11.881 11.881 0 0 0-3.386 1.466.243.243 0 0 0-.118.213s.006.047.012.065c-.03.03-.053.065-.083.095-.011.018-.035.041-.053.065-.07-.03-.165-.048-.26.018l-.111.065-.136.082h-.012a.378.378 0 0 0-.236.083 11.94 11.94 0 0 0-2.536 2.72l-.03.046-.053.095c-.088.166-.247.591-.247.88v.042c0 .603.23 1.188.63 1.602.366.378.85.591 1.357.597.844.018 1.475-.266 2.035-.916l.012-.012s.018-.03.024-.035a7.573 7.573 0 0 1 11.584-.904l.012.017.012.012a7.559 7.559 0 0 1 1.462 2.181 1.7 1.7 0 0 1 .142.609.574.574 0 0 1-.041.236c-.048.1-.142.166-.278.207-.654.195-1.038-.319-1.35-.821l-.118-.178.017.03a6.262 6.262 0 0 0-.796-1.1l-.023-.03-.012-.011a6.011 6.011 0 0 0-4.341-1.927 6.082 6.082 0 0 0-5.397 3.086h-13.75c1.452-9.246 9.462-16.345 19.088-16.345 10.652 0 19.322 8.69 19.322 19.365 0 10.676-8.67 19.365-19.322 19.365"/><path fill="#000" d="m102.725 24.038-.017-.024-.295-.337c-.59-.686-1.398-1.632-2.831-1.407-.543.089-1.068.485-1.375 1.04a2.137 2.137 0 0 0-.118 1.863l.036.07.07.119a9.006 9.006 0 0 0 7.438 4.232 9.043 9.043 0 0 0 7.898-4.327c.395-.55.531-1.3.342-1.974-.159-.562-.507-.982-.991-1.183-1.651-.691-2.725.592-3.132 1.076l-.088.1c-.914 1.207-2.454 1.957-3.928 1.928a4.639 4.639 0 0 1-3.003-1.194m7.892.301.16-.177c.389-.473.849-.958 1.451-.674.129.06.2.136.236.248.064.213-.018.55-.231.905a7.513 7.513 0 0 1-6.576 3.523h-.154c-.224-.024-.477-.042-.66.07a.62.62 0 0 0-.212.249s-.012.018-.018.03h-.041c-.171-.012-.289-.024-.289-.32v-.177l-.472-.118a7.544 7.544 0 0 1-4.341-3.186v-.006a.667.667 0 0 1-.048-.278c0-.177.047-.402.219-.532a.823.823 0 0 1 .578-.166c.271.036.536.22.784.55l.148.172.259.301.012.012a6.051 6.051 0 0 0 4.276 1.897 6.063 6.063 0 0 0 4.949-2.352l-.024.023-.006.006ZM136.488 26.633c-.258 0-.49-.195-.49-.545 0-.35.232-.578.49-.578.325 0 .523.033 2.093.033V14.414c-1.57 0-1.768.033-2.093.033-.258 0-.49-.195-.49-.545 0-.35.232-.578.49-.578.325 0 .523.162 3.013.162.656 0 1.867-.064 2.682-.064 3.503 0 5.072 1.447 5.072 3.114 0 1.415-1.41 2.602-2.814 2.953 2.125.292 3.827 1.765 3.827 3.465 0 2.083-1.668 3.627-5.171 3.627-1.312 0-2.457-.097-3.536-.097-2.556 0-2.748.162-3.08.162m5.338-12.258h-.914v4.848h.722c2.099 0 3.211-.643 3.211-2.602 0-1.538-.755-2.246-3.013-2.246m.821 5.775h-1.735v5.484h1.934c2.258 0 3.013-.805 3.013-2.726 0-1.602-1.113-2.758-3.212-2.758ZM163.804 22.936c0 1.326-.092 1.479-.092 2.142 0 .503.184.816.546.816.392 0 .453-.287.453-.663 0-.287.215-.504.454-.504.27 0 .484.223.484.472 0 .975-.876 1.447-1.514 1.447-1.514 0-2.482-.727-2.482-3.716 0-2.078-.331-2.9-2.544-2.9h-1.182v5.296c1.452 0 1.636-.031 1.942-.031.239 0 .454.223.454.567s-.215.535-.454.535c-.3 0-.484-.159-2.941-.159h-.154c-2.457 0-2.635.16-2.942.16-.239 0-.453-.192-.453-.536 0-.344.214-.567.453-.567.301 0 .485.031 1.937.031v-10.93c-1.452 0-1.636.03-1.937.03-.239 0-.453-.19-.453-.534 0-.345.214-.568.453-.568.301 0 .485.16 2.789.16.607 0 1.728-.064 2.482-.064 3.243 0 4.695 1.415 4.695 3.06 0 1.446-1.422 2.645-2.88 2.963 1.912.504 2.88 2.014 2.88 3.5m-5.032-8.573h-.852v4.76h.668c1.943 0 2.973-.63 2.973-2.555 0-1.51-.699-2.205-2.789-2.205ZM175.475 25.522c.211 0 .4.228.4.578 0 .351-.189.546-.4.546-.266 0-.428-.163-2.6-.163h-.135c-2.171 0-2.328.163-2.599.163-.211 0-.401-.195-.401-.546 0-.35.19-.578.401-.578.265 0 .428.033 1.711.033v-11.14c-1.283 0-1.446.033-1.711.033-.211 0-.401-.195-.401-.546 0-.35.19-.578.401-.578.265 0 .428.163 2.599.163h.135c2.172 0 2.329-.163 2.6-.163.211 0 .4.228.4.578 0 .351-.189.546-.4.546-.266 0-.428-.033-1.717-.033v11.14c1.283 0 1.446-.033 1.717-.033ZM194.282 20.001c0 3.787-2.541 6.612-5.322 6.612-.825 0-3.163-.162-3.636-.13-2.397 0-2.571.163-2.87.163-.239 0-.442-.195-.442-.546 0-.35.209-.578.442-.578.293 0 .473.033 1.89.033v-11.14c-1.417 0-1.597.033-1.89.033-.239 0-.442-.195-.442-.546 0-.35.209-.578.442-.578.293 0 .473.163 2.87.163.885-.033 2.811-.098 3.636-.098 2.781 0 5.322 2.793 5.322 6.612Zm-2.219 0c0-4.274-1.124-5.618-3.312-5.618-1.244 0-2.308.032-2.308.032v11.14s.944.065 2.308.065c2.188 0 3.312-1.384 3.312-5.619ZM200.424 20c0-3.981 2.59-6.676 5.65-6.676 1.679 0 2.47.596 3.179 1.224.149-.127.262-.254.262-.5 0-.286.03-.597.47-.597.411 0 .471.222.471.564v3.887c0 .247-.03.596-.471.596-.44 0-.47-.349-.47-.596 0-1.946-1.411-3.544-3.269-3.544-2.238 0-3.47 1.502-3.47 5.643 0 4.14 1.238 5.643 3.47 5.643 1.263 0 2.531-.532 2.531-3.544-.971 0-1.12.031-1.411.031-.209 0-.441-.222-.441-.532 0-.343.238-.565.441-.565.291 0 .41.159 2.381.159h.119c2.03 0 2.09-.159 2.382-.159.238 0 .44.222.44.565 0 .31-.208.532-.44.532-.298 0-.441-.031-1.382-.031 0 .938-.291 4.546-4.798 4.546-3.06 0-5.65-2.663-5.65-6.645M222.151 19.232c.703 0 1.282-.608 1.282-1.532 0-.29.059-.543.378-.543s.319.259.319.543c0 .317-.059.737-.059 1.855v.317c0 1.118.059 1.532.059 1.855 0 .29 0 .543-.319.543s-.378-.252-.378-.543c0-.924-.585-1.532-1.282-1.532h-.993v5.397h2.747c1.696 0 2.133-.607 2.133-2.876 0-.259.177-.478.496-.478s.467.226.467.478c0 .317-.119 1.183-.119 2.495v.892c0 .317-.23.543-.437.543-.266 0-1.169-.13-1.636-.13l-4.761-.064c-2.369 0-2.54.162-2.835.162-.231 0-.438-.194-.438-.543 0-.35.207-.576.438-.576.289 0 .466.033 1.866.033V14.442c-1.4 0-1.577.033-1.866.033-.231 0-.438-.194-.438-.543 0-.35.207-.575.438-.575.289 0 .466.161 2.835.161l4.235-.032c.467 0 1.371-.162 1.637-.162.236 0 .437.226.437.575v.86c0 1.312.118 2.204.118 2.527 0 .227-.148.479-.437.479a.487.487 0 0 1-.497-.479c0-2.3-.466-2.876-2.132-2.876h-2.251v4.828h.993v-.006Z"/></svg> </a> </div> <nav class="flex gap-6 justify-between lg:py-2 2xl:gap-10 grow"> <ul class="hidden gap-6 lg:flex 2xl:gap-10"> <li class="flex" :class="{ 'bg-white z-10': isOpen('apply-to-college') }" @mouseleave="aboveBreakpoint(() => { closeNavigation() })" @mouseenter="aboveBreakpoint(() => { // Only mark hovering if that's how the panel is opened originally // Otherwise, having the mouse almost anywhere in the viewport will // trigger `mouseenter` and focus won't trap for keyboard navigation if (!isOpen('apply-to-college')) hovering = true; openPanel('apply-to-college') })" > <div class="flex gap-1 [&_span]:whitespace-nowrap is-active"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline underline-offset-8 decoration-4 decoration-transparent hover:decoration-blue-700 [.is-active_&]:decoration-blue-700 gap-2" href="https://www.questbridge.org/apply-to-college"> <span>Apply to College</span> <span> </span> </a> <button type="button" class="pl-0.5 2xl:pl-1 focus-visible:ring-inset aria-expanded:z-20" @click="togglePanel('apply-to-college')" :aria-expanded="isOpen('apply-to-college')" aria-label="submenu_toggle" ><svg class="size-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M.75 3.91 4.891 9H7.11l4.141-5.09"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m2.316 3 3.555 4.387h.255L9.68 3"/></svg></button> </div> <div class="w-screen max-w-full bg-gray-50 absolute top-0 left-0 z-50 overflow-auto overscroll-contain -lg:h-full lg:top-full lg:max-h-[calc(100vh-120px)] self-start flex flex-col items-stretch transition border-t" x-show="isOpen('apply-to-college')" @close="closePanel()" x-transition:enter-start="-lg:translate-x-4 opacity-0" x-transition:enter-end="-lg:translate-x-0 opacity-100" x-transition:leave-start="-lg:translate-x-0 opacity-100" x-transition:leave-end="-lg:translate-x-4 opacity-0" x-trap="!hovering && isOpen('apply-to-college')" @keydown.esc.stop="closePanel()" x-cloak > <div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12"> <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5"> <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M52 60.665H18.487c-3.579 0-6.487-2.943-6.487-6.564m0 0c0-3.622 2.908-6.565 6.487-6.565h29.188c2.39 0 4.325-1.959 4.325-4.376V3.332H12z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48.222 7.16H15.776v36.053h32.446z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.445 10.977H19.554v28.332h24.891zM48.875 47.832v12.413"></path> </svg> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&_svg]:!size-6" href="https://www.questbridge.org/apply-to-college"> <span>Apply to College</span> <span> <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="mb-8 text-base max-w-[32ch]"><p>QuestBridge supports high-achieving students from low-income backgrounds on their path to a top college. This is your chance to dream big. </p></div> </div> <div class="basis-2/3 grow grid lg:grid-cols-3 gap-8"> <div class="flex-1 flex flex-col gap-3.5"> <div class="text-red-500 font-bold tracking-wider uppercase">High School Juniors</div> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program"> <span>College Prep Scholars Program</span> <span> </span> </a> <div class="ml-3 space-y-2"> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards"> <span>Scholarship & Awards</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-6"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/summer-programs"> <span>Summer Programs</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="ml-6"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/quest-for-excellence-awards"> <span>Quest for Excellence Awards</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="ml-6"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/national-college-admissions-conferences"> <span>National College Admissions Conferences</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/apply"> <span>Apply</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <div class="text-red-500 font-bold tracking-wider uppercase">High School Seniors</div> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/programs/national-college-match"> <span>National College Match</span> <span> </span> </a> <div class="ml-3 space-y-2"> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/the-match-scholarship"> <span>The Match Scholarship</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply"> <span>Apply</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-6"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/dates-and-deadlines"> <span>Dates & Deadlines</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="ml-6"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/ranking-colleges"> <span>Ranking Colleges</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="ml-6"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/regular-decision"> <span>Regular Decision</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <div class="text-red-500 font-bold tracking-wider uppercase">Learn More</div> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/partners/college-partners"> <span>College Partners</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/resources"> <span>Resource Library</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/events"> <span>Events</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://apply.questbridge.org/register/refer-a-student"> <span>Refer a Student</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/askqb"> <span>AskQB</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> </div></div> </div> </li> <li class="flex" :class="{ 'bg-white z-10': isOpen('thrive-in-college-beyond') }" @mouseleave="aboveBreakpoint(() => { closeNavigation() })" @mouseenter="aboveBreakpoint(() => { // Only mark hovering if that's how the panel is opened originally // Otherwise, having the mouse almost anywhere in the viewport will // trigger `mouseenter` and focus won't trap for keyboard navigation if (!isOpen('thrive-in-college-beyond')) hovering = true; openPanel('thrive-in-college-beyond') })" > <div class="flex gap-1 [&_span]:whitespace-nowrap "> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline underline-offset-8 decoration-4 decoration-transparent hover:decoration-blue-700 [.is-active_&]:decoration-blue-700 gap-2" href="https://www.questbridge.org/thrive"> <span>Thrive in College & Beyond</span> <span> </span> </a> <button type="button" class="pl-0.5 2xl:pl-1 focus-visible:ring-inset aria-expanded:z-20" @click="togglePanel('thrive-in-college-beyond')" :aria-expanded="isOpen('thrive-in-college-beyond')" aria-label="submenu_toggle" ><svg class="size-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M.75 3.91 4.891 9H7.11l4.141-5.09"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m2.316 3 3.555 4.387h.255L9.68 3"/></svg></button> </div> <div class="w-screen max-w-full bg-gray-50 absolute top-0 left-0 z-50 overflow-auto overscroll-contain -lg:h-full lg:top-full lg:max-h-[calc(100vh-120px)] self-start flex flex-col items-stretch transition border-t" x-show="isOpen('thrive-in-college-beyond')" @close="closePanel()" x-transition:enter-start="-lg:translate-x-4 opacity-0" x-transition:enter-end="-lg:translate-x-0 opacity-100" x-transition:leave-start="-lg:translate-x-0 opacity-100" x-transition:leave-end="-lg:translate-x-4 opacity-0" x-trap="!hovering && isOpen('thrive-in-college-beyond')" @keydown.esc.stop="closePanel()" x-cloak > <div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12"> <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5"> <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m41.286 15.025-10-9.736-10 9.736v40.264h20zM21.286 27.43H3.429v27.857h17.857z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 52.433h10.714v-21.43H7z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.571 48.86h3.572V34.574H10.57zM59.143 27.43H41.286v27.857h17.857z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.857 52.433h10.715v-21.43H44.857z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48.429 48.86H52V34.574H48.43zM24.857 24.571h12.858v-7.428L31.286 11l-6.429 6.27v7.301M24.857 55.292h12.858V28.863H24.857v26.429000000000002"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M29.143 21.004h4.285v-3.06l-2.143-1.94-2.142 1.98zM29.143 55.287h4.285V32.43l-2.143.04h-2.142z"></path> </svg> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&_svg]:!size-6" href="https://www.questbridge.org/thrive"> <span>Thrive in College & Beyond</span> <span> <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="mb-8 text-base max-w-[32ch]"><p>We’re here to connect Scholars and Alumni to the people and opportunities you need to reach your full potential.</p></div> </div> <div class="basis-2/3 grow grid lg:grid-cols-3 gap-8"> <div class="flex-1 flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/connect"> <span>Connect</span></a> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/connect/campus-chapters"> <span>Campus Chapters</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/connect/regional-alumni-clubs"> <span>Regional Alumni Clubs</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/connect/national-quest-day"> <span>National Quest Day</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/learn-grow"> <span>Learn & Grow</span></a> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://qbconvene.questbridge.org/"> <span>QB Convene</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/learn-grow/mentorship"> <span>Mentorship</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/apply-to-college/events"> <span>Events</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/give-back"> <span>Give Back</span></a> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/give-back/emergency-fund"> <span>Emergency Fund</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/give-back/storytelling"> <span>Storytelling</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/explore"> <span>Explore</span></a> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/explore/summer-professional-experience-program"> <span>Summer Professional Experience Program</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/explore/company-connect"> <span>Company Connect</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/explore/company-partner-job-opportunities"> <span>Company Job Board for Scholars & Alumni</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/explore/graduate-school-match"> <span>Graduate School Match</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0 ml-6" href="https://www.questbridge.org/thrive/explore/graduate-school-match/resources-amp-faqs"> <span>Resources & FAQs</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0 ml-6" href="https://www.questbridge.org/thrive/explore/graduate-school-match/apply"> <span>Apply</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </div> </div> </div> </div> </div></div> </div> </li> <li class="flex" :class="{ 'bg-white z-10': isOpen('our-partners') }" @mouseleave="aboveBreakpoint(() => { closeNavigation() })" @mouseenter="aboveBreakpoint(() => { // Only mark hovering if that's how the panel is opened originally // Otherwise, having the mouse almost anywhere in the viewport will // trigger `mouseenter` and focus won't trap for keyboard navigation if (!isOpen('our-partners')) hovering = true; openPanel('our-partners') })" > <div class="flex gap-1 [&_span]:whitespace-nowrap "> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline underline-offset-8 decoration-4 decoration-transparent hover:decoration-blue-700 [.is-active_&]:decoration-blue-700 gap-2" href="https://www.questbridge.org/partners"> <span>Our Partners</span> <span> </span> </a> <button type="button" class="pl-0.5 2xl:pl-1 focus-visible:ring-inset aria-expanded:z-20" @click="togglePanel('our-partners')" :aria-expanded="isOpen('our-partners')" aria-label="submenu_toggle" ><svg class="size-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M.75 3.91 4.891 9H7.11l4.141-5.09"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m2.316 3 3.555 4.387h.255L9.68 3"/></svg></button> </div> <div class="w-screen max-w-full bg-gray-50 absolute top-0 left-0 z-50 overflow-auto overscroll-contain -lg:h-full lg:top-full lg:max-h-[calc(100vh-120px)] self-start flex flex-col items-stretch transition border-t" x-show="isOpen('our-partners')" @close="closePanel()" x-transition:enter-start="-lg:translate-x-4 opacity-0" x-transition:enter-end="-lg:translate-x-0 opacity-100" x-transition:leave-start="-lg:translate-x-0 opacity-100" x-transition:leave-end="-lg:translate-x-4 opacity-0" x-trap="!hovering && isOpen('our-partners')" @keydown.esc.stop="closePanel()" x-cloak > <div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12"> <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5"> <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.616 29.715c-4.024 0-7.282 3.093-7.282 6.914s3.258 6.914 7.282 6.914 7.282-3.093 7.282-6.914-3.258-6.914-7.282-6.914m0 16.558c-6.695 0-12.133 5.162-12.133 11.52V60.1H56.75v-2.309c0-6.357-5.438-11.52-12.133-11.52"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M36.689 56.242h15.845c-.754-3.503-4.024-6.141-7.928-6.141s-7.175 2.638-7.93 6.14zm7.929-22.699c-1.785 0-3.234 1.376-3.234 3.07 0 1.695 1.449 3.07 3.233 3.07s3.234-1.375 3.234-3.07-1.449-3.07-3.233-3.07M17.837 3.879c-4.024 0-7.282 3.093-7.282 6.914s3.258 6.914 7.282 6.914 7.282-3.093 7.282-6.914S21.86 3.88 17.837 3.88m0 16.558c-6.695 0-12.133 5.163-12.133 11.52v2.308H29.97v-2.308c0-6.357-5.438-11.52-12.133-11.52"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.92 30.425h15.846c-.755-3.502-4.024-6.14-7.929-6.14s-7.174 2.638-7.929 6.14zm7.917-22.698c-1.785 0-3.234 1.376-3.234 3.07s1.45 3.07 3.234 3.07 3.234-1.376 3.234-3.07-1.45-3.07-3.234-3.07M56.752 32.799c-.647-5.334-3.114-10.497-7.426-14.59-4.312-4.094-9.75-6.437-15.367-7.051-1.628-.148-2.982-.205-3.689-.205M5.214 38.453c.647 5.334 3.114 10.497 7.426 14.59 4.311 4.095 9.749 6.437 15.366 7.051"></path> </svg> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&_svg]:!size-6" href="https://www.questbridge.org/partners"> <span>Our Partners</span> <span> <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="mb-8 text-base max-w-[32ch]"><p>Our partnerships bridge the gap between the nation’s brightest minds and the opportunities they deserve.</p></div> </div> <div class="basis-2/3 grow flex flex-col gap-8 lg:flex-row lg:gap-20"> <div class="flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/partners/college-partners"> <span>College Partners</span></a> <div class=""> </div> </div> <div class="flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/partners/graduate-school-partners"> <span>Graduate School Partners</span></a> <div class=""> </div> </div> <div class="flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/partners/company-partners"> <span>Company Partners</span></a> <div class=""> </div> </div> </div></div> </div> </li> <li class="flex" :class="{ 'bg-white z-10': isOpen('about') }" @mouseleave="aboveBreakpoint(() => { closeNavigation() })" @mouseenter="aboveBreakpoint(() => { // Only mark hovering if that's how the panel is opened originally // Otherwise, having the mouse almost anywhere in the viewport will // trigger `mouseenter` and focus won't trap for keyboard navigation if (!isOpen('about')) hovering = true; openPanel('about') })" > <div class="flex gap-1 [&_span]:whitespace-nowrap "> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline underline-offset-8 decoration-4 decoration-transparent hover:decoration-blue-700 [.is-active_&]:decoration-blue-700 gap-2" href="https://www.questbridge.org/about"> <span>About Us</span> <span> </span> </a> <button type="button" class="pl-0.5 2xl:pl-1 focus-visible:ring-inset aria-expanded:z-20" @click="togglePanel('about')" :aria-expanded="isOpen('about')" aria-label="submenu_toggle" ><svg class="size-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M.75 3.91 4.891 9H7.11l4.141-5.09"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m2.316 3 3.555 4.387h.255L9.68 3"/></svg></button> </div> <div class="w-screen max-w-full bg-gray-50 absolute top-0 left-0 z-50 overflow-auto overscroll-contain -lg:h-full lg:top-full lg:max-h-[calc(100vh-120px)] self-start flex flex-col items-stretch transition border-t" x-show="isOpen('about')" @close="closePanel()" x-transition:enter-start="-lg:translate-x-4 opacity-0" x-transition:enter-end="-lg:translate-x-0 opacity-100" x-transition:leave-start="-lg:translate-x-0 opacity-100" x-transition:leave-end="-lg:translate-x-4 opacity-0" x-trap="!hovering && isOpen('about')" @keydown.esc.stop="closePanel()" x-cloak > <div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12"> <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5"> <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31.69 32.991c5.694 0 10.31-4.616 10.31-10.31s-4.616-10.31-10.31-10.31-10.31 4.616-10.31 10.31 4.616 10.31 10.31 10.31"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31.69 16.57c-3.37 0-6.11 2.74-6.11 6.11s2.74 6.11 6.11 6.11 6.11-2.74 6.11-6.11-2.74-6.11-6.11-6.11M44.61 59.039c0-7.15-5.81-12.96-12.95-12.98-7.14.02-12.95 5.83-12.95 12.98"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14.36 59.04c0-9.53 7.76-17.31 17.29-17.34h.02c9.54.03 17.29 7.8 17.29 17.34"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 59.042c0-11.93 9.71-21.66 21.64-21.69 11.98.03 21.68 9.76 21.68 21.69M31.69 37.352c-8.09 0-14.67-6.58-14.67-14.67s6.58-14.67 14.67-14.67 14.67 6.58 14.67 14.67-6.58 14.67-14.67 14.67"></path> </svg> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&_svg]:!size-6" href="https://www.questbridge.org/about"> <span>About Us</span> <span> <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="mb-8 text-base max-w-[32ch]"><p>Learn more about who we are and how we help students dream big on their path to, through, and beyond college.</p></div> </div> <div class="basis-2/3 grow grid lg:grid-cols-3 gap-8"> <div class="flex-1 flex flex-col gap-3.5"> <div class="text-red-500 font-bold tracking-wider uppercase">Our Story</div> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/history"> <span>History</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/mission-and-vision"> <span>Mission & Vision</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/impact"> <span>Impact</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/news"> <span>News</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/scholar-stories"> <span>Scholar Stories</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <div class="text-red-500 font-bold tracking-wider uppercase">Our Team</div> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/staff"> <span>Staff</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/board-of-directors"> <span>Board of Directors</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/contact-us"> <span>Contact Us</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <div class="text-red-500 font-bold tracking-wider uppercase">Join Us</div> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/donate"> <span>Donate</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/jobs"> <span>Jobs</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> </div></div> </div> </li> </ul> <div class="flex gap-1 justify-end items-center ml-auto md:relative lg:flex-row-reverse lg:gap-5 lg:justify-start xl:gap-10 grow"> <button type="button" class="flex relative z-50 justify-center items-center size-6" @click="searching ? closeNavigation(0) : openPanel('search')" :aria-expanded="searching" aria-label="search_toggle" > <svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" x-show="!searching"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.75 13.525a4.1 4.1 0 0 1-1.196-2.887 4.09 4.09 0 0 1 4.083-4.083 4.09 4.09 0 0 1 4.083 4.083 4.1 4.1 0 0 1-1.196 2.887 4.06 4.06 0 0 1-5.774 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.504 18.024-3.39-3.39a7.63 7.63 0 0 0 1.144-4.005A7.633 7.633 0 0 0 10.63 3 7.633 7.633 0 0 0 3 10.63c0 2.02.806 3.961 2.237 5.392a7.58 7.58 0 0 0 5.392 2.254c1.44 0 2.826-.416 4.023-1.162l3.372 3.372c.338.338.79.512 1.231.512a1.748 1.748 0 0 0 1.231-2.983z"/></svg> <svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" x-cloak x-show="searching"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m4 4 16 16M4 20 20 4"/></svg> <span class="sr-only">Search</span> </button> <div class="flex justify-center" id="login-dropdown"> <div x-data="{ open: false, toggle() { if (this.open) { return this.close() } this.$refs.button.focus() this.open = true }, close(focusAfter) { if (!this.open) return this.open = false focusAfter && focusAfter.focus() } }" x-on:keydown.escape.prevent.stop="close($refs.button)" x-on:focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']" class="relative" > <button type="button" class="hidden lg:flex lg:items-center lg:overflow-visible lg:gap-2" x-ref="button" x-on:click="toggle()" :aria-expanded="open" :aria-controls="$id("dropdown-button")"> <span>Login</span> <span> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M.75 3.91 4.891 9H7.11l4.141-5.09"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m2.316 3 3.555 4.387h.255L9.68 3"/></svg> </span> </button> <div x-ref="panel" x-show="open" x-transition.origin.top.left x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" style="display: none;" class="absolute right-0 mt-2 w-64 bg-white border shadow-md" > <nav class="p-6"> <ul class="space-y-4"> <li> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://apply.questbridge.org/portal/apply"> <span>Applicant Login</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </li> <li> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://alumni.questbridge.org/"> <span>Alumni Portal Login</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </li> </ul> </nav> </div> </div> </div> <button type="button" @click="menuOpen = !menuOpen; closePanel()" class="lg:hidden" > <span class="sr-only">Open Mobile Menu</span> <div class="relative size-12"> <div class="absolute top-1/2 left-1/2 w-px h-6 bg-current transition-transform rotate-90 -translate-y-5" :class="{ '-rotate-45 -translate-y-1/2': menuOpen, 'rotate-90 -translate-y-5': !menuOpen, }" ></div> <div class="absolute top-1/2 left-1/2 w-px h-6 bg-current transition-transform rotate-90 -translate-y-1" :class="{ 'rotate-45 -translate-y-1/2': menuOpen, 'rotate-90 -translate-y-1': !menuOpen, }" ></div> <div class="absolute top-1/2 left-1/2 w-px h-6 bg-current transition-transform rotate-90 -translate-y-3" :class="{ 'rotate-45 -translate-y-1/2': menuOpen, 'rotate-90 -translate-y-3': !menuOpen, }" ></div> </div> </button> <div class="container overflow-auto overscroll-contain absolute right-0 -left-2.5 top-full z-10 w-auto bg-gray-100 md:right-12 md:left-auto md:top-1/2 md:p-0 md:bg-transparent md:-translate-y-1/2 lg:-right-2.5" x-trap="isOpen('search')" @close="closePanel()" @keydown.esc.stop="closePanel()" x-cloak > <div x-transition x-show="isOpen('search')" > <form method="get" action="https://www.questbridge.org/search" x-ref="search"> <div class="relative"> <label for="q" class="sr-only">Search Term</label> <input type="text" name="q" id="q" placeholder="Search..." class="px-10 bg-transparent border-0 md:bg-white md:rounded-md md:border md:border-black focus:border-black focus:ring-0" /> <div class="flex absolute top-0 left-0 justify-end h-full aspect-square"> <div class="aspect-square h-full [&>svg]:size-full p-2.5"> <span class="sr-only">Search</span> <svg class="size-full" width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" aria-hidden="true"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.751 13.525a4.088 4.088 0 0 1-1.196-2.887 4.089 4.089 0 0 1 4.083-4.083 4.088 4.088 0 0 1 4.083 4.083 4.088 4.088 0 0 1-1.196 2.887 4.06 4.06 0 0 1-5.774 0Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.504 18.024-3.39-3.39a7.629 7.629 0 0 0 1.144-4.005A7.633 7.633 0 0 0 10.63 3 7.633 7.633 0 0 0 3 10.63c0 2.02.806 3.961 2.237 5.392a7.583 7.583 0 0 0 5.392 2.254c1.44 0 2.826-.416 4.023-1.162l3.372 3.372c.338.338.79.512 1.231.512a1.748 1.748 0 0 0 1.231-2.983l.018.01Z"/></svg> </div> </div> <div class="flex absolute top-0 right-0 justify-end h-full aspect-square"> <button type="submit" class="aspect-square h-full [&>svg]:size-full p-2.5 -rotate-90 md:hidden"> <span class="sr-only">Search</span> <svg class="size-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" d="m1 5.21 5.522 6.788h2.956L15 5.211"/><path stroke="currentColor" stroke-miterlimit="10" d="m3.088 4 4.74 5.85h.339L12.907 4"/></svg> </button> </div> </div> </form> </div> </div> </div> </nav> </div> <div x-data="{ panel: null, }" class="absolute left-0 z-20 w-full bg-gray-200 top-[54px] h-[calc(100dvh-54px)] overflow-auto lg:h-auto" x-show="menuOpen" x-ref="mobileMenu" x-transition x-cloak x-trap.noscroll.noautofocus.inert="menuOpen" > <div> <div class="container flex flex-col gap-2 my-10"> <div class="flex gap-1.5"> <svg class="size-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M52 60.665H18.487c-3.579 0-6.487-2.943-6.487-6.564m0 0c0-3.622 2.908-6.565 6.487-6.565h29.188c2.39 0 4.325-1.959 4.325-4.376V3.332H12z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48.222 7.16H15.776v36.053h32.446z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.445 10.977H19.554v28.332h24.891zM48.875 47.832v12.413"></path> </svg> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://www.questbridge.org/apply-to-college"> <span>Apply to College</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="panel = 'panel-1'; console.log(panel)"> <span>Subcategories</span> <span> <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M1.91 11.25 7 7.109V4.89L1.91.75"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m1 9.684 4.387-3.555v-.255L1 2.32"/></svg> </span> </button> </div> <div id="panel-1" class="absolute top-0 pb-8 w-full bg-gray-200 border-t container h-[calc(100dvh-54px)] overflow-auto lg:h-auto" x-show="$data.panel == $el.id" x-transition > <div class="py-3"> <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="$data.panel = null"> <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M6.09.75 1 4.891V7.11l5.09 4.141"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M7 2.316 2.613 5.871v.255L7 9.68"/></svg> <span>Back</span></button> </div> <div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12"> <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5"> <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M52 60.665H18.487c-3.579 0-6.487-2.943-6.487-6.564m0 0c0-3.622 2.908-6.565 6.487-6.565h29.188c2.39 0 4.325-1.959 4.325-4.376V3.332H12z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48.222 7.16H15.776v36.053h32.446z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.445 10.977H19.554v28.332h24.891zM48.875 47.832v12.413"></path> </svg> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&_svg]:!size-6" href="https://www.questbridge.org/apply-to-college"> <span>Apply to College</span> <span> <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="mb-8 text-base max-w-[32ch]"><p>QuestBridge supports high-achieving students from low-income backgrounds on their path to a top college. This is your chance to dream big. </p></div> </div> <div class="basis-2/3 grow grid lg:grid-cols-3 gap-8"> <div class="flex-1 flex flex-col gap-3.5"> <div class="text-red-500 font-bold tracking-wider uppercase">High School Juniors</div> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program"> <span>College Prep Scholars Program</span> <span> </span> </a> <div class="ml-3 space-y-2"> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards"> <span>Scholarship & Awards</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-6"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/summer-programs"> <span>Summer Programs</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="ml-6"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/quest-for-excellence-awards"> <span>Quest for Excellence Awards</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="ml-6"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/national-college-admissions-conferences"> <span>National College Admissions Conferences</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/apply"> <span>Apply</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <div class="text-red-500 font-bold tracking-wider uppercase">High School Seniors</div> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/programs/national-college-match"> <span>National College Match</span> <span> </span> </a> <div class="ml-3 space-y-2"> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/the-match-scholarship"> <span>The Match Scholarship</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply"> <span>Apply</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-6"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/dates-and-deadlines"> <span>Dates & Deadlines</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="ml-6"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/ranking-colleges"> <span>Ranking Colleges</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="ml-6"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/regular-decision"> <span>Regular Decision</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <div class="text-red-500 font-bold tracking-wider uppercase">Learn More</div> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/partners/college-partners"> <span>College Partners</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/resources"> <span>Resource Library</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/events"> <span>Events</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://apply.questbridge.org/register/refer-a-student"> <span>Refer a Student</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/askqb"> <span>AskQB</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> </div></div> </div> <div class="container flex flex-col gap-2 my-10"> <div class="flex gap-1.5"> <svg class="size-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m41.286 15.025-10-9.736-10 9.736v40.264h20zM21.286 27.43H3.429v27.857h17.857z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 52.433h10.714v-21.43H7z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.571 48.86h3.572V34.574H10.57zM59.143 27.43H41.286v27.857h17.857z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.857 52.433h10.715v-21.43H44.857z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48.429 48.86H52V34.574H48.43zM24.857 24.571h12.858v-7.428L31.286 11l-6.429 6.27v7.301M24.857 55.292h12.858V28.863H24.857v26.429000000000002"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M29.143 21.004h4.285v-3.06l-2.143-1.94-2.142 1.98zM29.143 55.287h4.285V32.43l-2.143.04h-2.142z"></path> </svg> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://www.questbridge.org/thrive"> <span>Thrive in College & Beyond</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="panel = 'panel-2'; console.log(panel)"> <span>Subcategories</span> <span> <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M1.91 11.25 7 7.109V4.89L1.91.75"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m1 9.684 4.387-3.555v-.255L1 2.32"/></svg> </span> </button> </div> <div id="panel-2" class="absolute top-0 pb-8 w-full bg-gray-200 border-t container h-[calc(100dvh-54px)] overflow-auto lg:h-auto" x-show="$data.panel == $el.id" x-transition > <div class="py-3"> <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="$data.panel = null"> <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M6.09.75 1 4.891V7.11l5.09 4.141"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M7 2.316 2.613 5.871v.255L7 9.68"/></svg> <span>Back</span></button> </div> <div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12"> <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5"> <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m41.286 15.025-10-9.736-10 9.736v40.264h20zM21.286 27.43H3.429v27.857h17.857z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 52.433h10.714v-21.43H7z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.571 48.86h3.572V34.574H10.57zM59.143 27.43H41.286v27.857h17.857z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.857 52.433h10.715v-21.43H44.857z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48.429 48.86H52V34.574H48.43zM24.857 24.571h12.858v-7.428L31.286 11l-6.429 6.27v7.301M24.857 55.292h12.858V28.863H24.857v26.429000000000002"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M29.143 21.004h4.285v-3.06l-2.143-1.94-2.142 1.98zM29.143 55.287h4.285V32.43l-2.143.04h-2.142z"></path> </svg> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&_svg]:!size-6" href="https://www.questbridge.org/thrive"> <span>Thrive in College & Beyond</span> <span> <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="mb-8 text-base max-w-[32ch]"><p>We’re here to connect Scholars and Alumni to the people and opportunities you need to reach your full potential.</p></div> </div> <div class="basis-2/3 grow grid lg:grid-cols-3 gap-8"> <div class="flex-1 flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/connect"> <span>Connect</span></a> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/connect/campus-chapters"> <span>Campus Chapters</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/connect/regional-alumni-clubs"> <span>Regional Alumni Clubs</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/connect/national-quest-day"> <span>National Quest Day</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/learn-grow"> <span>Learn & Grow</span></a> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://qbconvene.questbridge.org/"> <span>QB Convene</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/learn-grow/mentorship"> <span>Mentorship</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/apply-to-college/events"> <span>Events</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/give-back"> <span>Give Back</span></a> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/give-back/emergency-fund"> <span>Emergency Fund</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/give-back/storytelling"> <span>Storytelling</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/explore"> <span>Explore</span></a> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/explore/summer-professional-experience-program"> <span>Summer Professional Experience Program</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/explore/company-connect"> <span>Company Connect</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/explore/company-partner-job-opportunities"> <span>Company Job Board for Scholars & Alumni</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/explore/graduate-school-match"> <span>Graduate School Match</span> <span> <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="ml-3 space-y-2"> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0 ml-6" href="https://www.questbridge.org/thrive/explore/graduate-school-match/resources-amp-faqs"> <span>Resources & FAQs</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]:size-3 [&_svg]:shrink-0 ml-6" href="https://www.questbridge.org/thrive/explore/graduate-school-match/apply"> <span>Apply</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </div> </div> </div> </div> </div></div> </div> <div class="container flex flex-col gap-2 my-10"> <div class="flex gap-1.5"> <svg class="size-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.616 29.715c-4.024 0-7.282 3.093-7.282 6.914s3.258 6.914 7.282 6.914 7.282-3.093 7.282-6.914-3.258-6.914-7.282-6.914m0 16.558c-6.695 0-12.133 5.162-12.133 11.52V60.1H56.75v-2.309c0-6.357-5.438-11.52-12.133-11.52"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M36.689 56.242h15.845c-.754-3.503-4.024-6.141-7.928-6.141s-7.175 2.638-7.93 6.14zm7.929-22.699c-1.785 0-3.234 1.376-3.234 3.07 0 1.695 1.449 3.07 3.233 3.07s3.234-1.375 3.234-3.07-1.449-3.07-3.233-3.07M17.837 3.879c-4.024 0-7.282 3.093-7.282 6.914s3.258 6.914 7.282 6.914 7.282-3.093 7.282-6.914S21.86 3.88 17.837 3.88m0 16.558c-6.695 0-12.133 5.163-12.133 11.52v2.308H29.97v-2.308c0-6.357-5.438-11.52-12.133-11.52"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.92 30.425h15.846c-.755-3.502-4.024-6.14-7.929-6.14s-7.174 2.638-7.929 6.14zm7.917-22.698c-1.785 0-3.234 1.376-3.234 3.07s1.45 3.07 3.234 3.07 3.234-1.376 3.234-3.07-1.45-3.07-3.234-3.07M56.752 32.799c-.647-5.334-3.114-10.497-7.426-14.59-4.312-4.094-9.75-6.437-15.367-7.051-1.628-.148-2.982-.205-3.689-.205M5.214 38.453c.647 5.334 3.114 10.497 7.426 14.59 4.311 4.095 9.749 6.437 15.366 7.051"></path> </svg> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://www.questbridge.org/partners"> <span>Our Partners</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="panel = 'panel-3'; console.log(panel)"> <span>Subcategories</span> <span> <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M1.91 11.25 7 7.109V4.89L1.91.75"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m1 9.684 4.387-3.555v-.255L1 2.32"/></svg> </span> </button> </div> <div id="panel-3" class="absolute top-0 pb-8 w-full bg-gray-200 border-t container h-[calc(100dvh-54px)] overflow-auto lg:h-auto" x-show="$data.panel == $el.id" x-transition > <div class="py-3"> <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="$data.panel = null"> <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M6.09.75 1 4.891V7.11l5.09 4.141"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M7 2.316 2.613 5.871v.255L7 9.68"/></svg> <span>Back</span></button> </div> <div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12"> <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5"> <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.616 29.715c-4.024 0-7.282 3.093-7.282 6.914s3.258 6.914 7.282 6.914 7.282-3.093 7.282-6.914-3.258-6.914-7.282-6.914m0 16.558c-6.695 0-12.133 5.162-12.133 11.52V60.1H56.75v-2.309c0-6.357-5.438-11.52-12.133-11.52"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M36.689 56.242h15.845c-.754-3.503-4.024-6.141-7.928-6.141s-7.175 2.638-7.93 6.14zm7.929-22.699c-1.785 0-3.234 1.376-3.234 3.07 0 1.695 1.449 3.07 3.233 3.07s3.234-1.375 3.234-3.07-1.449-3.07-3.233-3.07M17.837 3.879c-4.024 0-7.282 3.093-7.282 6.914s3.258 6.914 7.282 6.914 7.282-3.093 7.282-6.914S21.86 3.88 17.837 3.88m0 16.558c-6.695 0-12.133 5.163-12.133 11.52v2.308H29.97v-2.308c0-6.357-5.438-11.52-12.133-11.52"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.92 30.425h15.846c-.755-3.502-4.024-6.14-7.929-6.14s-7.174 2.638-7.929 6.14zm7.917-22.698c-1.785 0-3.234 1.376-3.234 3.07s1.45 3.07 3.234 3.07 3.234-1.376 3.234-3.07-1.45-3.07-3.234-3.07M56.752 32.799c-.647-5.334-3.114-10.497-7.426-14.59-4.312-4.094-9.75-6.437-15.367-7.051-1.628-.148-2.982-.205-3.689-.205M5.214 38.453c.647 5.334 3.114 10.497 7.426 14.59 4.311 4.095 9.749 6.437 15.366 7.051"></path> </svg> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&_svg]:!size-6" href="https://www.questbridge.org/partners"> <span>Our Partners</span> <span> <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="mb-8 text-base max-w-[32ch]"><p>Our partnerships bridge the gap between the nation’s brightest minds and the opportunities they deserve.</p></div> </div> <div class="basis-2/3 grow flex flex-col gap-8 lg:flex-row lg:gap-20"> <div class="flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/partners/college-partners"> <span>College Partners</span></a> <div class=""> </div> </div> <div class="flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/partners/graduate-school-partners"> <span>Graduate School Partners</span></a> <div class=""> </div> </div> <div class="flex flex-col gap-3.5"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/partners/company-partners"> <span>Company Partners</span></a> <div class=""> </div> </div> </div></div> </div> <div class="container flex flex-col gap-2 my-10"> <div class="flex gap-1.5"> <svg class="size-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31.69 32.991c5.694 0 10.31-4.616 10.31-10.31s-4.616-10.31-10.31-10.31-10.31 4.616-10.31 10.31 4.616 10.31 10.31 10.31"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31.69 16.57c-3.37 0-6.11 2.74-6.11 6.11s2.74 6.11 6.11 6.11 6.11-2.74 6.11-6.11-2.74-6.11-6.11-6.11M44.61 59.039c0-7.15-5.81-12.96-12.95-12.98-7.14.02-12.95 5.83-12.95 12.98"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14.36 59.04c0-9.53 7.76-17.31 17.29-17.34h.02c9.54.03 17.29 7.8 17.29 17.34"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 59.042c0-11.93 9.71-21.66 21.64-21.69 11.98.03 21.68 9.76 21.68 21.69M31.69 37.352c-8.09 0-14.67-6.58-14.67-14.67s6.58-14.67 14.67-14.67 14.67 6.58 14.67 14.67-6.58 14.67-14.67 14.67"></path> </svg> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://www.questbridge.org/about"> <span>About Us</span> <span> <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="panel = 'panel-4'; console.log(panel)"> <span>Subcategories</span> <span> <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M1.91 11.25 7 7.109V4.89L1.91.75"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m1 9.684 4.387-3.555v-.255L1 2.32"/></svg> </span> </button> </div> <div id="panel-4" class="absolute top-0 pb-8 w-full bg-gray-200 border-t container h-[calc(100dvh-54px)] overflow-auto lg:h-auto" x-show="$data.panel == $el.id" x-transition > <div class="py-3"> <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="$data.panel = null"> <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M6.09.75 1 4.891V7.11l5.09 4.141"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M7 2.316 2.613 5.871v.255L7 9.68"/></svg> <span>Back</span></button> </div> <div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12"> <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5"> <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31.69 32.991c5.694 0 10.31-4.616 10.31-10.31s-4.616-10.31-10.31-10.31-10.31 4.616-10.31 10.31 4.616 10.31 10.31 10.31"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31.69 16.57c-3.37 0-6.11 2.74-6.11 6.11s2.74 6.11 6.11 6.11 6.11-2.74 6.11-6.11-2.74-6.11-6.11-6.11M44.61 59.039c0-7.15-5.81-12.96-12.95-12.98-7.14.02-12.95 5.83-12.95 12.98"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14.36 59.04c0-9.53 7.76-17.31 17.29-17.34h.02c9.54.03 17.29 7.8 17.29 17.34"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 59.042c0-11.93 9.71-21.66 21.64-21.69 11.98.03 21.68 9.76 21.68 21.69M31.69 37.352c-8.09 0-14.67-6.58-14.67-14.67s6.58-14.67 14.67-14.67 14.67 6.58 14.67 14.67-6.58 14.67-14.67 14.67"></path> </svg> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&_svg]:!size-6" href="https://www.questbridge.org/about"> <span>About Us</span> <span> <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> <div class="mb-8 text-base max-w-[32ch]"><p>Learn more about who we are and how we help students dream big on their path to, through, and beyond college.</p></div> </div> <div class="basis-2/3 grow grid lg:grid-cols-3 gap-8"> <div class="flex-1 flex flex-col gap-3.5"> <div class="text-red-500 font-bold tracking-wider uppercase">Our Story</div> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/history"> <span>History</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/mission-and-vision"> <span>Mission & Vision</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/impact"> <span>Impact</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/news"> <span>News</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/scholar-stories"> <span>Scholar Stories</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <div class="text-red-500 font-bold tracking-wider uppercase">Our Team</div> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/staff"> <span>Staff</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/board-of-directors"> <span>Board of Directors</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/contact-us"> <span>Contact Us</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> <div class="flex-1 flex flex-col gap-3.5"> <div class="text-red-500 font-bold tracking-wider uppercase">Join Us</div> <div class=""> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/donate"> <span>Donate</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> <div class="flex flex-col items-start gap-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&_svg]:inline [&_span+span]:inline-block [&_span+span]:w-0 [&_span+span]:relative [&_svg]:relative [&_svg]:left-2 [&_svg]:-top-px [&_svg]!text-blue-500" href="https://www.questbridge.org/about/jobs"> <span>Jobs</span> <span> </span> </a> <div class="ml-3 space-y-2"> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> </header> <div id="content-wrapper"> <main> <div class="container flex flex-row flex-wrap justify-between gap-y-3 border-b relative z-20"> <div class="flex flex-col lg:flex-row lg:items-center gap-x-6 gap-y-3 max-w-[100%]" > <div class="pr-6 lg:border-r"> <a class="relative" href="https://www.questbridge.org/apply-to-college/programs/national-college-match"> <div class="block relative pr-1 space-x-1 whitespace-nowrap" x-data="{ open: false, toggle() { if (this.open) { return this.close() } this.$refs.button.focus() this.open = true }, close(focusAfter) { if (! this.open) return this.open = false focusAfter && focusAfter.focus() }, }" @keydown.escape.prevent.stop="close($refs.button)" @focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']" > <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 py-3.5" href="https://www.questbridge.org/apply-to-college/programs/national-college-match"> <span class="whitespace-nowrap">National College Match</span></a> </div> </a> </div> <nav class="relative max-w-full" x-data="{ overflowLeft: false, overflowRight: false, }"><div x-data="{ open: false, toggle() { if (this.open) { return this.close() } this.$refs.button.focus() this.open = true }, close(focusAfter) { if (! this.open) return this.open = false focusAfter && focusAfter.focus() }, }" x-id="['sub-dropdown-button']" x-init="setInterval(() => { overflowLeft = $el.scrollLeft > 0; overflowRight = $el.scrollLeft != ($el.scrollWidth - $el.clientWidth); }, 200)", @keydown.escape.prevent.stop="close($refs.button)" @focusin.window="! $refs.subpanel.contains($event.target) && close()" class="flex overflow-x-auto gap-4 w-full h-full sm:overflow-x-visible md:gap-10" > <div class="relative space-x-1 border-b border-b-4 whitespace-nowrap hover:*:text-blue-700 hover:border-blue-700 *:text-blue-700 border-blue-700 border-b-4" > <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 py-3.5 no-underline" href="https://www.questbridge.org/apply-to-college/programs/national-college-match" aria-current> <span class="whitespace-nowrap">Overview</span></a> </div> <div class="relative space-x-1 border-b border-b-4 whitespace-nowrap hover:*:text-blue-700 hover:border-blue-700 border-b-transparent transition" > <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 py-3.5 no-underline" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/the-match-scholarship"> <span class="whitespace-nowrap">The Match Scholarship</span></a> </div> <div class="relative space-x-1 border-b border-b-4 whitespace-nowrap hover:*:text-blue-700 hover:border-blue-700 border-b-transparent transition" > <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 py-3.5 no-underline" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply"> <span class="whitespace-nowrap">Apply to the National College Match</span></a> <button x-ref="button" @click="toggle()" :aria-expanded="open" :aria-controls="$id('sub-dropdown-button')" type="button" class="relative p-1" > <svg :class="{ 'rotate-0': !open, 'rotate-180': open }" width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.818359 1.0752L5.55788 6.92468H5.89724L10.6368 1.0752" stroke="black" stroke-width="1.2" stroke-miterlimit="10"/> </svg> </button> <div :id="$id('sub-dropdown-button')" class="right-0 z-10 mt-0.5 w-full bg-gray-100 border shadow-md sm:absolute" x-ref="subpanel" x-show="open" x-cloak x-transition.origin.top @click.outside="close($refs.button)" > <div class="flex flex-col gap-3 p-5 whitespace-normal"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/dates-and-deadlines"> <span>Dates & Deadlines</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/ranking-colleges"> <span>Ranking Colleges</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/regular-decision"> <span>Regular Decision</span></a> </div> </div> </div> </div> <div class="absolute flex top-1/2 left-1/2 justify-between w-[calc(100%+2px)] h-[calc(100%-1rem)] -translate-x-1/2 -translate-y-1/2 pointer-events-none"> <div role="presentation" class="w-[20%] h-full bg-gradient-to-r from-white opacity-0 transition-opacity to-white/0" :class="{ 'opacity-100 sm:opacity-0': overflowLeft }" ></div> <div role="presentation" class="w-[20%] h-full bg-gradient-to-l from-white opacity-0 transition-opacity to-white/0" :class="{ 'opacity-100 sm:opacity-0': overflowRight }" ></div> </div></nav> </div> </div> <section class="text-white bg-red-500 dark overflow-hidden"> <section class="lg:min-h-[300px] mx-auto max-w-screen-2xl lg:min-h-[540px] relative flex flex-col-reverse lg:flex-row gap-4 lg:gap-12"> <div class="container flex relative z-10 flex-col min-h-full grow basis-1/3 lg:basis-3/5"> <div class="top-0 lg:absolute"> </div> <div class="h-full flex flex-col justify-center lg:pt-28 lg:pb-28"> <div class="pt-6 lg:py-16 pb-8"> <div class="space-y-3 lg:space-y-3"><h2 class="font-serif leading-[1.2] text-pretty type-alpha">National College Match</h2><div class="prose lg:prose-2xl text-current prose-invert"><p>Dream <i>big</i> and apply for full four-year scholarships to over 50 top colleges through QuestBridge.</p></div></div> </div> </div> <div class="pb-12 lg:absolute lg:pb-0 bottom-10"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://apply.questbridge.org/register/refer-a-student"> <svg class="size-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.85 2.871c-3.073 0-5.562 2.456-5.562 5.49s2.489 5.49 5.563 5.49 5.562-2.455 5.562-5.49c0-3.034-2.489-5.49-5.562-5.49m0 13.148c-5.114 0-9.267 4.1-9.267 9.148V27h18.535v-1.833c0-5.048-4.153-9.148-9.267-9.148"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.804 23.946h12.103c-.576-2.781-3.074-4.876-6.056-4.876s-5.48 2.095-6.057 4.876zM21.85 5.922c-1.363 0-2.47 1.093-2.47 2.438s1.107 2.438 2.47 2.438 2.47-1.092 2.47-2.438c0-1.345-1.107-2.438-2.47-2.438M13.826 20.695a7.46 7.46 0 0 0-5.59-2.501c-4.107 0-7.428 3.287-7.428 7.332v1.463h11.18M8.227 7.646c-2.462 0-4.456 1.97-4.456 4.398 0 2.43 1.994 4.398 4.455 4.398s4.455-1.969 4.455-4.398-1.994-4.398-4.455-4.398"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.225 23.486c-.65-1.3-2.049-2.402-4.025-2.402-2.699 0-4.181 2.501-4.181 3.215h8.572M8.228 13.597c.87 0 1.574-.696 1.574-1.554 0-.857-.705-1.553-1.574-1.553s-1.573.696-1.573 1.553c0 .858.704 1.554 1.573 1.554"></path> </svg> <span>Refer a student</span> <span> <svg class="size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </div> <div class="flex overflow-hidden relative flex-col min-h-full lg:overflow-visible grow lg:basis-2/5 basis-[24rem]"> <svg class="absolute -bottom-[5%] max-h-full overflow-visible scale-[140%] w-full" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1091 797" fill="none"> <g class="text-red-700"> <path stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M823.5 1492.5c445.97 0 807.5-361.53 807.5-807.5s-361.53-807.5-807.5-807.5S16 239.03 16 685s361.53 807.5 807.5 807.5Z"/> </g> <g class="text-blue-300"> <path stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M823.507 1325.7c353.853 0 640.703-286.86 640.703-640.704 0-353.849-286.85-640.7-640.703-640.7-353.849 0-640.7 286.851-640.7 640.7 0 353.844 286.851 640.704 640.7 640.704Z"/> </g> <g class="text-red-700"> <path stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M823.494 1162.38c263.646 0 477.376-213.729 477.376-477.378 0-263.648-213.73-477.377-477.376-477.377-263.648 0-477.377 213.729-477.377 477.377 0 263.649 213.729 477.378 477.377 477.378Z"/> </g> </svg> <figure class="lg:hidden min-h-[24em] relative -mr-3 xs:mr-0 h-full overflow-visible lg:mt-auto"> <img class="absolute lg:overflow-visible bottom-0 right-0 w-full h-full object-cover object-[20%]" src="https://questbridge.imgix.net/content/uploads/Princeton-Scholar-Class-of-2025-1.png?auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5172&fp-y=0.1969&h=800&q=90&w=1600&s=bd41fadbe46f430f35606b8af7fe518e" srcset="https://questbridge.imgix.net/content/uploads/Princeton-Scholar-Class-of-2025-1.png?auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5172&fp-y=0.1969&h=800&q=90&w=1600&s=bd41fadbe46f430f35606b8af7fe518e 1600w, https://questbridge.imgix.net/content/uploads/Princeton-Scholar-Class-of-2025-1.png?auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5172&fp-y=0.1969&h=400&q=90&w=800&s=a84de7750f6cc3e1d84ae49f1ec38b4a 800w" width="1600" height="800" alt="" sizes="100vw" loading="lazy"> <figcaption></figcaption> </figure> <div class="absolute -bottom-[1px] w-full h-40 lg:opacity-0 bg-gradient-to-t to-transparent from-red-500" role="presentation"></div></div> <figure class="hidden lg:flex absolute lg:-right-[40%] lg:w-[110%] aspect-square xl:-right-[30%] bottom-0 top-0 xl:w-[85%] h-full items-end justify-end"> <img src="https://questbridge.imgix.net/content/uploads/Princeton-Scholar-Class-of-2025-1.png?auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5172&fp-y=0.1969&h=800&q=90&w=1600&s=bd41fadbe46f430f35606b8af7fe518e" srcset="https://questbridge.imgix.net/content/uploads/Princeton-Scholar-Class-of-2025-1.png?auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5172&fp-y=0.1969&h=800&q=90&w=1600&s=bd41fadbe46f430f35606b8af7fe518e 1600w, https://questbridge.imgix.net/content/uploads/Princeton-Scholar-Class-of-2025-1.png?auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5172&fp-y=0.1969&h=400&q=90&w=800&s=a84de7750f6cc3e1d84ae49f1ec38b4a 800w" width="1600" height="800" alt="" sizes="100vw" loading="lazy"> <figcaption></figcaption> </figure> </section></section> <div class="bg-white my-section"> <div class="container"> <div class="grid-cols-12 gap-6 space-y-10 md:grid md:space-y-0"> <div class="md:col-span-8 lg:col-span-7 prose prose-h2:type-delta prose-h2:text-red-800 prose-h2:font-serif prose-h6:font-bold"> <h2 id="a-top-college-is-possible">A top college <i>is</i> possible <a class="anchor" href="#a-top-college-is-possible" title="Direct link to A top college is possible" aria-label="Direct link to A top college is possible"></a></h2><p>Our <a href="https://www.questbridge.org/partners/college-partners">52 college partners</a> are actively seeking students like you. Apply for free to the nation’s best colleges and be considered for early admission and a full four-year scholarship. The National College Match application gives you extra space to tell your unique story as a student who has excelled academically despite financial hardship. </p><p>If admitted to a college partner through the Match or <a href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/regular-decision">QuestBridge Regular Decision</a>, you will join a <a href="https://www.questbridge.org/thrive/connect">supportive community</a> of over 10,000 other QuestBridge Scholars currently attending our college partners, and upon graduation, you'll be welcomed into a network of over 20,000 QuestBridge Alumni for continued support, networking, and growth opportunities. </p> </div> <div class="md:col-span-4 md:col-start-9 prose prose-aside"> <div class="my-6 bg-gray-100 first:mt-0 last:mb-0 prose lg:p-10 p-5"> <h3>Eligibility:</h3><ul><li>High school seniors, regardless of citizenship, currently attending high school in the U.S. and planning to attend college the fall after graduation, and U.S. Citizens and Permanent Residents living abroad</li><li>Earning primarily A’s in the most challenging courses offered</li><li>Demonstrating strong writing skills and intellectual curiosity, plus resilience, integrity, and motivation to succeed</li><li>Typically from a household earning less than $65,000 annually with minimal assets (for a household of four members).</li></ul> </div> </div> </div> </div> </div> <div id="benefits-of-the-national-college-match" class="flex flex-col py-16 sm:py-20"><div class="container grid gap-5 lg:gap-20"> <div><div> <h2 class="type-epsilon font-serif">Benefits of the National College Match</h2> </div> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-16"> <div> <div class="flex flex-col gap-y-6"><div> <svg class="size-8 sm:size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.162 21.448c0 1.896 1.607 3.436 3.585 3.436h4.854c1.979 0 3.586-1.54 3.586-3.436s-1.607-3.436-3.586-3.436l-5.202-.018C9.312 17.994 6 14.821 6 10.904s3.312-7.089 7.399-7.089l.395-.009V1.332M25.653 10.905c0-3.917-3.312-7.09-7.4-7.09h-.064V1.332"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.766 10.904c0-2.92-2.471-5.283-5.513-5.283h-4.854c-3.047 0-5.513 2.368-5.513 5.283 0 2.92 2.47 5.282 5.513 5.282l5.202-.026c3.047 0 5.513 2.367 5.513 5.282 0 2.92-2.47 5.283-5.513 5.283h-4.854c-3.047 0-5.513-2.368-5.513-5.283M16.02 1.332v4.29M18.189 28.664v2.003"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.188 30.664v-2.127h.413c4.088 0 7.4-3.173 7.4-7.09s-3.312-7.089-7.4-7.089L13.4 14.34c-1.978 0-3.586-1.54-3.586-3.435s1.608-3.436 3.586-3.436h4.854c1.979 0 3.586 1.54 3.586 3.436M13.794 30.662v-2.127h-.046c-4.088 0-7.4-3.173-7.4-7.09M16.02 26.73v3.935"></path> </svg> </div><div class="flex flex-col gap-y-4"><h2 class="type-zeta">Full four-year scholarship</h2> <div class="prose"><p>Be considered for a full four-year scholarship that covers tuition, housing and food, and other expenses.</p></div> </div></div></div> <div> <div class="flex flex-col gap-y-6"><div> <svg class="size-8 sm:size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96"> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M13 21.166h10.01c7.255 0 14.458 2.384 20.27 6.73l8.222 6.138a20.73 20.73 0 0 0 12.313 4.083M42.91 44.086l-7.587-5.663a20.73 20.73 0 0 0-12.314-4.083H13M13 14.582h10.01c8.685 0 17.29 2.858 24.242 8.047l8.222 6.138a14 14 0 0 0 8.341 2.765H83M37.176 48.032l-5.825-4.346a14 14 0 0 0-8.341-2.766H13M83 51.291H63.815a27.2 27.2 0 0 0-16.285 5.4l-8.222 6.137a27.27 27.27 0 0 1-16.285 5.4H13"></path> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M13 74.826h10.01c7.255 0 14.458-2.384 20.27-6.73l8.222-6.138a20.73 20.73 0 0 1 12.313-4.083H83M83 44.701H63.815c-7.255 0-14.458 2.384-20.27 6.73l-8.222 6.138a20.73 20.73 0 0 1-12.314 4.083H13"></path> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M13 81.408h10.01c8.685 0 17.29-2.859 24.242-8.048l8.222-6.137a14 14 0 0 1 8.341-2.766H83M83 38.117H63.815c-8.685 0-17.291 2.858-24.242 8.047l-8.222 6.138a14 14 0 0 1-8.341 2.766H13"></path> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M83 71.049H63.815a7.37 7.37 0 0 0-4.369 1.449l-8.222 6.137C43.134 84.667 33.124 88 23.01 88H13M13 8h10.01c10.102 0 20.124 3.319 28.214 9.364l8.222 6.138a7.37 7.37 0 0 0 4.37 1.449H83M49.476 40.633a24 24 0 0 1-1.96-1.33l-8.221-6.137a27.27 27.27 0 0 0-16.286-5.4H13"></path> </svg> </div><div class="flex flex-col gap-y-4"><h2 class="type-zeta">Share your unique story</h2> <div class="prose"><p>We review applications holistically, including academic achievement, financial qualifications, and personal qualities. Showcase your achievements, talents, potential, and unique story. </p></div> </div></div></div> <div> <div class="flex flex-col gap-y-6"><div> <svg class="size-8 sm:size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.026 7.871 16 3.004 10.975 7.87v20.13h10.051zM10.974 14.074H2v13.927h8.974z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.5 26h4V16h-4z"></path> <path stroke="currentColor" d="M6.5 18.002V24"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.5 26h4V16h-4z"></path> <path stroke="currentColor" d="M25.497 18.002V24"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30 14.074h-8.975v13.927H30zM12.77 12.64h6.461V8.926l-3.23-3.07-3.232 3.134v3.65M12.77 28.002h6.461V14.789H12.77v13.213000000000001"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15 10.75h2v-.926L16 8.75l-1 1.074zM14.923 27.997h2.154V16.57L16 16.59h-1.077z"></path> </svg> </div><div class="flex flex-col gap-y-4"><h2 class="type-zeta">Access to top colleges</h2> <div class="prose"><p>Our 52 college partners are committed to making college affordable so that you can access the education you deserve.</p></div> </div></div></div> <div> <div class="flex flex-col gap-y-6"><div> <svg class="size-8 sm:size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M66.925 44.578c-6.037 0-10.923 4.64-10.923 10.371s4.886 10.372 10.923 10.372c6.036 0 10.923-4.64 10.923-10.371S72.96 44.578 66.925 44.578m0 24.837c-10.043 0-18.2 7.744-18.2 17.28v3.463h36.399v-3.463c0-9.536-8.157-17.28-18.2-17.28"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M55.033 84.365H78.8c-1.132-5.254-6.036-9.212-11.893-9.212s-10.761 3.958-11.893 9.212zm11.893-34.049c-2.677 0-4.85 2.064-4.85 4.606s2.173 4.606 4.85 4.606 4.85-2.064 4.85-4.606-2.173-4.606-4.85-4.606M26.756 5.82c-6.037 0-10.923 4.64-10.923 10.372 0 5.731 4.886 10.371 10.923 10.371 6.036 0 10.923-4.64 10.923-10.371S32.792 5.82 26.756 5.82m0 24.837c-10.043 0-18.2 7.744-18.2 17.28V51.4h36.399v-3.463c0-9.536-8.157-17.28-18.2-17.28"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.88 45.642H38.65c-1.132-5.254-6.037-9.212-11.893-9.212s-10.762 3.958-11.894 9.212zm11.876-34.048c-2.677 0-4.851 2.064-4.851 4.605s2.174 4.606 4.85 4.606c2.677 0 4.851-2.064 4.851-4.606s-2.174-4.605-4.85-4.605M85.128 49.198c-.97-8-4.671-15.744-11.139-21.885s-14.624-9.655-23.05-10.576c-2.443-.222-4.473-.307-5.533-.307M7.821 57.68c.97 8 4.671 15.744 11.139 21.885s14.624 9.655 23.05 10.576"></path> </svg> </div><div class="flex flex-col gap-y-4"><h2 class="type-zeta">Support along the way</h2> <div class="prose"><p>Receive expert support and guidance from QuestBridge as you navigate the college application process.</p></div> </div></div></div></div> </div></div> <div class="bg-gray-100"><section class="container pt-16 lg:flex lg:gap-10 lg:pt-20 lg:pb-8"> <header class="flex flex-col gap-4 pb-10 lg:gap-10 basis-1/2"> <h2 class="text-red-500 type-delta font-serif">By the numbers</h2> <div class="prose pr-10 lg:pr-[33.33%] max-lg:mb-2"> <p>National College Match Finalists are competitive candidates for admission to our college partners. Finalists who match are admitted to a college partner with a <a href="https://www.questbridge.org/apply-to-college/programs/national-college-match/the-match-scholarship">full four-year scholarship</a>, worth over $325,000 each.</p> </div> <div> <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty bg-black uppercase text-white font-bold hover:bg-black/80 focus:ring-black active:bg-black/70 px-8 py-3 rounded gap-2.5 type-paragraph-sm tracking-[5%]" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/finalist-profile"> <span>Our Finalists</span> <span> <svg class="size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </header> <div class="basis-1/2 divide-y"> <figure class="flex flex-col gap-4 pt-6 pb-8 lg:flex-row lg:gap-14 lg:pt-8 lg:pb-16" x-data="{ onScreen: false }" x-intersect.margin.-100px="onScreen = true" x-intersect:leave="onScreen = false" :class="{ 'animate': onScreen }"> <svg id="tvxtzvoznk-Layer_1" class="size-16 shrink-0" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 93.81 93.99"> <defs> <style> .tvxtzvoznk-cls-1 { fill: #000; stroke-width: 0px; } .tvxtzvoznk-cls-2 { stroke-miterlimit: 10; stroke-width: 1.3px; } .tvxtzvoznk-cls-2, .tvxtzvoznk-cls-3 { fill: none; stroke: #000; } .tvxtzvoznk-cls-3 { stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; } </style> </defs> <path class="tvxtzvoznk-cls-3" d="M8.53,85.61c5.72-2.18,14.24-5.44,19.97-7.62,8.67-3.31,17.41-6.66,26.08-9.98-4.44-1.82-11.18-5.3-17.36-11.89-5.72-6.1-8.74-12.48-10.35-16.84-3.16,8.66-6.54,17.53-10.17,26.61-2.69,6.73-5.42,13.31-8.16,19.73Z"></path> <path class="tvxtzvoznk-cls-3" d="M1,92.99c21.85-8.2,43.7-16.39,65.55-24.59-5.69-1.64-16.05-5.52-25.26-14.95-9.14-9.37-12.77-19.74-14.28-25.46C18.34,49.66,9.67,71.32,1,92.99Z"></path> <path class="tvxtzvoznk-cls-3" d="M16.15,78.51c9.13-3.73,18.26-7.45,27.39-11.18-2.6-1.82-5.46-4.12-8.35-6.99-3.36-3.34-5.94-6.67-7.92-9.61-3.71,9.26-7.41,18.52-11.11,27.78Z"></path> <g> <path class="tvxtzvoznk-cls-1" d="M61.6,40.7c.25-1.94.13-3.87-.04-5.81-.15-1.7-.41-3.5-.03-5.19.84-3.75,5.15-5.12,8.51-4.22,3.09.83,5.85,2.78,9.11,3s6.88-2.28,8.86-4.85c2.39-3.09,2.51-7.57,1.43-11.19-.37-1.23-2.3-.71-1.93.53.92,3.09.94,7.12-1.28,9.68-1.25,1.45-3.11,2.96-4.94,3.57-1.51.5-3.06.21-4.52-.29-3.06-1.04-5.95-2.91-9.3-2.77s-6.72,2.24-7.74,5.49c-.55,1.75-.4,3.64-.25,5.44.19,2.21.39,4.4.11,6.6-.16,1.27,1.84,1.26,2,0h0Z"></path> <path class="tvxtzvoznk-cls-1" d="M58.08,36.37c-.06-1.84-.59-3.63-.62-5.46-.03-1.93.44-3.91,1.43-5.58,1.47-2.47,4.34-4.15,7.21-4.31s5.7,1.29,8.39,2.4c2.24.93,4.69,1.58,6.96.37,3.6-1.91,5.09-6.38,4.52-10.21-.19-1.27-2.12-.73-1.93.53.47,3.12-1.24,7.89-4.85,8.34-2.47.31-5.05-1.41-7.26-2.28-2.73-1.08-5.65-1.58-8.5-.68-2.62.83-5,2.58-6.37,4.99-.97,1.71-1.48,3.67-1.59,5.63-.11,2.11.54,4.15.6,6.25.04,1.28,2.04,1.29,2,0h0Z"></path> </g> <path class="tvxtzvoznk-cls-2" d="M66.28,5.42l1.86,2.35,2.81-1.05c.43-.16.81.32.56.7l-1.66,2.5,1.86,2.35c.28.36-.06.87-.49.75l-2.89-.8-1.66,2.5c-.25.38-.84.22-.86-.24l-.13-2.99-2.89-.8c-.44-.12-.46-.74-.04-.89l2.81-1.05-.13-2.99c-.02-.46.56-.67.84-.31Z"></path> <g> <path class="tvxtzvoznk-cls-1" d="M56.89,59.95c1.96-.26,3.82-.88,5.68-1.55,1.63-.59,3.34-1.31,5.1-1.33,4.02-.05,6.2,4.1,6.07,7.65-.12,3.19-1.32,6.47-.43,9.64.49,1.75,1.63,3.06,2.99,4.22,1.23,1.04,2.61,2.11,4.14,2.67,3.57,1.31,7.73.32,10.88-1.6,1.1-.67.09-2.4-1.01-1.73-2.71,1.65-6.46,2.67-9.49,1.33-1.67-.74-3.43-2.1-4.58-3.5-1.07-1.3-1.31-2.92-1.23-4.55.15-3.28,1.29-6.55.39-9.82s-3.84-6.12-7.3-6.31c-1.8-.1-3.59.51-5.26,1.1-2.13.76-4.24,1.54-6.49,1.84-1.27.17-.73,2.1.53,1.93h0Z"></path> <path class="tvxtzvoznk-cls-1" d="M60.17,55.44c1.66-.5,3.15-1.38,4.79-1.9,1.87-.59,3.95-.69,5.86-.2,2.73.71,5.1,2.9,6.1,5.54,1.15,3.04.32,6.24-.07,9.34-.34,2.63-.14,5.31,2.03,7.13,2.92,2.44,7.04,2.68,10.45,1.22,1.18-.51.16-2.23-1.01-1.73-2.83,1.22-7.5.85-9.13-2.19-1.28-2.38-.07-5.73.2-8.24.32-2.94-.04-5.92-1.74-8.41-1.54-2.25-3.82-4.01-6.5-4.65-1.94-.46-3.99-.42-5.93.03s-3.67,1.54-5.59,2.11c-1.23.37-.71,2.3.53,1.93h0Z"></path> </g> <g> <path class="tvxtzvoznk-cls-1" d="M45.03,39.91c-.89-1.94-2.15-3.64-3.43-5.34-1.02-1.35-2.16-2.78-2.6-4.44-1.02-3.83,2.4-6.94,5.76-7.8,3.04-.78,6.49-.62,9.2-2.4,1.59-1.05,2.49-2.56,3.22-4.29.65-1.55,1.28-3.26,1.26-4.97-.04-3.65-2.02-7.09-4.71-9.47-.96-.85-2.38.56-1.41,1.41,2.35,2.08,4.32,5.19,4.12,8.45-.11,1.78-.94,3.8-1.81,5.32-.82,1.43-2.14,2.26-3.69,2.73-3.07.92-6.39.77-9.3,2.25-3.09,1.57-5.32,5.26-4.69,8.76.34,1.85,1.44,3.46,2.53,4.94,1.4,1.89,2.83,3.72,3.82,5.87.54,1.17,2.26.15,1.73-1.01h0Z"></path> <path class="tvxtzvoznk-cls-1" d="M39.26,38.54c-.99-1.48-2.32-2.67-3.31-4.14-1.07-1.6-1.77-3.53-1.85-5.46-.13-3.02,1.49-6.14,4.01-7.81s5.52-1.82,8.39-2.31c2.48-.42,4.95-1.29,6.12-3.71,1.7-3.52.73-7.78-1.73-10.66-.84-.98-2.24.44-1.41,1.41,2.02,2.38,3.13,7.15.48,9.54-1.84,1.65-4.95,1.58-7.25,1.98-2.96.52-5.82,1.6-7.82,3.94-1.83,2.14-2.95,4.95-2.78,7.79.12,1.96.72,3.9,1.7,5.61s2.59,3.12,3.72,4.81c.71,1.06,2.45.06,1.73-1.01h0Z"></path> </g> <path class="tvxtzvoznk-cls-2" d="M72.84,37.42l1.86,2.35,2.81-1.05c.43-.16.81.32.56.7l-1.66,2.5,1.86,2.35c.28.36-.06.87-.49.75l-2.89-.8-1.66,2.5c-.25.38-.84.22-.86-.24l-.13-2.99-2.89-.8c-.44-.12-.46-.74-.04-.89l2.81-1.05-.13-2.99c-.02-.46.56-.67.84-.31Z"></path> <path class="tvxtzvoznk-cls-2" d="M51.45,42.54l1.86,2.35,2.81-1.05c.43-.16.81.32.56.7l-1.66,2.5,1.86,2.35c.28.36-.06.87-.49.75l-2.89-.8-1.66,2.5c-.25.38-.84.22-.86-.24l-.13-2.99-2.89-.8c-.44-.12-.46-.74-.04-.89l2.81-1.05-.13-2.99c-.02-.46.56-.67.84-.31Z"></path> </svg> <div class="flex flex-col gap-2 md:gap-4 w-full leading-normal -mt-5" role="presentation"><div class="block flex items-end gap-3 text-6xl/[1.25] md:text-8xl/[1.25] xl:text-9xl/[1.25]"> <span class="font-numerals text-blue-700 text-nowrap mb-[-0.15rem]" split-by="letter" letter-animation="worm">2,242</span> </div><div class="text-pretty pr-[20%]"><p>Finalists matched to a college partner in 2023</p></div></div><figcaption class="sr-only motion-safe:hidden">2242 <p>Finalists matched to a college partner in 2023</p></figcaption></figure> <figure class="flex flex-col gap-4 pt-6 pb-8 lg:flex-row lg:gap-14 lg:pt-8 lg:pb-16" x-data="{ onScreen: false }" x-intersect.margin.-100px="onScreen = true" x-intersect:leave="onScreen = false" :class="{ 'animate': onScreen }"> <svg class="size-16 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M48 73.217a10.92 10.92 0 0 1-7.754-3.202l-.048-.047a10.33 10.33 0 0 0-7.312-3c-6.043 0-10.973-4.91-10.973-10.955 0-2.772-1.077-5.388-3.052-7.347-4.272-4.266-4.272-11.22 0-15.484l.048-.048a10.32 10.32 0 0 0 3.004-7.3c0-6.045 4.918-10.956 10.973-10.956 2.765 0 5.361-1.063 7.324-2.998l.048-.048c4.272-4.265 11.225-4.265 15.509 0l.048.047a10.33 10.33 0 0 0 7.311 3c6.056 0 10.974 4.91 10.974 10.955 0 2.772 1.077 5.388 3.051 7.348 4.14 4.133 4.272 10.788.383 15.077l-.383.407a10.31 10.31 0 0 0-3.051 7.347c0 6.046-4.918 10.956-10.974 10.956a10.36 10.36 0 0 0-7.323 2.999l-.048.047A10.92 10.92 0 0 1 48 73.217"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M48 78.86c-4.44 0-8.616-1.72-11.751-4.85-.933-.92-2.082-1.387-3.363-1.387-9.166 0-16.633-7.443-16.633-16.595 0-1.29-.48-2.449-1.389-3.357-6.485-6.475-6.485-17 0-23.476a4.63 4.63 0 0 0 1.389-3.346c0-9.151 7.455-16.606 16.621-16.606 1.28 0 2.43-.478 3.34-1.374C42.71 1.38 53.265 1.38 59.74 7.845c.933.92 2.082 1.386 3.362 1.386 9.167 0 16.634 7.443 16.634 16.595 0 1.29.479 2.449 1.388 3.357 6.27 6.26 6.522 16.296.587 22.867l-.587.621a4.64 4.64 0 0 0-1.388 3.346c0 9.151-7.455 16.606-16.622 16.606a4.7 4.7 0 0 0-3.338 1.362A16.54 16.54 0 0 1 48 78.86m0-64.576a5.26 5.26 0 0 0-3.757 1.553c-3.088 3.059-7.108 4.696-11.369 4.696a5.31 5.31 0 0 0-5.313 5.304c0 4.254-1.651 8.256-4.643 11.279-2.142 2.138-2.13 5.496-.06 7.562 3.028 3.035 4.703 7.061 4.703 11.339a5.31 5.31 0 0 0 5.313 5.304c4.249 0 8.257 1.637 11.285 4.624l.096.107a5.27 5.27 0 0 0 3.733 1.518 5.3 5.3 0 0 0 3.758-1.542c3.087-3.058 7.108-4.695 11.356-4.695a5.31 5.31 0 0 0 5.313-5.305c0-4.253 1.652-8.255 4.644-11.278l.287-.299a5.287 5.287 0 0 0-.228-7.252 15.94 15.94 0 0 1-4.703-11.338 5.31 5.31 0 0 0-5.313-5.304 16.02 16.02 0 0 1-11.284-4.624l-.096-.095A5.26 5.26 0 0 0 48 14.308z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M35.938 55.877a21.65 21.65 0 0 1 10.004 4.133c1.22.92 2.908.92 4.129 0a21.7 21.7 0 0 1 9.992-4.145 3.45 3.45 0 0 0 2.92-2.915 21.5 21.5 0 0 1 4.14-9.977 3.42 3.42 0 0 0 0-4.121 21.5 21.5 0 0 1-4.14-9.976 3.45 3.45 0 0 0-2.92-2.916 21.65 21.65 0 0 1-10.004-4.133 3.43 3.43 0 0 0-4.129 0 21.73 21.73 0 0 1-9.992 4.145 3.45 3.45 0 0 0-2.92 2.916 21.5 21.5 0 0 1-4.14 9.976 3.42 3.42 0 0 0 0 4.122 21.5 21.5 0 0 1 4.14 9.976 3.45 3.45 0 0 0 2.92 2.915M22.404 69.129l-6.63 15.209M27.239 71.629l-5.588 12.82M32.887 72.602l-5.253 11.696M42.281 77.848l-6.594 15.149M37.746 75.328l-6.14 13.44M74.423 69.129l6.641 15.209M69.588 71.629l5.6 12.82M63.951 72.602l5.254 11.696M54.546 77.848l6.605 15.149M59.081 75.328l6.151 13.44"></path> </svg> <div class="flex flex-col gap-2 md:gap-4 w-full leading-normal -mt-7" role="presentation"><div class="block flex items-end gap-3 text-6xl/[1.25] md:text-8xl/[1.25] xl:text-9xl/[1.25]"><span class="text-4xl/[1] md:text-6xl/[1] xl:text-7xl/[1]">Over</span> <span class="font-numerals text-blue-700 text-nowrap mb-[-0.15rem]" split-by="letter" letter-animation="worm">14,000</span> </div><div class="text-pretty pr-[20%]"><p>Finalists matched to a college partner since QuestBridge's founding</p></div></div><figcaption class="sr-only motion-safe:hidden">Over 14000 <p>Finalists matched to a college partner since QuestBridge's founding</p></figcaption></figure> </div></section></div> <div class="bg-gray-100 py-section"> <div class="container"> <div class="prose mx-auto max-w-[968px]"> <div class="first:mt-0 last:mb-0 my-section"> <figure class="flex flex-col my-0" x-data="{}" x-cloak="true"> <div> <div class="plyr__video-embed" data-plyr="video"><iframe width="200" height="113" src="https://www.youtube.com/embed/KNZndnqRxQs?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="The National College Match"></iframe></div> </div> </figure></div> </div> </div> </div> <section class=""> <div class="container py-10 space-y-12 lg:py-16"> <div class="type-delta font-serif text-red-800">Scholar stories</div> <div class="grid sm:grid-cols-2 gap-8 lg:gap-12"> <article class="relative rounded-sm min-h-60 @container first:row-span-2"> <div class="grid gap-4 text-left @lg:gap-6 @3xl:grid-cols-2"> <div> <figure class="border w-full h-full max-w-full aspect-[7/5] @3xl:max-w-[36rem]"> <img class="w-full h-full object-cover" src="https://questbridge.imgix.net/content/uploads/headshots/scholar-stories/ACP2019_QB25_AC-0159.JPG?auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.6638&fp-y=0.3395&h=450&q=90&w=600&s=26ed6438f268d3cb29f1a202decf1d2f" width="600" height="450" alt="" loading="lazy"> <figcaption></figcaption> </figure> </div> <div class="flex flex-col gap-5 justify-center"> <div class="flex flex-col gap-3"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-xl" href="https://www.questbridge.org/about/scholar-stories/erins-story"> <span class="type-zeta max-w-[42ch] leading-relaxed @3xl:type-epsilon line-clamp-3">“I thought that it was way out of my league.”</span> <span> <svg class="text-blue-700 size-3.5 shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="text-gray-700"> <div>Erin S.'s Story</div> <div> <span>Rushmore</span>, <span>MN</span> </div> <div>Yale University</div> </div> </div> </div></article> <article class="relative rounded-sm min-h-60 @container first:row-span-2"> <div class="grid gap-4 text-left @lg:gap-6 @3xl:grid-cols-2 grid-cols-1 @sm:grid-cols-2"> <div class="@sm:min-h-[16rem]"> <figure class="border w-full h-full max-w-full aspect-[7/5] @3xl:max-w-[36rem]"> <img class="w-full h-full object-cover" src="https://questbridge.imgix.net/content/uploads/headshots/student-stories/eric-kim.png?auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5594&fp-y=0.4125&h=450&q=90&w=600&s=62772a25f74242a955b50c5ea638140c" width="600" height="450" alt="" loading="lazy"> <figcaption></figcaption> </figure> </div> <div class="flex flex-col gap-5 justify-center"> <div class="flex flex-col gap-3"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-xl" href="https://www.questbridge.org/about/scholar-stories/erics-story"> <span class="type-zeta max-w-[42ch] leading-relaxed @3xl:type-epsilon line-clamp-3">“QuestBridge gave me the confidence and assurance that regardless of my financial background, I should dream big.”</span> <span> <svg class="text-blue-700 size-3.5 shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="text-gray-700"> <div>Eric K.'s Story</div> <div> <span>Fullerton</span>, <span>CA</span> </div> <div>University of Notre Dame</div> </div> </div> </div></article> <article class="relative rounded-sm min-h-60 @container first:row-span-2"> <div class="grid gap-4 text-left @lg:gap-6 @3xl:grid-cols-2 grid-cols-1 @sm:grid-cols-2"> <div class="@sm:min-h-[16rem]"> <figure class="border w-full h-full max-w-full aspect-[7/5] @3xl:max-w-[36rem]"> <img class="w-full h-full object-cover" src="https://questbridge.imgix.net/content/uploads/headshots/student-stories/daniel-espino.jpg?auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.7494&fp-y=0.3872&h=450&q=90&w=600&s=8f16d1bb1f5249df51c8ded45a40745b" width="600" height="450" alt="" loading="lazy"> <figcaption></figcaption> </figure> </div> <div class="flex flex-col gap-5 justify-center"> <div class="flex flex-col gap-3"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-xl" href="https://www.questbridge.org/about/scholar-stories/daniels-story"> <span class="type-zeta max-w-[42ch] leading-relaxed @3xl:type-epsilon line-clamp-3">“Don’t be afraid to look into options you aren’t considering because you might not like it or you don’t think it is possible.”</span> <span> <svg class="text-blue-700 size-3.5 shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="text-gray-700"> <div>Daniel E.'s Story</div> <div> <span>Mesa</span>, <span>AZ</span> </div> <div>Vassar College</div> </div> </div> </div></article> </div> </div> </div> </section> </main> </div> <section data-theme="lightBlueWhite" class=" group overflow-hidden relative py-12 xl:py-24 data-[theme=lightBlueWhite]:bg-blue-300 data-[theme=lightBlueWhite]:text-black data-[theme=lightBlueYellow]:bg-blue-300 data-[theme=lightBlueYellow]:text-black data-[theme=lightBlueTeal]:bg-blue-300 data-[theme=lightBlueTeal]:text-black data-[theme=red]:bg-red-500 data-[theme=red]:text-white data-[theme=red]:dark data-[theme=yellow]:bg-yellow-500 data-[theme=yellow]:text-black "> <svg class=" absolute left-0 w-1/2 opacity-50 group-data-[theme=lightBlueWhite]:text-blue-100/50 group-data-[theme=lightBlueYellow]:text-blue-100/50 group-data-[theme=lightBlueTeal]:text-blue-100/50 group-data-[theme=red]:text-red-700/50 group-data-[theme=yellow]:text-[#ffdf7d] " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.026 7.871 16 3.004 10.975 7.87v20.13h10.051zM10.974 14.074H2v13.927h8.974z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.5 26h4V16h-4z"></path> <path stroke="currentColor" d="M6.5 18.002V24"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.5 26h4V16h-4z"></path> <path stroke="currentColor" d="M25.497 18.002V24"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30 14.074h-8.975v13.927H30zM12.77 12.64h6.461V8.926l-3.23-3.07-3.232 3.134v3.65M12.77 28.002h6.461V14.789H12.77v13.213000000000001"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15 10.75h2v-.926L16 8.75l-1 1.074zM14.923 27.997h2.154V16.57L16 16.59h-1.077z"></path> </svg> <div class="container flex relative flex-col gap-12 md:flex-row md:gap-16 md:items-center xl:gap-20"> <div class="flex flex-col md:basis-1/2 lg:basis-3/5"> <h2 class="type-beta font-serif">Join our mailing list</h2> <div class=" prose group-data-[theme=red]:prose-invert group-data-[theme=red]:prose-a:text-yellow-100 "><p>Are you a current high school student interested in QuestBridge programs? Sign up to be notified when you become eligible to apply! If you are not a high school student, <a href="https://apply.questbridge.org/register/generalmailinglistform">sign up for updates here</a>.</p></div> </div> <aside class="p-2 sm:p-4 md:basis-1/2 lg:basis-2/5 group-data-[theme=lightBlueWhite]:bg-white group-data-[theme=lightBlueYellow]:bg-yellow-500 group-data-[theme=lightBlueTeal]:bg-turquoise group-data-[theme=red]:bg-yellow-500 group-data-[theme=yellow]:bg-navy group-data-[theme=yellow]:text-white "> <script type="application/javascript"> function fit() { var iframe = document.getElementById("iframe-16338") var win = iframe.contentWindow var doc = win.document var html = doc.documentElement var body = doc.body var ifrm = iframe // or win.frameElement var form = body.getElementsByClassName('embedded-form')[0]; if(body) { body.style.overflowX = "hidden" body.style.overflowY = "hidden" } if(html) { html.style.overflowX = "hidden" html.style.overflowY = "hidden" var style = win.getComputedStyle(html) var style = win.getComputedStyle(form) ifrm.width = parseInt(style.getPropertyValue("width")) // round value ifrm.height = parseInt(style.getPropertyValue("height")) } requestAnimationFrame(fit) } addEventListener("load", requestAnimationFrame.bind(this, fit)) </script> <iframe id="iframe-16338" class="w-full" src="https://www.questbridge.org/form-embed/16338"></iframe> </aside> </div> </section> <div class=""> <footer class="container flex flex-col gap-6 py-11 lg:gap-16 lg:pt-24"> <div class="flex flex-col gap-6 lg:flex-row lg:gap-2 lg:justify-between"> <div class="flex flex-col gap-6 lg:flex-row lg:gap-8 xl:gap-16"> <div><svg width="53" height="54" viewBox="0 0 53 54" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M26.5 0C11.8822 0 0 11.9158 0 26.5578C0 41.1999 11.8898 53.1157 26.5 53.1157C41.1101 53.1157 53 41.1999 53 26.5578C53 11.9158 41.1178 0 26.5 0ZM21.8465 4.05106C21.8465 4.05106 21.9076 4.02043 21.9458 4.01277C21.9458 4.01277 21.8999 4.02809 21.8465 4.05106ZM25.3844 24.2604C25.3844 24.2604 25.3844 24.2604 25.392 24.2604C25.392 24.2604 25.392 24.2604 25.392 24.2528M27.5239 23.0122C27.501 23.2343 27.3711 23.4487 27.1495 23.6172C26.7292 23.9311 26.1332 23.9311 25.8428 23.6325C25.7053 23.487 25.69 23.3262 25.6977 23.219C25.7206 22.9969 25.8581 22.7748 26.0721 22.614C26.4924 22.3077 27.0884 22.3 27.3787 22.6063C27.4934 22.7288 27.5239 22.8667 27.5239 22.9662C27.5239 22.9816 27.5239 23.0045 27.5239 23.0198M28.907 26.5195C28.907 26.5195 28.9299 26.5272 28.9376 26.5349C28.9299 26.5349 28.9146 26.5425 28.907 26.5502V26.5195ZM27.8525 28.4723C27.8525 28.4723 27.8601 28.5183 27.8678 28.5412C27.8449 28.5336 27.8219 28.5183 27.799 28.5106C27.8219 28.4953 27.8372 28.4876 27.8525 28.4723ZM23.39 28.4723C23.3976 28.2732 23.4664 28.1047 23.5734 28.0128C23.7186 27.8903 23.8943 27.875 24.0166 27.8903C24.2764 27.9133 24.5285 28.0588 24.7196 28.2885C24.8953 28.503 24.987 28.7557 24.987 28.9777C24.987 29.1615 24.9259 29.33 24.8036 29.4449C24.6508 29.5138 24.1159 29.6823 23.6116 29.1692C23.4588 29.016 23.3671 28.7327 23.3823 28.4723M26.1791 29.3683C26.3625 29.1845 26.6299 29.0773 26.9356 29.0773C27.4475 29.0773 27.8831 29.3913 27.8831 29.7742C27.8831 30.1571 27.4552 30.4864 26.9432 30.4864C26.6452 30.4864 26.3624 30.3868 26.1867 30.203C26.1026 30.1188 25.9957 29.9733 25.9957 29.7818C25.9957 29.5904 26.095 29.4449 26.1791 29.3606M28.7771 27.6299C29.0522 27.2011 29.5565 27.0096 29.8851 27.2164C30.0608 27.3313 30.1525 27.5457 30.1525 27.7831C30.1525 27.9822 30.0914 28.1966 29.9691 28.3957C29.8087 28.6485 29.5718 28.8246 29.3196 28.8782C29.205 28.9012 29.0293 28.9088 28.8688 28.8093C28.7083 28.7021 28.6396 28.5412 28.6166 28.4187C28.5631 28.166 28.6243 27.875 28.7847 27.6299M28.907 24.0766C29.0827 24.0001 29.2509 24.0384 29.3655 24.0766C29.6024 24.1685 29.8087 24.383 29.9309 24.6587C30.0532 24.9343 30.0685 25.2253 29.9691 25.4704C29.9233 25.5853 29.8316 25.7308 29.6635 25.8073C29.312 25.9605 28.8459 25.6925 28.6396 25.2253C28.5249 24.9497 28.502 24.6587 28.6013 24.4136C28.6472 24.2987 28.7312 24.1532 28.907 24.069M28.1429 26.443C28.1429 27.3696 27.394 28.1201 26.4694 28.1201C25.5448 28.1201 24.796 27.3696 24.796 26.443C24.796 26.2056 24.8495 25.9758 24.9335 25.7691C24.9641 25.7308 24.9947 25.7001 25.0252 25.6542C25.1093 25.5393 25.1781 25.4244 25.2392 25.3019C25.2545 25.2866 25.2697 25.2713 25.285 25.2483C25.606 24.9343 26.0262 24.7582 26.4694 24.7582C27.394 24.7582 28.1429 25.5087 28.1429 26.4353M24.5897 24.8807C24.4751 25.0186 24.3757 25.1717 24.2993 25.3249C24.1388 25.4857 23.9402 25.5853 23.7339 25.6159C23.6116 25.6312 23.4358 25.6312 23.283 25.5087C22.9774 25.2789 22.985 24.7352 23.2907 24.3294C23.6039 23.9235 24.1159 23.7703 24.4216 24.0001C24.5744 24.1149 24.6508 24.3064 24.6508 24.5208C24.6508 24.6357 24.6279 24.7582 24.582 24.8807M26.5 51.6224C12.6998 51.6224 1.46713 40.3651 1.46713 26.5349C1.46713 25.838 1.49769 25.1564 1.55118 24.4749H20.769L20.8454 24.2911C21.77 21.9784 24.0548 20.4468 26.5458 20.4927C28.0665 20.5157 29.5107 21.113 30.611 22.1622H30.6186C30.6186 22.1622 30.6339 22.1851 30.6416 22.1851C31.123 22.6369 31.5203 23.15 31.826 23.6937L31.9024 23.8239C32.3303 24.5055 33.4612 26.2975 35.7383 25.7231C36.4107 25.5546 36.938 25.0798 37.2436 24.4059C37.5951 23.6095 37.5646 22.6752 37.1596 21.9018C36.6476 20.7071 35.9523 19.6121 35.0735 18.6395L35.0277 18.5859L35.0124 18.5706C32.827 16.2043 29.8469 14.8641 26.6299 14.8182C23.9402 14.7722 21.2963 15.6682 19.1873 17.3376C19.1032 17.4066 19.0574 17.5138 19.0115 17.6133L18.9733 17.6976C18.9733 17.6976 18.9733 17.6976 18.9657 17.7052C18.9504 17.7052 18.9275 17.6899 18.9045 17.6899H18.7823L18.6753 17.7665C18.0029 18.3638 17.3992 19.0454 16.8796 19.7805C16.8643 19.7958 16.8108 19.8648 16.7803 19.9031C16.4899 20.1251 16.146 20.2477 15.8862 20.217C15.3972 20.1481 15.0763 19.7422 15.0763 19.2062V19.1755C15.0763 19.0837 15.0992 18.9994 15.1297 18.9305C15.1297 18.9305 15.1527 18.8845 15.168 18.8539C15.1909 18.8156 15.4048 18.5093 15.4048 18.5093C17.3992 15.7524 20.3182 13.8533 23.6192 13.1564C24.796 12.8807 25.8581 11.8469 25.8581 10.3459C25.8581 10.1545 25.8428 9.9477 25.8046 9.74093C25.4379 7.67328 23.5505 7.42057 22.5953 7.58139C16.3065 8.86027 11.0951 13.164 8.62701 19.1066L8.5506 19.3057V19.321C8.42834 19.7193 8.03099 20.0103 7.61836 20.0026C7.37384 20.0026 7.1446 19.8954 6.96885 19.7193C6.80075 19.5431 6.70905 19.3134 6.70905 19.076V19.0607C6.70905 18.9228 6.72433 18.8233 6.7549 18.739C6.81603 18.5782 6.98413 18.1647 7.03762 18.0575V18.0422C8.74163 14.1366 11.5536 10.859 15.168 8.57692C15.2826 8.50034 15.3437 8.37782 15.4354 8.14808C15.4583 8.10213 15.4889 8.03321 15.5195 7.95663C15.6188 8.01789 15.7334 8.01789 15.8404 7.96428H15.8939C15.9779 7.9796 16.1308 7.99492 16.2836 7.91068C19.4776 6.15701 23.1073 5.26868 26.7674 5.32994C30.0838 5.38355 33.2472 6.18764 36.1662 7.71157L36.3267 7.77284L36.4031 7.79581C36.4795 7.8341 36.5559 7.8341 36.6247 7.82644C36.6476 7.91068 36.6935 7.99492 36.7928 8.04852C40.1626 9.95536 42.944 12.7505 44.8467 16.1277C44.9155 16.2579 45.0072 16.3038 45.053 16.3344C45.1295 16.4417 45.2288 16.4953 45.2899 16.5182C45.2899 16.5718 45.3052 16.6561 45.3052 16.7097C45.3205 16.8858 45.3281 17.039 45.3893 17.1615C46.1458 18.7008 46.7112 20.3242 47.078 21.9937C47.078 22.0243 47.1162 22.2311 47.1162 22.2311C47.162 22.4838 47.2002 22.7135 47.2002 22.9203C47.2002 23.3491 47.0398 23.6631 46.4743 23.8163C46.2833 23.8699 46.1228 23.8469 45.9624 23.755C45.5421 23.4946 45.2976 22.7212 45.2212 22.3536C43.6318 15.1245 37.9543 9.38101 30.7715 7.71157L30.7638 7.70391C29.824 7.51247 27.9213 7.70391 27.4857 9.75625C27.096 11.5788 28.2346 12.8884 29.5489 13.2406L29.9386 13.3478C35.9752 14.9713 40.1244 20.4851 40.0174 26.7569C39.8952 34.2847 33.6828 40.3039 26.1714 40.1814C21.0365 40.0971 16.4288 37.1641 14.1669 32.5387L14.0753 32.3549C13.8842 31.972 13.7008 31.5355 13.5174 31.0301L13.25 30.4174V30.4021C12.8374 29.5061 11.8364 28.8935 10.7054 28.8399C9.21539 28.771 8.03099 29.9503 7.95458 31.5891C7.93929 31.9337 7.98515 32.2783 8.09212 32.6076V32.6459C8.2908 33.2049 8.50475 33.764 8.74163 34.3L8.7722 34.3613C10.0865 37.3402 12.1573 39.9593 14.7477 41.935L15.2138 42.272C15.3743 42.3868 15.5347 42.3332 15.6799 42.249C15.6799 42.4328 15.7105 42.6166 15.871 42.7238C18.9045 44.7149 22.4348 45.7946 26.0721 45.8559C29.014 45.9019 31.8489 45.3045 34.5004 44.0716C34.7297 43.9644 34.7755 43.7346 34.7984 43.5968C34.7984 43.5968 34.8137 43.5279 34.8214 43.5049C34.8825 43.4666 34.9283 43.413 34.9742 43.3364C34.9742 43.39 34.9971 43.4513 35.0506 43.5049C35.2493 43.7193 35.4632 43.5968 36.044 43.2599C40.3002 40.794 43.4178 36.8425 44.8391 32.1558V32.1405C44.8391 32.1405 44.8544 32.0869 44.862 32.0792C44.862 32.0639 44.9537 31.7576 44.9537 31.7576L44.969 31.727L45.076 31.2675V31.2522C45.1218 30.9152 45.3893 30.1724 45.8248 29.8737C46.0006 29.7512 46.1763 29.7206 46.3826 29.7665C46.8564 29.8814 47.0245 30.1647 47.0245 30.6548C47.0245 30.8693 46.9939 31.1143 46.9404 31.4053C46.9404 31.4053 46.9099 31.5891 46.9099 31.6121C46.9099 31.6274 46.887 31.7193 46.887 31.7193L46.7723 32.1558V32.1941C46.0999 34.6064 45.0225 36.8578 43.563 38.8948C43.5019 38.9714 43.4866 39.0556 43.4866 39.1399C43.4866 39.2471 43.5248 39.3466 43.5477 39.4232C43.5477 39.4232 43.5477 39.4385 43.5554 39.4462C43.4637 39.5534 43.2497 39.8138 43.2115 39.8597C43.1656 39.8291 43.1122 39.8061 43.051 39.8061C42.9441 39.8061 42.8447 39.8521 42.7759 39.9363C38.6497 45.0059 32.5366 47.8546 26.0186 47.7474C18.8052 47.6249 12.2108 43.8878 8.39777 37.7385C8.30608 37.593 8.13797 37.5317 7.81704 37.4321C7.77119 37.4168 7.7177 37.4015 7.66421 37.3862C7.74063 37.2866 7.87052 37.1258 7.87052 36.942C7.87052 36.8731 7.85524 36.7965 7.80939 36.72C6.55622 34.4226 5.74625 31.949 5.40239 29.353C5.32597 28.7863 5.28013 28.2119 5.24956 27.6376H22.8245C22.6717 27.852 22.58 28.1201 22.5647 28.4264C22.5647 28.457 22.5647 28.4876 22.5647 28.5183C22.5647 28.9701 22.7328 29.4142 23.0156 29.6976C23.8026 30.5017 24.7578 30.3026 25.1551 30.0882L25.1857 30.0728L25.2086 30.0499C25.2621 30.3026 25.3997 30.5476 25.5983 30.7391C25.9269 31.0607 26.4007 31.2445 26.8973 31.2445C27.8372 31.2368 28.6014 30.5706 28.5937 29.7589C28.5937 29.6899 28.5861 29.6134 28.5708 29.5444C28.8306 29.6593 29.1286 29.6899 29.419 29.621C29.8698 29.5215 30.2824 29.2305 30.5499 28.8093C31.0618 28.0128 30.9243 27.0096 30.2442 26.5731C30.1678 26.5272 30.0914 26.4889 30.015 26.4583C30.2824 26.3051 30.4964 26.0601 30.6186 25.7537C30.7868 25.3249 30.7638 24.8195 30.5652 24.36C30.3665 23.9005 30.0073 23.5406 29.5794 23.3721C29.2279 23.2343 28.8612 23.2343 28.5326 23.3721C28.204 23.51 27.9518 23.7856 27.8143 24.1303C27.7837 24.2145 27.7532 24.3064 27.7379 24.3983C27.6538 24.3447 27.5698 24.2987 27.4781 24.2528C27.4934 24.2375 27.5163 24.2298 27.5316 24.2145C27.9289 23.9235 28.1734 23.5023 28.2193 23.0658C28.2498 22.6906 28.1276 22.3306 27.8754 22.0549C27.3176 21.4653 26.3013 21.427 25.5601 21.9784C25.1628 22.2694 24.9183 22.6906 24.88 23.1271C24.8724 23.2343 24.88 23.3415 24.8877 23.4487C24.8648 23.4334 24.8495 23.4104 24.8265 23.3951C24.177 22.905 23.1913 23.1194 22.6259 23.8699C22.175 24.4672 22.1215 25.2253 22.4425 25.7614H3.30103V26.0524C3.27047 26.979 3.30867 27.9363 3.40801 28.9012L3.44622 29.2687V29.3377L3.4615 29.4602C4.15686 34.928 6.7931 39.9822 10.8965 43.6964C15.0381 47.4488 20.3946 49.5624 25.9804 49.6543C31.23 49.7385 36.4031 48.0154 40.537 44.7838C44.6099 41.5981 47.5365 37.0952 48.7667 32.1022L48.889 31.6121L48.9043 31.5049L48.9348 31.3287C49.1411 29.8048 48.4076 28.0741 46.8258 27.8061C45.1906 27.5304 43.7387 28.8322 43.4178 30.2337L43.4025 30.3102L43.2803 30.8233L43.2344 30.9918C42.264 34.6982 40.0404 38.0371 36.9915 40.3881C33.8433 42.808 30.0838 44.0563 26.1026 43.9874C22.7252 43.9338 19.4624 42.8999 16.6733 41.0161C13.953 39.1782 11.8134 36.6204 10.4838 33.6261C10.4838 33.6261 10.4762 33.5955 10.4686 33.5955C10.247 33.0977 10.0483 32.577 9.87255 32.0486V32.0333C9.83434 31.9261 9.81142 31.8189 9.81142 31.7116V31.6657C9.81906 31.4053 9.93368 31.1679 10.1247 30.9994C10.3157 30.8233 10.5603 30.7391 10.8201 30.7467C11.1868 30.7621 11.5078 30.9841 11.6606 31.3287L11.6912 31.413C11.8134 31.7729 11.951 32.1175 12.0885 32.4468V32.4238L12.2184 32.7684C14.6483 38.3128 20.1119 41.958 26.1409 42.0576C29.5565 42.1112 32.8193 41.0773 35.5626 39.048L36.1739 38.5732C36.3649 38.42 36.5177 38.1137 36.6706 37.7844C36.7699 37.5853 36.8922 37.3326 36.9762 37.2483C36.9991 37.2483 37.045 37.2637 37.045 37.2637C37.1825 37.3096 37.4576 37.3939 37.7021 37.1335L38.0536 36.7429C40.4606 33.9861 41.8131 30.4557 41.8743 26.7876C41.8743 26.6957 41.8743 26.6038 41.8743 26.5119C41.8743 25.0952 41.6909 23.7014 41.3317 22.3613C41.263 22.1086 41.0643 21.4883 40.7663 21.3045C40.5829 21.1896 40.4071 21.2126 40.2772 21.2509C40.2314 21.0824 40.1855 20.8986 40.1473 20.7071C40.0709 20.3396 39.9945 19.9567 39.8417 19.6503C39.8341 19.6274 39.8264 19.6044 39.8264 19.5738C39.8264 19.5278 39.8417 19.4589 39.857 19.3823C39.8799 19.2904 39.9105 19.1755 39.9105 19.053C39.9105 18.9382 39.8875 18.8156 39.8111 18.6854L39.3756 17.9732C37.4653 15.0402 34.5692 12.8424 31.2223 11.7856C31.2223 11.7856 30.9625 11.6937 30.7409 11.6401H30.7256H30.718C30.0532 11.5329 29.5412 11.1423 29.3655 10.5986C29.3273 10.4761 29.3043 10.3612 29.3043 10.2464C29.3043 10.0396 29.3731 9.84814 29.4954 9.72562C29.7323 9.48822 30.1678 9.44993 30.7256 9.62606L30.8173 9.64904C37.3277 11.3568 42.3175 16.748 43.5248 23.3798C43.6241 24.0077 44.1285 24.7123 44.8009 25.1794C45.4504 25.6312 46.184 25.7997 46.8488 25.6618C47.6205 25.501 48.2089 25.1028 48.591 24.4749C48.6445 24.383 48.6521 24.2911 48.6521 24.2068V24.1915C48.7438 24.1456 48.7896 24.0766 48.8126 24.023L48.889 23.801C48.889 23.801 48.9043 23.732 48.9043 23.7014C48.9043 23.6784 48.8966 23.6631 48.889 23.6401C48.9119 23.6325 48.9348 23.6172 48.9348 23.6172L48.9654 23.4717C49.0342 23.1653 49.0647 22.8361 49.0647 22.4838C49.0647 22.4225 49.0647 22.3613 49.0647 22.3077V22.2847V22.2617C48.9348 21.5725 48.7744 20.8909 48.591 20.2247C48.5528 20.0945 48.4534 20.0103 48.3388 19.949C48.3847 19.8877 48.4229 19.8112 48.4229 19.7193C48.4229 19.6886 48.4229 19.6503 48.4076 19.6121C47.0321 15.2087 44.3883 11.3568 40.7816 8.46205C40.6899 8.38547 40.5371 8.30889 40.3078 8.18637C40.1703 8.11744 40.0098 8.03321 39.9563 7.99492C39.941 7.9796 39.9181 7.97194 39.8952 7.96428C39.8952 7.95663 39.8952 7.94131 39.8952 7.926C39.8952 7.84176 39.8646 7.76518 39.7653 7.69626C35.9599 4.97768 31.4592 3.49203 26.7674 3.41545C25.1398 3.39248 23.5122 3.53032 21.9381 3.8443C21.8999 3.8443 21.77 3.89025 21.7089 4.03575C21.6401 3.97448 21.5484 3.92854 21.4185 3.95151C20.9601 4.05106 20.4939 4.16593 20.0507 4.29612L19.3707 4.50288L18.4002 4.83984C15.6646 5.85069 13.1659 7.36696 10.9805 9.3274C10.8353 9.45759 10.8048 9.64138 10.7742 9.77922C10.7742 9.79454 10.7742 9.80986 10.7666 9.83283C10.6367 9.81751 10.4609 9.8022 10.3234 9.94004C9.02436 11.2036 7.87053 12.6203 6.90009 14.1519C6.82367 14.2744 6.81603 14.4046 6.81603 14.5195C6.81603 14.5195 6.81603 14.5808 6.81603 14.6037C6.77018 14.6727 6.7014 14.7416 6.61735 14.8105C6.50273 14.9101 6.38048 15.0249 6.28878 15.1934C5.86087 15.9592 5.46352 16.7556 5.1273 17.5674C5.06617 17.6899 4.93627 18.0115 4.89042 18.157C4.79109 18.4404 4.73759 18.7467 4.72995 19.053V19.099C4.72995 19.8418 5.01268 20.5387 5.52465 21.0671C6.0519 21.6108 6.7549 21.9171 7.51903 21.9324C8.71107 21.9554 9.79613 21.2202 10.2164 20.1098L10.2852 19.9337V19.949L10.3692 19.7269L10.4151 19.5967C12.6081 14.5118 17.1318 10.7441 22.5189 9.51885H22.5265C23.0996 9.35804 23.5505 9.4193 23.7873 9.69499C23.9096 9.83283 23.9784 10.0243 23.9784 10.2387C23.9784 10.3765 23.9478 10.522 23.8943 10.6599C23.6956 11.15 23.2066 11.464 22.5877 11.5099H22.5571L22.5265 11.5176C20.9753 11.9158 19.5006 12.5591 18.1404 13.4168C18.0411 13.478 17.9876 13.5776 17.9876 13.6924C17.9876 13.6924 17.9952 13.7537 18.0029 13.7767C17.9647 13.815 17.9341 13.8609 17.8959 13.8992C17.8806 13.9222 17.85 13.9528 17.8271 13.9834C17.7354 13.9452 17.6132 13.9222 17.4909 14.0064L17.3457 14.0907C17.3457 14.0907 17.2082 14.1749 17.17 14.1979H17.1547C17.0859 14.1979 16.9637 14.2132 16.849 14.3051C15.5729 15.3006 14.4726 16.4876 13.5633 17.8277L13.5251 17.889L13.4563 18.0115C13.3417 18.226 13.1354 18.7773 13.1354 19.1526C13.1354 19.1679 13.1354 19.1832 13.1354 19.2062C13.1354 19.9873 13.4334 20.7454 13.953 21.2815C14.4268 21.7716 15.0533 22.0473 15.7105 22.0549C16.8032 22.0779 17.6208 21.7103 18.3467 20.868L18.362 20.8526C18.362 20.8526 18.3849 20.8144 18.3926 20.8067C20.2723 18.1724 23.3212 16.6331 26.5458 16.6867C29.1439 16.7327 31.5738 17.7818 33.4001 19.635L33.4154 19.658L33.4307 19.6733C34.2253 20.5004 34.8596 21.45 35.3257 22.4991C35.4479 22.8054 35.5091 23.0735 35.5091 23.2879C35.5091 23.4104 35.4938 23.51 35.4556 23.5942C35.3945 23.7244 35.2722 23.8086 35.0964 23.8622C34.2483 24.1149 33.7516 23.4487 33.3466 22.7978L33.1938 22.568L33.2167 22.6063C32.9263 22.1009 32.5825 21.6184 32.1851 21.1819L32.1545 21.1436L32.1393 21.1283C30.6645 19.5508 28.6701 18.6625 26.5153 18.6318C23.6192 18.5859 20.9601 20.1098 19.5235 22.6293H1.71164C3.5914 10.6522 13.9683 1.45501 26.4389 1.45501C40.239 1.45501 51.4717 12.7122 51.4717 26.5425C51.4717 40.3728 40.239 51.63 26.4389 51.63" fill="#828282"/> <path d="M22.6095 31.1388L22.5865 31.1082L22.2045 30.6717C21.4403 29.7834 20.3935 28.5581 18.5367 28.8491C17.8337 28.9639 17.1536 29.477 16.7562 30.1969C16.336 30.955 16.2825 31.8357 16.6034 32.6091L16.6493 32.701L16.7409 32.8542C18.8423 36.2007 22.4413 38.2454 26.3766 38.3373C30.5182 38.4292 34.4458 36.285 36.6083 32.7317C37.1203 32.0195 37.296 31.0469 37.0515 30.1739C36.8452 29.4464 36.3944 28.9027 35.7678 28.6423C33.6282 27.7463 32.2375 29.4081 31.7102 30.0361L31.5956 30.1663C30.4112 31.7285 28.4168 32.701 26.5065 32.6627C25.07 32.6321 23.6869 32.0807 22.6171 31.1158M32.8411 31.5064L33.0475 31.2767C33.5518 30.664 34.1478 30.0361 34.9272 30.4036C35.0953 30.4802 35.187 30.5798 35.2329 30.7253C35.3169 31.001 35.2099 31.4375 34.9349 31.897C33.078 34.83 29.8916 36.5453 26.4148 36.4611H26.2162C25.9258 36.4305 25.5972 36.4075 25.3603 36.553C25.2151 36.6449 25.1387 36.7751 25.0852 36.8746C25.0852 36.8746 25.07 36.8976 25.0623 36.9129C25.0317 36.9129 25.0088 36.9129 25.0088 36.9129C24.7872 36.8976 24.6344 36.8823 24.6344 36.4994V36.2696L24.0231 36.1165C21.7078 35.4809 19.7134 34.0182 18.3991 31.9888C18.3991 31.9888 18.3991 31.9888 18.3991 31.9812C18.3685 31.9276 18.338 31.7897 18.338 31.6213C18.338 31.3915 18.3991 31.1005 18.6207 30.932C18.6818 30.8861 18.9722 30.6717 19.3695 30.7176C19.721 30.7636 20.0649 31.001 20.3858 31.4298L20.5769 31.6519L20.9131 32.0425L20.9284 32.0578C22.3879 33.597 24.3517 34.4624 26.4683 34.516C28.9899 34.5696 31.3205 33.4592 32.8794 31.4681L32.8488 31.4987L32.8411 31.5064Z" fill="#828282"/> </svg> </div> <div class="flex flex-col gap-2 lg:flex-row lg:gap-5 xl:gap-20"> <div> <div class="hidden flex-col gap-4 lg:flex"> <div class="type-zeta">About Us</div> <div class="flex-col gap-1 lg:flex"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/about/mission-and-vision"> <span>Mission & Vision</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/partners"> <span>Partners</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/about/news"> <span>News</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/about/jobs"> <span>Job Openings</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/about/donate"> <span>Donate</span></a> </div> </div> <div x-data="{ open: false, toggle() { if (this.open) { return this.close() }; this.$refs.button.focus(); this.open = true; }, close(focusAfter) { if (! this.open) return this.open = false focusAfter && focusAfter.focus() }, }" x-on:keydown.escape.prevent.stop="close($refs.button)" x-on:focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']" class="flex flex-col gap-4 lg:hidden" > <button x-ref="button" x-on:click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button" class="flex gap-2 items-center type-zeta" > <span>About Us</span> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" d="m1 5.21 5.522 6.788h2.956L15 5.211"/><path stroke="currentColor" stroke-miterlimit="10" d="m3.088 4 4.74 5.85h.339L12.907 4"/></svg> </button> <div x-ref="panel" x-show="open" x-transition.origin.top.left x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" style="display: none;" class="flex flex-col gap-1" > <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/about/mission-and-vision"> <span>Mission & Vision</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/partners"> <span>Partners</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/about/news"> <span>News</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/about/jobs"> <span>Job Openings</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/about/donate"> <span>Donate</span></a> </div> </div> </div> <div> <div class="hidden flex-col gap-4 lg:flex"> <div class="type-zeta">Resources</div> <div class="flex-col gap-1 lg:flex"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://apply.questbridge.org/portal/apply"> <span>Application Manage Page</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/apply-to-college/events"> <span>Events</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/apply-to-college/resources"> <span>Resource Library</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/thrive/connect/campus-chapters"> <span>Campus Chapters</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://alumni.questbridge.org/"> <span>Alumni Association</span></a> </div> </div> <div x-data="{ open: false, toggle() { if (this.open) { return this.close() }; this.$refs.button.focus(); this.open = true; }, close(focusAfter) { if (! this.open) return this.open = false focusAfter && focusAfter.focus() }, }" x-on:keydown.escape.prevent.stop="close($refs.button)" x-on:focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']" class="flex flex-col gap-4 lg:hidden" > <button x-ref="button" x-on:click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button" class="flex gap-2 items-center type-zeta" > <span>Resources</span> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" d="m1 5.21 5.522 6.788h2.956L15 5.211"/><path stroke="currentColor" stroke-miterlimit="10" d="m3.088 4 4.74 5.85h.339L12.907 4"/></svg> </button> <div x-ref="panel" x-show="open" x-transition.origin.top.left x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" style="display: none;" class="flex flex-col gap-1" > <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://apply.questbridge.org/portal/apply"> <span>Application Manage Page</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/apply-to-college/events"> <span>Events</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/apply-to-college/resources"> <span>Resource Library</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/thrive/connect/campus-chapters"> <span>Campus Chapters</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://alumni.questbridge.org/"> <span>Alumni Association</span></a> </div> </div> </div> </div> </div> <div class="flex flex-col gap-1 lg:gap-4 md:max-w-[222px]"> <div class="type-zeta">Questions?</div> <div class="flex flex-col gap-6 lg:gap-8"> <div class="flex flex-col gap-4"> <div class="type-paragraph-sm"><p>Visit our help portal to find answers.</p></div> <div> <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty bg-transparent border border-black/20 text-gray-700 hover:bg-gray-100 focus:ring-gray-100 active:bg-gray-100 aria-[current]:text-white aria-[current]:bg-navy px-4 py-2 text-2xs rounded gap-1 tracking-[5%] w-full" href="https://questbridge.zendesk.com/hc/en-us"> <span>Visit AskQB</span></a> </div> </div> <div class="flex gap-4"> <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty focus:ring-black rounded-full" href="https://www.facebook.com/QuestBridge"> <span class="sr-only">Facebook</span> <span> <svg class="w-5" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M12.0004 2.39844C6.69879 2.39844 2.40039 6.69684 2.40039 11.9984C2.40039 16.8112 5.94599 20.7856 10.5652 21.48V14.5424H8.18999V12.0192H10.5652V10.34C10.5652 7.56004 11.9196 6.34004 14.23 6.34004C15.3364 6.34004 15.922 6.42244 16.1988 6.45924V8.66164H14.6228C13.642 8.66164 13.2996 9.59204 13.2996 10.64V12.0192H16.174L15.7844 14.5424H13.2996V21.5C17.9852 20.8648 21.6004 16.8584 21.6004 11.9984C21.6004 6.69684 17.302 2.39844 12.0004 2.39844Z" fill="black"/> </svg> </span> </a> <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty focus:ring-black rounded-full" href="https://www.instagram.com/questbridge/"> <span class="sr-only">Instagram</span> <span> <svg class="w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18" aria-hidden="true"><path fill="#000" d="M5.293 0C2.387 0 0 2.384 0 5.293v7.414C0 15.613 2.384 18 5.293 18h7.414C15.613 18 18 15.616 18 12.707V5.293C18 2.387 15.616 0 12.707 0H5.293Zm0 1.636h7.414a3.651 3.651 0 0 1 3.657 3.657v7.414a3.651 3.651 0 0 1-3.657 3.657H5.293a3.651 3.651 0 0 1-3.657-3.657V5.293a3.651 3.651 0 0 1 3.657-3.657Zm8.54 1.79a.738.738 0 0 0-.742.742c0 .412.33.741.741.741.413 0 .742-.33.742-.741a.738.738 0 0 0-.742-.742ZM9 4.091C6.3 4.09 4.09 6.299 4.09 9c0 2.7 2.21 4.91 4.91 4.91S13.91 11.7 13.91 9 11.7 4.09 9 4.09Zm0 1.636A3.259 3.259 0 0 1 12.273 9 3.259 3.259 0 0 1 9 12.273 3.259 3.259 0 0 1 5.727 9 3.259 3.259 0 0 1 9 5.727Z"/></svg> </span> </a> <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty focus:ring-black rounded-full" href="https://www.linkedin.com/company/questbridge/"> <span class="sr-only">LinkedIn</span> <span> <svg class="w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 22" aria-hidden="true"><path fill="#000" d="M18.68.922H3.32a2.4 2.4 0 0 0-2.4 2.4v15.36a2.4 2.4 0 0 0 2.4 2.4h15.36a2.4 2.4 0 0 0 2.4-2.4V3.322a2.4 2.4 0 0 0-2.4-2.4ZM7.16 8.602v9.12H4.28v-9.12h2.88ZM4.28 5.947c0-.672.576-1.185 1.44-1.185s1.406.513 1.44 1.185c0 .672-.538 1.215-1.44 1.215-.864 0-1.44-.543-1.44-1.215Zm13.44 11.775h-2.88v-4.8c0-.96-.48-1.92-1.68-1.94h-.039c-1.161 0-1.641.99-1.641 1.94v4.8H8.6v-9.12h2.88V9.83s.926-1.23 2.789-1.23c1.905 0 3.45 1.311 3.45 3.966v5.155Z"/></svg> </span> </a> <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty focus:ring-black rounded-full" href="https://www.tiktok.com/@questbridge"> <span class="sr-only">TikTok</span> <span> <svg class="w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 22" aria-hidden="true"><path fill="#000" d="M18.68.922H3.32a2.403 2.403 0 0 0-2.4 2.4v15.36c0 1.323 1.077 2.4 2.4 2.4h15.36c1.323 0 2.4-1.077 2.4-2.4V3.322c0-1.323-1.077-2.4-2.4-2.4Zm-1.917 8.795a3.596 3.596 0 0 1-3.34-1.61v5.538A4.093 4.093 0 1 1 9.33 9.552c.085 0 .168.008.252.013v2.017c-.084-.01-.166-.025-.252-.025a2.089 2.089 0 1 0 0 4.178c1.153 0 2.172-.91 2.172-2.063l.02-9.405h1.928a3.594 3.594 0 0 0 3.313 3.208v2.242Z"/></svg> </span> </a> <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty focus:ring-black rounded-full" href="https://www.youtube.com/user/QuestBridge"> <span class="sr-only">YouTube</span> <span> <svg class="w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 16" aria-hidden="true"><path fill="#000" d="M20.552 2.96c-.192-1.055-1.103-1.824-2.16-2.064C16.809.56 13.88.32 10.712.32c-3.167 0-6.143.24-7.727.576-1.056.24-1.969.96-2.16 2.064C.632 4.16.44 5.84.44 8s.192 3.84.432 5.04c.193 1.056 1.104 1.825 2.16 2.065 1.68.335 4.56.575 7.728.575 3.17 0 6.05-.24 7.73-.575 1.055-.24 1.966-.96 2.16-2.065.19-1.2.43-2.928.48-5.04-.098-2.16-.338-3.84-.578-5.04ZM8.12 11.36V4.64L13.976 8 8.12 11.36Z"/></svg> </span> </a> </div> </div> </div> <div class="flex flex-col gap-2 py-6 px-6 w-full bg-blue-300 lg:gap-6 lg:pt-5 lg:pb-10 lg:max-w-[350px]"> <div class="flex flex-col gap-2 lg:gap-3"> <div class="flex flex-col gap-1 lg:gap-2"> <div class="type-zeta">Sign up for updates</div> <div class="prose prose-sm"><p>Sign up to be notified when you become eligible to apply!</p></div> </div> <form x-data="{email: null}" @submit.prevent="window.location.href = 'https://apply.questbridge.org/register/hssmailinglistform?sys:email=' + email" class="flex gap-1 items-stretch pl-3 bg-white rounded border-[1px]"> <svg class="size-6 self-center" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 14" aria-hidden="true"><path stroke="#595959" stroke-linecap="round" stroke-linejoin="round" d="M.691.563h16v12h-16v-12Z"/><path stroke="#595959" stroke-linecap="round" stroke-linejoin="round" d="m.691.563 8 7.252 8-7.253"/></svg> <input x-model="email" type="email" placeholder="Sign up for our mailing list" class="pl-1 w-full border-0 placeholder:text-black" required /> <button class="flex items-center px-3 hover:text-white focus:text-white shrink-0 group hover:bg-navy focus:bg-navy" type="submit"> <span class="sr-only">Submit</span> <svg class="size-4 group-focus:text-white group-hover:text-white self-center" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </form> </div> <div class="prose prose-sm"><p>If you are not a high school student, please <a href="https://apply.questbridge.org/register/generalmailinglistform">sign up for updates here</a>.</p></div> </div> </div> <div class="flex flex-col gap-6 lg:flex-row lg:gap-0 lg:justify-between"> <div class="order-2 text-gray-700 lg:order-1 type-paragraph-sm"><p>© 2024 QuestBridge P.O. Box 51847 Palo Alto, CA 94303</p></div> <div class="flex flex-row order-1 gap-6 lg:order-2"> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph-small" href="https://www.questbridge.org/privacy-policy"> <span>Privacy Policy</span></a> <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph-small" href="https://www.questbridge.org/terms-of-use"> <span>Terms of Use</span></a> </div> </div> </footer> </div> </div> <div x-data="{ videoModal: false, videoModalSrc: '' }" @keydown.escape.window="videoModal = false" @click="videoModal = false" > <template @video-modal.window="videoModal = true; videoModalSrc = $event.detail.videoModalSrc;" x-if="videoModal" > <div role="dialog" aria-modal="true" class="overflow-y-auto fixed inset-0 z-[60]" > <div x-show="videoModal" x-transition:enter="transition ease-out" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-50" x-transition:leave="transition ease-in" x-transition:leave-start="opacity-50" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-black opacity-50" > </div> <div x-show="videoModal" x-transition class="flex relative justify-center items-center px-7 mx-auto max-w-7xl min-h-screen" > <div @click.stop x-trap.noscroll.inert="videoModal" class="w-full" > <button type="button" @click="videoModal = false" class="flex fixed top-4 right-4 justify-center items-center w-5 h-5 text-white transition hocus:opacity-70" > <svg class="stroke-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m4 4 16 16M4 20 20 4"/></svg> </button> <div class="mx-auto max-h-screen bg-black shadow-md aspect-[16/9]"> <iframe class="w-full h-full" :src="videoModalSrc" frameborder="0" allow="autoplay; fullscreen" allowfullscreen> </iframe> </div> </div> </div> </div> </template> </div> <script src="https://www.questbridge.org/cpresources/d248fcc8/access.js?v=1731041174" defer></script> <script>function getCookie(e){for(var r=e+"=",t=document.cookie.split(";"),o=0;o<t.length;o++){for(var n=t[o];" "==n.charAt(0);)n=n.substring(1);if(0==n.indexOf(r))return n.substring(r.length,n.length)}return""}function checkCookie(){""!=getCookie("markerEnabled")&&(function(e,r,t){if(!e.__Marker){e.__Marker={};var o=[],n={__cs:o};["show","hide","isVisible","capture","cancelCapture","unload","reload","isExtensionInstalled","setReporter","setCustomData","on","off"].forEach((function(e){n[e]=function(){var r=Array.prototype.slice.call(arguments);r.unshift(e),o.push(r)}})),e.Marker=n;var i=r.createElement("script");i.async=1,i.src="https://edge.marker.io/latest/shim.js";var a=r.getElementsByTagName("script")[0];a.parentNode.insertBefore(i,a)}}(window,document),window.markerConfig={destination:"6615452945a67ce237d3e606",source:"snippet",silent:!0,...getCookie("markerEmail")&&{reporter:{email:decodeURIComponent(getCookie("markerEmail")),fullName:decodeURIComponent(getCookie("markerUser"))}}})}checkCookie();</script></body> </html>

CINXE.COM

National College Match | QuestBridge