CINXE.COM
Yale College
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--front.html.twig * html--node--39.html.twig * html--node--%.html.twig * html--node.html.twig x html.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/layout/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# " class="no-js"> <head> <meta charset="utf-8" /> <link rel="canonical" href="https://yalecollege.yale.edu/" /> <link rel="shortlink" href="https://yalecollege.yale.edu/" /> <link rel="image_src" href="http://dev-yalecollege-yale-edu-d8.pantheonsite.io/sites/default/files/inline-images/yale-og.jpg" /> <meta property="og:site_name" content="Yale College" /> <meta property="og:url" content="https://yalecollege.yale.edu/node/39" /> <meta property="og:title" content="Yale College" /> <meta property="og:image" content="http://dev-yalecollege-yale-edu-d8.pantheonsite.io/sites/default/files/inline-images/yale-og.jpg" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:width" content="1260" /> <meta property="og:image:height" content="630" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="Generator" content="Drupal 9 (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" /> <meta name="mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <link rel="icon" href="/sites/default/files/favicon192.png" type="image/png" /> <title>Yale College</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.3.1/themes/reset-min.css" integrity="sha256-t2ATOGCtAIZNnzER679jwcFcKYfLlw01gli6F6oszk8=" crossorigin="anonymous"> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_JQyZ9StD4-4I5jikYtL8icbvn1b-f6xMTWUzpXDhKlc.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_CUakufD4yeoOE9O2s8bYjoBjjZ4HZiNvwvTwGCCv81Y.css" /> </head> <body class="preload fs-grid page_layout_home" itemscope itemtype="http://schema.org/WebPage"> <a href="#skip_content" class="skip_link" id="skip_link"> Skip to Main Content </a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'google_tag_gtm_iframe' --> <!-- BEGIN OUTPUT from 'modules/contrib/google_tag/templates/google-tag-gtm-iframe.html.twig' --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WZGVV5K" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- END OUTPUT from 'modules/contrib/google_tag/templates/google-tag-gtm-iframe.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'core/themes/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--39.html.twig * page--node--%.html.twig * page--node.html.twig x page.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/layout/page.html.twig' --> <div class="page_wrapper"> <header class="header" id="header"> <div class="header_ribbon"> <div class="container"> <div class="row"> <div class="col"> <div class="header_ribbon_inner"> <div class="logo logo_header logo_icon"> <a class="logo_link" href="https://yalecollege.yale.edu/"> <span class="logo_link_label">Yale College</span> <span class="logo_link_icon"><svg class="icon icon_yale_logo"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#yale_logo"></use> </svg> </span> </a> </div> <div class="header_group"> <div class="header_announcements"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--header.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: x block--yalecollegeannouncementsblock.html.twig * block--yale-college-announcements-block.html.twig * block--yale-college-announcements.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/block/block--yalecollegeannouncementsblock.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'yale_college_announcements_block' --> <!-- BEGIN OUTPUT from 'modules/custom/yale_college_announcements/templates/yale_college_announcements_block.html.twig' --> <button class="js-swap js-announcement-trigger js-announcement-swap announcement_trigger" data-swap-target=".announcement_wrapper" data-swap-linked=".js-announcement-swap" aria-expanded="false"> <span class="announcement_count_wrap"> <span class="announcement_count">0</span> <span class="announcement_icon" aria-hidden="true"><svg class="icon icon_bell"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#bell"></use> </svg> </span> </span> <span class="announcement_label">Announcements</span> </button> <div class="js-announcement announcement_wrapper" id="#announcement_1" aria-label="Announcements" tabindex="-1"> <div class="js-announcement-document announcement_document"> <div class="announcement_item"> <span class="announcement_item_label">No announcements at this time.</span> </div> <button class="js-swap js-announcement-close js-announcement-swap announcement_close" data-swap-target=".announcement_wrapper" data-swap-linked=".js-announcement-swap" aria-label="Close"> <span class="announcement_close_icon"><svg class="icon icon_close"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#close"></use> </svg> </span> </button> </div> </div> <!-- END OUTPUT from 'modules/custom/yale_college_announcements/templates/yale_college_announcements_block.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/block/block--yalecollegeannouncementsblock.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> </div> <a class="js-swap js-menu-handle menu_handle" href="#menu" data-swap-target=".menu" data-swap-linked="menu"> <span class="menu_handle_icon" aria-hidden="true"><svg class="icon icon_menu"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#menu"></use> </svg> </span> <span class="menu_handle_label">Search & Menu</span> </a> </div> </div> </div> </div> </div> </div> </header> <main class="page"> <div class="page_feature page_feature_image"> <div class="js-home-feature home_feature"> <div class="home_feature_media featured_video"> <div class="js-background home_feature_background" data-background-options='{"source": { "0px": "/sites/default/files/styles/portrait_classic_sml/public/2019-09/2014_10_30_10-43-15_Branford_0.jpg?h=555ecce1&itok=jlmcwNZ2", "740px": "/sites/default/files/styles/wide_med/public/2019-09/2014_10_30_10-43-15_Branford_0.jpg?h=77d1d8bf&itok=oM19nZIM", "980px": "/sites/default/files/styles/wide_lrg/public/2019-09/2014_10_30_10-43-15_Branford_0.jpg?h=77d1d8bf&itok=ZqtMZ6yT", "1220px": "/sites/default/files/styles/wide_xlrg/public/2019-09/2014_10_30_10-43-15_Branford_0.jpg?h=77d1d8bf&itok=9gZ3eMSU"}, "lazy": true}' aria-hidden="true"> <div class="home_feature_background_fallback" style="background-image: url('/sites/default/files/styles/ultrawide_xxsml/public/2019-09/2014_10_30_10-43-15_Branford_0.jpg?itok=JIkP83Hu');"></div> </div> <div class="js-home-background js-background-video home_feature_video_background" data-background-options='{"source": { "poster": "/sites/default/files/styles/wide_med/public/2019-09/2014_10_30_10-43-15_Branford_0.jpg?h=77d1d8bf&itok=oM19nZIM", "mp4": "//player.vimeo.com/external/370889931.hd.mp4?s=2ecc4012f6933d1a5372ed27866b8da7b1367ba3&profile_id=174"}, "lazy": true}'> <div class="home_feature_video_background_fallback" style="background-image: url('/sites/default/files/styles/ultrawide_xxsml/public/2019-09/2014_10_30_10-43-15_Branford_0.jpg?itok=JIkP83Hu');"></div> </div> <div class="js-background-controls fs-background-controls"> <div class="custom_play"> <span class="fs-background-control-icon"><svg class="icon icon_play"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#play"></use> </svg> </span> </div> </div> </div> <div class="home_feature_content"> <div class="container"> <div class="row"> <div class="col"> <div class="js-home-feature-inner home_feature_inner"> <div class="home_feature_header"> <h1 class="home_feature_heading">Yale College</h1> <h2 class="home_feature_title">Search</h2> </div> <div class="js-home-feature-body home_feature_body"> <div class="js-search-algolia"> <div class="js-site-search site_search site_search_sm" id="site_search_home_search" role="search"> <meta itemprop="url" content="http://yalecollege.yale.edu/"> <form class="site_search_form" action="/search" itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction" method="get"> <meta itemprop="target" content="https://yalecollege.yale.edu/search?q={q}"> <label class="site_search_label"> <span class="site_search_label_text">Search</span> <span class="js-search-input"> </span> </label> <button class="site_search_button" type="submit"> <span class="site_search_button_label">Submit</span> <span class="site_search_button_icon"><svg class="icon icon_search"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#search"></use> </svg> </span> </button> </form> </div> <div class="js-search-results home_search"> <div class="home_search_inner"> <div class="home_search_item"> <div class="home_search_label"> Resources </div> <div class="js-resources"></div> </div> <div class="home_search_item"> <div class="home_search_label"> People </div> <div class="js-people"></div> </div> <div class="home_search_item"> <div class="home_search_label"> Dates & Deadlines </div> <div class="js-dates"></div> </div> </div> <div class="js-all-results-button home_search_button"> <a class="home_search_link" href="#"> <span class="home_search_link_inner"> <span class="home_search_link_label">See all results</span> <span class="home_search_link_icon" aria-hidden="true"> <svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="js-home-links home_links"> <div class="container"> <div class="row"> <div class="col"> <div class="home_links_inner"> <h2 class="home_links_title home_links_title_mobile">Places to start.</h2> <div class="js-menu-item menu_item"> <button class="js-menu-trigger menu_trigger" data-menu-opens="home_links" title="open menu"> <span class="js-menu-trigger-label menu_trigger_label">Incoming Students</span> <span class="menu_trigger_icon" aria-hidden="true"><svg class="icon icon_chevron_down"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#chevron_down"></use> </svg> </span> </button> <div class="js-menu-panel menu_panel" id="home_links"> <div class="menu_panel_list"> <div class="js-menu-panel-item menu_panel_item"> <button class="js-menu-panel-link menu_panel_link js-swap" data-swap-options='{"collapse": false}' data-swap-target=".js-tab-panel-1" data-swap-group="tabs_group_places_to_start" data-swap-active="true">Incoming Students</button> </div> <div class="js-menu-panel-item menu_panel_item"> <button class="js-menu-panel-link menu_panel_link js-swap" data-swap-options='{"collapse": false}' data-swap-target=".js-tab-panel-2" data-swap-group="tabs_group_places_to_start" >Info For</button> </div> <div class="js-menu-panel-item menu_panel_item"> <button class="js-menu-panel-link menu_panel_link js-swap" data-swap-options='{"collapse": false}' data-swap-target=".js-tab-panel-3" data-swap-group="tabs_group_places_to_start" >Schedules</button> </div> <div class="js-menu-panel-item menu_panel_item"> <button class="js-menu-panel-link menu_panel_link js-swap" data-swap-options='{"collapse": false}' data-swap-target=".js-tab-panel-4" data-swap-group="tabs_group_places_to_start" >Get Help</button> </div> </div> </div> </div> <div class="js-tabs-block tabs_block" id="tabs_places_to_start"> <div class="tabs_block_inner"> <h2 class="home_links_title home_links_title_desktop">Places to start.</h2> <div class="js-tabs tabs"> <div class="js-tab tab"> <a class="js-tab-trigger js-swap tab_trigger" href="#js-tab-panel-1" id="js-tab-trigger-places_to_start-1" data-swap-options='{"collapse": false}' data-swap-target=".js-tab-panel-1" data-swap-group="tabs_group_places_to_start" data-swap-active="true"> <span class="tab_trigger_label">Incoming Students</span> </a> </div> <div class="js-tab tab"> <a class="js-tab-trigger js-swap tab_trigger" href="#js-tab-panel-2" id="js-tab-trigger-places_to_start-2" data-swap-options='{"collapse": false}' data-swap-target=".js-tab-panel-2" data-swap-group="tabs_group_places_to_start" > <span class="tab_trigger_label">Info For</span> </a> </div> <div class="js-tab tab"> <a class="js-tab-trigger js-swap tab_trigger" href="#js-tab-panel-3" id="js-tab-trigger-places_to_start-3" data-swap-options='{"collapse": false}' data-swap-target=".js-tab-panel-3" data-swap-group="tabs_group_places_to_start" > <span class="tab_trigger_label">Schedules</span> </a> </div> <div class="js-tab tab"> <a class="js-tab-trigger js-swap tab_trigger" href="#js-tab-panel-4" id="js-tab-trigger-places_to_start-4" data-swap-options='{"collapse": false}' data-swap-target=".js-tab-panel-4" data-swap-group="tabs_group_places_to_start" > <span class="tab_trigger_label">Get Help</span> </a> </div> </div> </div> <div class="tab_panels js-equalize" data-equalize-options='{"target": ".home_links_link", "minWidth": "990px"}'> <div class="js-tab-panel js-tab-panel-1 tab_panel" id="js-tab-panel-1"> <!-- Each blue link box --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--454--teaser.html.twig * node--454.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/welcome-yale-college" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">Welcome to Yale College</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--471--teaser.html.twig * node--471.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/first-year-and-new-student-resources/new-student-dates-deadlines" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">New Student Dates & Deadlines</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--469--teaser.html.twig * node--469.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/first-year-and-new-student-resources/new-student-forms-tasks" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">New Student Forms & Tasks </span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--1294--teaser.html.twig * node--1294.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/first-year-and-new-student-resources/new-student-faqs" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">New Student FAQs</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--476--teaser.html.twig * node--476.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/first-year-and-new-student-resources/orientation-programs" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">Camp Yale Programs </span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> </div> <div class="js-tab-panel js-tab-panel-2 tab_panel" id="js-tab-panel-2"> <!-- Each blue link box --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--42--teaser.html.twig * node--42.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/students" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">Students</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--43--teaser.html.twig * node--43.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/faculty" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">Faculty</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--44--teaser.html.twig * node--44.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/staff" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">Staff</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--45--teaser.html.twig * node--45.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/families" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">Families</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> </div> <div class="js-tab-panel js-tab-panel-3 tab_panel" id="js-tab-panel-3"> <!-- Each blue link box --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--41--teaser.html.twig * node--41.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/academics/academic-calendar" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">Academic Calendar</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--471--teaser.html.twig * node--471.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/first-year-and-new-student-resources/new-student-dates-deadlines" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">New Student Dates & Deadlines</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--60--teaser.html.twig * node--60.html.twig x node--external-url-resource--teaser.html.twig * node--external-url-resource.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--external-url-resource--teaser.html.twig' --> <a href="https://registrar.yale.edu/general-information/final-exams" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--external-url-resource.html.twig x field--node--title.html.twig * field--node--external-url-resource.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span>Exam Schedule</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> <span class="home_links_link_url_icon" aria-hidden="true"><svg class="icon icon_caret_side"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#caret_side"></use> </svg> </span> <span class="home_links_link_url">registrar.yale.edu</span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_external"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#external"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--external-url-resource--teaser.html.twig' --> </div> <div class="js-tab-panel js-tab-panel-4 tab_panel" id="js-tab-panel-4"> <!-- Each blue link box --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--452--teaser.html.twig * node--452.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/getting-help" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">Getting Help</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--762--teaser.html.twig * node--762.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/getting-help/getting-academic-help" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">Getting Academic Help</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--558--teaser.html.twig * node--558.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/getting-help/getting-financial-help" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">Getting Financial Help</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--571--teaser.html.twig * node--571.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/getting-help/getting-social-help" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">Getting Social Help</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--572--teaser.html.twig * node--572.html.twig x node--page--teaser.html.twig * node--page.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> <a href="/getting-help/getting-technology-help" class="js-home-links-link home_links_link"> <span class="home_links_link_inner"> <span class="home_links_link_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span property="schema:name">Getting Technology Help</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </span> <span class="home_links_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--page--teaser.html.twig' --> </div> </div> </div> </div> </div> </div> </div> </div> <div class="line_wrap"> <div class="container"> <div class="row"> <div class="col"> <div class="line" aria-hidden="true"> <div class="line_inner"></div> </div> </div> </div> </div> </div> </div> </div> <div class="page_main_content"> <div class="container"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--above-content.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yale-college-messages.html.twig x block--system-messages-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/block/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'core/themes/stable/templates/block/block--system-messages-block.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--content.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yale-college-content.html.twig * block--system-main-block.html.twig * block--system.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/block/block.html.twig' --> <div id="block-yale-college-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--39--full.html.twig * node--39.html.twig * node--home--full.html.twig * node--home.html.twig * node--full.html.twig x node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node.html.twig' --> <article data-history-node-id="39" role="article" about="/node/39"> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: * links--node.html.twig x links.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/navigation/links.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/navigation/links.html.twig' --> </div> </article> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/yale_college/templates/block/block.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--below-content.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yalecollegealertblock.html.twig * block--yale-college-alerts-block.html.twig * block--yale-college-alerts.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/block/block.html.twig' --> <div id="block-yalecollegealertblock"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'yale_college_alerts_block' --> <!-- BEGIN OUTPUT from 'modules/custom/yale_college_alerts/templates/yale_college_alerts_block.html.twig' --> <!-- END OUTPUT from 'modules/custom/yale_college_alerts/templates/yale_college_alerts_block.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/yale_college/templates/block/block.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> </div> </div> </div> </div> <div class="full_width_callouts"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--image-link-list--full.html.twig x paragraph--image-link-list.html.twig * paragraph--full.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/paragraphs/paragraph--image-link-list.html.twig' --> <div class="js-checkpoint image_link_list theme_blue_dark side_left" itemscope itemtype="http://schema.org/ItemList" data-checkpoint-offset="300"> <div class="container"> <div class="row"> <div class="col"> <div class="image_link_list_inner"> <div class="image_link_list_box"> <div class="image_link_list_box_inner"> <div class="image_link_list_header"> <h2 class="image_link_list_title" itemprop="name"> <span class="image_link_list_title_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--full--field-paragraph-callout-title.html.twig * field--full.html.twig * field--paragraph--field-paragraph-callout-title--image-link-list.html.twig * field--paragraph--field-paragraph-callout-title.html.twig * field--paragraph--image-link-list.html.twig * field--field-paragraph-callout-title.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/field.html.twig' --> About Yale College <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/field.html.twig' --> </span> </h2> </div> <div class="image_link_list_description"> <p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--full--field-paragraph-description.html.twig * field--full.html.twig * field--paragraph--field-paragraph-description--image-link-list.html.twig * field--paragraph--field-paragraph-description.html.twig * field--paragraph--image-link-list.html.twig * field--field-paragraph-description.html.twig x field--string-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/field--string-long.html.twig' --> <span>Yale College, the undergraduate branch of Yale University, offers instruction in more than 80 subjects spanning the liberal arts, sciences, and engineering. Its signature residential college system and expansive extracurricular programs sustain a supportive community of students, staff, and scholars. </span> <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/field--string-long.html.twig' --> </p> </div> <div class="image_link_list_body"> <ul class="image_link_list_items" aria-label="About Yale College"> <li class="image_link_list_item" itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem"> <a class="js-resource image_link_list_link" href="/get-know-yale-college" itemprop="url" data-domain="" data-icon="arrow" aria-label="Get to Know Yale College"> <span class="image_link_list_link_label" itemprop="name">Get to Know Yale College</span> <span class="image_link_list_link_icon_label">arrow</span> <span class="image_link_list_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> </li> </ul> </div> </div> </div> <div class="image_link_list_figure_wrap"> <figure class="image_link_list_figure"> <div class="lazy_image_wrapper image_link_list_image_wrapper"> <img class="js-lazy js-lazyload image_link_list_image" data-sizes="auto" src="/themes/custom/yale_college/frontend/images/placeholder.png" data-src="/sites/default/files/styles/classic_xsml/public/2023-02/2020_01_19_13-42-03__DP_5348s.jpg?h=2176a4e5&itok=jNy4wxpl" data-srcset="/sites/default/files/styles/classic_xlrg/public/2023-02/2020_01_19_13-42-03__DP_5348s.jpg?h=2176a4e5&itok=JvZvqkFo 1440w, /sites/default/files/styles/classic_lrg/public/2023-02/2020_01_19_13-42-03__DP_5348s.jpg?h=2176a4e5&itok=-8-QzdT6 1220w, /sites/default/files/styles/classic_med/public/2023-02/2020_01_19_13-42-03__DP_5348s.jpg?h=2176a4e5&itok=2tnyTinf 980w, /sites/default/files/styles/classic_sml/public/2023-02/2020_01_19_13-42-03__DP_5348s.jpg?h=2176a4e5&itok=ie-IE9Tj 740w" alt="" itemprop="image"> </div> <noscript> <div class="image_link_list_image_wrapper"> <img class="image_link_list_image" src="/sites/default/files/styles/classic_xsml/public/2023-02/2020_01_19_13-42-03__DP_5348s.jpg?h=2176a4e5&itok=jNy4wxpl" srcset="/sites/default/files/styles/classic_sml/public/2023-02/2020_01_19_13-42-03__DP_5348s.jpg?h=2176a4e5&itok=ie-IE9Tj 740w, /sites/default/files/styles/classic_med/public/2023-02/2020_01_19_13-42-03__DP_5348s.jpg?h=2176a4e5&itok=2tnyTinf 980w, /sites/default/files/styles/classic_lrg/public/2023-02/2020_01_19_13-42-03__DP_5348s.jpg?h=2176a4e5&itok=-8-QzdT6 1220w, /sites/default/files/styles/classic_xlrg/public/2023-02/2020_01_19_13-42-03__DP_5348s.jpg?h=2176a4e5&itok=JvZvqkFo 1440w" sizes="100vw" alt="" itemprop="image"> </div> </noscript> </figure> </div> </div> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/yale_college/templates/paragraphs/paragraph--image-link-list.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--academic-calendar--full.html.twig x paragraph--academic-calendar.html.twig * paragraph--full.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/paragraphs/paragraph--academic-calendar.html.twig' --> <div class="academic_calendar"> <div class="academic_calendar_background"> </div> <div class="container"> <div class="row"> <div class="col-lg-4"> <div class="academic_calendar_header"> <span class="academic_calendar_icon"><svg class="icon icon_calendar"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#calendar"></use> </svg> </span> <h2 class="academic_calendar_title">Academic Calendar</h2> <p class="academic_calendar_description"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--full--field-paragraph-description.html.twig * field--full.html.twig * field--paragraph--field-paragraph-description--academic-calendar.html.twig * field--paragraph--field-paragraph-description.html.twig * field--paragraph--academic-calendar.html.twig * field--field-paragraph-description.html.twig x field--string-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/field--string-long.html.twig' --> <span>Here are some upcoming important dates & deadlines from the Academic Calendar.</span> <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/field--string-long.html.twig' --> </p> <a class="academic_calendar_button_link" href="academics/academic-calendar"> <span class="academic_calendar_button_link_label">Current Academic Calendar</span><span class="academic_calendar_button_link_icon" aria-hidden="true"><svg class="icon icon_arrow"><use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use></svg></span></a> </div> </div> <div class="col-lg-8"> <div class="js-accordion academic_calendar_accordion" id="academic_calendar_accordion_academic_calendar_13"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--980--teaser.html.twig * node--980.html.twig x node--date-deadline--teaser.html.twig * node--date-deadline.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--date-deadline--teaser.html.twig' --> <div class="js-academic-calendar-accordion-item js-academic-calendar-accordion-item-date_deadline13_980 academic_calendar_accordion_item"> <div class="academic_calendar_accordion_header"> <div class="academic_calendar_accordion_labels"> <span class="academic_calendar_accordion_date"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--field-end-date.html.twig * field--teaser.html.twig * field--node--field-end-date--date-deadline.html.twig * field--node--field-end-date.html.twig * field--node--date-deadline.html.twig * field--field-end-date.html.twig * field--datetime.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'time' --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/time.html.twig' --> <time datetime="2024-12-02T12:00:00Z">Dec 2, 2024</time> <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/time.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/field.html.twig' --> </span> <span class="academic_calendar_accordion_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--date-deadline.html.twig x field--node--title.html.twig * field--node--date-deadline.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span>Classes resume, 8:20 a.m.</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--date-deadline--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--981--teaser.html.twig * node--981.html.twig x node--date-deadline--teaser.html.twig * node--date-deadline.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--date-deadline--teaser.html.twig' --> <div class="js-academic-calendar-accordion-item js-academic-calendar-accordion-item-date_deadline13_981 academic_calendar_accordion_item"> <div class="academic_calendar_accordion_header"> <div class="academic_calendar_accordion_labels"> <span class="academic_calendar_accordion_date"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--field-end-date.html.twig * field--teaser.html.twig * field--node--field-end-date--date-deadline.html.twig * field--node--field-end-date.html.twig * field--node--date-deadline.html.twig * field--field-end-date.html.twig * field--datetime.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'time' --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/time.html.twig' --> <time datetime="2024-12-06T12:00:00Z">Dec 6, 2024</time> <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/time.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/field.html.twig' --> </span> <span class="academic_calendar_accordion_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--date-deadline.html.twig x field--node--title.html.twig * field--node--date-deadline.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span>Classes end, 5:30 p.m.; reading period begins</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--date-deadline--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--982--teaser.html.twig * node--982.html.twig x node--date-deadline--teaser.html.twig * node--date-deadline.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--date-deadline--teaser.html.twig' --> <div class="js-academic-calendar-accordion-item js-academic-calendar-accordion-item-date_deadline13_982 academic_calendar_accordion_item"> <div class="academic_calendar_accordion_header"> <div class="academic_calendar_accordion_labels"> <span class="academic_calendar_accordion_date"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--field-end-date.html.twig * field--teaser.html.twig * field--node--field-end-date--date-deadline.html.twig * field--node--field-end-date.html.twig * field--node--date-deadline.html.twig * field--field-end-date.html.twig * field--datetime.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'time' --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/time.html.twig' --> <time datetime="2024-12-12T12:00:00Z">Dec 12, 2024</time> <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/time.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/field.html.twig' --> </span> <span class="academic_calendar_accordion_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--date-deadline.html.twig x field--node--title.html.twig * field--node--date-deadline.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span>Final examinations begin, 7:00 p.m.</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--date-deadline--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--983--teaser.html.twig * node--983.html.twig x node--date-deadline--teaser.html.twig * node--date-deadline.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--date-deadline--teaser.html.twig' --> <div class="js-academic-calendar-accordion-item js-academic-calendar-accordion-item-date_deadline13_983 academic_calendar_accordion_item"> <div class="academic_calendar_accordion_header"> <div class="academic_calendar_accordion_labels"> <span class="academic_calendar_accordion_date"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--field-end-date.html.twig * field--teaser.html.twig * field--node--field-end-date--date-deadline.html.twig * field--node--field-end-date.html.twig * field--node--date-deadline.html.twig * field--field-end-date.html.twig * field--datetime.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'time' --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/time.html.twig' --> <time datetime="2024-12-18T12:00:00Z">Dec 18, 2024</time> <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/time.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/field.html.twig' --> </span> <span class="academic_calendar_accordion_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--date-deadline.html.twig x field--node--title.html.twig * field--node--date-deadline.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span>Examinations end, 5:30 p.m.; Winter recess begins </span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--date-deadline--teaser.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--1784--teaser.html.twig * node--1784.html.twig x node--date-deadline--teaser.html.twig * node--date-deadline.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/content/node--date-deadline--teaser.html.twig' --> <div class="js-academic-calendar-accordion-item js-academic-calendar-accordion-item-date_deadline13_1784 academic_calendar_accordion_item"> <div class="academic_calendar_accordion_header"> <div class="academic_calendar_accordion_labels"> <span class="academic_calendar_accordion_date"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--field-end-date.html.twig * field--teaser.html.twig * field--node--field-end-date--date-deadline.html.twig * field--node--field-end-date.html.twig * field--node--date-deadline.html.twig * field--field-end-date.html.twig * field--datetime.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'time' --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/field/time.html.twig' --> <time datetime="2025-01-08T12:00:00Z">Jan 8, 2025</time> <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/time.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/field/field.html.twig' --> </span> <span class="academic_calendar_accordion_label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--teaser--title.html.twig * field--teaser.html.twig * field--node--title--date-deadline.html.twig x field--node--title.html.twig * field--node--date-deadline.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> <span>Residences open, 9:00 a.m.</span> <!-- END OUTPUT from 'core/themes/stable/templates/field/field--node--title.html.twig' --> </span> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/yale_college/templates/content/node--date-deadline--teaser.html.twig' --> </div> <a class="academic_calendar_link" href="/academics/academic-calendar/2024-2025-yale-college-calendar"> <span class="academic_calendar_link_inner"> <span class="academic_calendar_link_label">Explore the full Academic Calendar</span> <span class="academic_calendar_link_icon" aria-hidden="true"> <svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </span> </a> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/yale_college/templates/paragraphs/paragraph--academic-calendar.html.twig' --> </div> </main> <footer class="footer" id="footer" itemscope itemtype="http://schema.org/WPFooter"> <div class="container"> <div class="footer_ribbon"> <div class="row"> <div class="col"> <div class="footer_ribbon_inner"> <div class="footer_group"> <div class="logo logo_footer logo_icon"> <a class="logo_link" href="https://yalecollege.yale.edu/"> <span class="logo_link_label">Yale College</span> <span class="logo_link_icon"><svg class="icon icon_yale_logo"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#yale_logo"></use> </svg> </span> </a> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-nav.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--mainnavigation.html.twig * block--menu-block--main-footer.html.twig * block--menu-block--main.html.twig * block--menu-block.html.twig x block--system-menu-block.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu' --> <!-- FILE NAME SUGGESTIONS: x menu--main-footer.html.twig * menu--main.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/navigation/menu--main-footer.html.twig' --> <nav class="js-nav js-footer-nav nav footer_nav" aria-label="Footer" itemscope itemtype="http://schema.org/SiteNavigationElement"> <div class="nav_header footer_nav_header"> <h2 class="nav_title footer_nav_title" aria-label=""> Footer <span class="nav_title_label footer_nav_title_label">Navigation</span> </h2> </div> <ul class="js-nav-list js-footer-nav-list nav_list footer_nav_list" aria-label="Footer Navigation"> <li class="js-nav-item js-footer-nav-item js-footer-nav-item-1 nav_item footer_nav_item"> <div class="nav_item_wrapper footer_nav_item_wrapper"> <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="/academics" itemprop="url"> <span class="nav_link_label footer_nav_link_label" itemprop="name">Academics</span> </a> </div> </li> <li class="js-nav-item js-footer-nav-item js-footer-nav-item-2 nav_item footer_nav_item"> <div class="nav_item_wrapper footer_nav_item_wrapper"> <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="/communities" itemprop="url"> <span class="nav_link_label footer_nav_link_label" itemprop="name">Communities</span> </a> </div> </li> <li class="js-nav-item js-footer-nav-item js-footer-nav-item-3 nav_item footer_nav_item"> <div class="nav_item_wrapper footer_nav_item_wrapper"> <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="/events" itemprop="url"> <span class="nav_link_label footer_nav_link_label" itemprop="name">Events</span> </a> </div> </li> <li class="js-nav-item js-footer-nav-item js-footer-nav-item-4 nav_item footer_nav_item"> <div class="nav_item_wrapper footer_nav_item_wrapper"> <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="/finances" itemprop="url"> <span class="nav_link_label footer_nav_link_label" itemprop="name">Finances</span> </a> </div> </li> <li class="js-nav-item js-footer-nav-item js-footer-nav-item-5 nav_item footer_nav_item"> <div class="nav_item_wrapper footer_nav_item_wrapper"> <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="/welcome-yale-college" itemprop="url"> <span class="nav_link_label footer_nav_link_label" itemprop="name">First-Year and New Student Resources</span> </a> </div> </li> <li class="js-nav-item js-footer-nav-item js-footer-nav-item-6 nav_item footer_nav_item"> <div class="nav_item_wrapper footer_nav_item_wrapper"> <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="/get-know-yale-college" itemprop="url"> <span class="nav_link_label footer_nav_link_label" itemprop="name">Get to Know Yale College</span> </a> </div> </li> <li class="js-nav-item js-footer-nav-item js-footer-nav-item-7 nav_item footer_nav_item"> <div class="nav_item_wrapper footer_nav_item_wrapper"> <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="/getting-help" itemprop="url"> <span class="nav_link_label footer_nav_link_label" itemprop="name">Getting Help</span> </a> </div> </li> <li class="js-nav-item js-footer-nav-item js-footer-nav-item-8 nav_item footer_nav_item"> <div class="nav_item_wrapper footer_nav_item_wrapper"> <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="/life-yale" itemprop="url"> <span class="nav_link_label footer_nav_link_label" itemprop="name">Life at Yale</span> </a> </div> </li> <li class="js-nav-item js-footer-nav-item js-footer-nav-item-9 nav_item footer_nav_item"> <div class="nav_item_wrapper footer_nav_item_wrapper"> <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="/policies-procedures" itemprop="url"> <span class="nav_link_label footer_nav_link_label" itemprop="name">Policies & Procedures</span> </a> </div> </li> <li class="js-nav-item js-footer-nav-item js-footer-nav-item-10 nav_item footer_nav_item"> <div class="nav_item_wrapper footer_nav_item_wrapper"> <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="/registration-course-selection" itemprop="url"> <span class="nav_link_label footer_nav_link_label" itemprop="name">Registration & Course Selection</span> </a> </div> </li> <li class="js-nav-item js-footer-nav-item js-footer-nav-item-11 nav_item footer_nav_item"> <div class="nav_item_wrapper footer_nav_item_wrapper"> <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="/residential-colleges" itemprop="url"> <span class="nav_link_label footer_nav_link_label" itemprop="name">Residential Colleges</span> </a> </div> </li> </ul> </nav> <!-- END OUTPUT from 'themes/custom/yale_college/templates/navigation/menu--main-footer.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/block/block--system-menu-block.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> </div> <div class="footer_utility_wrap"> <div class="footer_utility_links"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-utility.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yale-college-footer.html.twig * block--system-menu-block--footer.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer' --> <!-- FILE NAME SUGGESTIONS: x menu--footer.html.twig x menu--footer.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/navigation/menu--footer.html.twig' --> <a class="footer_utility_link" href="https://usability.yale.edu/web-accessibility/accessibility-yale"> <span class="footer_utility_link_inner"> <span class="footer_utility_link_label">Accessibility</span> <span class="footer_utility_link_icon" aria-hidden="true"> <svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </span> </a> <a class="footer_utility_link" href="https://www.yale.edu/privacy-policy"> <span class="footer_utility_link_inner"> <span class="footer_utility_link_label">Privacy</span> <span class="footer_utility_link_icon" aria-hidden="true"> <svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </span> </a> <a class="footer_utility_link" href="/contact-web-team"> <span class="footer_utility_link_inner"> <span class="footer_utility_link_label">Feedback</span> <span class="footer_utility_link_icon" aria-hidden="true"> <svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </span> </a> <a class="footer_utility_link" href="/get-know-yale-college/directory"> <span class="footer_utility_link_inner"> <span class="footer_utility_link_label">Directory</span> <span class="footer_utility_link_icon" aria-hidden="true"> <svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </span> </a> <a class="footer_utility_link" href="https://yale.imodules.com/s/1667/giving/17/landing.aspx?sid=1667&gid=52&pgid=2033"> <span class="footer_utility_link_inner"> <span class="footer_utility_link_label">Giving</span> <span class="footer_utility_link_icon" aria-hidden="true"> <svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </span> </a> <a class="footer_utility_link" href="http://yub.yale.edu/"> <span class="footer_utility_link_inner"> <span class="footer_utility_link_label">Yale Hub</span> <span class="footer_utility_link_icon" aria-hidden="true"> <svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </span> </a> <!-- END OUTPUT from 'themes/custom/yale_college/templates/navigation/menu--footer.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/block/block--system-menu-block.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> </div> <p class="copyright"> <span class="copyright_icon">Copyright © </span> <span class="copyright_year" itemprop="copyrightYear">2024</span> <span class="copyright_holder" itemprop="copyrightHolder" itemscope="" itemtype="http://schema.org/EducationalOrganization"><a href="https://www.yale.edu">Yale University</a></span> <span class="copyright_rights">All Rights Reserved</span> </p> </div> </div> </div> </div> </div> </div> </footer> </div> <div class="js-menu menu" id="menu" aria-label="Site Menu"> <div class="menu_inner"> <div class="menu_group"> <div class="menu_group_inner"> <h2 class="menu_title">Search</h2> <div class="js-search-algolia"> <div class="js-site-search site_search site_search_sm" id="site_search_mobile" role="search"> <meta itemprop="url" content="http://yalecollege.yale.edu/"> <form class="site_search_form" action="/search" itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction" method="get"> <meta itemprop="target" content="https://yalecollege.yale.edu/search?q={q}"> <label class="site_search_label"> <span class="site_search_label_text">Search</span> <span class="js-search-input"> </span> </label> <button class="site_search_button" type="submit"> <span class="site_search_button_label">Submit</span> <span class="site_search_button_icon"><svg class="icon icon_search"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#search"></use> </svg> </span> </button> </form> </div> <div class="js-search-results home_search"> <div class="home_search_inner"> <div class="home_search_item"> <div class="home_search_label"> Resources </div> <div class="js-resources"></div> </div> <div class="home_search_item"> <div class="home_search_label"> People </div> <div class="js-people"></div> </div> <div class="home_search_item"> <div class="home_search_label"> Dates & Deadlines </div> <div class="js-dates"></div> </div> </div> <div class="js-all-results-button home_search_button"> <a class="home_search_link" href="#"> <span class="home_search_link_inner"> <span class="home_search_link_label">See all results</span> <span class="home_search_link_icon" aria-hidden="true"> <svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </span> </a> </div> </div> </div> <div class="recently_visited" itemscope itemtype="http://schema.org/ItemList"> <div class="recently_visited_inner"> <header class="recently_visited_header"> <h2 class="recently_visited_title" itemprop="name"> <span class="recently_visited_title_icon"><svg class="icon icon_clock"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#clock"></use> </svg> </span> <span class="recently_visited_title_label">Recently Visited</span> </h2> </header> <div class="recently_visited_body"> <ul class="js-recently-visited recently_visited_items" aria-label="Recently Visited"> </ul> </div> </div> </div> </div> </div> <div class="menu_navs"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--main-nav.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--audiences.html.twig * block--system-menu-block--audiences.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__audiences' --> <!-- FILE NAME SUGGESTIONS: x menu--audiences.html.twig x menu--audiences.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/navigation/menu--audiences.html.twig' --> <nav class="js-nav js-secondary-nav js-secondary-nav-sm nav secondary_nav secondary_nav_sm" aria-label="Info For" itemscope itemtype="http://schema.org/SiteNavigationElement"> <div class="nav_header secondary_nav_header"> <h2 class="nav_title secondary_nav_title" aria-label="Resources for"> <span class="nav_title_icon secondary_nav_link_icon" aria-hidden="true"><svg class="icon icon_person"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#person"></use> </svg> </span> Info For <span class="nav_title_label secondary_nav_title_label">Navigation</span> </h2> </div> <ul class="js-nav-list js-secondary-nav-list nav_list secondary_nav_list" aria-label="Info For Navigation"> <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-1 nav_item secondary_nav_item"> <div class="nav_item_wrapper secondary_nav_item_wrapper"> <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="/students" itemprop="url"> <span class="nav_link_label secondary_nav_link_label" itemprop="name">Students</span> </a> </div> </li> <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-2 nav_item secondary_nav_item"> <div class="nav_item_wrapper secondary_nav_item_wrapper"> <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="/faculty" itemprop="url"> <span class="nav_link_label secondary_nav_link_label" itemprop="name">Faculty</span> </a> </div> </li> <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-3 nav_item secondary_nav_item"> <div class="nav_item_wrapper secondary_nav_item_wrapper"> <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="/staff" itemprop="url"> <span class="nav_link_label secondary_nav_link_label" itemprop="name">Staff</span> </a> </div> </li> <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-4 nav_item secondary_nav_item"> <div class="nav_item_wrapper secondary_nav_item_wrapper"> <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="/families" itemprop="url"> <span class="nav_link_label secondary_nav_link_label" itemprop="name">Families</span> </a> </div> </li> </ul> </nav> <!-- END OUTPUT from 'themes/custom/yale_college/templates/navigation/menu--audiences.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--mainnavigation-3.html.twig * block--menu-block--main-mobile.html.twig * block--menu-block--main.html.twig * block--menu-block.html.twig x block--system-menu-block.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu' --> <!-- FILE NAME SUGGESTIONS: x menu--main-mobile.html.twig * menu--main.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_college/templates/navigation/menu--main-mobile.html.twig' --> <nav class="js-nav js-main-nav js-main-nav-sm nav main_nav main_nav_sm" aria-label="Site" itemscope itemtype="http://schema.org/SiteNavigationElement"> <div class="nav_header main_nav_header"> <h2 class="nav_title main_nav_title" aria-label=""> Site <span class="nav_title_label main_nav_title_label">Navigation</span> </h2> </div> <ul class="js-nav-list js-main-nav-list nav_list main_nav_list" aria-label="Site Navigation"> <li class="js-nav-item js-main-nav-item js-main-nav-item-1 nav_item main_nav_item"> <div class="nav_item_wrapper main_nav_item_wrapper"> <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="/academics" itemprop="url"> <span class="nav_link_label main_nav_link_label" itemprop="name">Academics</span> <span class="nav_link_icon main_nav_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> </div> </li> <li class="js-nav-item js-main-nav-item js-main-nav-item-2 nav_item main_nav_item"> <div class="nav_item_wrapper main_nav_item_wrapper"> <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="/communities" itemprop="url"> <span class="nav_link_label main_nav_link_label" itemprop="name">Communities</span> <span class="nav_link_icon main_nav_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> </div> </li> <li class="js-nav-item js-main-nav-item js-main-nav-item-3 nav_item main_nav_item"> <div class="nav_item_wrapper main_nav_item_wrapper"> <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="/events" itemprop="url"> <span class="nav_link_label main_nav_link_label" itemprop="name">Events</span> <span class="nav_link_icon main_nav_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> </div> </li> <li class="js-nav-item js-main-nav-item js-main-nav-item-4 nav_item main_nav_item"> <div class="nav_item_wrapper main_nav_item_wrapper"> <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="/finances" itemprop="url"> <span class="nav_link_label main_nav_link_label" itemprop="name">Finances</span> <span class="nav_link_icon main_nav_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> </div> </li> <li class="js-nav-item js-main-nav-item js-main-nav-item-5 nav_item main_nav_item"> <div class="nav_item_wrapper main_nav_item_wrapper"> <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="/welcome-yale-college" itemprop="url"> <span class="nav_link_label main_nav_link_label" itemprop="name">First-Year and New Student Resources</span> <span class="nav_link_icon main_nav_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> </div> </li> <li class="js-nav-item js-main-nav-item js-main-nav-item-6 nav_item main_nav_item"> <div class="nav_item_wrapper main_nav_item_wrapper"> <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="/get-know-yale-college" itemprop="url"> <span class="nav_link_label main_nav_link_label" itemprop="name">Get to Know Yale College</span> <span class="nav_link_icon main_nav_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> </div> </li> <li class="js-nav-item js-main-nav-item js-main-nav-item-7 nav_item main_nav_item"> <div class="nav_item_wrapper main_nav_item_wrapper"> <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="/getting-help" itemprop="url"> <span class="nav_link_label main_nav_link_label" itemprop="name">Getting Help</span> <span class="nav_link_icon main_nav_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> </div> </li> <li class="js-nav-item js-main-nav-item js-main-nav-item-8 nav_item main_nav_item"> <div class="nav_item_wrapper main_nav_item_wrapper"> <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="/life-yale" itemprop="url"> <span class="nav_link_label main_nav_link_label" itemprop="name">Life at Yale</span> <span class="nav_link_icon main_nav_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> </div> </li> <li class="js-nav-item js-main-nav-item js-main-nav-item-9 nav_item main_nav_item"> <div class="nav_item_wrapper main_nav_item_wrapper"> <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="/policies-procedures" itemprop="url"> <span class="nav_link_label main_nav_link_label" itemprop="name">Policies & Procedures</span> <span class="nav_link_icon main_nav_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> </div> </li> <li class="js-nav-item js-main-nav-item js-main-nav-item-10 nav_item main_nav_item"> <div class="nav_item_wrapper main_nav_item_wrapper"> <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="/registration-course-selection" itemprop="url"> <span class="nav_link_label main_nav_link_label" itemprop="name">Registration & Course Selection</span> <span class="nav_link_icon main_nav_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> </div> </li> <li class="js-nav-item js-main-nav-item js-main-nav-item-11 nav_item main_nav_item"> <div class="nav_item_wrapper main_nav_item_wrapper"> <a class="js-nav-link js-main-nav-link nav_link main_nav_link" href="/residential-colleges" itemprop="url"> <span class="nav_link_label main_nav_link_label" itemprop="name">Residential Colleges</span> <span class="nav_link_icon main_nav_link_icon" aria-hidden="true"><svg class="icon icon_arrow"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#arrow"></use> </svg> </span> </a> </div> </li> </ul> </nav> <!-- END OUTPUT from 'themes/custom/yale_college/templates/navigation/menu--main-mobile.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/block/block--system-menu-block.html.twig' --> <!-- END OUTPUT from 'themes/custom/yale_college/templates/layout/region.html.twig' --> </div> </div> <button class="js-swap js-menu-close menu_close" data-swap-target=".menu" data-swap-linked="menu"> <span class="menu_close_icon" aria-hidden="true"><svg class="icon icon_close"> <use xlink:href="/themes/custom/yale_college/frontend/images/icons.svg#close"></use> </svg> </span> <span class="menu_close_label">Close Site Menu</span> </button> </div> <!-- END OUTPUT from 'themes/custom/yale_college/templates/layout/page.html.twig' --> </div> <!-- END OUTPUT from 'core/themes/stable/templates/content/off-canvas-page-wrapper.html.twig' --> <script> var WWW_ROOT = "https://yalecollege.yale.edu/"; var STATIC_ROOT = "/themes/custom/yale_college/frontend/"; </script> <script src="https://cdn.jsdelivr.net/npm/algoliasearch@3.33.0/dist/algoliasearchLite.min.js" integrity="sha256-3Laj91VXexjTlFLgL8+vvIq27laXdRmFIcO2miulgEs=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@3.4.0/dist/instantsearch.production.min.js" integrity="sha256-pM0n88cBFRHpSn0N26ETsQdwpA7WAXJDvkHeCLh3ujI=" crossorigin="anonymous"></script> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/39","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"google\nnonGooglePixels\nnonGoogleScripts\nnonGoogleIframes","blocklist_classes":"customScripts\ncustomPixels","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-WZGVV5K"]},"gtag":{"tagId":"","otherIds":[],"events":[],"additionalConfigInfo":[]},"suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"google_tag\/gtag,google_tag\/gtag.ajax,google_tag\/gtm,paragraphs\/drupal.paragraphs.unpublished,system\/base,yale_college\/global","theme":"yale_college","theme_token":null},"ajaxTrustedUrl":[],"user":{"uid":0,"permissionsHash":"4f3da7a8369b14a468c91dda7e673c2d14c8c8f8f4b4f6fd3e6cfb5c9e0e593e"}}</script> <script src="/sites/default/files/js/js_aeEdlXEFIgt9S3OyxnX7aB2Pplkz54NcCL0vMfp5nXk.js"></script> <script src="/modules/contrib/google_tag/js/gtm.js?sndlaq"></script> <script src="/modules/contrib/google_tag/js/gtag.js?sndlaq"></script> <script src="/sites/default/files/js/js_MkWe7qQyyiz7xBiYgrk0tzNjYT2jKsckKrp0nbK6QH0.js"></script> </body> </html> <!-- END OUTPUT from 'themes/custom/yale_college/templates/layout/html.html.twig' -->