CINXE.COM
Princeton University Admission
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: ▪️ html--front.html.twig ▪️ html--node--4261.html.twig ▪️ html--node--%.html.twig ▪️ html--node.html.twig ✅ html.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <meta name="description" content="Princeton University is a vibrant community of scholarship and learning that stands in the nation's service and in the service of all nations." /> <link rel="canonical" href="https://finaid.princeton.edu/" /> <link rel="shortlink" href="https://finaid.princeton.edu/" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/princeton/favicon.ico" type="image/png" /> <title>Princeton University Admission</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_IDX1YmkvQ2nNSHMDt4ps-LfgGCUJPGDIO5vGjpDKOvU.css?delta=0&language=en&theme=princeton&include=eJxljtEOwjAIRX-orp_UsJZtOFoqtMb59VYTs0TfLpyTC2CGLVC5YmyiPppNMxjFsKiUFrCkYO1gNAf_5q1T3MMimsNCj-FEHtbhRwN-c0YzWE9WJA0miiNpBqbnGLs1ySFL6owe0h1KxAtT2X_Q-5S5CgqrQt3MJ-0VeDo3Uy-1z0y2YXJVaRQ1KT7hAp2bs8Ma5s-DL4BXYps" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_cR1WVfijP-gDtV-Yc8JYVQ0ubXoMifJCq6Cdn1Os_wg.css?delta=1&language=en&theme=princeton&include=eJxljtEOwjAIRX-orp_UsJZtOFoqtMb59VYTs0TfLpyTC2CGLVC5YmyiPppNMxjFsKiUFrCkYO1gNAf_5q1T3MMimsNCj-FEHtbhRwN-c0YzWE9WJA0miiNpBqbnGLs1ySFL6owe0h1KxAtT2X_Q-5S5CgqrQt3MJ-0VeDo3Uy-1z0y2YXJVaRQ1KT7hAp2bs8Ma5s-DL4BXYps" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_325dcYCPe9A1UWib9mrhNhdPE281uPK8wrgn0RSq2aI.css?delta=2&language=en&theme=princeton&include=eJxljtEOwjAIRX-orp_UsJZtOFoqtMb59VYTs0TfLpyTC2CGLVC5YmyiPppNMxjFsKiUFrCkYO1gNAf_5q1T3MMimsNCj-FEHtbhRwN-c0YzWE9WJA0miiNpBqbnGLs1ySFL6owe0h1KxAtT2X_Q-5S5CgqrQt3MJ-0VeDo3Uy-1z0y2YXJVaRQ1KT7hAp2bs8Ma5s-DL4BXYps" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/4261","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","gtag":{"tagId":"UA-86814597-1","consentMode":false,"otherIds":["G-XS8JL4JJ21","GT-KF8JMXB"],"events":[],"additionalConfigInfo":[]},"suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxlkFFywyAMRC-EzZEYBWRMDIgikcQ9feVO23jcH0Z6u4OkBWYUl-odvVC3nnm-ASfvlk5VHNbgWPaMbOC_82Mkv7mFenFLeqnHZ3XtVn_A37ogM8S3VimoRh216gVy-tR2sFBxhcLIaCE8oHqccqrbRTpGsVl0M3giUznIXz3zI5pIFDM6gWijPtd-hju8zPaEnB1k7OJ4Z8FiQ-KS9MIweaItoWnQIXZoK9vQR4M8v8k8ahu3nHjFYFpPuq1QtTciYVHHiQVcYGQ5ke9gp6aZTH6Fs1KAJawI4cKuCOtw4DXDkKianwOOzL8A-UK1Vg","theme":"princeton","theme_token":null},"ajaxTrustedUrl":{"\/search":true},"user":{"uid":0,"permissionsHash":"4f632988dd0a5d4e8fb1c8101128ef97bfe91c3583e20f87edfe2ab14112e8da"}}</script> <script src="/sites/default/files/js/js_10NkwsBQlMiQwsZ33AorY1x92ysJLFUAsLQ0Jdk54BY.js?scope=header&delta=0&language=en&theme=princeton&include=eJxdjUEOwyAMBD9EwpOQhR1KsXGFTdL-vjmiXFYzc9k8zVWSKE6mCHhCz7Rx7S0c2h0uMhWKC-92llBUC1NyKLHc8_Qd3vAN7QLmBEzDk_3MSSJWk2pGuGXVVil8Rr0PXXtEOmCyL0XA_EWAa6I-E-SsA6v2P49mSlo"></script> <script src="https://use.fontawesome.com/releases/v6.4.0/js/all.js" defer crossorigin="anonymous"></script> <script src="/modules/contrib/google_tag/js/gtag.js?srxouk"></script> <script> window.gtranslateSettings = { "select_language_label":"Select Language", "default_language": "en", "languages":["ar","bg","zh-CN","zh-TW","hr","cs","da","nl","fi","fr","de","el","hi","it","ja","ko","no","pl","pt","ro","ru","es","sv","ca","tl","iw","id","lv","lt","sr","sk","sl","uk","vi","sq","et","gl","hu","mt","th","tr","fa","af","ms","sw","ga","cy","be","is","mk","yi","hy","az","eu","ka","ht","ur","bn","bs","ceb","eo","gu","ha","hmn","ig","jw","kn","km","lo","la","mi","mr","mn","ne","pa","so","ta","te","yo","zu","my","ny","kk","mg","ml","si","st","su","tg","uz","am","co","haw","ku","ky","lb","ps","sm","gd","sn","sd","fy","xh"], "wrapper_selector":".gtranslate_wrapper" } </script> <script src="https://cdn.gtranslate.net/widgets/v1.0.0/dropdown.js" defer></script> </head> <body class="anonymous path-princeton-financial-aid node-4261 path-frontpage page-node-type-homepage"> <div id="skip"> <a href="#main-content" class="visually-hidden focusable"> Skip to main content </a> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/content/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: ▪️ page--front.html.twig ▪️ page--node--4261.html.twig ▪️ page--node--%.html.twig ▪️ page--node.html.twig ✅ page.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/page.html.twig' --> <header id="masthead"> <div class="masthead-inner-container container-header"> <div class="masthead-inner"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ✅ region--header.html.twig ▪️ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/region--header.html.twig' --> <div class="region region-header row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--princeton-branding.html.twig ✅ block--system-branding-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--system-branding-block.html.twig' --> <div id="block-princeton-branding" class="company-brand col-5 block block-system block-system-branding-block"> <div id="logo-contain" class="logo-contain"> <a href="/" title="Back to Homepage"> <img class="princeton-logo" src="/themes/custom/princeton/assets/images/logo.png" alt="Princeton Financial Aid"/> </a> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--system-branding-block.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/region--header.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ✅ region--header-menu.html.twig ▪️ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/region--header-menu.html.twig' --> <div class="region navs-contain region-header-menu row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--princeton-main-navigation-mobile.html.twig ▪️ block--menu-block--main-menu.html.twig ▪️ block--menu-block--main.html.twig ▪️ block--menu-block.html.twig ▪️ block--system-menu-block.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--princeton-main-navigation-mobile.html.twig' --> <nav role="navigation" id="main-nav-mobile" aria-labelledby="block-princeton-main-navigation-mobile-menu" id="block-princeton-main-navigation-mobile" class="block block-menu mobile navigation menu--main"> <button id="mobile-nav-toggle"> <span class="nav-button-icon"> <span class="screen-reader-text">Toggle Nav Open and Close</span> </span> </button> <h2 class="visually-hidden" id="block-princeton-main-navigation-mobile-menu">Main Navigation Mobile</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--main-menu.html.twig ▪️ menu--main.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/navigation/menu--main-menu.html.twig' --> <ul class="menu first-level"> <li class="menu-item first-level-item"> <a href="/apply-aid-current-students" data-drupal-link-system-path="node/3642">Apply for Aid</a> </li> <li class="menu-item first-level-item menu-item--expanded"> <a href="/how-aid-works" title="How Aid Works" data-drupal-link-system-path="node/3604">How Aid Works</a> <ul class="menu second-level"> <li class="menu-item second-level-item"> <a href="/how-aid-works/family-contribution" data-drupal-link-system-path="node/3711">The Family Contribution</a> </li> <li class="menu-item second-level-item"> <a href="/how-aid-works/family-household-status" data-drupal-link-system-path="node/4121">Family & Household Status</a> </li> <li class="menu-item second-level-item"> <a href="/how-aid-works/student-budget" data-drupal-link-system-path="node/3710">The Student Budget</a> </li> <li class="menu-item second-level-item"> <a href="/how-aid-works/types-aid" data-drupal-link-system-path="node/4036">Types of Aid</a> </li> </ul> <button aria-hidden="true" class="second-level--open"> <?xml version="1.0" encoding="UTF-8"?> <svg width="14px" height="9px" viewBox="0 0 14 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Path 4</title> <g id="Batch-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Blog-Index" transform="translate(-1187.000000, -2215.000000)" stroke="#E77500" stroke-width="2"> <g id="Stories" transform="translate(0.000000, 1952.000000)"> <g id="Show-All-Toggle" transform="translate(1126.000000, 255.000000)"> <polyline id="Path-4" transform="translate(68.000000, 12.214286) rotate(-270.000000) translate(-68.000000, -12.214286) " points="65 6 71 12.2142857 65 18.4285714"></polyline> </g> </g> </g> </g> </svg> </button> </li> <li class="menu-item first-level-item menu-item--expanded"> <a href="/financing-options" data-drupal-link-system-path="node/3608">Financing Options</a> <ul class="menu second-level"> <li class="menu-item second-level-item"> <a href="/financing-options/parent-loans" data-drupal-link-system-path="node/3641">Parent Loans</a> </li> <li class="menu-item second-level-item"> <a href="/financing-options/student-loans" data-drupal-link-system-path="node/3638">Student Loans</a> </li> <li class="menu-item second-level-item"> <a href="/financing-options/initial-loan-counseling-federal-student-borrowers" data-drupal-link-system-path="node/4041">Initial Loan Counseling for Federal Student Borrowers</a> </li> <li class="menu-item second-level-item"> <a href="/financing-options/exit-counseling-student-borrowers" data-drupal-link-system-path="node/4046">Exit Counseling for Student Borrowers</a> </li> <li class="menu-item second-level-item"> <a href="/financing-options/private-loans" data-drupal-link-system-path="node/4091">Private Loans</a> </li> </ul> <button aria-hidden="true" class="second-level--open"> <?xml version="1.0" encoding="UTF-8"?> <svg width="14px" height="9px" viewBox="0 0 14 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Path 4</title> <g id="Batch-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Blog-Index" transform="translate(-1187.000000, -2215.000000)" stroke="#E77500" stroke-width="2"> <g id="Stories" transform="translate(0.000000, 1952.000000)"> <g id="Show-All-Toggle" transform="translate(1126.000000, 255.000000)"> <polyline id="Path-4" transform="translate(68.000000, 12.214286) rotate(-270.000000) translate(-68.000000, -12.214286) " points="65 6 71 12.2142857 65 18.4285714"></polyline> </g> </g> </g> </g> </svg> </button> </li> <li class="menu-item first-level-item menu-item--expanded"> <a href="/policies-procedures" data-drupal-link-system-path="node/3607">Policies & Procedures</a> <ul class="menu second-level"> <li class="menu-item second-level-item"> <a href="/policies-procedures/change-circumstances" data-drupal-link-system-path="node/3627">Change in Circumstances</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/change-name" data-drupal-link-system-path="node/4156">Change of Name</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/computer-purchases" data-drupal-link-system-path="node/3731">Computer Purchases</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/daca-and-financial-aid" data-drupal-link-system-path="node/3719">DACA and Financial Aid</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/federal-verification" data-drupal-link-system-path="node/3687">Federal Verification</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/juniorsenior-dining-options" data-drupal-link-system-path="node/3629">Junior/Senior Dining Options</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/leave-absence-and-withdrawals" data-drupal-link-system-path="node/4011">Leave of Absence</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/princeton-university-nondiscrimination-statement" data-drupal-link-system-path="node/4101">Nondiscrimination Statement</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/outside-scholarships" data-drupal-link-system-path="node/3712">Outside Scholarships</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/institutional-code-conduct-education-loans" data-drupal-link-system-path="node/4056">Private Loan Disclosure</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/satisfactory-academic-progress" data-drupal-link-system-path="node/3971">Satisfactory Academic Progress</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/sibling-enrollment-confirmation" data-drupal-link-system-path="node/3640">Sibling Enrollment Confirmation</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/student-health-plan" data-drupal-link-system-path="node/3628">Student Health Plan</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/study-abroad" data-drupal-link-system-path="node/3709">Study Abroad</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/summer-programs" data-drupal-link-system-path="node/3705">Summer Programs</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/student-aid-recipient-rights-and-responsibilities" data-drupal-link-system-path="node/4066">Student Aid Recipient Rights and Responsibilities</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/student-dependency-override" data-drupal-link-system-path="node/3736">Student Dependency Override</a> </li> <li class="menu-item second-level-item"> <a href="/policies-procedures/veterans-benefits" data-drupal-link-system-path="node/3986">Veterans Benefits</a> </li> </ul> <button aria-hidden="true" class="second-level--open"> <?xml version="1.0" encoding="UTF-8"?> <svg width="14px" height="9px" viewBox="0 0 14 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Path 4</title> <g id="Batch-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Blog-Index" transform="translate(-1187.000000, -2215.000000)" stroke="#E77500" stroke-width="2"> <g id="Stories" transform="translate(0.000000, 1952.000000)"> <g id="Show-All-Toggle" transform="translate(1126.000000, 255.000000)"> <polyline id="Path-4" transform="translate(68.000000, 12.214286) rotate(-270.000000) translate(-68.000000, -12.214286) " points="65 6 71 12.2142857 65 18.4285714"></polyline> </g> </g> </g> </g> </svg> </button> </li> <li class="menu-item first-level-item menu-item--expanded"> <a href="/financial-literacy" data-drupal-link-system-path="node/3610">Financial Literacy</a> <ul class="menu second-level"> <li class="menu-item second-level-item"> <a href="/financial-literacy/budgeting" data-drupal-link-system-path="node/3684">Budgeting</a> </li> <li class="menu-item second-level-item"> <a href="/financial-literacy/credit" data-drupal-link-system-path="node/3685">Credit</a> </li> <li class="menu-item second-level-item"> <a href="/financial-literacy/taxes" data-drupal-link-system-path="node/3686">Taxes</a> </li> </ul> <button aria-hidden="true" class="second-level--open"> <?xml version="1.0" encoding="UTF-8"?> <svg width="14px" height="9px" viewBox="0 0 14 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Path 4</title> <g id="Batch-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Blog-Index" transform="translate(-1187.000000, -2215.000000)" stroke="#E77500" stroke-width="2"> <g id="Stories" transform="translate(0.000000, 1952.000000)"> <g id="Show-All-Toggle" transform="translate(1126.000000, 255.000000)"> <polyline id="Path-4" transform="translate(68.000000, 12.214286) rotate(-270.000000) translate(-68.000000, -12.214286) " points="65 6 71 12.2142857 65 18.4285714"></polyline> </g> </g> </g> </g> </svg> </button> </li> <li class="menu-item first-level-item"> <a href="/consumer-information" data-drupal-link-system-path="node/4126">Consumer Information</a> </li> <li class="menu-item first-level-item menu-item--expanded"> <a href="/student-employment" data-drupal-link-system-path="node/4686">Student Employment</a> <ul class="menu second-level"> <li class="menu-item second-level-item menu-item--expanded"> <a href="/student-employment/information-undergraduates" data-drupal-link-system-path="node/3871">Information for Undergraduates</a> <ul class="menu more-level"> <li class="menu-item"> <a href="/student-employment/information-undergraduates/prior-working" data-drupal-link-system-path="node/3851">Prior to Working</a> </li> <li class="menu-item"> <a href="/student-employment/information-undergraduates/federal-work-study" data-drupal-link-system-path="node/3836">Federal Work-Study</a> </li> <li class="menu-item"> <a href="/student-employment/information-undergraduates/international-students-undergraduates" data-drupal-link-system-path="node/3791">International Students</a> </li> <li class="menu-item"> <a href="/student-employment/information-undergraduates/student-employee-benefits-resources" data-drupal-link-system-path="node/3821">Student Employee Benefits & Resources</a> </li> </ul> <button aria-hidden="true" class="second-level--open"> <?xml version="1.0" encoding="UTF-8"?> <svg width="14px" height="9px" viewBox="0 0 14 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Path 4</title> <g id="Batch-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Blog-Index" transform="translate(-1187.000000, -2215.000000)" stroke="#E77500" stroke-width="2"> <g id="Stories" transform="translate(0.000000, 1952.000000)"> <g id="Show-All-Toggle" transform="translate(1126.000000, 255.000000)"> <polyline id="Path-4" transform="translate(68.000000, 12.214286) rotate(-270.000000) translate(-68.000000, -12.214286) " points="65 6 71 12.2142857 65 18.4285714"></polyline> </g> </g> </g> </g> </svg> </button> </li> <li class="menu-item second-level-item menu-item--expanded"> <a href="/student-employment/information-university-employers" data-drupal-link-system-path="node/3876">Information for University Employers</a> <ul class="menu more-level"> <li class="menu-item"> <a href="/student-employment/information-university-employers/policies-dates" data-drupal-link-system-path="node/4321">Policies & Dates</a> </li> <li class="menu-item"> <a href="/student-employment/information-university-employers/management-resources" data-drupal-link-system-path="node/4756">Management Resources</a> </li> <li class="menu-item"> <a href="/student-employment/information-university-employers/technical-resources" data-drupal-link-system-path="node/4746">Technical Resources</a> </li> <li class="menu-item"> <a href="/student-employment/information-university-employers/undergraduate-wages-and-benefits" data-drupal-link-system-path="node/4336">Undergraduate Wages and Benefits</a> </li> </ul> <button aria-hidden="true" class="second-level--open"> <?xml version="1.0" encoding="UTF-8"?> <svg width="14px" height="9px" viewBox="0 0 14 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Path 4</title> <g id="Batch-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Blog-Index" transform="translate(-1187.000000, -2215.000000)" stroke="#E77500" stroke-width="2"> <g id="Stories" transform="translate(0.000000, 1952.000000)"> <g id="Show-All-Toggle" transform="translate(1126.000000, 255.000000)"> <polyline id="Path-4" transform="translate(68.000000, 12.214286) rotate(-270.000000) translate(-68.000000, -12.214286) " points="65 6 71 12.2142857 65 18.4285714"></polyline> </g> </g> </g> </g> </svg> </button> </li> <li class="menu-item second-level-item"> <a href="/student-employment/information-campus-employers" data-drupal-link-system-path="node/3881">Information for Off-Campus Employers</a> </li> <li class="menu-item second-level-item"> <a href="https://gradschool.princeton.edu/financial-support/graduate-student-employment">Information for Graduate Students</a> </li> <li class="menu-item second-level-item"> <a href="/student-employment/contact-us" data-drupal-link-system-path="node/4351">Contact Us</a> </li> </ul> <button aria-hidden="true" class="second-level--open"> <?xml version="1.0" encoding="UTF-8"?> <svg width="14px" height="9px" viewBox="0 0 14 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Path 4</title> <g id="Batch-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Blog-Index" transform="translate(-1187.000000, -2215.000000)" stroke="#E77500" stroke-width="2"> <g id="Stories" transform="translate(0.000000, 1952.000000)"> <g id="Show-All-Toggle" transform="translate(1126.000000, 255.000000)"> <polyline id="Path-4" transform="translate(68.000000, 12.214286) rotate(-270.000000) translate(-68.000000, -12.214286) " points="65 6 71 12.2142857 65 18.4285714"></polyline> </g> </g> </g> </g> </svg> </button> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/navigation/menu--main-menu.html.twig' --> </nav> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--princeton-main-navigation-mobile.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--princeton-main-navigation-desktop.html.twig ▪️ block--menu-block--main-menu.html.twig ▪️ block--menu-block--main.html.twig ▪️ block--menu-block.html.twig ▪️ block--system-menu-block.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--princeton-main-navigation-desktop.html.twig' --> <nav role="navigation" id="main-nav" aria-labelledby="block-princeton-main-navigation-desktop-menu" id="block-princeton-main-navigation-desktop" class="block block-menu desktop navigation menu--main"> <h2 class="visually-hidden" id="block-princeton-main-navigation-desktop-menu">Main Navigation Desktop</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--main-menu.html.twig ▪️ menu--main.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/navigation/menu--main-menu.html.twig' --> <ul class="menu first-level"> <li class="menu-item first-level-item"> <a href="/apply-aid-current-students" data-drupal-link-system-path="node/3642">Apply for Aid</a> </li> <li class="menu-item first-level-item menu-item--collapsed"> <a href="/how-aid-works" title="How Aid Works" data-drupal-link-system-path="node/3604">How Aid Works</a> </li> <li class="menu-item first-level-item menu-item--collapsed"> <a href="/financing-options" data-drupal-link-system-path="node/3608">Financing Options</a> </li> <li class="menu-item first-level-item menu-item--collapsed"> <a href="/policies-procedures" data-drupal-link-system-path="node/3607">Policies & Procedures</a> </li> <li class="menu-item first-level-item menu-item--collapsed"> <a href="/financial-literacy" data-drupal-link-system-path="node/3610">Financial Literacy</a> </li> <li class="menu-item first-level-item"> <a href="/consumer-information" data-drupal-link-system-path="node/4126">Consumer Information</a> </li> <li class="menu-item first-level-item menu-item--collapsed"> <a href="/student-employment" data-drupal-link-system-path="node/4686">Student Employment</a> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/navigation/menu--main-menu.html.twig' --> </nav> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--princeton-main-navigation-desktop.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--princeton-utilitymenu-2.html.twig ✅ block--menu-block--utility-menu.html.twig ▪️ block--menu-block.html.twig ▪️ block--system-menu-block.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--menu-block--utility-menu.html.twig' --> <nav role="navigation" id="utility-nav" aria-labelledby="block-princeton-utilitymenu-2-menu" id="block-princeton-utilitymenu-2" class="block block-menu navigation menu--utility-menu"> <h2 class="visually-hidden" id="block-princeton-utilitymenu-2-menu">Utility Menu</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--utility-menu.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/navigation/menu--utility-menu.html.twig' --> <ul class="menu"> <li class="menu-item leaf"> <a href="/faqs" data-drupal-link-system-path="node/976">FAQs</a> </li> <li class="menu-item leaf"> <a href="/form-library" data-drupal-link-system-path="node/3720">Form Library</a> </li> <li class="menu-item leaf"> <a href="/contact-us" data-drupal-link-system-path="node/3713">Contact Us</a> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/navigation/menu--utility-menu.html.twig' --> </nav> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--menu-block--utility-menu.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--exposedformsearchpage-1.html.twig ▪️ block--views-exposed-filter-block--search-page-1.html.twig ▪️ block--views-exposed-filter-block.html.twig ▪️ block--views.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--exposedformsearchpage-1.html.twig' --> <div class="views-exposed-form search-menu-block block block-views block-views-exposed-filter-blocksearch-page-1 search-stuff-contain desktop" data-drupal-selector="views-exposed-form-search-page-1" id="block-exposedformsearchpage-1"> <a href="#" class="search" role="button" aria-label="Search Button" aria-expanded="false"> <img src="/themes/custom/princeton/assets/images/Search.png" alt="Search button"> </a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/form.html.twig' --> <form action="/search" method="get" id="views-exposed-form-search-page-1" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_exposed_form' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/view/views-exposed-form.html.twig' --> <div class="form--inline clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-keyword form-item-keyword formElement"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/form-element-label.html.twig' --> <label for="edit-keyword" class="transition inactive">Search</label> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/input.html.twig' --> <input placeholder="Search" data-drupal-selector="edit-keyword" type="text" id="edit-keyword" name="keyword" value="" size="30" maxlength="128" class="form-text" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/input.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ✅ input--submit.html.twig ✅ input--submit.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/input--submit.html.twig' --> <div class="input-btn cls-submit"> <input data-drupal-selector="edit-submit-search" type="submit" id="edit-submit-search" value="Submit" class="button js-form-submit form-submit" /> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/input--submit.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/view/views-exposed-form.html.twig' --> </form> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/form.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--exposedformsearchpage-1.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--princeton-exposedform-mobile-searchpage-1.html.twig ▪️ block--views-exposed-filter-block--search-page-1.html.twig ▪️ block--views-exposed-filter-block.html.twig ▪️ block--views.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--princeton-exposedform-mobile-searchpage-1.html.twig' --> <div class="views-exposed-form search-menu-block block block-views block-views-exposed-filter-blocksearch-page-1 search-stuff-contain mobile" data-drupal-selector="views-exposed-form-search-page-1" id="block-princeton-exposedform-mobile-searchpage-1"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/form.html.twig' --> <form action="/search" method="get" id="views-exposed-form-search-page-1" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_exposed_form' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/view/views-exposed-form.html.twig' --> <div class="form--inline clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-keyword form-item-keyword formElement"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/form-element-label.html.twig' --> <label for="edit-keyword--2" class="transition inactive">Search</label> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/input.html.twig' --> <input placeholder="Search" data-drupal-selector="edit-keyword" type="text" id="edit-keyword--2" name="keyword" value="" size="30" maxlength="128" class="form-text" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/input.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--2"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ✅ input--submit.html.twig ✅ input--submit.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/input--submit.html.twig' --> <div class="input-btn cls-submit"> <input data-drupal-selector="edit-submit-search-2" type="submit" id="edit-submit-search--2" value="Submit" class="button js-form-submit form-submit" /> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/input--submit.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/view/views-exposed-form.html.twig' --> </form> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/form/form.html.twig' --> <a class="search-icon" role="button" aria-label="Search Button" aria-expanded="false"> <img src="/themes/custom/princeton/assets/images/Search.png" alt="Search button"/> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--princeton-exposedform-mobile-searchpage-1.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/region--header-menu.html.twig' --> </div> </div> </header> <section class="layout-hero-content" role="region" aria-label="hero content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--hero.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/region.html.twig' --> <div class="region region-hero"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--princeton-herocontent.html.twig ▪️ block--entity-field--node--field-hero-content.html.twig ▪️ block--entity-field--node.html.twig ▪️ block--entity-field.html.twig ▪️ block--ctools-block.html.twig ✅ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block.html.twig' --> <div id="block-princeton-herocontent" class="block block-ctools-block block-entity-fieldnodefield-hero-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-hero-content--homepage.html.twig ▪️ field--node--field-hero-content.html.twig ▪️ field--node--homepage.html.twig ▪️ field--field-hero-content.html.twig ▪️ field--entity-reference-revisions.html.twig ✅ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <div class="field field--name-field-hero-content field--type-entity-reference-revisions field--label-visually_hidden field__items"> <div class="field__label visually-hidden">Hero Content</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--homepage-hero--default.html.twig ✅ paragraph--homepage-hero.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/paragraphs/paragraph--homepage-hero.html.twig' --> <div class="paragraph paragraph--type--homepage-hero paragraph--view-mode--default hero"> <div class="homepage-hero__cover"> <div class="line-top"> </div> <div class="line-inclined-left"> </div> <div class="line-left"> </div> <div class="line-inclined-right"> </div> <div class="line-right"> </div> <div class="line-inclined-bottom-left"> </div> <div class="line-botton"> </div> <div class="line-inclined-bottom-right"> </div> <div class="line-inclined-bottom--center-left"> </div> <div class="line-inclined-bottom--center-right"> </div> <div class="line-bottom--center-left"> </div> <div class="line-bottom--center-right"> </div> <div class="hero__container"> <div class="hero__title-container"> <div class="hero__title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-pre-title--homepage-hero.html.twig ▪️ field--paragraph--field-pre-title.html.twig ▪️ field--paragraph--homepage-hero.html.twig ▪️ field--field-pre-title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <div class="field field--name-field-pre-title field--type-string field--label-hidden field__items"> <div class="field__item"> Princeton </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> </div> <div class="hero__bold_title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-title--homepage-hero.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--homepage-hero.html.twig ▪️ field--field-title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <div class="field field--name-field-title field--type-string field--label-hidden field__items"> <div class="field__item"> Financial Aid </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> </div> </div> <div class="hero__stripes"> <img src="/themes/custom/princeton/assets/images/orange-stripes.png" alt=""/> </div> <div class="hero__accent_image"> </div> <div class="hero__images"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-homepage-hero-images--homepage-hero.html.twig ▪️ field--paragraph--field-homepage-hero-images.html.twig ▪️ field--paragraph--homepage-hero.html.twig ▪️ field--field-homepage-hero-images.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <div class="field field--name-field-homepage-hero-images field--type-entity-reference field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--default.html.twig ▪️ media--image.html.twig ✅ media--default.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/media/media--default.html.twig' --> <div class="media media--type-image media--view-mode-default wysiwyg--inline-media"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-image--image.html.twig ▪️ field--media--field-media-image.html.twig ▪️ field--media--image.html.twig ▪️ field--field-media-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden field__items"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <img loading="lazy" src="/sites/default/files/images/20240624_CampusBeauty_MR_019.jpg" width="7008" height="4672" alt="Nassau Hall Cupola" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image-formatter.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/media/media--default.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--default.html.twig ▪️ media--image.html.twig ✅ media--default.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/media/media--default.html.twig' --> <div class="media media--type-image media--view-mode-default wysiwyg--inline-media"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-image--image.html.twig ▪️ field--media--field-media-image.html.twig ▪️ field--media--image.html.twig ▪️ field--field-media-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden field__items"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <img loading="lazy" src="/sites/default/files/images/Patton%20Hall%20Exterior%20Door.jpg" width="3804" height="5680" alt="Exterior wooden door on stone building (Patton Hall)" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image-formatter.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/media/media--default.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> </div> </div> <div class="hero__cards"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--paragraph--field-cta--homepage-hero.html.twig ▪️ field--paragraph--field-cta.html.twig ▪️ field--paragraph--homepage-hero.html.twig ▪️ field--field-cta.html.twig ▪️ field--entity-reference-revisions.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field--paragraph--field-cta--homepage-hero.html.twig' --> <div class="field field--name-field-cta field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item col-4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--cardsection-item--default--f-cta--default.html.twig ▪️ paragraph--cardsection-item--default--f-cta.html.twig ▪️ paragraph--cardsection-item--f-cta--default.html.twig ✅ paragraph--cardsection-item--f-cta.html.twig ▪️ paragraph--cardsection-item--default.html.twig ▪️ paragraph--cardsection-item.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/paragraphs/paragraph--cardsection-item--f-cta.html.twig' --> <div class="paragraph paragraph--type--cardsection-item paragraph--view-mode--default"> <div class="cta"> <div class="container-cta"> <div class="cta__url-container"> <a class="default-link" href="/apply-aid-prospective-students" aria-label="Apply for Aid: Prospective Students"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-title--cardsection-item.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--cardsection-item.html.twig ▪️ field--field-title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <div class="field field--name-field-title field--type-string field--label-visually_hidden field__items"> <div class="field__label visually-hidden">Card Title</div> <div class="field__item"> Prospective Applicants </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <img src="/themes/custom/princeton/assets/images/arrow-right.svg" alt=""/> </a> </div> </div> <div class="cta__body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-body-formatted--cardsection-item.html.twig ▪️ field--paragraph--field-body-formatted.html.twig ▪️ field--paragraph--cardsection-item.html.twig ▪️ field--field-body-formatted.html.twig ✅ field--text-long.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-body-formatted field--type-text-long field--label-visually_hidden field__items"> <div class="field__label visually-hidden">Card Description</div> <div class="field__item"> <p>Class of 2029 & beyond</p> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--text-long.html.twig' --> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/paragraphs/paragraph--cardsection-item--f-cta.html.twig' --> </div> <div class="field__item col-4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--cardsection-item--default--f-cta--default.html.twig ▪️ paragraph--cardsection-item--default--f-cta.html.twig ▪️ paragraph--cardsection-item--f-cta--default.html.twig ✅ paragraph--cardsection-item--f-cta.html.twig ▪️ paragraph--cardsection-item--default.html.twig ▪️ paragraph--cardsection-item.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/paragraphs/paragraph--cardsection-item--f-cta.html.twig' --> <div class="paragraph paragraph--type--cardsection-item paragraph--view-mode--default"> <div class="cta"> <div class="container-cta"> <div class="cta__url-container"> <a class="default-link" href="/apply-aid-current-students" aria-label="Apply Now"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-title--cardsection-item.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--cardsection-item.html.twig ▪️ field--field-title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <div class="field field--name-field-title field--type-string field--label-visually_hidden field__items"> <div class="field__label visually-hidden">Card Title</div> <div class="field__item"> Current Students </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <img src="/themes/custom/princeton/assets/images/arrow-right.svg" alt=""/> </a> </div> </div> <div class="cta__body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-body-formatted--cardsection-item.html.twig ▪️ field--paragraph--field-body-formatted.html.twig ▪️ field--paragraph--cardsection-item.html.twig ▪️ field--field-body-formatted.html.twig ✅ field--text-long.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-body-formatted field--type-text-long field--label-visually_hidden field__items"> <div class="field__label visually-hidden">Card Description</div> <div class="field__item"> <p>All enrolled students who demonstrate need are eligible for financial aid</p> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--text-long.html.twig' --> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/paragraphs/paragraph--cardsection-item--f-cta.html.twig' --> </div> <div class="field__item col-4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--cardsection-item--default--f-cta--default.html.twig ▪️ paragraph--cardsection-item--default--f-cta.html.twig ▪️ paragraph--cardsection-item--f-cta--default.html.twig ✅ paragraph--cardsection-item--f-cta.html.twig ▪️ paragraph--cardsection-item--default.html.twig ▪️ paragraph--cardsection-item.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/paragraphs/paragraph--cardsection-item--f-cta.html.twig' --> <div class="paragraph paragraph--type--cardsection-item paragraph--view-mode--default"> <div class="cta"> <div class="container-cta"> <div class="cta__url-container"> <a class="default-link" href="https://finaidapp.princeton.edu/FinAid/loginEnrolled.jsp" aria-label="Log into your account"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-title--cardsection-item.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--cardsection-item.html.twig ▪️ field--field-title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <div class="field field--name-field-title field--type-string field--label-visually_hidden field__items"> <div class="field__label visually-hidden">Card Title</div> <div class="field__item"> My Financial Aid </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <img src="/themes/custom/princeton/assets/images/arrow-right.svg" alt=""/> </a> </div> </div> <div class="cta__body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-body-formatted--cardsection-item.html.twig ▪️ field--paragraph--field-body-formatted.html.twig ▪️ field--paragraph--cardsection-item.html.twig ▪️ field--field-body-formatted.html.twig ✅ field--text-long.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-body-formatted field--type-text-long field--label-visually_hidden field__items"> <div class="field__label visually-hidden">Card Description</div> <div class="field__item"> <p>Access your application and view your most recent aid offer</p> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--text-long.html.twig' --> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/paragraphs/paragraph--cardsection-item--f-cta.html.twig' --> </div> <div class="field__item col-4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--cardsection-item--default--f-cta--default.html.twig ▪️ paragraph--cardsection-item--default--f-cta.html.twig ▪️ paragraph--cardsection-item--f-cta--default.html.twig ✅ paragraph--cardsection-item--f-cta.html.twig ▪️ paragraph--cardsection-item--default.html.twig ▪️ paragraph--cardsection-item.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/paragraphs/paragraph--cardsection-item--f-cta.html.twig' --> <div class="paragraph paragraph--type--cardsection-item paragraph--view-mode--default"> <div class="cta"> <div class="container-cta"> <div class="cta__url-container"> <a class="default-link" href="https://puwebp.princeton.edu/financial-aid-public/ui/#/bill-estimator" aria-label="Use the estimator"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-title--cardsection-item.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--cardsection-item.html.twig ▪️ field--field-title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <div class="field field--name-field-title field--type-string field--label-visually_hidden field__items"> <div class="field__label visually-hidden">Card Title</div> <div class="field__item"> Bill Estimator </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> <img src="/themes/custom/princeton/assets/images/arrow-right.svg" alt=""/> </a> </div> </div> <div class="cta__body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-body-formatted--cardsection-item.html.twig ▪️ field--paragraph--field-body-formatted.html.twig ▪️ field--paragraph--cardsection-item.html.twig ▪️ field--field-body-formatted.html.twig ✅ field--text-long.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-body-formatted field--type-text-long field--label-visually_hidden field__items"> <div class="field__label visually-hidden">Card Description</div> <div class="field__item"> <p>Use your financial aid offer to estimate your academic year bill</p> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--text-long.html.twig' --> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/paragraphs/paragraph--cardsection-item--f-cta.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field--paragraph--field-cta--homepage-hero.html.twig' --> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/paragraphs/paragraph--homepage-hero.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/field/field.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/region.html.twig' --> </section> <section class="layout-content-top" role="region" aria-label="top content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content-top.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/region.html.twig' --> <div class="region region-content-top"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--princeton-messages.html.twig ✅ block--system-messages-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/block/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/block/block--system-messages-block.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/region.html.twig' --> </section> <main role="main"> <div class="layout-container container"> <section class="row"> <a id="main-content" tabindex="-1"></a> <div class="col-md-12"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/region.html.twig' --> <div class="region region-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--princeton-content.html.twig ▪️ block--system-main-block.html.twig ▪️ block--system.html.twig ✅ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block.html.twig' --> <div id="block-princeton-content" class="block block-system block-system-main-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--4261--full.html.twig ▪️ node--4261.html.twig ▪️ node--homepage--full.html.twig ▪️ node--homepage.html.twig ▪️ node--full.html.twig ✅ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/node/node.html.twig' --> <article class="node node--type-homepage node--promoted node--view-mode-full"> <div class="node__content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: ✅ links--node.html.twig ✅ links--node.html.twig ▪️ links.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/content/links--node.html.twig' --> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/node/node.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/region.html.twig' --> </div> </section> </div> </main> <div class="grayYear upArrows" aria-hidden="true" style="background-image: url('/themes/custom/princeton/assets/images/TextureO.png'); background-size: cover; background-position: center center; background-repeat: no-repeat;"> <div class="upArrowsWide"></div> <div class="centeredOrangeLine"></div> <div class="yearHolder inverted"> <h5 class="tracked">Princeton</h5> </div> </div> <footer class="footer layout-footer-content" role="contentinfo"> <div class="container--footer"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ✅ region--footer.html.twig ▪️ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/region--footer.html.twig' --> <div class="footer-top region region-footer"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--princeton-sitebranding.html.twig ▪️ block--system-branding-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--princeton-sitebranding.html.twig' --> <div id="block-princeton-sitebranding" class="footer-section--logo block block-system block-system-branding-block"> <div class="logo-contain"> <a aria-label="Redirects to Princeton University" href="http://www.princeton.edu/"> <span class="screen-reader-text">Princeton University Main Site</span> <img aria-label="Princeton University Logo" title="Back to Homepage" src="/themes/custom/princeton/assets/images/princeton-logo--white-text.svg" alt="Princeton Admission Fid"> </a> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--princeton-sitebranding.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--princeton-footer-nav.html.twig ▪️ block--menu-block--footer.html.twig ▪️ block--menu-block.html.twig ▪️ block--system-menu-block.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--princeton-footer-nav.html.twig' --> <nav role="navigation" aria-labelledby="block-princeton-footer-nav-menu" id="block-princeton-footer-nav" class="block block-menu navigation footer-section--nav menu--footer"> <h2 class="visually-hidden" id="block-princeton-footer-nav-menu">Footer</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--footer.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/navigation/menu--footer.html.twig' --> <div> <a href="/contact-us" class="inverted clean">Contact Us</a> </div> <div> <a href="/faqs" class="inverted clean">FAQs</a> </div> <div> <a href="/form-library" class="inverted clean">Form Library</a> </div> <div> <a href="https://accessibility.princeton.edu/help" class="inverted clean">Accessibility</a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/navigation/menu--footer.html.twig' --> </nav> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/block/block--princeton-footer-nav.html.twig' --> <div class="footer-section--terms"> <div class="footer-terms"> <p>The Undergraduate Financial Aid and Student Employment Office resides within the Office of the <a href="https://odoc.princeton.edu/"> <label aria-label="Redirects to Dean of the College"> Dean of the College</label></a></p> </div> <span class="footer-terms"> © 2025 The Trustees of Princeton University </span> </div> </div> <div class="footer-shield-contain"> <img src="/themes/custom/princeton/assets/images/est_shield_divided.svg" alt="Est.1746"> <span class="visually-hidden screen-reader-text">Est.1746</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/region--footer.html.twig' --> </div> </footer> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/page.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/stable/templates/content/off-canvas-page-wrapper.html.twig' --> <script src="/sites/default/files/js/js_2t6MmVhHaO3t873ENrUtLIy9wjL6DR3IXJ_Mzawr5g0.js?scope=footer&delta=0&language=en&theme=princeton&include=eJxdjUEOwyAMBD9EwpOQhR1KsXGFTdL-vjmiXFYzc9k8zVWSKE6mCHhCz7Rx7S0c2h0uMhWKC-92llBUC1NyKLHc8_Qd3vAN7QLmBEzDk_3MSSJWk2pGuGXVVil8Rr0PXXtEOmCyL0XA_EWAa6I-E-SsA6v2P49mSlo"></script> </body> </html> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/princeton/templates/layout/html.html.twig' -->