CINXE.COM
Welcome to Yale Online | Yale Online
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: ▪️ html--front.html.twig ▪️ html--node--14.html.twig ▪️ html--node--%.html.twig ▪️ html--node.html.twig ✅ html.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <link rel="shortlink" href="https://online.yale.edu/" /> <link rel="canonical" href="https://online.yale.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/yale_online_theme/favicon.ico" type="image/vnd.microsoft.icon" /> <script src="/sites/default/files/google_tag/online_yale_gtm/google_tag.script.js?srj2kx" defer></script> <title>Welcome to Yale Online | Yale Online</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_tfHvUfYLx1pQLuV8us7m-qW3ojn1mXWz1x9zKc9t8W0.css?delta=0&language=en&theme=yale_online_theme&include=eJxFjUEOwyAMBD-E4EmRCduAZBtkw4G-vqmiqrfZmcOeTO47ZXKE82GBO13w39Ze7tYNN5kQtzeCoDRKHZJR4uur54SFQUaX0aieiq1BHP8mLh0rc_OKEnz7hDy3mxhHV26KY1YIklDTD9hZO5o" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_ZRssqnOOk_xQ9raYMHTXzsQy8iVnUTV78tQkPH0jTDo.css?delta=1&language=en&theme=yale_online_theme&include=eJxFjUEOwyAMBD-E4EmRCduAZBtkw4G-vqmiqrfZmcOeTO47ZXKE82GBO13w39Ze7tYNN5kQtzeCoDRKHZJR4uur54SFQUaX0aieiq1BHP8mLh0rc_OKEnz7hDy3mxhHV26KY1YIklDTD9hZO5o" /> </head> <body class="path-frontpage page-node-type-homepage"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHZ3VT9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- 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--14.html.twig ▪️ page--node--%.html.twig ▪️ page--node.html.twig ✅ page.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/layouts/page.html.twig' --> <div class="layout-container"> <header role="banner"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ✅ region--header.html.twig ▪️ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/layouts/region--header.html.twig' --> <div class="region region-header row m-auto align-items-center"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--yale-online-theme-branding.html.twig ✅ block--system-branding-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/blocks/block--system-branding-block.html.twig' --> <div class="col-auto order-0 logo"> <a href="/" rel="home"> <img src="/themes/yale_online_theme/logo.svg" alt="Yale Online" /> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/blocks/block--system-branding-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--yale-online-theme-main-menu.html.twig ✅ block--system-menu-block--main.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/blocks/block--system-menu-block--main.html.twig' --> <div class="col-auto ml-auto pr-1 d-block d-lg-none" role="search"> <button data-toggle="collapse" data-target="#searchForm" id="btn-search-form-collapse-mobile" class="btn fa fa-search d-inline-block" aria-label="Show Search Box" aria-expanded="false" aria-controls="searchForm"> </button> </div> <div class="pl-1"> <button id="btn-main-navigation-collapse" class="fa fa-bars btn btn-primary d-inline-block d-lg-none" data-toggle="collapse" data-target="#mainNavigation" aria-label="Show Navigation" aria-expanded="false" aria-controls="mainNavigation"> </button> </div> <div class="collapse d-lg-block main-nav ml-auto" id="mainNavigation"> <nav class="accessible-flyout-menu accessible-flyout-menu-desktop" aria-label="Main navigation"> <ul class="menu"> <li class="menu-item"> <a href="/courses" class="menu-item-link" aria-label="Explore Catalog" data-drupal-link-system-path="node/12">EXPLORE CATALOG</a> </li> <li class="menu-item has-submenu"> <a href="/programs" class="menu-item-link" aria-label="Programs" data-drupal-link-system-path="node/2">PROGRAMS</a> <ul class="submenu" id="programs-submenu"> <li class="submenu-item has-submenu"> <span class="submenu-item-link separator" aria-label="Yale School of Management">Yale School of Management</span> <button class="submenu-toggle-btn" aria-expanded="false"><span class="visually-hidden">Open Submenu</span></button> <ul class="submenu" id="yale-school-of-management-submenu"> <li class="submenu-item"> <a href="/programs/yale-school-environment/financing-and-deploying-clean-energy" class="submenu-item-link separator" aria-label="Financing and Deploying Clean Energy" data-drupal-link-system-path="node/359">Financing and Deploying Clean Energy</a> </li> <li class="submenu-item"> <a href="/programs/yale-school-management/som-executive-education" class="submenu-item-link" aria-label="SOM Executive Education" data-drupal-link-system-path="node/371">SOM Executive Education</a> </li> </ul> </li> <li class="submenu-item has-submenu"> <span class="submenu-item-link separator" aria-label="Yale Divinity School">Yale Divinity School</span> <button class="submenu-toggle-btn" aria-expanded="false"><span class="visually-hidden">Open Submenu</span></button> <ul class="submenu" id="yale-divinity-school-submenu"> <li class="submenu-item"> <a href="https://online.yale.edu/youth-ministry-leadership" class="submenu-item-link separator" aria-label="Youth Ministry Leadership">Youth Ministry Leadership</a> </li> <li class="submenu-item"> <a href="/summer-study-yds" class="submenu-item-link separator" aria-label="Summer Study at Yale Divinity School" data-drupal-link-system-path="node/600">Summer Study at Yale Divinity School</a> </li> <li class="submenu-item"> <a href="/the-leaders-way" class="submenu-item-link separator" aria-label="The Leader's Way" data-drupal-link-system-path="node/586">The Leader's Way</a> </li> <li class="submenu-item"> <a href="/courses/transforming-leaders-online" class="submenu-item-link" aria-label="Transforming Leaders Online" data-drupal-link-system-path="node/587">Transforming Leaders Online</a> </li> </ul> </li> <li class="submenu-item has-submenu"> <span class="submenu-item-link separator" aria-label="Yale School of Medicine">Yale School of Medicine</span> <button class="submenu-toggle-btn" aria-expanded="false"><span class="visually-hidden">Open Submenu</span></button> <ul class="submenu" id="yale-school-of-medicine-submenu"> <li class="submenu-item"> <a href="/programs/yale-school-medicine/continuing-medical-education" title="Yale School of Medicine Continuing Medical Education" class="submenu-item-link separator" aria-label="Continuing Medical Education" data-drupal-link-system-path="node/400">Continuing Medical Education</a> </li> <li class="submenu-item"> <a href="/medical-software-ai-program" class="submenu-item-link" aria-label="Medical Software and Medical Artificial Intelligence" data-drupal-link-system-path="node/458">Medical Software and Medical Artificial Intelligence</a> </li> </ul> </li> <li class="submenu-item has-submenu"> <span class="submenu-item-link separator" aria-label="Yale School of Nursing">Yale School of Nursing</span> <button class="submenu-toggle-btn" aria-expanded="false"><span class="visually-hidden">Open Submenu</span></button> <ul class="submenu" id="yale-school-of-nursing-submenu"> <li class="submenu-item"> <a href="/programs/yale-school-nursing/hybrid-doctor-nursing-practice" class="submenu-item-link separator" aria-label="Hybrid Doctor of Nursing Practice" data-drupal-link-system-path="node/361">Hybrid Doctor of Nursing Practice</a> </li> <li class="submenu-item"> <a href="/programs/yale-school-nursing/online-psychiatric-mental-health-nurse-practitioner" class="submenu-item-link" aria-label="Online Psychiatric-Mental Health Nurse Practitioner" data-drupal-link-system-path="node/408">Online Psychiatric-Mental Health Nurse Practitioner</a> </li> </ul> </li> <li class="submenu-item has-submenu"> <span class="submenu-item-link separator" aria-label="Yale School of Public Health">Yale School of Public Health</span> <button class="submenu-toggle-btn" aria-expanded="false"><span class="visually-hidden">Open Submenu</span></button> <ul class="submenu" id="yale-school-of-public-health-submenu"> <li class="submenu-item"> <a href="https://online.yale.edu/programs/climate-change-and-health" class="submenu-item-link separator" aria-label="Climate Change and Health">Climate Change and Health</a> </li> <li class="submenu-item"> <a href="/programs/yale-school-public-health/online-master-public-health" class="submenu-item-link" aria-label="Online Master of Public Health" data-drupal-link-system-path="node/360">Online Master of Public Health</a> </li> </ul> </li> <li class="submenu-item has-submenu"> <span class="submenu-item-link" aria-label="Yale School of the Environment">Yale School of the Environment</span> <button class="submenu-toggle-btn" aria-expanded="false"><span class="visually-hidden">Open Submenu</span></button> <ul class="submenu" id="yale-school-of-the-environment-submenu"> <li class="submenu-item"> <a href="/ceed-program" class="submenu-item-link separator" aria-label="Clean and Equitable Energy Development" data-drupal-link-system-path="node/459">Clean and Equitable Energy Development</a> </li> <li class="submenu-item"> <a href="/programs/yale-school-environment/financing-and-deploying-clean-energy" class="submenu-item-link separator" aria-label="Financing and Deploying Clean Energy" data-drupal-link-system-path="node/359">Financing and Deploying Clean Energy</a> </li> <li class="submenu-item"> <a href="/courses/green-chemistry-program" class="submenu-item-link separator" aria-label="Green Chemistry for Climate and Sustainability" data-drupal-link-system-path="node/581">Green Chemistry for Climate and Sustainability</a> </li> <li class="submenu-item"> <a href="/programs/yale-school-environment/tropical-forest-landscapes" class="submenu-item-link separator" aria-label="Tropical Forest Landscapes" data-drupal-link-system-path="node/231">Tropical Forest Landscapes</a> </li> <li class="submenu-item"> <a href="/urban-climate-leadership" class="submenu-item-link" aria-label="Urban Climate Leadership" data-drupal-link-system-path="node/460">Urban Climate Leadership</a> </li> </ul> </li> </ul> </li> <li class="menu-item has-submenu"> <a href="/about-yale-online" class="menu-item-link" aria-label="About Yale Online" data-drupal-link-system-path="node/357">ABOUT YALE ONLINE</a> <ul class="submenu" id="about-yale-online-submenu"> <li class="submenu-item"> <a href="/meet-the-team" class="submenu-item-link separator" aria-label="Our Digital Education Team" data-drupal-link-system-path="node/580">Our Digital Education Team</a> </li> <li class="submenu-item"> <a href="/digital-credentials" class="submenu-item-link separator" aria-label="Digital Credentials" data-drupal-link-system-path="node/588">Digital Credentials</a> </li> <li class="submenu-item"> <a href="/about-yale-online/global-learner-access-support-system" title="Information on our GLASS System for non-degree enrollment." class="submenu-item-link" aria-label="Global Learner Access Support System" data-drupal-link-system-path="node/590">Global Learner Access Support System</a> </li> </ul> </li> <li class="menu-item"> <a href="/news-0" class="menu-item-link" aria-label="News" data-drupal-link-system-path="node/565">NEWS</a> </li> <li class="menu-item has-submenu"> <a href="/contact-us" class="menu-item-link" aria-label="Contact Us" data-drupal-link-system-path="node/368">CONTACT US</a> <ul class="submenu" id="contact-us-submenu"> <li class="submenu-item"> <a href="https://online.yale.edu/contact-us" class="submenu-item-link separator" aria-label="Contact Us">Contact Us</a> </li> <li class="submenu-item"> <a href="https://online.yale.edu/node/434" title="Share Your Testimonial Stories" class="submenu-item-link" aria-label="Share Your Testimonial">Share Your Testimonial</a> </li> </ul> </li> <li class="menu-item d-none d-lg-inline-block"> <div role="search"> <button data-toggle="collapse" data-target="#searchForm" id="btn-search-form-collapse-desktop" class="btn fa fa-search d-inline-block" aria-label="Show Search Box" aria-expanded="false" aria-controls="searchForm"> </button> </div> </li> </ul> </nav> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/blocks/block--system-menu-block--main.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--searchblockyale-online.html.twig ▪️ block--yale-online-search-block.html.twig ▪️ block--yale-online.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-searchblockyale-online" class="block block-yale-online block-yale-online-search-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div id="searchForm" class="collapse search"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="yale-online-search-block-form" data-drupal-selector="yale-online-search-block-form" action="/" method="post" id="yale-online-search-block-form" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-search form-type-search js-form-item-keys form-item-keys form-no-label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-keys" class="visually-hidden">Search</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__search' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--search.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input placeholder="Search" data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="20" maxlength="128" class="form-search" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="form-4qbb84a264tz2azhrf8ymfmcyc9cysl9waphokj6jek" type="hidden" name="form_build_id" value="form-4qbB84a264tz2AZhRF8yMfmCYC9Cysl9WAPhoKj6jek" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-yale-online-search-block-form" type="hidden" name="form_id" value="yale_online_search_block_form" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="fa fa-search btn form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Search" class="button js-form-submit form-submit" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/layouts/region--header.html.twig' --> </header> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content-top.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-content-top"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--yale-online-theme-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 OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="container-fluid"> <main role="main" class="row"> <a id="main-content" tabindex="-1"></a> <div class="layout-content col"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--yale-online-theme-page-title.html.twig ▪️ block--page-title-block.html.twig ▪️ block--core.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-yale-online-theme-page-title" class="block block-core block-page-title-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page_title' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/content/page-title.html.twig' --> <h1 class="page-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--title--homepage.html.twig ✅ field--node--title.html.twig ▪️ field--node--homepage.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Welcome to Yale Online</span> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--node--title.html.twig' --> </h1> <!-- END OUTPUT from 'themes/contrib/classy/templates/content/page-title.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--yale-online-theme-content.html.twig ▪️ block--system-main-block.html.twig ▪️ block--system.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-yale-online-theme-content" class="block block-system block-system-main-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--14--full.html.twig ▪️ node--14.html.twig ▪️ node--homepage--full.html.twig ▪️ node--homepage.html.twig ▪️ node--full.html.twig ✅ node.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/content/node.html.twig' --> <article class="node node--type-homepage 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' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-homepage-hero--homepage.html.twig ▪️ field--node--field-homepage-hero.html.twig ▪️ field--node--homepage.html.twig ▪️ field--field-homepage-hero.html.twig ▪️ field--entity-reference-revisions.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-homepage-hero field--type-entity-reference-revisions field--label-hidden 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/yale_online_theme/templates/paragraphs/paragraph--homepage-hero.html.twig' --> <div class="paragraph paragraph--type--homepage-hero paragraph--view-mode--default"> <div class="homepage-hero-image-region"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/hero_home_lg/public/2021-09/hero-home.jpg?h=ae70d47c&itok=gKIN7l3J 1x" media="(min-width: 980px)" type="image/jpeg" width="1600" height="666"/> <source srcset="/sites/default/files/styles/hero_home_md/public/2021-09/hero-home.jpg?h=ae70d47c&itok=In5Frv0P 1x" media="(min-width: 740px)" type="image/jpeg" width="980" height="408"/> <source srcset="/sites/default/files/styles/hero_home_sm/public/2021-09/hero-home.jpg?h=ae70d47c&itok=ApSSVraF 1x" type="image/jpeg" width="740" height="616"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <img width="1600" height="666" src="/sites/default/files/styles/hero_home_lg/public/2021-09/hero-home.jpg?h=ae70d47c&itok=gKIN7l3J" alt="" loading="lazy" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <div class="homepage-hero-content-main video-main"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-subtitle--homepage-hero.html.twig ▪️ field--paragraph--field-subtitle.html.twig ▪️ field--paragraph--homepage-hero.html.twig ▪️ field--field-subtitle.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-subtitle field--type-string field--label-hidden field__item">Unlock Your Full Potential</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <h2 class="homepage-hero-title">Explore your passion. Make an Impact.</h2> <a href="/courses" class="cta-link btn btn-yale btn-link">Explore Catalog</a> </div> </div> <div id="video-container" class="paragraph paragraph--type--homepage-hero paragraph--view-mode--default homepage-hero-content-featured"> <div class="featured-content-container"> <div class="featured--video"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-home-hero-video--homepage-hero.html.twig ▪️ field--paragraph--field-home-hero-video.html.twig ▪️ field--paragraph--homepage-hero.html.twig ▪️ field--field-home-hero-video.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-home-hero-video field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-oembed--derivative-video--provider-youtube.html.twig ▪️ media--source-oembed--derivative-video.html.twig ▪️ media--remote-video--default.html.twig ▪️ media--remote-video.html.twig ▪️ media--default.html.twig ✅ media.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/content/media.html.twig' --> <article class="media media--type-remote-video media--view-mode-default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-oembed-video--remote-video.html.twig ▪️ field--media--field-media-oembed-video.html.twig ▪️ field--media--remote-video.html.twig ▪️ field--field-media-oembed-video.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-media-oembed-video field--type-string field--label-hidden field__item"><iframe src="https://online.yale.edu/media/oembed?url=https%3A//youtu.be/IPcBEFSzWrI&max_width=0&max_height=0&hash=TGEvcztyPpODaO3XDM7wjA0sMa_TQC98TjOD-W0g40I" width="200" height="113" class="media-oembed-content" loading="eager" title="Behind the Scenes with Yale's Digital Education Team: Our Favorite Lessons"></iframe> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </article> <!-- END OUTPUT from 'themes/contrib/classy/templates/content/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="featured--video__caption"> <p>Discover more about our favorite lessons from Yale Online courses! Watch the full video now on <a href="https://youtu.be/IPcBEFSzWrI">YouTube</a>.</p> </div> </div> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--homepage-hero.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-homepage-content--homepage.html.twig ▪️ field--node--field-homepage-content.html.twig ▪️ field--node--homepage.html.twig ✅ field--field-homepage-content.html.twig ▪️ field--entity-reference-revisions.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--field-homepage-content.html.twig' --> <div class="field field--name-field-homepage-content field--type-entity-reference-revisions field--label-hidden"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--homepage-newsletter--default.html.twig ✅ paragraph--homepage-newsletter.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--homepage-newsletter.html.twig' --> <div class="paragraph paragraph--type--homepage-newsletter paragraph--view-mode--default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-subtitle--homepage-newsletter.html.twig ▪️ field--paragraph--field-subtitle.html.twig ▪️ field--paragraph--homepage-newsletter.html.twig ▪️ field--field-subtitle.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-subtitle field--type-string field--label-hidden field__item">Get updates about new offerings</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="news-letter-main"> <h2 class="section-heading">Sign up for our newsletter</h2> <a href="/news/newsletter-sign" class="cta-link btn btn-yale btn-link">Sign Up</a> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--homepage-newsletter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--homepage-quote--default.html.twig ▪️ paragraph--homepage-quote.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--homepage-quote--default.html.twig' --> <div class="paragraph paragraph--type--homepage-quote paragraph--view-mode--default"> <div id="home-quote" class="row"> <div id="home-quote-image" class="col-10"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-image--homepage-quote.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--homepage-quote.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--home-quote.html.twig ▪️ media--image.html.twig ▪️ media--home-quote.html.twig ✅ media.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/content/media.html.twig' --> <article class="media media--type-image media--view-mode-home-quote"> <!-- 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 OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-media-image field--type-image field--label-hidden 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_style' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image-style.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/styles/home_quote/public/2021-09/home-quote_building-tree.jpg?h=208bb442&itok=KW4CwLym" width="780" height="351" alt="Building spire and tree" class="image-style-home-quote" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image-style.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </article> <!-- END OUTPUT from 'themes/contrib/classy/templates/content/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="card-container col-10"> <div class="card"> <div class="card-img-container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-image--homepage-quote.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--homepage-quote.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--home-quote.html.twig ▪️ media--image.html.twig ▪️ media--home-quote.html.twig ✅ media.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/content/media.html.twig' --> <article class="media media--type-image media--view-mode-home-quote"> <!-- 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 OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-media-image field--type-image field--label-hidden 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_style' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image-style.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/styles/home_quote/public/2021-09/home-quote_building-tree.jpg?h=208bb442&itok=KW4CwLym" width="780" height="351" alt="Building spire and tree" class="image-style-home-quote" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image-style.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </article> <!-- END OUTPUT from 'themes/contrib/classy/templates/content/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="card-body"> <blockquote class="blockquote mb-0 mt-0 border-0 d-flex flex-column justify-content-center"> <p> As members of an international research university, we have a responsibility to share our knowledge and ideas with the world. By amplifying the teaching of Yale’s faculty members online, we can inspire and enlighten more individuals around the globe.</p> <footer> <cite class="blockquote-footer"> <strong>Peter Salovey, </strong> Former President of Yale University </cite> </footer> </blockquote> </div> </div> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--homepage-quote--default.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--home-news--default.html.twig ✅ paragraph--home-news.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--home-news.html.twig' --> <div class="paragraph paragraph--type--home-news paragraph--view-mode--default"> <div class="section-heading-container"> <div> <h2>The latest from Yale Online</h2> </div> <div class="desktop-cta-container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-home-news-section-cta--home-news.html.twig ✅ field--paragraph--field-home-news-section-cta.html.twig ▪️ field--paragraph--home-news.html.twig ▪️ field--field-home-news-section-cta.html.twig ▪️ field--link.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--paragraph--field-home-news-section-cta.html.twig' --> <a class="cta-link btn btn-primary btn-link" href="/news-0">More News</a> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--paragraph--field-home-news-section-cta.html.twig' --> </div> </div> <div class="row"> <article class="featured-news col"> <a class="featured-news-container" href="/news/behind-scenes-crafting-online-courses"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-home-news-feat-img--home-news.html.twig ▪️ field--paragraph--field-home-news-feat-img.html.twig ▪️ field--paragraph--home-news.html.twig ▪️ field--field-home-news-feat-img.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-home-news-feat-img field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--home-news-feature.html.twig ▪️ media--image.html.twig ▪️ media--home-news-feature.html.twig ✅ media.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/content/media.html.twig' --> <article class="media media--type-image media--view-mode-home-news-feature"> <!-- 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 OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-media-image field--type-image field--label-hidden 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_style' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image-style.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/styles/home_news_feature/public/2024-07/Yale%20Broadcast%20Tour%20Video%20%281%29.png?h=2e111cc1&itok=BsGZ4O0G" width="460" height="288" alt="Behind the scenes of filming at broadcast, people in sessions with cameras " class="image-style-home-news-feature" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image-style.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </article> <!-- END OUTPUT from 'themes/contrib/classy/templates/content/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="news-title"> <h3> Behind the Scenes: Crafting Online Courses </h3> </div> <div class="news-date"> July 19, 2024 </div> </a> </article> <div class="secondary-news col"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-home-news-secondary--home-news.html.twig ▪️ field--paragraph--field-home-news-secondary.html.twig ▪️ field--paragraph--home-news.html.twig ▪️ field--field-home-news-secondary.html.twig ▪️ field--entity-reference-revisions.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-home-news-secondary field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--secondary-news-items--default.html.twig ✅ paragraph--secondary-news-items.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--secondary-news-items.html.twig' --> <div class="paragraph paragraph--type--secondary-news-items paragraph--view-mode--default"> <h3 class="news-title"> <a href="/news-0" > Explore More, 2024 </a> </h3> <div class="news-date"> January 16, 2024 </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--secondary-news-items.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--secondary-news-items--default.html.twig ✅ paragraph--secondary-news-items.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--secondary-news-items.html.twig' --> <div class="paragraph paragraph--type--secondary-news-items paragraph--view-mode--default"> <h3 class="news-title"> <a href="/news/remembering-diana-ee-kleiner-art-historian-and-deputy-provost-arts" > Remembering Diana E.E. Kleiner, Dunham Professor of the History of Art and Deputy Provost for the Arts </a> </h3> <div class="news-date"> December 4, 2023 </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--secondary-news-items.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--secondary-news-items--default.html.twig ✅ paragraph--secondary-news-items.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--secondary-news-items.html.twig' --> <div class="paragraph paragraph--type--secondary-news-items paragraph--view-mode--default"> <h3 class="news-title"> <a target="_blank" href="https://www.newsweek.com/how-get-ivy-league-education-home-1845789" > Newsweek Feature: How to Get an Ivy League Education at Home </a> </h3> <div class="news-date"> November 22, 2022 </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--secondary-news-items.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> <div class="mobile-cta-container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-home-news-section-cta--home-news.html.twig ✅ field--paragraph--field-home-news-section-cta.html.twig ▪️ field--paragraph--home-news.html.twig ▪️ field--field-home-news-section-cta.html.twig ▪️ field--link.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--paragraph--field-home-news-section-cta.html.twig' --> <a class="cta-link btn btn-primary btn-link" href="/news-0">More News</a> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--paragraph--field-home-news-section-cta.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--home-news.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--featured-offerings--default.html.twig ✅ paragraph--featured-offerings.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--featured-offerings.html.twig' --> <div class="paragraph paragraph--type--featured-offerings paragraph--view-mode--default"> <div class="featured-offerings-mw-container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-section-heading--featured-offerings.html.twig ✅ field--paragraph--field-section-heading.html.twig ▪️ field--paragraph--featured-offerings.html.twig ▪️ field--field-section-heading.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--paragraph--field-section-heading.html.twig' --> <h2 class="section-heading"> Featured Offerings </h2> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--paragraph--field-section-heading.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--paragraph--field-courses--featured-offerings.html.twig ▪️ field--paragraph--field-courses.html.twig ▪️ field--paragraph--featured-offerings.html.twig ▪️ field--field-courses.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--paragraph--field-courses--featured-offerings.html.twig' --> <div class="field field--name-field-courses field--type-entity-reference field--label-hidden field__items row"> <div class="col card-container"> <div class="field__item h-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--591--card.html.twig ▪️ node--591.html.twig ✅ node--course--card.html.twig ▪️ node--course.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/nodes/node--course--card.html.twig' --> <article class="node node--type-course node--view-mode-card"> <div class="card"> <div class="card-body"> <div class="data-grid-item__img-desc"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/course_card_lg/public/2025-01/head-and-spine.png?h=7bc3e9e1&itok=Muc5ITUJ 1x" media="(min-width: 1024px)" type="image/png" width="550" height="302"/> <source srcset="/sites/default/files/styles/course_card_md/public/2025-01/head-and-spine.png?h=7bc3e9e1&itok=XloGoTdd 1x" media="(min-width: 700px)" type="image/png" width="305" height="176"/> <source srcset="/sites/default/files/styles/course_card_sm/public/2025-01/head-and-spine.png?h=7bc3e9e1&itok=JYtvRdwF 1x" type="image/png" width="255" height="167"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <img width="550" height="302" src="/sites/default/files/styles/course_card_lg/public/2025-01/head-and-spine.png?h=7bc3e9e1&itok=Muc5ITUJ" alt="Picture of spine on skeleton " loading="lazy" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <div class="banner banner--course"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-school-center--course.html.twig ▪️ field--node--field-school-center.html.twig ▪️ field--node--course.html.twig ▪️ field--field-school-center.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-school-center field--type-entity-reference field--label-hidden field__item">School of Medicine</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> <div class="data-grid-item__info"> <h3 class="data-grid-item__header"> <a href="/courses/anatomy-head-and-spine"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--title--course.html.twig ✅ field--node--title.html.twig ▪️ field--node--course.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Anatomy of the Head and Spine</span> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--node--title.html.twig' --> </a> </h3> <div class="data-grid-item__school-center"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-school-center--course.html.twig ▪️ field--node--field-school-center.html.twig ▪️ field--node--course.html.twig ▪️ field--field-school-center.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-school-center field--type-entity-reference field--label-hidden field__item">School of Medicine</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="data-grid-item__course-type"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-course-type--course.html.twig ▪️ field--node--field-course-type.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-type.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-course-type field--type-entity-reference field--label-hidden field__items"> <div class="field__item">Coursera Course</div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/nodes/node--course--card.html.twig' --> </div> </div> <div class="col card-container"> <div class="field__item h-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--261--card.html.twig ▪️ node--261.html.twig ✅ node--course--card.html.twig ▪️ node--course.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/nodes/node--course--card.html.twig' --> <article class="node node--type-course node--view-mode-card"> <div class="card"> <div class="card-body"> <div class="data-grid-item__img-desc"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/course_card_lg/public/2025-01/Chest-neck-pelvis.png?h=7bc3e9e1&itok=lZlknHcP 1x" media="(min-width: 1024px)" type="image/png" width="550" height="302"/> <source srcset="/sites/default/files/styles/course_card_md/public/2025-01/Chest-neck-pelvis.png?h=7bc3e9e1&itok=4GIBfXC2 1x" media="(min-width: 700px)" type="image/png" width="305" height="176"/> <source srcset="/sites/default/files/styles/course_card_sm/public/2025-01/Chest-neck-pelvis.png?h=7bc3e9e1&itok=L9fn6ps6 1x" type="image/png" width="255" height="167"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <img width="550" height="302" src="/sites/default/files/styles/course_card_lg/public/2025-01/Chest-neck-pelvis.png?h=7bc3e9e1&itok=lZlknHcP" alt="Example of pelvis - doctor is showing on skeleton" loading="lazy" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <div class="banner banner--course"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-school-center--course.html.twig ▪️ field--node--field-school-center.html.twig ▪️ field--node--course.html.twig ▪️ field--field-school-center.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-school-center field--type-entity-reference field--label-hidden field__item">School of Medicine</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> <div class="data-grid-item__info"> <h3 class="data-grid-item__header"> <a href="/courses/anatomy-chest-neck-abdomen-and-pelvis"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--title--course.html.twig ✅ field--node--title.html.twig ▪️ field--node--course.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Anatomy of the Chest, Neck, Abdomen, and Pelvis</span> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--node--title.html.twig' --> </a> </h3> <div class="data-grid-item__school-center"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-school-center--course.html.twig ▪️ field--node--field-school-center.html.twig ▪️ field--node--course.html.twig ▪️ field--field-school-center.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-school-center field--type-entity-reference field--label-hidden field__item">School of Medicine</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="data-grid-item__course-type"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-course-type--course.html.twig ▪️ field--node--field-course-type.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-type.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-course-type field--type-entity-reference field--label-hidden field__items"> <div class="field__item">Coursera Course</div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/nodes/node--course--card.html.twig' --> </div> </div> <div class="col card-container"> <div class="field__item h-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--593--card.html.twig ▪️ node--593.html.twig ✅ node--course--card.html.twig ▪️ node--course.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/nodes/node--course--card.html.twig' --> <article class="node node--type-course node--view-mode-card"> <div class="card"> <div class="card-body"> <div class="data-grid-item__img-desc"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/course_card_lg/public/2025-01/Anatomy%20of%20the%20Upper%20and%20Lower%20Extremities_0.png?h=2a9ec0ac&itok=XmsdQ_X8 1x" media="(min-width: 1024px)" type="image/png" width="550" height="302"/> <source srcset="/sites/default/files/styles/course_card_md/public/2025-01/Anatomy%20of%20the%20Upper%20and%20Lower%20Extremities_0.png?h=2a9ec0ac&itok=fqPfz5_G 1x" media="(min-width: 700px)" type="image/png" width="305" height="176"/> <source srcset="/sites/default/files/styles/course_card_sm/public/2025-01/Anatomy%20of%20the%20Upper%20and%20Lower%20Extremities_0.png?h=2a9ec0ac&itok=rTjJLR70 1x" type="image/png" width="255" height="167"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <img width="550" height="302" src="/sites/default/files/styles/course_card_lg/public/2025-01/Anatomy%20of%20the%20Upper%20and%20Lower%20Extremities_0.png?h=2a9ec0ac&itok=XmsdQ_X8" alt="Class where professor is showing muscles and skeleton of full body" loading="lazy" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <div class="banner banner--course"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-school-center--course.html.twig ▪️ field--node--field-school-center.html.twig ▪️ field--node--course.html.twig ▪️ field--field-school-center.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-school-center field--type-entity-reference field--label-hidden field__item">School of Medicine</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> <div class="data-grid-item__info"> <h3 class="data-grid-item__header"> <a href="/courses/anatomy-upper-and-lower-extremities"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--title--course.html.twig ✅ field--node--title.html.twig ▪️ field--node--course.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Anatomy of the Upper and Lower Extremities</span> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--node--title.html.twig' --> </a> </h3> <div class="data-grid-item__school-center"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-school-center--course.html.twig ▪️ field--node--field-school-center.html.twig ▪️ field--node--course.html.twig ▪️ field--field-school-center.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-school-center field--type-entity-reference field--label-hidden field__item">School of Medicine</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="data-grid-item__course-type"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-course-type--course.html.twig ▪️ field--node--field-course-type.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-type.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-course-type field--type-entity-reference field--label-hidden field__items"> <div class="field__item">Coursera Course</div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/nodes/node--course--card.html.twig' --> </div> </div> <div class="col card-container"> <div class="field__item d-md-none d-lg-block h-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--592--card.html.twig ▪️ node--592.html.twig ✅ node--course--card.html.twig ▪️ node--course.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/nodes/node--course--card.html.twig' --> <article class="node node--type-course node--view-mode-card"> <div class="card"> <div class="card-body"> <div class="data-grid-item__img-desc"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/course_card_lg/public/2025-01/Visualizing%20the%20Living%20Body_%20Diagnostic%20Imaging_0.png?h=7bc3e9e1&itok=hEw21DcR 1x" media="(min-width: 1024px)" type="image/png" width="550" height="302"/> <source srcset="/sites/default/files/styles/course_card_md/public/2025-01/Visualizing%20the%20Living%20Body_%20Diagnostic%20Imaging_0.png?h=7bc3e9e1&itok=gxuP7ZH6 1x" media="(min-width: 700px)" type="image/png" width="305" height="176"/> <source srcset="/sites/default/files/styles/course_card_sm/public/2025-01/Visualizing%20the%20Living%20Body_%20Diagnostic%20Imaging_0.png?h=7bc3e9e1&itok=YQb_E1vV 1x" type="image/png" width="255" height="167"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <img width="550" height="302" src="/sites/default/files/styles/course_card_lg/public/2025-01/Visualizing%20the%20Living%20Body_%20Diagnostic%20Imaging_0.png?h=7bc3e9e1&itok=hEw21DcR" alt="Picture of brain in x-ray" loading="lazy" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <div class="banner banner--course"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-school-center--course.html.twig ▪️ field--node--field-school-center.html.twig ▪️ field--node--course.html.twig ▪️ field--field-school-center.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-school-center field--type-entity-reference field--label-hidden field__item">School of Medicine</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> <div class="data-grid-item__info"> <h3 class="data-grid-item__header"> <a href="/courses/visualizing-living-body-diagnostic-imaging"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--title--course.html.twig ✅ field--node--title.html.twig ▪️ field--node--course.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Visualizing the Living Body: Diagnostic Imaging</span> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--node--title.html.twig' --> </a> </h3> <div class="data-grid-item__school-center"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-school-center--course.html.twig ▪️ field--node--field-school-center.html.twig ▪️ field--node--course.html.twig ▪️ field--field-school-center.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-school-center field--type-entity-reference field--label-hidden field__item">School of Medicine</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="data-grid-item__course-type"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-course-type--course.html.twig ▪️ field--node--field-course-type.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-type.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-course-type field--type-entity-reference field--label-hidden field__items"> <div class="field__item">Coursera Course</div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/nodes/node--course--card.html.twig' --> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--paragraph--field-courses--featured-offerings.html.twig' --> <hr class="separator"></hr> <div class="cta-container"> <div class="cta-text"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-cta-text--featured-offerings.html.twig ▪️ field--paragraph--field-cta-text.html.twig ▪️ field--paragraph--featured-offerings.html.twig ▪️ field--field-cta-text.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-cta-text field--type-string field--label-hidden field__item">Don't see what you're looking for?</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="course-feature__filter-toggle-container"> <button class="course-feature__filter-toggle collapsed" type="button" data-toggle="collapse" data-target="#filterCollapse" aria-expanded="false" aria-controls="filterCollapse">Explore By Subject</button> </div> </div> <div class="course-feature-filters"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--block-content--field-block-embed-markup--embed.html.twig ▪️ field--block-content--field-block-embed-markup.html.twig ▪️ field--block-content--embed.html.twig ✅ field--field-block-embed-markup.html.twig ▪️ field--entity-reference-revisions.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--field-block-embed-markup.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--embed--default.html.twig ✅ paragraph--embed.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--embed.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-p-embed-body--embed.html.twig ▪️ field--paragraph--field-p-embed-body.html.twig ▪️ field--paragraph--embed.html.twig ✅ field--field-p-embed-body.html.twig ▪️ field--text-long.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--field-p-embed-body.html.twig' --> <div id="catalog-featured-explore"></div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--field-p-embed-body.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--embed.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--field-block-embed-markup.html.twig' --> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--featured-offerings.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--juicer-embed--default.html.twig ✅ paragraph--juicer-embed.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--juicer-embed.html.twig' --> <div class="paragraph paragraph--type--juicer-embed paragraph--view-mode--default"> <h2 class="juicer-heading section-heading">Want More? Connect with Yale Online on Social!</h2> <script type="text/javascript" src="https://www.juicer.io/embed/yaleonline/embed-code.js?per=9&pages=1" async defer></script> <ul class="juicer-feed" data-feed-id="yaleonline"></ul> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/paragraphs/paragraph--juicer-embed.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--field-homepage-content.html.twig' --> </div> </article> <!-- END OUTPUT from 'themes/contrib/classy/templates/content/node.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> </div> </main> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/layouts/page.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/stable/templates/content/off-canvas-page-wrapper.html.twig' --> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/14","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"3dc1e0d0a86dc51ddd953a4f3c3cc10ef279523bf35a12eba43d7fd0d616f06a"}}</script> <script src="/sites/default/files/js/js_9i1JYHECE-CQoLLoLAABWVICGdi72A5y2O3Ov9wLozM.js?scope=footer&delta=0&language=en&theme=yale_online_theme&include=eJyrTMxJjc_Py8nMS9VPzi8tKk6NL0pNySxKTS7RqUTIxZdkpOam6ucmZuYBAAJIFAI"></script> </body> </html> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/html.html.twig' -->