1<!doctype html> 2<html lang="en-US"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="theme-color" content="#481e34"/> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="stylesheet" href="https://use.typekit.net/dwm0edu.css"> 8 9
9<script> 10 const updateScrollbarWidth = () => { 11 const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth; 12 const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize); 13 14 if (scrollbarWidth > 0) { 15 document.documentElement.style.setProperty('--scrollbar-width', `${(scrollbarWidth / rootFontSize) / 2}rem`); 16 } else { 17 document.documentElement.style.setProperty('--scrollbar-width', `0rem`); 18 } 19 }; 20 21 document.addEventListener('DOMContentLoaded', updateScrollbarWidth); 22 window.addEventListener('resize', updateScrollbarWidth); 23 </script>
23 24 25 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 26 27 <!-- This site is optimized with the Yoast SEO Premium plugin v25.7.1 (Yoast SEO v28.0) - https://yoast.com/product/yoast-seo-premium-wordpress/ --> 28 <title>Home - UCR</title> 29 <meta name="description" content="Self-development, a personalized curriculum and real-world learning. Study at University College Roosevelt to choose your own future." /> 30 <link rel="canonical" href="https://ucr.nl/" /> 31 <meta property="og:locale" content="en_US" /> 32 <meta property="og:type" content="website" /> 33 <meta property="og:title" content="Home" /> 34 <meta property="og:description" content="Self-development, a personalized curriculum and real-world learning. Study at University College Roosevelt to choose your own future." /> 35 <meta property="og:url" content="https://ucr.nl/" /> 36 <meta property="og:site_name" content="UCR" /> 37 <meta property="article:modified_time" content="2026-06-12T14:35:37+00:00" /> 38 <meta name="twitter:card" content="summary_large_image" /> 39
39<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ucr.nl\/","url":"https:\/\/ucr.nl\/","name":"Home - UCR","isPartOf":{"@id":"https:\/\/ucr.nl\/#website"},"about":{"@id":"https:\/\/ucr.nl\/#organization"},"datePublished":"2025-06-30T15:57:53+00:00","dateModified":"2026-06-12T14:35:37+00:00","description":"Self-development, a personalized curriculum and real-world learning. Study at University College Roosevelt to choose your own future.","breadcrumb":{"@id":"https:\/\/ucr.nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ucr.nl\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ucr.nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/ucr.nl\/#website","url":"https:\/\/ucr.nl\/","name":"UCR","description":"University College Roosevelt","publisher":{"@id":"https:\/\/ucr.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ucr.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ucr.nl\/#organization","name":"UCR","url":"https:\/\/ucr.nl\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ucr.nl\/#\/schema\/logo\/image\/","url":"https:\/\/ucr.nl\/wp-content\/uploads\/2025\/07\/logo-ucr.svg","contentUrl":"https:\/\/ucr.nl\/wp-content\/uploads\/2025\/07\/logo-ucr.svg","width":1,"height":1,"caption":"UCR"},"image":{"@id":"https:\/\/ucr.nl\/#\/schema\/logo\/image\/"}}]}</script>
39 40 <!-- / Yoast SEO Premium plugin. --> 41 42 43<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://ucr.nl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fucr.nl%2F" /> 44<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://ucr.nl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fucr.nl%2F&format=xml" /> 45<style id="wp-img-auto-sizes-contain-inline-css"> 46img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 47/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 48</style> 49<style id="wp-emoji-styles-inline-css"> 50 51 img.wp-smiley, img.emoji { 52 display: inline !important; 53 border: none !important; 54 box-shadow: none !important; 55 height: 1em !important; 56 width: 1em !important; 57 margin: 0 0.07em !important; 58 vertical-align: -0.1em !important; 59 background: none !important; 60 padding: 0 !important; 61 } 62/*# sourceURL=wp-emoji-styles-inline-css */ 63</style> 64<style id="wp-block-library-inline-css"> 65:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
65--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 66 67/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 68</style> 69<style id="classic-theme-styles-inline-css"> 70/*! This file is auto-generated */ 71.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 72/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 73</style> 74 75<style id="global-styles-inline-css"> 76:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
76--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
76.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 77/*# sourceURL=global-styles-inline-css */ 78</style> 79 80<link rel='stylesheet' id='app/0-css' href='https://ucr.nl/wp-content/themes/ucr/public/css/app.06512b.css' media='all' />
81<script id="jquery-core-js" src="https://ucr.nl/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 81
81
82<script id="jquery-migrate-js" src="https://ucr.nl/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
82 83<link rel="https://api.w.org/" href="https://ucr.nl/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://ucr.nl/wp-json/wp/v2/pages/14" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ucr.nl/xmlrpc.php?rsd" /> 84 85<link rel='shortlink' href='https://ucr.nl/' /> 86<meta name="google-site-verification" content="94-ZDJi7ut08LqI89vJtIboLrk6ZO__1nvm155vi5R8" />
87<script src="https://u898.ucr.nl/script.js"></script>
87 88 89<!-- Google Tag Manager -->
90<script>
vendor: 331 bytes, lines 90-94
90(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 91new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 92j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 93'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 94})(window,document,'script','dataLayer','
94GTM-NPWKWDW3
vendor: 3 bytes, line 94
94');
94</script>
94 95<!-- End Google Tag Manager --><link rel="icon" href="https://ucr.nl/wp-content/uploads/2025/08/favicon-ucr-150x150.png" sizes="32x32" /> 96<link rel="icon" href="https://ucr.nl/wp-content/uploads/2025/08/favicon-ucr.png" sizes="192x192" /> 97<link rel="apple-touch-icon" href="https://ucr.nl/wp-content/uploads/2025/08/favicon-ucr.png" /> 98<meta name="msapplication-TileImage" content="https://ucr.nl/wp-content/uploads/2025/08/favicon-ucr.png" /> 99 </head> 100 101 <body class="home wp-singular page-template-default page page-id-14 wp-embed-responsive wp-theme-ucr"> 102 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 102-103
102 103<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
103GTM-NPWKWDW3
vendor: 85 bytes, lines 103-104
103" 104height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
105<!-- End Google Tag Manager (noscript) --> 106 <div id="app" x-data="{ activeDropdown: null, activeMobileDropdown: null, showMobileMenu: false }"> 107 <a href="#main-content" tabindex="0" class="skip-link">Ga naar de hoofdinhoud</a> 108 109 <header class="header"> 110 <div class="header__top d-none d-xl-block"> 111 <div class="container-fluid"> 112 <ul class="d-flex justify-content-end"> 113 <li> 114 <a 115 href="https://www.uu.nl/en" 116 aria-label="Open in new tab" 117 tabindex="0" 118 target="_blank" 119 120 rel="noopener noreferrer" 121 class="" 122 > 123 124 <span>Utrecht University</span> 125 </a> 126 </li> 127 <li> 128 <a 129 href="https://ucr.nl/conference-center/" 130 tabindex="0" 131 class="" 132 > 133 134 <span>Conference Center</span> 135 </a> 136 </li> 137 <li> 138 <a 139 href="https://ucr.nl/parents/" 140 tabindex="0" 141 class="" 142 > 143 144 <span>Parents</span> 145 </a> 146 </li> 147 <li> 148 <a 149 href="https://ucr.nl/counselors/" 150 tabindex="0" 151 class="" 152 > 153 154 <span>Counselors</span> 155 </a> 156 </li> 157 <li> 158 <a 159 href="https://ucr.nl/useful-resources/" 160 tabindex="0" 161 class="" 162 > 163 164 <span>Useful Resources</span> 165 </a> 166 </li> 167 <li> 168 <a 169 href="https://ucr.nl/faq/" 170 tabindex="0" 171 class="" 172 > 173 174 <span>FAQ</span> 175 </a> 176 </li> 177 </ul> 178 </div> 179 </div> 180 181 <div class="header__content"> 182 <div class="container-fluid"> 183 <div class="d-flex justify-content-between align-items-center"> 184 <a class="header__content__logo d-flex" href="https://ucr.nl/" tabindex="0" aria-label="Naar startpagina"> 185 <img src="https://ucr.nl/wp-content/uploads/2025/07/logo-ucr.svg" alt="UCR"> 186 </a> 187 <div class="header__content__menu align-items-center d-none d-xl-flex"> 188 <ul class="d-flex justify-content-end"> 189 <li> 190 <a class="header__content__menu__dropdown nav-item-header " tabindex="0" href="#" aria-label="Open dropdown" 191 @click.prevent="activeDropdown = activeDropdown === 1 ? null : 1; $event.stopPropagation()" 192 :aria-expanded="activeDropdown === 1" 193 aria-controls="dropout-1"> 194 <span class="me-1">Education</span> 195 <i class="icon icon-angle-down dropdown-toggle" aria-hidden="true"></i> 196 <span 197 x-show="activeDropdown === 1" 198 class="dropdown-target" 199 style="display: none;" 200 x-transition:enter.delay.200ms.scale.1.duration.400ms 201 x-transition:leave.scale.0.duration.0m 202 > 203 <i class="icon icon-menu-target" aria-hidden="true"></i> 204 </span> 205 </a> 206 207 <div 208 class="header-dropdown" 209 x-show="activeDropdown === 1" 210 id="dropout-1" 211 @click.outside="activeDropdown = null" 212 @focusout="$event.relatedTarget && !$el.contains($event.relatedTarget) ? activeDropdown = null : null" 213 x-transition:enter.opacity.1.duration.800ms 214 x-transition:leave.opacity.0.duration.0ms 215 style="display: none;" 216 > 217 <div class="container-fluid"> 218 <div class="header-dropdown__close" 219 @click="activeDropdown = null" 220 @keydown.enter="activeDropdown = null" 221 tabindex="0" 222 role="button" 223 aria-label="Close menu dropdown">
224 <span aria-hidden="true"></span> 225 <span aria-hidden="true"></span> 226 </div> 227 <div class="header-dropdown__content header-dropdown__content--menu"> 228 <div class="row"> 229 <div class="col-xl-5 offset-xl-1 mb-9 mb-xl-0"> 230 <div class="header-dropdown__content__left"> 231 <ul> 232 <li> 233 <a 234 href="https://ucr.nl/education/" 235 tabindex="0" 236 class="" 237 > 238 239 <span>Education</span> 240 </a> 241 </li> 242 <li> 243 <a 244 href="https://ucr.nl/education/curriculum/" 245 tabindex="0" 246 class="" 247 > 248 249 <span>Curriculum</span> 250 </a> 251 </li> 252 <li> 253 <a 254 href="https://ucr.nl/education/courses/" 255 tabindex="0" 256 class="" 257 > 258 259 <span>Courses</span> 260 </a> 261 </li> 262 <li> 263 <a 264 href="https://ucr.nl/education/study-day-to-day/" 265 tabindex="0" 266 class="" 267 > 268 269 <span>Study Day-To-Day</span> 270 </a> 271 </li> 272 <li> 273 <a 274 href="https://ucr.nl/education/tutoring/" 275 tabindex="0" 276 class="" 277 > 278 279 <span>Tutoring</span> 280 </a> 281 </li> 282 <li> 283 <a 284 href="https://ucr.nl/education/after-ucr/" 285 tabindex="0" 286 class="" 287 > 288 289 <span>After UCR</span> 290 </a> 291 </li> 292 </ul> 293 </div> 294 </div> 295 296 <div class="col-xl-4 offset-xl-1 order-last order-xl-2"> 297 <div class="header-dropdown__content__right"> 298 <h3>Information</h3> 299 <ul> 300 <li> 301 <a 302 href="https://ucr.nl/education/liberal-arts-sciences/" 303 tabindex="0" 304 class="" 305 > 306 <i class="icon icon-angle-right" aria-hidden="true"></i> 307 <span>Liberal Arts & Sciences</span> 308 </a> 309 </li> 310 <li> 311 <a 312 href="https://ucr.nl/education/community-engaged-learning/" 313 tabindex="0" 314 class="" 315 > 316 <i class="icon icon-angle-right" aria-hidden="true"></i> 317 <span>Community Engaged Learning (CEL)</span> 318 </a> 319 </li> 320 <li> 321 <a 322 href="https://ucr.nl/education/personal-professional-development/" 323 tabindex="0" 324 class="" 325 > 326 <i class="icon icon-angle-right" aria-hidden="true"></i> 327 <span>Personal & Professional Development</span> 328 </a> 329 </li> 330 <li> 331 <a 332 href="https://ucr.nl/education/portfolio/" 333 tabindex="0" 334 class="" 335 > 336 <i class="icon icon-angle-right" aria-hidden="true"></i>
337 <span>Portfolio</span> 338 </a> 339 </li> 340 <li> 341 <a 342 href="https://ucr.nl/education/pathways/" 343 tabindex="0" 344 class="" 345 > 346 <i class="icon icon-angle-right" aria-hidden="true"></i> 347 <span>Pathways</span> 348 </a> 349 </li> 350 <li> 351 <a 352 href="https://ucr.nl/education/study-provisions/" 353 tabindex="0" 354 class="" 355 > 356 <i class="icon icon-angle-right" aria-hidden="true"></i> 357 <span>Study Provisions</span> 358 </a> 359 </li> 360 <li> 361 <a 362 href="https://ucr.nl/education/academic-calendar/" 363 tabindex="0" 364 class="" 365 > 366 <i class="icon icon-angle-right" aria-hidden="true"></i> 367 <span>Academic Calendar</span> 368 </a> 369 </li> 370 </ul> 371 </div> 372 </div> 373 374 <div class="col-12 mb-9 mb-xl-0 order-2 order-xl-last"> 375 <div class="header-dropdown__content__footer"> 376 <div class="header-dropdown__content__footer__buttons header-dropdown__content__footer__buttons--2"> 377 <div class="row g-2 g-xl-0"> 378 <div class="col-xl-6 text-xl-center"> 379 <div class="header-dropdown__content__footer__buttons__item "> 380 <a tabindex="0" href="https://program.ucr.nl" target="_blank" class="btn btn--large btn--reflective-lilac"> 381 <span class="mx-auto"> 382 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Try the Program Builder 383 </span> 384 </a> 385 </div> 386 </div> 387 <div class="col-xl-6 text-xl-center"> 388 <div class="header-dropdown__content__footer__buttons__item last"> 389 <a tabindex="0" href="https://ucr.nl/brochure/" target="_blank" class="btn btn--large btn--grounded-green"> 390 <span class="mx-auto"> 391 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Request Brochure 392 </span> 393 </a> 394 </div> 395 </div> 396 </div> 397 </div> 398 </div> 399 </div> 400 </div> 401 </div> 402 </div> 403</div> 404 </li> 405 <li> 406 <a class="header__content__menu__dropdown nav-item-header " tabindex="0" href="#" aria-label="Open dropdown" 407 @click.prevent="activeDropdown = activeDropdown === 2 ? null : 2; $event.stopPropagation()" 408 :aria-expanded="activeDropdown === 2" 409 aria-controls="dropout-2">
410 <span class="me-1">Admissions</span> 411 <i class="icon icon-angle-down dropdown-toggle" aria-hidden="true"></i> 412 <span 413 x-show="activeDropdown === 2" 414 class="dropdown-target" 415 style="display: none;" 416 x-transition:enter.delay.200ms.scale.1.duration.400ms 417 x-transition:leave.scale.0.duration.0m 418 > 419 <i class="icon icon-menu-target" aria-hidden="true"></i> 420 </span> 421 </a> 422 423 <div 424 class="header-dropdown" 425 x-show="activeDropdown === 2" 426 id="dropout-2" 427 @click.outside="activeDropdown = null" 428 @focusout="$event.relatedTarget && !$el.contains($event.relatedTarget) ? activeDropdown = null : null" 429 x-transition:enter.opacity.1.duration.800ms 430 x-transition:leave.opacity.0.duration.0ms 431 style="display: none;" 432 > 433 <div class="container-fluid"> 434 <div class="header-dropdown__close" 435 @click="activeDropdown = null" 436 @keydown.enter="activeDropdown = null" 437 tabindex="0" 438 role="button" 439 aria-label="Close menu dropdown"> 440 <span aria-hidden="true"></span> 441 <span aria-hidden="true"></span> 442 </div> 443 <div class="header-dropdown__content header-dropdown__content--menu"> 444 <div class="row"> 445 <div class="col-xl-5 offset-xl-1 mb-9 mb-xl-0"> 446 <div class="header-dropdown__content__left"> 447 <ul> 448 <li> 449 <a 450 href="https://ucr.nl/admissions/" 451 tabindex="0" 452 class="" 453 > 454 455 <span>Admissions</span> 456 </a> 457 </li> 458 <li> 459 <a 460 href="https://ucr.nl/admissions/admissions-requirements/" 461 tabindex="0" 462 class="" 463 > 464 465 <span>Admissions Requirements</span> 466 </a> 467 </li> 468 <li> 469 <a 470 href="https://ucr.nl/admissions/application-process/" 471 tabindex="0" 472 class="" 473 > 474 475 <span>Application Process</span> 476 </a> 477 </li> 478 <li> 479 <a 480 href="https://ucr.nl/admissions/tuition-fees-costs/" 481 tabindex="0" 482 class="" 483 > 484 485 <span>Tuition Fees & Costs</span> 486 </a> 487 </li> 488 <li> 489 <a 490 href="https://ucr.nl/admissions/financial-support/" 491 tabindex="0" 492 class="" 493 > 494 495 <span>Financial Support</span> 496 </a> 497 </li> 498 </ul> 499 </div> 500 </div> 501 502 <div class="col-xl-4 offset-xl-1 order-last order-xl-2"> 503 <div class="header-dropdown__content__right"> 504 <h3>Information</h3> 505 <ul> 506 <li> 507 <a 508 href="https://ucr.nl/admissions/incoming-exchange-students/" 509 tabindex="0" 510 class="" 511 > 512 <i class="icon icon-angle-right" aria-hidden="true"></i>
513 <span>Incoming Exchange Students</span> 514 </a> 515 </li> 516 <li> 517 <a 518 href="https://ucr.nl/admissions/transfer-students/" 519 tabindex="0" 520 class="" 521 > 522 <i class="icon icon-angle-right" aria-hidden="true"></i> 523 <span>Transfer Students</span> 524 </a> 525 </li> 526 <li> 527 <a 528 href="https://ucr.nl/admissions/for-new-students/" 529 tabindex="0" 530 class="" 531 > 532 <i class="icon icon-angle-right" aria-hidden="true"></i> 533 <span>Only for Accepted Students</span> 534 </a> 535 </li> 536 </ul> 537 </div> 538 </div> 539 540 <div class="col-12 mb-9 mb-xl-0 order-2 order-xl-last"> 541 <div class="header-dropdown__content__footer"> 542 <div class="header-dropdown__content__footer__buttons header-dropdown__content__footer__buttons--2"> 543 <div class="row g-2 g-xl-0"> 544 <div class="col-xl-6 text-xl-center"> 545 <div class="header-dropdown__content__footer__buttons__item "> 546 <a tabindex="0" href="https://ucr.nl/admissions/application-process/" target="_blank" class="btn btn--large btn--open-yellow"> 547 <span class="mx-auto"> 548 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Apply Now 549 </span> 550 </a> 551 </div> 552 </div> 553 <div class="col-xl-6 text-xl-center"> 554 <div class="header-dropdown__content__footer__buttons__item last"> 555 <a tabindex="0" href="https://ucr.nl/about-ucr/connect/" target="_blank" class="btn btn--large btn--clarity-blue"> 556 <span class="mx-auto"> 557 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Connect with us 558 </span> 559 </a> 560 </div> 561 </div> 562 </div> 563 </div> 564 </div> 565 </div> 566 </div> 567 </div> 568 </div> 569</div> 570 </li> 571 <li> 572 <a class="header__content__menu__dropdown nav-item-header " tabindex="0" href="#" aria-label="Open dropdown" 573 @click.prevent="activeDropdown = activeDropdown === 3 ? null : 3; $event.stopPropagation()" 574 :aria-expanded="activeDropdown === 3" 575 aria-controls="dropout-3"> 576 <span class="me-1">Student Life</span> 577 <i class="icon icon-angle-down dropdown-toggle" aria-hidden="true"></i>
578 <span 579 x-show="activeDropdown === 3" 580 class="dropdown-target" 581 style="display: none;" 582 x-transition:enter.delay.200ms.scale.1.duration.400ms 583 x-transition:leave.scale.0.duration.0m 584 > 585 <i class="icon icon-menu-target" aria-hidden="true"></i> 586 </span> 587 </a> 588 589 <div 590 class="header-dropdown" 591 x-show="activeDropdown === 3" 592 id="dropout-3" 593 @click.outside="activeDropdown = null" 594 @focusout="$event.relatedTarget && !$el.contains($event.relatedTarget) ? activeDropdown = null : null" 595 x-transition:enter.opacity.1.duration.800ms 596 x-transition:leave.opacity.0.duration.0ms 597 style="display: none;" 598 > 599 <div class="container-fluid"> 600 <div class="header-dropdown__close" 601 @click="activeDropdown = null" 602 @keydown.enter="activeDropdown = null" 603 tabindex="0" 604 role="button" 605 aria-label="Close menu dropdown"> 606 <span aria-hidden="true"></span> 607 <span aria-hidden="true"></span> 608 </div> 609 <div class="header-dropdown__content header-dropdown__content--menu"> 610 <div class="row"> 611 <div class="col-xl-5 offset-xl-1 mb-9 mb-xl-0"> 612 <div class="header-dropdown__content__left"> 613 <ul> 614 <li> 615 <a 616 href="https://ucr.nl/student-life/" 617 tabindex="0" 618 class="" 619 > 620 621 <span>Student Life</span> 622 </a> 623 </li> 624 <li> 625 <a 626 href="https://ucr.nl/student-life/life-on-campus/" 627 tabindex="0" 628 class="" 629 > 630 631 <span>Life on Campus</span> 632 </a> 633 </li> 634 <li> 635 <a 636 href="https://ucr.nl/student-life/housing/" 637 tabindex="0" 638 class="" 639 > 640 641 <span>Housing</span> 642 </a> 643 </li> 644 <li> 645 <a 646 href="https://ucr.nl/student-life/student-boards/" 647 tabindex="0" 648 class="" 649 > 650 651 <span>Student Boards</span> 652 </a> 653 </li> 654 <li> 655 <a 656 href="https://ucr.nl/student-life/student-support-well-being/" 657 tabindex="0" 658 class="" 659 > 660 661 <span>Student Support & Well-being</span> 662 </a> 663 </li> 664 <li> 665 <a 666 href="https://ucr.nl/student-life/middelburg-zeeland/" 667 tabindex="0" 668 class="" 669 > 670 671 <span>Middelburg & Zeeland</span> 672 </a> 673 </li> 674 <li> 675 <a 676 href="https://ucr.nl/student-life/student-stories/" 677 tabindex="0" 678 class="" 679 > 680
681 <span>Student Stories</span> 682 </a> 683 </li> 684 </ul> 685 </div> 686 </div> 687 688 <div class="col-xl-4 offset-xl-1 order-last order-xl-2"> 689 <div class="header-dropdown__content__right"> 690 <h3>Information</h3> 691 <ul> 692 <li> 693 <a 694 href="https://ucr.tourio.com/" 695 aria-label="Open in new tab" 696 tabindex="0" 697 target="_blank" 698 699 rel="noopener noreferrer" 700 class="" 701 > 702 <i class="icon icon-angle-right" aria-hidden="true"></i> 703 <span>Virtual Campus Tour</span> 704 </a> 705 </li> 706 <li> 707 <a 708 href="https://ucr.nl/student-life/going-on-exchange/" 709 tabindex="0" 710 class="" 711 > 712 <i class="icon icon-angle-right" aria-hidden="true"></i> 713 <span>Going on Exchange</span> 714 </a> 715 </li> 716 <li> 717 <a 718 href="https://ucr.nl/student-life/roosevelt-college-choir/" 719 tabindex="0" 720 class="" 721 > 722 <i class="icon icon-angle-right" aria-hidden="true"></i> 723 <span>Roosevelt College Choir</span> 724 </a> 725 </li> 726 </ul> 727 </div> 728 </div> 729 730 <div class="col-12 mb-9 mb-xl-0 order-2 order-xl-last"> 731 <div class="header-dropdown__content__footer"> 732 <div class="header-dropdown__content__footer__buttons header-dropdown__content__footer__buttons--3"> 733 <div class="row g-2 g-xl-0"> 734 <div class="col-xl-4 text-xl-center"> 735 <div class="header-dropdown__content__footer__buttons__item "> 736 <a tabindex="0" href="https://ucr.nl/about-ucr/connect/" target="_blank" class="btn btn--large btn--reflective-lilac"> 737 <span class="mx-auto"> 738 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Talk to students 739 </span> 740 </a> 741 </div> 742 </div> 743 <div class="col-xl-4 text-xl-center"> 744 <div class="header-dropdown__content__footer__buttons__item "> 745 <a tabindex="0" href="https://ucr.nl/student-life/student-stories/" target="_blank" class="btn btn--large btn--open-yellow"> 746 <span class="mx-auto"> 747 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Discover Student Stories 748 </span> 749 </a> 750 </div> 751 </div> 752 <div class="col-xl-4 text-xl-ce
752nter"> 753 <div class="header-dropdown__content__footer__buttons__item last"> 754 <a tabindex="0" href="https://ucr.nl/brochure/" target="_blank" class="btn btn--large btn--grounded-green"> 755 <span class="mx-auto"> 756 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Request Brochure 757 </span> 758 </a> 759 </div> 760 </div> 761 </div> 762 </div> 763 </div> 764 </div> 765 </div> 766 </div> 767 </div> 768</div> 769 </li> 770 <li> 771 <a class="header__content__menu__dropdown nav-item-header " tabindex="0" href="#" aria-label="Open dropdown" 772 @click.prevent="activeDropdown = activeDropdown === 4 ? null : 4; $event.stopPropagation()" 773 :aria-expanded="activeDropdown === 4" 774 aria-controls="dropout-4"> 775 <span class="me-1">Collaborations</span> 776 <i class="icon icon-angle-down dropdown-toggle" aria-hidden="true"></i> 777 <span 778 x-show="activeDropdown === 4" 779 class="dropdown-target" 780 style="display: none;" 781 x-transition:enter.delay.200ms.scale.1.duration.400ms 782 x-transition:leave.scale.0.duration.0m 783 > 784 <i class="icon icon-menu-target" aria-hidden="true"></i> 785 </span> 786 </a> 787 788 <div 789 class="header-dropdown" 790 x-show="activeDropdown === 4" 791 id="dropout-4" 792 @click.outside="activeDropdown = null" 793 @focusout="$event.relatedTarget && !$el.contains($event.relatedTarget) ? activeDropdown = null : null" 794 x-transition:enter.opacity.1.duration.800ms 795 x-transition:leave.opacity.0.duration.0ms 796 style="display: none;" 797 > 798 <div class="container-fluid"> 799 <div class="header-dropdown__close" 800 @click="activeDropdown = null" 801 @keydown.enter="activeDropdown = null" 802 tabindex="0" 803 role="button" 804 aria-label="Close menu dropdown"> 805 <span aria-hidden="true"></span> 806 <span aria-hidden="true"></span> 807 </div> 808 <div class="header-dropdown__content header-dropdown__content--image"> 809 <div class="row"> 810 <div class="col-xl-5 offset-xl-1 mb-9 mb-xl-0"> 811 <div class="header-dropdown__content__left"> 812 <ul> 813 <li> 814 <a 815 href="https://ucr.nl/collaborations/" 816 tabindex="0" 817 class="" 818 > 819 820 <span>Collaborations</span> 821 </a> 822 </li> 823 <li> 824 <a 825 href="https://ucr.nl/collaborations/collaborating-with-ucr/" 826 tabindex="0" 827 class="" 828 > 829
830 <span>Collaborating with UCR</span> 831 </a> 832 </li> 833 <li> 834 <a 835 href="https://ucr.nl/collaborations/jrcz/" 836 tabindex="0" 837 class="" 838 > 839 840 <span>JRCZ</span> 841 </a> 842 </li> 843 <li> 844 <a 845 href="https://ucr.nl/collaborations/dcc/" 846 tabindex="0" 847 class="" 848 > 849 850 <span>DCC</span> 851 </a> 852 </li> 853 <li> 854 <a 855 href="https://ucr.nl/collaborations/research/" 856 tabindex="0" 857 class="" 858 > 859 860 <span>Research</span> 861 </a> 862 </li> 863 </ul> 864 </div> 865 </div> 866 867 <div class="col-xl-5 offset-xl-1 order-last order-xl-2"> 868 <figure class="image header-dropdown__content__image"> 869 <img width="1920" height="1440" src="https://ucr.nl/wp-content/uploads/2025/07/Blank-Profile-Picture.webp" class="image__img image-position--center" alt="" loading="lazy" decoding="async" sizes="auto, (max-width: 1280px) 50vw, 40vw" srcset="https://ucr.nl/wp-content/uploads/2025/07/Blank-Profile-Picture.webp 1920w, https://ucr.nl/wp-content/uploads/2025/07/Blank-Profile-Picture-1024x768.webp 1024w, https://ucr.nl/wp-content/uploads/2025/07/Blank-Profile-Picture-600x450.webp 600w" /> 870 </figure> 871 </div> 872 873 <div class="col-12 mb-9 mb-xl-0 order-2 order-xl-last"> 874 <div class="header-dropdown__content__footer"> 875 <div class="header-dropdown__content__footer__buttons header-dropdown__content__footer__buttons--1"> 876 <div class="row g-2 g-xl-0"> 877 <div class="col-xl-12 text-xl-center"> 878 <div class="header-dropdown__content__footer__buttons__item last"> 879 <a tabindex="0" href="https://ucr.nl/about-ucr/connect/partner-connections/" target="_blank" class="btn btn--large btn--open-yellow"> 880 <span class="mx-auto"> 881 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Partner with us 882 </span> 883 </a> 884 </div> 885 </div> 886 </div> 887 </div> 888 </div> 889 </div> 890 </div> 891 </div> 892 </div> 893</div> 894 </li> 895 <li> 896 <a class="header__content__menu__dropdown nav-item-header " tabindex="0" href="#" aria-label="Open dropdown" 897 @click.prevent="activeDropdown = activeDropdown === 5 ? null : 5; $event.stopPropagation()" 898 :aria-expanded="activeDropdown === 5" 899 aria-controls="dropout-5">
900 <span class="me-1">About UCR</span> 901 <i class="icon icon-angle-down dropdown-toggle" aria-hidden="true"></i> 902 <span 903 x-show="activeDropdown === 5" 904 class="dropdown-target" 905 style="display: none;" 906 x-transition:enter.delay.200ms.scale.1.duration.400ms 907 x-transition:leave.scale.0.duration.0m 908 > 909 <i class="icon icon-menu-target" aria-hidden="true"></i> 910 </span> 911 </a> 912 913 <div 914 class="header-dropdown" 915 x-show="activeDropdown === 5" 916 id="dropout-5" 917 @click.outside="activeDropdown = null" 918 @focusout="$event.relatedTarget && !$el.contains($event.relatedTarget) ? activeDropdown = null : null" 919 x-transition:enter.opacity.1.duration.800ms 920 x-transition:leave.opacity.0.duration.0ms 921 style="display: none;" 922 > 923 <div class="container-fluid"> 924 <div class="header-dropdown__close" 925 @click="activeDropdown = null" 926 @keydown.enter="activeDropdown = null" 927 tabindex="0" 928 role="button" 929 aria-label="Close menu dropdown"> 930 <span aria-hidden="true"></span> 931 <span aria-hidden="true"></span> 932 </div> 933 <div class="header-dropdown__content header-dropdown__content--menu"> 934 <div class="row"> 935 <div class="col-xl-5 offset-xl-1 mb-9 mb-xl-0"> 936 <div class="header-dropdown__content__left"> 937 <ul> 938 <li> 939 <a 940 href="https://ucr.nl/about-ucr/" 941 tabindex="0" 942 class="" 943 > 944 945 <span>About UCR</span> 946 </a> 947 </li> 948 <li> 949 <a 950 href="https://ucr.nl/about-ucr/our-story-mission-vision/" 951 tabindex="0" 952 class="" 953 > 954 955 <span>Our Story, Mission & Vision</span> 956 </a> 957 </li> 958 <li> 959 <a 960 href="https://ucr.nl/about-ucr/the-roosevelt-connection/" 961 tabindex="0" 962 class="" 963 > 964 965 <span>The Roosevelt Connection</span> 966 </a> 967 </li> 968 <li> 969 <a 970 href="https://ucr.nl/about-ucr/our-people/" 971 tabindex="0" 972 class="" 973 > 974 975 <span>Our People</span> 976 </a> 977 </li> 978 <li> 979 <a 980 href="https://ucr.nl/about-ucr/our-alumni/" 981 tabindex="0" 982 class="" 983 > 984 985 <span>Our Alumni</span> 986 </a> 987 </li> 988 <li> 989 <a 990 href="https://ucr.nl/about-ucr/our-impact/" 991 tabindex="0" 992 class="" 993 > 994 995 <span>Our Impact</span> 996 </a> 997 </li> 998 <li> 999 <a 1000 href="https://ucr.nl/about-ucr/careers/" 1001 tabindex="0" 1002 class="" 1003 > 1004
1005 <span>Careers</span> 1006 </a> 1007 </li> 1008 </ul> 1009 </div> 1010 </div> 1011 1012 <div class="col-xl-4 offset-xl-1 order-last order-xl-2"> 1013 <div class="header-dropdown__content__right"> 1014 <h3>Information</h3> 1015 <ul> 1016 <li> 1017 <a 1018 href="https://ucr.nl/about-ucr/executive-board/" 1019 tabindex="0" 1020 class="" 1021 > 1022 <i class="icon icon-angle-right" aria-hidden="true"></i> 1023 <span>Executive Board</span> 1024 </a> 1025 </li> 1026 <li> 1027 <a 1028 href="https://ucr.nl/about-ucr/board-of-trustees/" 1029 tabindex="0" 1030 class="" 1031 > 1032 <i class="icon icon-angle-right" aria-hidden="true"></i> 1033 <span>Board of Trustees</span> 1034 </a> 1035 </li> 1036 <li> 1037 <a 1038 href="https://ucr.nl/about-ucr/co-governance/" 1039 tabindex="0" 1040 class="" 1041 > 1042 <i class="icon icon-angle-right" aria-hidden="true"></i> 1043 <span>Co-Governance</span> 1044 </a> 1045 </li> 1046 <li> 1047 <a 1048 href="https://ucr.nl/about-ucr/accreditation/" 1049 tabindex="0" 1050 class="" 1051 > 1052 <i class="icon icon-angle-right" aria-hidden="true"></i> 1053 <span>Accreditation</span> 1054 </a> 1055 </li> 1056 <li> 1057 <a 1058 href="https://ucr.nl/about-ucr/news/" 1059 tabindex="0" 1060 class="" 1061 > 1062 <i class="icon icon-angle-right" aria-hidden="true"></i> 1063 <span>News</span> 1064 </a> 1065 </li> 1066 <li> 1067 <a 1068 href="https://ucr.nl/about-ucr/blogs/" 1069 tabindex="0" 1070 class="" 1071 > 1072 <i class="icon icon-angle-right" aria-hidden="true"></i> 1073 <span>Blogs</span> 1074 </a> 1075 </li> 1076 <li> 1077 <a 1078 href="https://ucr.nl/about-ucr/events/" 1079 tabindex="0" 1080 class="" 1081 > 1082 <i class="icon icon-angle-right" aria-hidden="true"></i> 1083 <span>Events</span> 1084 </a> 1085 </li> 1086 </ul> 1087 </div> 1088 </div> 1089 1090 <div class="col-12 mb-9 mb-xl-0 order-2 order-xl-last"> 1091 <div class="header-dropdown__content__footer"> 1092 <div class="header-dropdown__content__footer__buttons header-dropdown__content__footer__buttons--3"> 1093 <div class="row g-2 g-xl-0"> 1094 <div class="col-xl-4 text-xl-center"> 1095 <div class="header-dropdown__content__footer__buttons__item "> 1096 <a tabindex="0" href="https://ucr.nl/anbi/" target="_blank" class="btn btn--large btn--reflective-lilac">
1097 <span class="mx-auto"> 1098 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Annual Report and ANBI 1099 </span> 1100 </a> 1101 </div> 1102 </div> 1103 <div class="col-xl-4 text-xl-center"> 1104 <div class="header-dropdown__content__footer__buttons__item "> 1105 <a tabindex="0" href="https://ucr.nl/about-ucr/connect/" target="_blank" class="btn btn--large btn--open-yellow"> 1106 <span class="mx-auto"> 1107 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Connect with us 1108 </span> 1109 </a> 1110 </div> 1111 </div> 1112 <div class="col-xl-4 text-xl-center"> 1113 <div class="header-dropdown__content__footer__buttons__item last"> 1114 <a tabindex="0" href="https://ucr.nl/integrity-at-ucr/" target="_blank" class="btn btn--large btn--grounded-green"> 1115 <span class="mx-auto"> 1116 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Integrity 1117 </span> 1118 </a> 1119 </div> 1120 </div> 1121 </div> 1122 </div> 1123 </div> 1124 </div> 1125 </div> 1126 </div> 1127 </div> 1128</div> 1129 </li> 1130 </ul> 1131 <div class="header__content__menu__actions"> 1132 <div role="button" class="header__content__menu__actions__btn" tabindex="0" aria-label="Open search dropdown" 1133 @click.prevent=" 1134 activeDropdown = activeDropdown === 'search-dropdown' ? null : 'search-dropdown'; 1135 $nextTick(() => { if(activeDropdown === 'search-dropdown') $refs.searchInputHeader.focus() }) 1136 $event.stopPropagation() 1137 " 1138 @keydown.enter=" 1139 activeDropdown = activeDropdown === 'search-dropdown' ? null : 'search-dropdown'; 1140 $nextTick(() => { if(activeDropdown === 'search-dropdown') $refs.searchInputHeader.focus() }) 1141 $event.stopPropagation() 1142 " 1143 :aria-expanded="activeDropdown === 'search-dropdown'" 1144 aria-controls="dropout-search-dropdown"> 1145 <svg class="heroicon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 1146 <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/> 1147</svg> <span 1148 x-show="activeDropdown === 'search-dropdown'" 1149 class="dropdown-target dropdown-target--search" 1150 x-transition:enter.delay.200ms.scale.1.duration.400ms 1151 x-transition:leave.scale.0.duration.0m 1152 style="display: none;" 1153 > 1154 <i class="icon icon-menu-target" aria-hidden="true"></i> 1155 </span> 1156 </div> 1157 <div class="header-dropdown header-dropdown--search" 1158 x-show="activeDropdown === 'search-dropdown'" 1159 id="dropout-search-dropdown" 1160 @click.outside="activeDropdown = null" 1161 style="display: none;" 1162 @focusout="$event.relatedTarget && !$el.contains($event.relatedTarget) ? activeDropdown = null : null" 1163 x-transition:enter.opacity.1.duration.800ms 1164 x-transition:leave.opacity.0.duration.0ms> 1165 <div class="container-fluid"> 1166 <div class="header-dropdown__close" 1167 @click="activeDropdown = null" 1168 @keydown.enter="activeDropdown = null" 1169 tabindex="0" 1170 role="button" 1171 aria-label="Close search dropdown">
1172 <span aria-hidden="true"></span> 1173 <span aria-hidden="true"></span> 1174 </div> 1175 <div class="header-dropdown__search"> 1176 <div class="row justify-content-center"> 1177 <div class="col-xxl-10"> 1178 <form role="search" method="get" class="search-form-header" action="https://ucr.nl/search-results/"> 1179 <label class="d-flex"> 1180 <h2 class="mb-0 fw-600 font-italic me-2">Search:</h2> 1181 <input x-ref="searchInputHeader" tabindex="0" type="text" name="search" data-swplive="false" placeholder="Type here" /> 1182 </label> 1183 <button type="submit" tabindex="0" aria-label="Submit search"> 1184 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 1185 </button> 1186 </form> 1187 </div> 1188 </div> 1189 </div> 1190 </div> 1191 </div> 1192 1193 <div role="button" class="header__content__menu__actions__btn" tabindex="0" aria-label="Open login dropdown" 1194 @click.prevent="activeDropdown = activeDropdown === 'login-dropdown' ? null : 'login-dropdown'; $event.stopPropagation()" 1195 @keydown.enter="activeDropdown = activeDropdown === 'login-dropdown' ? null : 'login-dropdown'; $event.stopPropagation()" 1196 :aria-expanded="activeDropdown === 'login-dropdown'" 1197 aria-controls="dropout-login-dropdown"> 1198 <svg class="heroicon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 1199 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"/> 1200</svg> <span 1201 x-show="activeDropdown === 'login-dropdown'" 1202 class="dropdown-target dropdown-target--login" 1203 x-transition:enter.delay.200ms.scale.1.duration.400ms 1204 x-transition:leave.scale.0.duration.0m 1205 style="display: none;" 1206 > 1207 <i class="icon icon-menu-target" aria-hidden="true"></i> 1208 </span> 1209 </div> 1210 <div class="header-dropdown header-dropdown--login" 1211 x-show="activeDropdown === 'login-dropdown'" 1212 id="dropout-login-dropdown" 1213 @click.outside="activeDropdown = null" 1214 style="display: none;" 1215 @focusout="$event.relatedTarget && !$el.contains($event.relatedTarget) ? activeDropdown = null : null" 1216 x-transition:enter.opacity.1.duration.800ms 1217 x-transition:leave.opacity.0.duration.0ms> 1218 <div class="container-fluid"> 1219 <div class="header-dropdown__close" 1220 @click="activeDropdown = null" 1221 @keydown.enter="activeDropdown = null" 1222 tabindex="0" 1223 role="button" 1224 aria-label="Close login dropdown">
1225 <span aria-hidden="true"></span> 1226 <span aria-hidden="true"></span> 1227 </div> 1228 <div class="header-dropdown__login"> 1229 <h3 class="mb-3">Login into:</h3> 1230 <ul> 1231 <li> 1232 <a 1233 href="http://outlook.office.com/" 1234 aria-label="Open in new tab" 1235 tabindex="0" 1236 target="_blank" 1237 1238 rel="noopener noreferrer" 1239 class="" 1240 > 1241 <i class="icon icon-angle-right" aria-hidden="true"></i> 1242 <span>Mail</span> 1243 </a> 1244 </li> 1245 <li> 1246 <a 1247 href="https://moodle.ucr.nl/" 1248 aria-label="Open in new tab" 1249 tabindex="0" 1250 target="_blank" 1251 1252 rel="noopener noreferrer" 1253 class="" 1254 > 1255 <i class="icon icon-angle-right" aria-hidden="true"></i> 1256 <span>Moodle</span> 1257 </a> 1258 </li> 1259 <li> 1260 <a 1261 href="https://intranet.ucr.nl/" 1262 aria-label="Open in new tab" 1263 tabindex="0" 1264 target="_blank" 1265 1266 rel="noopener noreferrer" 1267 class="" 1268 > 1269 <i class="icon icon-angle-right" aria-hidden="true"></i> 1270 <span>Intranet</span> 1271 </a> 1272 </li> 1273 </ul> 1274 </div> 1275 </div> 1276 </div> 1277 </div> 1278 </div> 1279 <div class="d-block d-xl-none"> 1280 <div class="menu-toggle" 1281 role="button" 1282 tabindex="0" 1283 aria-label="Toggle mobile menu" 1284 :aria-expanded="showMobileMenu" 1285 aria-controls="mobile-menu" 1286 @click="showMobileMenu = !showMobileMenu" 1287 @keydown.enter.prevent="showMobileMenu = !showMobileMenu"> 1288 <div class="d-flex flex-column align-items-end"> 1289 <span aria-hidden="true"></span> 1290 <span aria-hidden="true"></span> 1291 <span aria-hidden="true"></span> 1292 </div> 1293 </div> 1294 </div> 1295 </div> 1296 </div> 1297 </div> 1298</header> 1299 1300<div id="mobile-menu" 1301 class="collapse" 1302 x-show="showMobileMenu" 1303 x-transition:enter.opacity.1.duration.400ms 1304 x-transition:leave.opacity.0.duration.400ms 1305 x-bind:class="{ 1306 'active-dropdown': activeMobileDropdown !== null, 1307 'no-active-dropdown': activeMobileDropdown === null 1308 }" 1309 x-effect="if (!showMobileMenu) activeMobileDropdown = null" 1310 @click.outside="showMobileMenu = false; activeMobileDropdown = null" 1311 role="dialog" 1312 aria-modal="true" style="display: none;"> 1313 <div class="container-fluid"> 1314 <div class="d-flex justify-content-end"> 1315 <div class="menu-toggle" 1316 role="button" 1317 tabindex="0" 1318 aria-label="Toggle mobile menu" 1319 :aria-expanded="showMobileMenu" 1320 aria-controls="mobile-menu" 1321 @click="showMobileMenu = !showMobileMenu;" 1322 @keydown.enter.prevent="showMobileMenu = !showMobileMenu;"> 1323 <div class="d-flex flex-column align-items-end">
1324 <span aria-hidden="true"></span> 1325 <span aria-hidden="true"></span> 1326 </div> 1327 </div> 1328 </div> 1329 1330 <div class="collapse__content"> 1331 <ul class="collapse__content__primary"> 1332 <li> 1333 <a 1334 class="collapse__content__primary__dropdown nav-item-header " 1335 tabindex="0" 1336 href="#" 1337 @click.prevent="activeMobileDropdown = '1'" 1338 @keydown.enter.prevent="activeMobileDropdown = '1'" 1339 :aria-expanded="activeMobileDropdown === '1'" 1340 aria-controls="dropdown-1" 1341 role="button" 1342 aria-haspopup="dialog" 1343 aria-label="Open dropdown for Education" 1344 > 1345 <i class="icon icon-arrow-right-small me-3" aria-hidden="true"></i> 1346 <span class="me-1">Education</span> 1347 </a> 1348 <div 1349 class="collapse-dropdown" 1350 role="dialog" 1351 aria-modal="true" 1352 :id="'dropdown-1'" 1353 x-show="showMobileMenu && activeMobileDropdown === '1'" 1354 x-transition:enter-start="translate-x-full" 1355 x-transition:enter-end="translate-x-0" 1356 x-transition:leave-start="translate-x-0" 1357 x-transition:leave-end="translate-x-full" 1358 style="display: none;" 1359> 1360 <div class="container-fluid"> 1361 <div class="d-flex justify-content-between align-items-center"> 1362 <div class="collapse-dropdown__close"> 1363 <div role="button" 1364 tabindex="0" 1365 class="btn btn--transparent-reflective-lilac" 1366 @click="activeMobileDropdown = null" 1367 @keydown.enter.prevent="activeMobileDropdown = null" 1368 aria-label="Back to main menu"> 1369 <i class="icon icon-arrow-left-small" aria-hidden="true"></i> 1370 <span>Back to headmenu</span> 1371 </div> 1372 </div> 1373 <div class="menu-toggle ms-5" 1374 role="button" 1375 tabindex="0" 1376 aria-label="Close mobile menu" 1377 :aria-expanded="showMobileMenu" 1378 aria-controls="mobile-menu" 1379 @click="showMobileMenu = !showMobileMenu;" 1380 @keydown.enter.prevent="showMobileMenu = !showMobileMenu;"> 1381 <div class="d-flex flex-column align-items-end"> 1382 <span aria-hidden="true"></span> 1383 <span aria-hidden="true"></span> 1384 </div> 1385 </div> 1386 </div> 1387 1388 <div class="collapse__content"> 1389 <ul class="collapse__content__primary"> 1390 <li> 1391 <a 1392 href="https://ucr.nl/education/" 1393 tabindex="0" 1394 class="" 1395 > 1396 1397 <span>Education</span> 1398 </a> 1399 </li> 1400 <li> 1401 <a 1402 href="https://ucr.nl/education/curriculum/" 1403 tabindex="0" 1404 class="" 1405 > 1406 1407 <span>Curriculum</span> 1408 </a> 1409 </li> 1410 <li> 1411 <a 1412 href="https://ucr.nl/education/courses/" 1413 tabindex="0" 1414 class="" 1415 > 1416 1417 <span>Courses</span> 1418 </a> 1419 </li> 1420 <li> 1421 <a 1422 href="https://ucr.nl/education/study-day-to-day/" 1423 tabindex="0" 1424 class="" 1425 > 1426
1427 <span>Study Day-To-Day</span> 1428 </a> 1429 </li> 1430 <li> 1431 <a 1432 href="https://ucr.nl/education/tutoring/" 1433 tabindex="0" 1434 class="" 1435 > 1436 1437 <span>Tutoring</span> 1438 </a> 1439 </li> 1440 <li> 1441 <a 1442 href="https://ucr.nl/education/after-ucr/" 1443 tabindex="0" 1444 class="" 1445 > 1446 1447 <span>After UCR</span> 1448 </a> 1449 </li> 1450 </ul> 1451 1452 <div class="collapse__content__buttons my-8"> 1453 <div class="row gy-1"> 1454 <div class="col-12 text-xl-center"> 1455 <div class="header-dropdown__content__footer__buttons__item "> 1456 <a tabindex="0" href="https://program.ucr.nl" target="_blank" class="btn btn--reflective-lilac"> 1457 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 1458 <span>Try the Program Builder</span> 1459 </a> 1460 </div> 1461 </div> 1462 <div class="col-12 text-xl-center"> 1463 <div class="header-dropdown__content__footer__buttons__item last"> 1464 <a tabindex="0" href="https://ucr.nl/brochure/" target="_blank" class="btn btn--grounded-green"> 1465 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 1466 <span>Request Brochure</span> 1467 </a> 1468 </div> 1469 </div> 1470 </div> 1471 </div> 1472 1473 <div> 1474 <h3>Information</h3> 1475 <ul class="collapse__content__secondary"> 1476 <li> 1477 <a 1478 href="https://ucr.nl/education/liberal-arts-sciences/" 1479 tabindex="0" 1480 class="" 1481 > 1482 <i class="icon icon-angle-right" aria-hidden="true"></i> 1483 <span>Liberal Arts & Sciences</span> 1484 </a> 1485 </li> 1486 <li> 1487 <a 1488 href="https://ucr.nl/education/community-engaged-learning/" 1489 tabindex="0" 1490 class="" 1491 > 1492 <i class="icon icon-angle-right" aria-hidden="true"></i> 1493 <span>Community Engaged Learning (CEL)</span> 1494 </a> 1495 </li> 1496 <li> 1497 <a 1498 href="https://ucr.nl/education/personal-professional-development/" 1499 tabindex="0" 1500 class="" 1501 > 1502 <i class="icon icon-angle-right" aria-hidden="true"></i> 1503 <span>Personal & Professional Development</span> 1504 </a> 1505 </li> 1506 <li> 1507 <a 1508 href="https://ucr.nl/education/portfolio/" 1509 tabindex="0" 1510 class="" 1511 > 1512 <i class="icon icon-angle-right" aria-hidden="true"></i> 1513 <span>Portfolio</span> 1514 </a> 1515 </li> 1516 <li> 1517 <a 1518 href="https://ucr.nl/education/pathways/" 1519 tabindex="0" 1520 class="" 1521 > 1522 <i class="icon icon-angle-right" aria-hidden="true"></i>
1523 <span>Pathways</span> 1524 </a> 1525 </li> 1526 <li> 1527 <a 1528 href="https://ucr.nl/education/study-provisions/" 1529 tabindex="0" 1530 class="" 1531 > 1532 <i class="icon icon-angle-right" aria-hidden="true"></i> 1533 <span>Study Provisions</span> 1534 </a> 1535 </li> 1536 <li> 1537 <a 1538 href="https://ucr.nl/education/academic-calendar/" 1539 tabindex="0" 1540 class="" 1541 > 1542 <i class="icon icon-angle-right" aria-hidden="true"></i> 1543 <span>Academic Calendar</span> 1544 </a> 1545 </li> 1546 </ul> 1547 </div> 1548 </div> 1549 </div> 1550</div> 1551 </li> 1552 <li> 1553 <a 1554 class="collapse__content__primary__dropdown nav-item-header " 1555 tabindex="0" 1556 href="#" 1557 @click.prevent="activeMobileDropdown = '2'" 1558 @keydown.enter.prevent="activeMobileDropdown = '2'" 1559 :aria-expanded="activeMobileDropdown === '2'" 1560 aria-controls="dropdown-2" 1561 role="button" 1562 aria-haspopup="dialog" 1563 aria-label="Open dropdown for Admissions" 1564 > 1565 <i class="icon icon-arrow-right-small me-3" aria-hidden="true"></i> 1566 <span class="me-1">Admissions</span> 1567 </a> 1568 <div 1569 class="collapse-dropdown" 1570 role="dialog" 1571 aria-modal="true" 1572 :id="'dropdown-2'" 1573 x-show="showMobileMenu && activeMobileDropdown === '2'" 1574 x-transition:enter-start="translate-x-full" 1575 x-transition:enter-end="translate-x-0" 1576 x-transition:leave-start="translate-x-0" 1577 x-transition:leave-end="translate-x-full" 1578 style="display: none;" 1579> 1580 <div class="container-fluid"> 1581 <div class="d-flex justify-content-between align-items-center"> 1582 <div class="collapse-dropdown__close"> 1583 <div role="button" 1584 tabindex="0" 1585 class="btn btn--transparent-reflective-lilac" 1586 @click="activeMobileDropdown = null" 1587 @keydown.enter.prevent="activeMobileDropdown = null" 1588 aria-label="Back to main menu"> 1589 <i class="icon icon-arrow-left-small" aria-hidden="true"></i> 1590 <span>Back to headmenu</span> 1591 </div> 1592 </div> 1593 <div class="menu-toggle ms-5" 1594 role="button" 1595 tabindex="0" 1596 aria-label="Close mobile menu" 1597 :aria-expanded="showMobileMenu" 1598 aria-controls="mobile-menu" 1599 @click="showMobileMenu = !showMobileMenu;" 1600 @keydown.enter.prevent="showMobileMenu = !showMobileMenu;"> 1601 <div class="d-flex flex-column align-items-end"> 1602 <span aria-hidden="true"></span> 1603 <span aria-hidden="true"></span> 1604 </div> 1605 </div> 1606 </div> 1607 1608 <div class="collapse__content"> 1609 <ul class="collapse__content__primary"> 1610 <li> 1611 <a 1612 href="https://ucr.nl/admissions/" 1613 tabindex="0" 1614 class="" 1615 > 1616 1617 <span>Admissions</span> 1618 </a> 1619 </li> 1620 <li> 1621 <a 1622 href="https://ucr.nl/admissions/admissions-requirements/" 1623 tabindex="0" 1624 class="" 1625 > 1626
1627 <span>Admissions Requirements</span> 1628 </a> 1629 </li> 1630 <li> 1631 <a 1632 href="https://ucr.nl/admissions/application-process/" 1633 tabindex="0" 1634 class="" 1635 > 1636 1637 <span>Application Process</span> 1638 </a> 1639 </li> 1640 <li> 1641 <a 1642 href="https://ucr.nl/admissions/tuition-fees-costs/" 1643 tabindex="0" 1644 class="" 1645 > 1646 1647 <span>Tuition Fees & Costs</span> 1648 </a> 1649 </li> 1650 <li> 1651 <a 1652 href="https://ucr.nl/admissions/financial-support/" 1653 tabindex="0" 1654 class="" 1655 > 1656 1657 <span>Financial Support</span> 1658 </a> 1659 </li> 1660 </ul> 1661 1662 <div class="collapse__content__buttons my-8"> 1663 <div class="row gy-1"> 1664 <div class="col-12 text-xl-center"> 1665 <div class="header-dropdown__content__footer__buttons__item "> 1666 <a tabindex="0" href="https://ucr.nl/admissions/application-process/" target="_blank" class="btn btn--open-yellow"> 1667 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 1668 <span>Apply Now</span> 1669 </a> 1670 </div> 1671 </div> 1672 <div class="col-12 text-xl-center"> 1673 <div class="header-dropdown__content__footer__buttons__item last"> 1674 <a tabindex="0" href="https://ucr.nl/about-ucr/connect/" target="_blank" class="btn btn--clarity-blue"> 1675 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 1676 <span>Connect with us</span> 1677 </a> 1678 </div> 1679 </div> 1680 </div> 1681 </div> 1682 1683 <div> 1684 <h3>Information</h3> 1685 <ul class="collapse__content__secondary"> 1686 <li> 1687 <a 1688 href="https://ucr.nl/admissions/incoming-exchange-students/" 1689 tabindex="0" 1690 class="" 1691 > 1692 <i class="icon icon-angle-right" aria-hidden="true"></i> 1693 <span>Incoming Exchange Students</span> 1694 </a> 1695 </li> 1696 <li> 1697 <a 1698 href="https://ucr.nl/admissions/transfer-students/" 1699 tabindex="0" 1700 class="" 1701 > 1702 <i class="icon icon-angle-right" aria-hidden="true"></i> 1703 <span>Transfer Students</span> 1704 </a> 1705 </li> 1706 <li> 1707 <a 1708 href="https://ucr.nl/admissions/for-new-students/" 1709 tabindex="0" 1710 class="" 1711 > 1712 <i class="icon icon-angle-right" aria-hidden="true"></i> 1713 <span>Only for Accepted Students</span> 1714 </a> 1715 </li> 1716 </ul> 1717 </div> 1718 </div> 1719 </div> 1720</div> 1721 </li> 1722 <li> 1723 <a 1724 class="collapse__content__primary__dropdown nav-item-header " 1725 tabindex="0" 1726 href="#" 1727 @click.prevent="activeMobileDropdown = '3'" 1728 @keydown.enter.prevent="activeMobileDropdown = '3'" 1729 :aria-expanded="activeMobileDropdown === '3'" 1730 aria-controls="dropdown-3" 1731 role="button" 1732 aria-haspopup="dialog" 1733 aria-label="Open dropdown for Student Life" 1734 > 1735 <i class="icon icon-arrow-right-small me-3" aria-hidden="true"></i>
1736 <span class="me-1">Student Life</span> 1737 </a> 1738 <div 1739 class="collapse-dropdown" 1740 role="dialog" 1741 aria-modal="true" 1742 :id="'dropdown-3'" 1743 x-show="showMobileMenu && activeMobileDropdown === '3'" 1744 x-transition:enter-start="translate-x-full" 1745 x-transition:enter-end="translate-x-0" 1746 x-transition:leave-start="translate-x-0" 1747 x-transition:leave-end="translate-x-full" 1748 style="display: none;" 1749> 1750 <div class="container-fluid"> 1751 <div class="d-flex justify-content-between align-items-center"> 1752 <div class="collapse-dropdown__close"> 1753 <div role="button" 1754 tabindex="0" 1755 class="btn btn--transparent-reflective-lilac" 1756 @click="activeMobileDropdown = null" 1757 @keydown.enter.prevent="activeMobileDropdown = null" 1758 aria-label="Back to main menu"> 1759 <i class="icon icon-arrow-left-small" aria-hidden="true"></i> 1760 <span>Back to headmenu</span> 1761 </div> 1762 </div> 1763 <div class="menu-toggle ms-5" 1764 role="button" 1765 tabindex="0" 1766 aria-label="Close mobile menu" 1767 :aria-expanded="showMobileMenu" 1768 aria-controls="mobile-menu" 1769 @click="showMobileMenu = !showMobileMenu;" 1770 @keydown.enter.prevent="showMobileMenu = !showMobileMenu;"> 1771 <div class="d-flex flex-column align-items-end"> 1772 <span aria-hidden="true"></span> 1773 <span aria-hidden="true"></span> 1774 </div> 1775 </div> 1776 </div> 1777 1778 <div class="collapse__content"> 1779 <ul class="collapse__content__primary"> 1780 <li> 1781 <a 1782 href="https://ucr.nl/student-life/" 1783 tabindex="0" 1784 class="" 1785 > 1786 1787 <span>Student Life</span> 1788 </a> 1789 </li> 1790 <li> 1791 <a 1792 href="https://ucr.nl/student-life/life-on-campus/" 1793 tabindex="0" 1794 class="" 1795 > 1796 1797 <span>Life on Campus</span> 1798 </a> 1799 </li> 1800 <li> 1801 <a 1802 href="https://ucr.nl/student-life/housing/" 1803 tabindex="0" 1804 class="" 1805 > 1806 1807 <span>Housing</span> 1808 </a> 1809 </li> 1810 <li> 1811 <a 1812 href="https://ucr.nl/student-life/student-boards/" 1813 tabindex="0" 1814 class="" 1815 > 1816 1817 <span>Student Boards</span> 1818 </a> 1819 </li> 1820 <li> 1821 <a 1822 href="https://ucr.nl/student-life/student-support-well-being/" 1823 tabindex="0" 1824 class="" 1825 > 1826 1827 <span>Student Support & Well-being</span> 1828 </a> 1829 </li> 1830 <li> 1831 <a 1832 href="https://ucr.nl/student-life/middelburg-zeeland/" 1833 tabindex="0" 1834 class="" 1835 > 1836 1837 <span>Middelburg & Zeeland</span> 1838 </a> 1839 </li> 1840 <li> 1841 <a 1842 href="https://ucr.nl/student-life/student-stories/" 1843 tabindex="0" 1844 class="" 1845 > 1846 1847 <span>Student Stories</span> 1848 </a> 1849 </li> 1850 </ul> 1851 1852 <div class="collapse__content__buttons my-8"> 1853 <div class="row gy-1"> 1854 <div class="col-12 text-xl-ce
1854nter"> 1855 <div class="header-dropdown__content__footer__buttons__item "> 1856 <a tabindex="0" href="https://ucr.nl/about-ucr/connect/" target="_blank" class="btn btn--reflective-lilac"> 1857 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 1858 <span>Talk to students</span> 1859 </a> 1860 </div> 1861 </div> 1862 <div class="col-12 text-xl-center"> 1863 <div class="header-dropdown__content__footer__buttons__item "> 1864 <a tabindex="0" href="https://ucr.nl/student-life/student-stories/" target="_blank" class="btn btn--open-yellow"> 1865 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 1866 <span>Discover Student Stories</span> 1867 </a> 1868 </div> 1869 </div> 1870 <div class="col-12 text-xl-center"> 1871 <div class="header-dropdown__content__footer__buttons__item last"> 1872 <a tabindex="0" href="https://ucr.nl/brochure/" target="_blank" class="btn btn--grounded-green"> 1873 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 1874 <span>Request Brochure</span> 1875 </a> 1876 </div> 1877 </div> 1878 </div> 1879 </div> 1880 1881 <div> 1882 <h3>Information</h3> 1883 <ul class="collapse__content__secondary"> 1884 <li> 1885 <a 1886 href="https://ucr.tourio.com/" 1887 aria-label="Open in new tab" 1888 tabindex="0" 1889 target="_blank" 1890 1891 rel="noopener noreferrer" 1892 class="" 1893 > 1894 <i class="icon icon-angle-right" aria-hidden="true"></i> 1895 <span>Virtual Campus Tour</span> 1896 </a> 1897 </li> 1898 <li> 1899 <a 1900 href="https://ucr.nl/student-life/going-on-exchange/" 1901 tabindex="0" 1902 class="" 1903 > 1904 <i class="icon icon-angle-right" aria-hidden="true"></i> 1905 <span>Going on Exchange</span> 1906 </a> 1907 </li> 1908 <li> 1909 <a 1910 href="https://ucr.nl/student-life/roosevelt-college-choir/" 1911 tabindex="0" 1912 class="" 1913 > 1914 <i class="icon icon-angle-right" aria-hidden="true"></i> 1915 <span>Roosevelt College Choir</span> 1916 </a> 1917 </li> 1918 </ul> 1919 </div> 1920 </div> 1921 </div> 1922</div> 1923 </li> 1924 <li> 1925 <a 1926 class="collapse__content__primary__dropdown nav-item-header " 1927 tabindex="0" 1928 href="#" 1929 @click.prevent="activeMobileDropdown = '4'" 1930 @keydown.enter.prevent="activeMobileDropdown = '4'" 1931 :aria-expanded="activeMobileDropdown === '4'" 1932 aria-controls="dropdown-4" 1933 role="button" 1934 aria-haspopup="dialog" 1935 aria-label="Open dropdown for Collaborations" 1936 > 1937 <i class="icon icon-arrow-right-small me-3" aria-hidden="true"></i>
1938 <span class="me-1">Collaborations</span> 1939 </a> 1940 <div 1941 class="collapse-dropdown" 1942 role="dialog" 1943 aria-modal="true" 1944 :id="'dropdown-4'" 1945 x-show="showMobileMenu && activeMobileDropdown === '4'" 1946 x-transition:enter-start="translate-x-full" 1947 x-transition:enter-end="translate-x-0" 1948 x-transition:leave-start="translate-x-0" 1949 x-transition:leave-end="translate-x-full" 1950 style="display: none;" 1951> 1952 <div class="container-fluid"> 1953 <div class="d-flex justify-content-between align-items-center"> 1954 <div class="collapse-dropdown__close"> 1955 <div role="button" 1956 tabindex="0" 1957 class="btn btn--transparent-reflective-lilac" 1958 @click="activeMobileDropdown = null" 1959 @keydown.enter.prevent="activeMobileDropdown = null" 1960 aria-label="Back to main menu"> 1961 <i class="icon icon-arrow-left-small" aria-hidden="true"></i> 1962 <span>Back to headmenu</span> 1963 </div> 1964 </div> 1965 <div class="menu-toggle ms-5" 1966 role="button" 1967 tabindex="0" 1968 aria-label="Close mobile menu" 1969 :aria-expanded="showMobileMenu" 1970 aria-controls="mobile-menu" 1971 @click="showMobileMenu = !showMobileMenu;" 1972 @keydown.enter.prevent="showMobileMenu = !showMobileMenu;"> 1973 <div class="d-flex flex-column align-items-end"> 1974 <span aria-hidden="true"></span> 1975 <span aria-hidden="true"></span> 1976 </div> 1977 </div> 1978 </div> 1979 1980 <div class="collapse__content"> 1981 <ul class="collapse__content__primary"> 1982 <li> 1983 <a 1984 href="https://ucr.nl/collaborations/" 1985 tabindex="0" 1986 class="" 1987 > 1988 1989 <span>Collaborations</span> 1990 </a> 1991 </li> 1992 <li> 1993 <a 1994 href="https://ucr.nl/collaborations/collaborating-with-ucr/" 1995 tabindex="0" 1996 class="" 1997 > 1998 1999 <span>Collaborating with UCR</span> 2000 </a> 2001 </li> 2002 <li> 2003 <a 2004 href="https://ucr.nl/collaborations/jrcz/" 2005 tabindex="0" 2006 class="" 2007 > 2008 2009 <span>JRCZ</span> 2010 </a> 2011 </li> 2012 <li> 2013 <a 2014 href="https://ucr.nl/collaborations/dcc/" 2015 tabindex="0" 2016 class="" 2017 > 2018 2019 <span>DCC</span> 2020 </a> 2021 </li> 2022 <li> 2023 <a 2024 href="https://ucr.nl/collaborations/research/" 2025 tabindex="0" 2026 class="" 2027 > 2028 2029 <span>Research</span> 2030 </a> 2031 </li> 2032 </ul> 2033 2034 <div class="collapse__content__buttons my-8"> 2035 <div class="row gy-1"> 2036 <div class="col-12 text-xl-center"> 2037 <div class="header-dropdown__content__footer__buttons__item last"> 2038 <a tabindex="0" href="https://ucr.nl/about-ucr/connect/partner-connections/" target="_blank" class="btn btn--open-yellow"> 2039 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 2040 <span>Partner with us</span> 2041 </a> 2042 </div> 2043 </div> 2044 </div> 2045 </div> 2046 2047 <div class="row pt-3"> 2048 <div class="col-md-8 col-lg-8"> 2049 <figure class="image collapse__content__image"> 2050 <img width="1920" height="1440" src="https://ucr.nl/wp-content/uploads/2025/07/Blank-Profile-Picture.webp" class="image__img image-position--center" alt="" loading="lazy" decoding="async" sizes="auto, (max-width: 768px) 100vw, 66vw" srcset="https://ucr.nl/wp-content/uploads/2025/07/Blank-Profile-Picture.webp 1920w, https://ucr.nl/wp-content/uploads/2025/07/Blank-Profile-Picture-1024x768.webp 1024w, https://ucr.nl/wp-content/uploads/2025/07/Blank-Profile-Picture-600x450.webp 600w" /> 2051 </figure> 2052 </div> 2053 </div> 2054 </div> 2055 </div> 2056</div> 2057 </li> 2058 <li> 2059 <a 2060 class="collapse__content__primary__dropdown nav-item-header " 2061 tabindex="0" 2062 href="#" 2063 @click.prevent="activeMobileDropdown = '5'" 2064 @keydown.enter.prevent="activeMobileDropdown = '5'" 2065 :aria-expanded="activeMobileDropdown === '5'" 2066 aria-controls="dropdown-5" 2067 role="button" 2068 aria-haspopup="dialog" 2069 aria-label="Open dropdown for About UCR" 2070 > 2071 <i class="icon icon-arrow-right-small me-3" aria-hidden="true"></i>
2072 <span class="me-1">About UCR</span> 2073 </a> 2074 <div 2075 class="collapse-dropdown" 2076 role="dialog" 2077 aria-modal="true" 2078 :id="'dropdown-5'" 2079 x-show="showMobileMenu && activeMobileDropdown === '5'" 2080 x-transition:enter-start="translate-x-full" 2081 x-transition:enter-end="translate-x-0" 2082 x-transition:leave-start="translate-x-0" 2083 x-transition:leave-end="translate-x-full" 2084 style="display: none;" 2085> 2086 <div class="container-fluid"> 2087 <div class="d-flex justify-content-between align-items-center"> 2088 <div class="collapse-dropdown__close"> 2089 <div role="button" 2090 tabindex="0" 2091 class="btn btn--transparent-reflective-lilac" 2092 @click="activeMobileDropdown = null" 2093 @keydown.enter.prevent="activeMobileDropdown = null" 2094 aria-label="Back to main menu"> 2095 <i class="icon icon-arrow-left-small" aria-hidden="true"></i> 2096 <span>Back to headmenu</span> 2097 </div> 2098 </div> 2099 <div class="menu-toggle ms-5" 2100 role="button" 2101 tabindex="0" 2102 aria-label="Close mobile menu" 2103 :aria-expanded="showMobileMenu" 2104 aria-controls="mobile-menu" 2105 @click="showMobileMenu = !showMobileMenu;" 2106 @keydown.enter.prevent="showMobileMenu = !showMobileMenu;"> 2107 <div class="d-flex flex-column align-items-end"> 2108 <span aria-hidden="true"></span> 2109 <span aria-hidden="true"></span> 2110 </div> 2111 </div> 2112 </div> 2113 2114 <div class="collapse__content"> 2115 <ul class="collapse__content__primary"> 2116 <li> 2117 <a 2118 href="https://ucr.nl/about-ucr/" 2119 tabindex="0" 2120 class="" 2121 > 2122 2123 <span>About UCR</span> 2124 </a> 2125 </li> 2126 <li> 2127 <a 2128 href="https://ucr.nl/about-ucr/our-story-mission-vision/" 2129 tabindex="0" 2130 class="" 2131 > 2132 2133 <span>Our Story, Mission & Vision</span> 2134 </a> 2135 </li> 2136 <li> 2137 <a 2138 href="https://ucr.nl/about-ucr/the-roosevelt-connection/" 2139 tabindex="0" 2140 class="" 2141 > 2142 2143 <span>The Roosevelt Connection</span> 2144 </a> 2145 </li> 2146 <li> 2147 <a 2148 href="https://ucr.nl/about-ucr/our-people/" 2149 tabindex="0" 2150 class="" 2151 > 2152 2153 <span>Our People</span> 2154 </a> 2155 </li> 2156 <li> 2157 <a 2158 href="https://ucr.nl/about-ucr/our-alumni/" 2159 tabindex="0" 2160 class="" 2161 > 2162 2163 <span>Our Alumni</span> 2164 </a> 2165 </li> 2166 <li> 2167 <a 2168 href="https://ucr.nl/about-ucr/our-impact/" 2169 tabindex="0" 2170 class="" 2171 > 2172 2173 <span>Our Impact</span> 2174 </a> 2175 </li> 2176 <li> 2177 <a 2178 href="https://ucr.nl/about-ucr/careers/" 2179 tabindex="0" 2180 class="" 2181 > 2182 2183 <span>Careers</span> 2184 </a> 2185 </li> 2186 </ul> 2187 2188 <div class="collapse__content__buttons my-8"> 2189 <div class="row gy-1"> 2190 <div class="col-12 text-xl-ce
2190nter"> 2191 <div class="header-dropdown__content__footer__buttons__item "> 2192 <a tabindex="0" href="https://ucr.nl/anbi/" target="_blank" class="btn btn--reflective-lilac"> 2193 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 2194 <span>Annual Report and ANBI</span> 2195 </a> 2196 </div> 2197 </div> 2198 <div class="col-12 text-xl-center"> 2199 <div class="header-dropdown__content__footer__buttons__item "> 2200 <a tabindex="0" href="https://ucr.nl/about-ucr/connect/" target="_blank" class="btn btn--open-yellow"> 2201 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 2202 <span>Connect with us</span> 2203 </a> 2204 </div> 2205 </div> 2206 <div class="col-12 text-xl-center"> 2207 <div class="header-dropdown__content__footer__buttons__item last"> 2208 <a tabindex="0" href="https://ucr.nl/integrity-at-ucr/" target="_blank" class="btn btn--grounded-green"> 2209 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 2210 <span>Integrity</span> 2211 </a> 2212 </div> 2213 </div> 2214 </div> 2215 </div> 2216 2217 <div> 2218 <h3>Information</h3> 2219 <ul class="collapse__content__secondary"> 2220 <li> 2221 <a 2222 href="https://ucr.nl/about-ucr/executive-board/" 2223 tabindex="0" 2224 class="" 2225 > 2226 <i class="icon icon-angle-right" aria-hidden="true"></i> 2227 <span>Executive Board</span> 2228 </a> 2229 </li> 2230 <li> 2231 <a 2232 href="https://ucr.nl/about-ucr/board-of-trustees/" 2233 tabindex="0" 2234 class="" 2235 > 2236 <i class="icon icon-angle-right" aria-hidden="true"></i> 2237 <span>Board of Trustees</span> 2238 </a> 2239 </li> 2240 <li> 2241 <a 2242 href="https://ucr.nl/about-ucr/co-governance/" 2243 tabindex="0" 2244 class="" 2245 > 2246 <i class="icon icon-angle-right" aria-hidden="true"></i> 2247 <span>Co-Governance</span> 2248 </a> 2249 </li> 2250 <li> 2251 <a 2252 href="https://ucr.nl/about-ucr/accreditation/" 2253 tabindex="0" 2254 class="" 2255 > 2256 <i class="icon icon-angle-right" aria-hidden="true"></i> 2257 <span>Accreditation</span> 2258 </a> 2259 </li> 2260 <li> 2261 <a 2262 href="https://ucr.nl/about-ucr/news/" 2263 tabindex="0" 2264 class="" 2265 > 2266 <i class="icon icon-angle-right" aria-hidden="true"></i> 2267 <span>News</span> 2268 </a> 2269 </li> 2270 <li> 2271 <a 2272 href="https://ucr.nl/about-ucr/blogs/" 2273 tabindex="0" 2274 class="" 2275 > 2276 <i class="icon icon-angle-right" aria-hidden="true"></i>
2277 <span>Blogs</span> 2278 </a> 2279 </li> 2280 <li> 2281 <a 2282 href="https://ucr.nl/about-ucr/events/" 2283 tabindex="0" 2284 class="" 2285 > 2286 <i class="icon icon-angle-right" aria-hidden="true"></i> 2287 <span>Events</span> 2288 </a> 2289 </li> 2290 </ul> 2291 </div> 2292 </div> 2293 </div> 2294</div> 2295 </li> 2296 </ul> 2297 2298 <div class="collapse__content__buttons my-8"> 2299 <div class="row gy-1"> 2300 <div class="col-12"> 2301 <div x-data="{ open: false }" x-effect="if (!showMobileMenu) open = false"> 2302 <div 2303 @keydown.enter=" 2304 open = !open; 2305 if(open) { $nextTick(() => $refs.searchInputCollapse.focus()) } 2306 " 2307 @click=" 2308 open = !open; 2309 if(open) { $nextTick(() => $refs.searchInputCollapse.focus()) } 2310 " 2311 role="button" 2312 class="btn btn--heritage-plum" 2313 tabindex="0" 2314 :aria-expanded="open" 2315 aria-controls="collapse-search-dropdown" 2316 aria-label="Toggle search dropdown" 2317 > 2318 <svg class="heroicon heroicon-search" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2319 <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/> 2320</svg> <span>Search</span> 2321 </div> 2322 <div 2323 id="collapse-search-dropdown" 2324 x-show="open" 2325 x-transition:enter.opacity.1.duration.400ms 2326 x-transition:leave.opacity.0.duration.0ms 2327 class="collapse__content__buttons__search" 2328 > 2329 <form role="search" method="get" class="search-form-collapse" action="https://ucr.nl/search-results/"> 2330 <h2 class="mb-2 fw-600 font-italic me-2">Search:</h2> 2331 <label> 2332 <span class="visually-hidden">Search</span> 2333 <input x-ref="searchInputCollapse" tabindex="0" type="text" name="search" data-swplive="false" placeholder="Type here" /> 2334 </label> 2335 <div class="d-flex justify-content-end"> 2336 <button type="submit" tabindex="0" class="" aria-label="Submit search"> 2337 <i class="icon icon-arrow-right-small d-inline-block pt-4" aria-hidden="true"></i> 2338 </button> 2339 </div> 2340 </form> 2341 </div> 2342 </div> 2343 </div> 2344 <div class="col-12"> 2345 <div x-data="{ open: false }" x-effect="if (!showMobileMenu) open = false"> 2346 <div 2347 @keydown.enter="open = !open" 2348 @click="open = !open" 2349 role="button" 2350 class="btn btn--grounded-green" 2351 tabindex="0" 2352 :aria-expanded="open" 2353 aria-controls="collapse-login-dropdown" 2354 aria-label="Toggle login dropdown" 2355 > 2356 <svg class="heroicon heroicon-user" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2357 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"/> 2358</svg>
2358 <span>Login</span> 2359 </div> 2360 <div 2361 id="collapse-login-dropdown" 2362 x-show="open" 2363 x-transition:enter.opacity.1.duration.400ms 2364 x-transition:leave.opacity.0.duration.0ms 2365 class="collapse__content__buttons__login" 2366 > 2367 <h3 class="mb-3">Login into:</h3> 2368 <ul> 2369 <li> 2370 <a 2371 href="http://outlook.office.com/" 2372 aria-label="Open in new tab" 2373 tabindex="0" 2374 target="_blank" 2375 2376 rel="noopener noreferrer" 2377 class="" 2378 > 2379 <i class="icon icon-angle-right" aria-hidden="true"></i> 2380 <span>Mail</span> 2381 </a> 2382 </li> 2383 <li> 2384 <a 2385 href="https://moodle.ucr.nl/" 2386 aria-label="Open in new tab" 2387 tabindex="0" 2388 target="_blank" 2389 2390 rel="noopener noreferrer" 2391 class="" 2392 > 2393 <i class="icon icon-angle-right" aria-hidden="true"></i> 2394 <span>Moodle</span> 2395 </a> 2396 </li> 2397 <li> 2398 <a 2399 href="https://intranet.ucr.nl/" 2400 aria-label="Open in new tab" 2401 tabindex="0" 2402 target="_blank" 2403 2404 rel="noopener noreferrer" 2405 class="" 2406 > 2407 <i class="icon icon-angle-right" aria-hidden="true"></i> 2408 <span>Intranet</span> 2409 </a> 2410 </li> 2411 </ul> 2412 </div> 2413 </div> 2414 </div> 2415 </div> 2416 </div> 2417 2418 <ul class="collapse__content__secondary"> 2419 <li> 2420 <a 2421 href="https://www.uu.nl/en" 2422 aria-label="Open in new tab" 2423 tabindex="0" 2424 target="_blank" 2425 2426 rel="noopener noreferrer" 2427 class="" 2428 > 2429 <i class="icon icon-angle-right" aria-hidden="true"></i> 2430 <span>Utrecht University</span> 2431 </a> 2432 </li> 2433 <li> 2434 <a 2435 href="https://ucr.nl/conference-center/" 2436 tabindex="0" 2437 class="" 2438 > 2439 <i class="icon icon-angle-right" aria-hidden="true"></i> 2440 <span>Conference Center</span> 2441 </a> 2442 </li> 2443 <li> 2444 <a 2445 href="https://ucr.nl/parents/" 2446 tabindex="0" 2447 class="" 2448 > 2449 <i class="icon icon-angle-right" aria-hidden="true"></i>
2450 <span>Parents</span> 2451 </a> 2452 </li> 2453 <li> 2454 <a 2455 href="https://ucr.nl/counselors/" 2456 tabindex="0" 2457 class="" 2458 > 2459 <i class="icon icon-angle-right" aria-hidden="true"></i> 2460 <span>Counselors</span> 2461 </a> 2462 </li> 2463 <li> 2464 <a 2465 href="https://ucr.nl/useful-resources/" 2466 tabindex="0" 2467 class="" 2468 > 2469 <i class="icon icon-angle-right" aria-hidden="true"></i> 2470 <span>Useful Resources</span> 2471 </a> 2472 </li> 2473 <li> 2474 <a 2475 href="https://ucr.nl/faq/" 2476 tabindex="0" 2477 class="" 2478 > 2479 <i class="icon icon-angle-right" aria-hidden="true"></i> 2480 <span>FAQ</span> 2481 </a> 2482 </li> 2483 </ul> 2484 </div> 2485 </div> 2486</div> 2487 2488<div class="d-sticky-buttons d-none d-md-flex flex-column align-items-end"> 2489 <div class="d-sticky-buttons__banner d-flex"> 2490 <div class="d-sticky-buttons__banner__title" tabindex="0"> 2491 Try the Program Builder </div> 2492 2493 <div class="d-sticky-buttons__banner__content"> 2494 <img class="d-sticky-buttons__banner__content__image" src="https://ucr.nl/wp-content/uploads/2025/07/try-course-builder.gif" alt="" loading="lazy" /> 2495 <div class="mt-3"> 2496 <a tabindex="0" href="https://program.ucr.nl/" target="_blank" class="btn btn--heritage-plum"> 2497 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 2498 Try the Program Builder </a> 2499 </div> 2500 </div> 2501 </div> 2502 <div class="d-flex flex-column align-items-end mt-3"> 2503 <a tabindex="0" href="https://ucr.nl/brochure/" target="_blank" class="d-sticky-buttons__button d-sticky-buttons__button--1 btn"> 2504 <span><svg class="heroicon heroicon--book" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2505 <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25"/> 2506</svg></span> 2507 <span class="me-3">Request Brochure</span> 2508 </a> 2509 <a tabindex="0" href="https://ucr.nl/about-ucr/events/" target="_blank" class="d-sticky-buttons__button d-sticky-buttons__button--2 btn"> 2510 <span><svg class="heroicon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2511 <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/> 2512</svg></span> 2513 <span class="me-3">Events</span> 2514 </a> 2515 <a tabindex="0" href="https://ucr.nl/about-ucr/connect/" target="_blank" class="d-sticky-buttons__button d-sticky-buttons__button--3 btn"> 2516 <span><svg class="heroicon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2517 <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 0 1-2.555-.337A5.972 5.972 0 0 1 5.41 20.97a5.969 5.969 0 0 1-.474-.065 4.48 4.48 0 0 0 .978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25Z"/> 2518</svg></span>
2519 <span class="me-3">Connect with us</span> 2520 </a> 2521 </div> 2522</div> 2523 2524<div class="m-sticky-buttons d-flex align-items-end d-md-none"> 2525 <div class="me-3 flex-grow-1 m-sticky-buttons__banner" x-data="{ isOpen: false }" @click.outside="isOpen = false" > 2526 <div 2527 role="button" 2528 :aria-expanded="isOpen" 2529 aria-controls="sticky_button_banner" 2530 tabindex="0" 2531 aria-label="Toggle Try the Program Builder" 2532 x-on:keydown.enter="isOpen = !isOpen" 2533 x-on:click="isOpen = !isOpen" 2534 class="m-sticky-buttons__banner__toggle"> 2535 Try the Program Builder </div> 2536 <div 2537 x-show="isOpen" 2538 style="display: none;" 2539 x-transition 2540 id="sticky_button_banner" 2541 tabindex="0" 2542 class="m-sticky-buttons__banner__content"> 2543 <div class="m-sticky-buttons__banner__content__close" 2544 x-on:keydown.enter="isOpen = false" 2545 x-on:click="isOpen = false" 2546 tabindex="0" 2547 role="button" 2548 aria-label="Close banner"> 2549 <span aria-hidden="true"></span> 2550 <span aria-hidden="true"></span> 2551 </div> 2552 <div class="fw-500 mb-4">Try the Program Builder</div> 2553 <img class="m-sticky-buttons__banner__content__image" src="https://ucr.nl/wp-content/uploads/2025/07/try-course-builder.gif" alt="" loading="lazy" /> 2554 <div class="mt-3"> 2555 <a tabindex="0" href="https://program.ucr.nl/" target="_blank" class="btn btn--heritage-plum"> 2556 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 2557 Try the Program Builder </a> 2558 </div> 2559 </div> 2560 </div> 2561 <div class="d-flex align-items-end"> 2562 <div class="position-relative m-sticky-buttons__button" x-data="{ isOpen: false }" @click.outside="isOpen = false" > 2563 <span 2564 role="button" 2565 :aria-expanded="isOpen" 2566 aria-controls="sticky_button_1" 2567 tabindex="0" 2568 aria-label="Toggle Request Brochure" 2569 x-on:keydown.enter="isOpen = !isOpen" 2570 x-on:click="isOpen = !isOpen" 2571 class="background-foundation-white"> 2572 <svg class="heroicon heroicon--book" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2573 <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25"/> 2574</svg></span> 2575 <a href="https://ucr.nl/brochure/" target="_blank" 2576 x-show="isOpen" 2577 style="display: none;" 2578 x-transition 2579 id="sticky_button_1" 2580 tabindex="0" 2581 class="background-foundation-white"> 2582 Request Brochure </a> 2583 </div> 2584 <div class="position-relative m-sticky-buttons__button" x-data="{ isOpen: false }" @click.outside="isOpen = false" > 2585 <span 2586 role="button" 2587 :aria-expanded="isOpen" 2588 aria-controls="sticky_button_2" 2589 tabindex="0" 2590 aria-label="Toggle Events" 2591 x-on:keydown.enter="isOpen = !isOpen" 2592 x-on:click="isOpen = !isOpen" 2593 class="background-open-yellow"> 2594 <svg class="heroicon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2595 <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/> 2596</svg></span> 2597 <a href="https://ucr.nl/about-ucr/events/" target="_blank" 2598 x-show="isOpen" 2599 style="display: none;" 2600 x-transition 2601 id="sticky_button_2" 2602 tabindex="0" 2603 class="background-open-yellow"> 2604 Events </a> 2605 </div> 2606 <div class="position-relative m-sticky-buttons__button" x-data="{ isOpen: false }" @click.outside="isOpen = false" >
2607 <span 2608 role="button" 2609 :aria-expanded="isOpen" 2610 aria-controls="sticky_button_3" 2611 tabindex="0" 2612 aria-label="Toggle Connect with us" 2613 x-on:keydown.enter="isOpen = !isOpen" 2614 x-on:click="isOpen = !isOpen" 2615 class="background-reflective-lilac"> 2616 <svg class="heroicon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2617 <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 0 1-2.555-.337A5.972 5.972 0 0 1 5.41 20.97a5.969 5.969 0 0 1-.474-.065 4.48 4.48 0 0 0 .978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25Z"/> 2618</svg></span> 2619 <a href="https://ucr.nl/about-ucr/connect/" target="_blank" 2620 x-show="isOpen" 2621 style="display: none;" 2622 x-transition 2623 id="sticky_button_3" 2624 tabindex="0" 2625 class="background-reflective-lilac"> 2626 Connect with us </a> 2627 </div> 2628 </div> 2629</div> 2630 2631 <div id="main-content" class="main-content"></div> 2632 2633 <div 2634 class="layer-backdrop" 2635 x-show="activeDropdown && activeDropdown !== 'login-dropdown' && activeDropdown !== 'search-dropdown'" 2636 @click="activeDropdown = null" 2637 style="display: none;" 2638 ></div> 2639 2640 <main id="main" class="main"> 2641 <section 2642 x-data="{ activeVideo: 1 }" 2643 class="home-page-header block--home-page-header background-grounded-green color-foundation-white" 2644 > 2645 <div class="container-fluid position-relative"> 2646 <div class="block--home-page-header__wrapper justify-content-between d-none d-lg-flex"> 2647 <div class="block--home-page-header__left"> 2648 <div class="block--home-page-header__left__item"> 2649 <div :class="{ 'active': activeVideo === 1 }"> 2650 <figure 2651 class="image block--home-page-header__left__item__image block--home-page-header__left__item__image--1" 2652 2653 > 2654 2655 2656 <img width="1440" height="1920" src="https://ucr.nl/wp-content/uploads/2025/08/Celebration.jpg" class="image__img image-position--center" alt="" loading="lazy" decoding="async" srcset="https://ucr.nl/wp-content/uploads/2025/08/Celebration.jpg 1440w, https://ucr.nl/wp-content/uploads/2025/08/Celebration-768x1024.jpg 768w, https://ucr.nl/wp-content/uploads/2025/08/Celebration-450x600.jpg 450w" sizes="auto, (max-width: 1440px) 100vw, 1440px" /> 2657 2658 <div 2659 class="video-wrapper" 2660 x-data="{ showMedia: false, hasPlayed: false }" 2661 role="button" 2662 tabindex="0" 2663 :aria-label="showMedia ? 'Pauzeer ' : 'Speel af '" 2664 :aria-pressed="showMedia" 2665 @click="handleVideoClick($refs.media, $data)" 2666 @keydown.enter.prevent="handleVideoClick($refs.media, $data)" 2667 @keydown.space.prevent="handleVideoClick($refs.media, $data)" 2668 > 2669 <video 2670 x-show="showMedia" 2671 x-ref="media" 2672 :aria-hidden="!showMedia" 2673 poster="https://ucr.nl/wp-content/uploads/2025/08/Celebration-768x1024.jpg" 2674 2675 muted 2676 preload="none" 2677 > 2678 <source src="https://ucr.nl/wp-content/uploads/2025/08/UCR-header-1.mp4" type="video/mp4"> 2679 Your browser does not support the video element. 2680 </video> 2681 2682 <div 2683 class="video-wrapper__play" 2684 x-show="!showMedia" 2685 aria-hidden="true" 2686 >
2687 <span class="video-wrapper__play__inner"> 2688 <span class="position-relative" aria-hidden="true"> 2689 <svg class="heroicon me-1 video-play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon"> 2690 <path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"/> 2691</svg> <svg class="heroicon me-1 video-pause-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2692 <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"/> 2693</svg> </span> 2694 </span> 2695 </div> 2696 </div> 2697 </figure> 2698 </div> 2699 <div :class="{ 'active': activeVideo === 2 }"> 2700 <figure 2701 class="image block--home-page-header__left__item__image block--home-page-header__left__item__image--2" 2702 2703 > 2704 2705 2706 <img width="1440" height="1920" src="https://ucr.nl/wp-content/uploads/2025/08/Celebration.jpg" class="image__img image-position--center" alt="" loading="lazy" decoding="async" srcset="https://ucr.nl/wp-content/uploads/2025/08/Celebration.jpg 1440w, https://ucr.nl/wp-content/uploads/2025/08/Celebration-768x1024.jpg 768w, https://ucr.nl/wp-content/uploads/2025/08/Celebration-450x600.jpg 450w" sizes="auto, (max-width: 1440px) 100vw, 1440px" /> 2707 2708 <div 2709 class="video-wrapper" 2710 x-data="{ showMedia: false, hasPlayed: false }" 2711 role="button" 2712 tabindex="0" 2713 :aria-label="showMedia ? 'Pauzeer ' : 'Speel af '" 2714 :aria-pressed="showMedia" 2715 @click="handleVideoClick($refs.media, $data)" 2716 @keydown.enter.prevent="handleVideoClick($refs.media, $data)" 2717 @keydown.space.prevent="handleVideoClick($refs.media, $data)" 2718 > 2719 <video 2720 x-show="showMedia" 2721 x-ref="media" 2722 :aria-hidden="!showMedia" 2723 poster="https://ucr.nl/wp-content/uploads/2025/08/Celebration-768x1024.jpg" 2724 2725 muted 2726 preload="none" 2727 > 2728 <source src="https://ucr.nl/wp-content/uploads/2025/08/UCR-header-2.mp4" type="video/mp4"> 2729 Your browser does not support the video element. 2730 </video> 2731 2732 <div 2733 class="video-wrapper__play" 2734 x-show="!showMedia" 2735 aria-hidden="true" 2736 > 2737 <span class="video-wrapper__play__inner"> 2738 <span class="position-relative" aria-hidden="true"> 2739 <svg class="heroicon me-1 video-play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon"> 2740 <path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"/> 2741</svg> <svg class="heroicon me-1 video-pause-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2742 <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"/> 2743</svg> </span> 2744 </span> 2745 </div> 2746 </div> 2747 </figure> 2748 </div> 2749 <div :class="{ 'active': activeVideo === 3 }"> 2750 <figure 2751 class="image block--home-page-header__left__item__image block--home-page-header__left__item__image--3" 2752 2753 > 2754 2755 2756 <img width="1440" height="1920" src="https://ucr.nl/wp-content/uploads/2025/08/Celebration.jpg" class="image__img image-position--center" alt="" loading="lazy" decoding="async" srcset="https://ucr.nl/wp-content/uploads/2025/08/Celebration.jpg 1440w, https://ucr.nl/wp-content/uploads/2025/08/Celebration-768x1024.jpg 768w, https://ucr.nl/wp-content/uploads/2025/08/Celebration-450x600.jpg 450w" sizes="auto, (max-width: 1440px) 100v
2756w, 1440px" /> 2757 2758 <div 2759 class="video-wrapper" 2760 x-data="{ showMedia: false, hasPlayed: false }" 2761 role="button" 2762 tabindex="0" 2763 :aria-label="showMedia ? 'Pauzeer ' : 'Speel af '" 2764 :aria-pressed="showMedia" 2765 @click="handleVideoClick($refs.media, $data)" 2766 @keydown.enter.prevent="handleVideoClick($refs.media, $data)" 2767 @keydown.space.prevent="handleVideoClick($refs.media, $data)" 2768 > 2769 <video 2770 x-show="showMedia" 2771 x-ref="media" 2772 :aria-hidden="!showMedia" 2773 poster="https://ucr.nl/wp-content/uploads/2025/08/Celebration-768x1024.jpg" 2774 2775 muted 2776 preload="none" 2777 > 2778 <source src="https://ucr.nl/wp-content/uploads/2025/08/UCR-header-3.mp4" type="video/mp4"> 2779 Your browser does not support the video element. 2780 </video> 2781 2782 <div 2783 class="video-wrapper__play" 2784 x-show="!showMedia" 2785 aria-hidden="true" 2786 > 2787 <span class="video-wrapper__play__inner"> 2788 <span class="position-relative" aria-hidden="true"> 2789 <svg class="heroicon me-1 video-play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon"> 2790 <path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"/> 2791</svg> <svg class="heroicon me-1 video-pause-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2792 <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"/> 2793</svg> </span> 2794 </span> 2795 </div> 2796 </div> 2797 </figure> 2798 </div> 2799 </div> 2800 </div> 2801 <div class="block--home-page-header__right"> 2802 2803 <figure 2804 class="image block--home-page-header__right__image" 2805 2806 > 2807 2808 2809 <img width="1920" height="1440" src="https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-1098.webp" class="image__img image-position--center" alt="University College Roosevelt Building in the winter" loading="lazy" decoding="async" sizes="auto, 30vw" srcset="https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-1098.webp 1920w, https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-1098-1024x768.webp 1024w, https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-1098-600x450.webp 600w" /> 2810 2811 </figure> 2812 </div> 2813 </div> 2814 <div class="block--home-page-header__center d-lg-flex justify-content-center align-items-center mx-lg-auto rated-label"> 2815 <div> 2816 2817 <h1 2818 class="mb-3 mb-md-5 mb-xxl-7" 2819 data-video="1" 2820 x-on:mouseenter="activeVideo = 1" 2821 x-on:mouseleave="activeVideo = 1" 2822 data-aos="fade-right" 2823 data-aos-delay="100" 2824 data-aos-duration="600" 2825 >
2826 <span data-aos="fade-right" class="t-default">Self-Development,</span> 2827 <span data-aos="fade-right" class="t-hover" aria-hidden="true">Self-Development,</span> 2828 </h1> 2829 2830 <h1 2831 class="mb-3 mb-md-5 mb-xxl-7" 2832 data-video="2" 2833 x-on:mouseenter="activeVideo = 2" 2834 x-on:mouseleave="activeVideo = 1" 2835 data-aos="fade-left" 2836 data-aos-delay="200" 2837 data-aos-duration="600" 2838 > 2839 <span data-aos="fade-left" class="t-default">Personalized Curriculum</span> 2840 <span data-aos="fade-left" class="t-hover" aria-hidden="true">Personalized Curriculum</span> 2841 </h1> 2842 2843 <h1 2844 class="mb-0" 2845 data-video="3" 2846 x-on:mouseenter="activeVideo = 3" 2847 x-on:mouseleave="activeVideo = 1" 2848 data-aos="fade-right" 2849 data-aos-delay="300" 2850 data-aos-duration="600" 2851 > 2852 <span data-aos="fade-right" class="t-default">& Real-World Learning.</span> 2853 <span data-aos="fade-right" class="t-hover" aria-hidden="true">& Real-World Learning.</span> 2854 </h1> 2855 </div> 2856 </div> 2857 <div class="block--home-page-header__bottom"> 2858 <div class="row"> 2859 <div class="col-lg-5 mt-auto"> 2860 <div class="block--home-page-header__rated d-flex mb-8 mb-lg-0"> 2861 <span class="position-relative"> 2862 <img decoding="async" src="https://ucr.nl/wp-content/uploads/2025/12/top-rated-label.webp" alt="Top Rated Label" loading="lazy"> 2863 <a tabindex="0" aria-label="Open keuzegids.nl in a new tab" href="https://keuzegids.nl/" target="_blank" class="stretched-link"></a> 2864 </span> 2865 <span class="flex-grow-1 my-auto ms-4 font-14">Top-rated programme universities – Keuzegids 2026</span> 2866 </div> 2867 </div> 2868 <div class="col-lg-5"> 2869 <figure 2870 class="image block--home-page-header__bottom__image d-none d-lg-block" 2871 2872 > 2873 2874 2875 <img width="1920" height="1027" src="https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-100-e1756115818227.webp" class="image__img image-position--center" alt="" loading="lazy" decoding="async" srcset="https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-100-e1756115818227.webp 1920w, https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-100-e1756115818227-1024x548.webp 1024w, https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-100-e1756115818227-600x321.webp 600w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /> 2876 2877 </figure> 2878 <figure 2879 class="image block--home-page-header__bottom__image d-block d-lg-none" 2880 2881 > 2882 2883 2884 <img width="1920" height="1027" src="https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-100-e1756115818227.webp" class="image__img image-position--top" alt="" loading="lazy" decoding="async" srcset="https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-100-e1756115818227.webp 1920w, https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-100-e1756115818227-1024x548.webp 1024w, https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-100-e1756115818227-600x321.webp 600w" sizes="auto, (max-width: 1920px) 100v
2884w, 1920px" /> 2885 2886 </figure> 2887 </div> 2888 </div> 2889 </div> 2890 </div> 2891 </section> 2892 2893 2894<section class="block text block--text background-foundation-white color-academic-black block--double-spacing"> 2895 <div class="container"> 2896 <div class="row justify-content-center"> 2897 <div class="col-lg-6 text-center"> 2898 <h2 class="mb-3 h2 d-none d-lg-block" >We are University <br> College Roosevelt</h2> 2899 <h2 class="mb-3 h2 d-block d-lg-none" >We are University <br> College Roosevelt</h2> 2900 <div class="text-wrapper"><p>At UCR, we believe education is more than just acquiring knowledge. It’s about becoming the best version of yourself – academically, personally, and as a citizen of the world. In our vibrant, close-knit community in Middelburg, students from all over the globe design their own curriculum, explore complex challenges, and grow into future-ready changemakers.</p> 2901</div> 2902 </div> 2903 </div> 2904 </div> 2905 </section> 2906 2907 2908<section class="block cards block--cards block--no-spacing-top background-foundation-white color-academic-black block--double-spacing"> 2909 <div class="container"> 2910 <div class="row"> 2911 <div class="col-lg"> 2912 </div> 2913 <div class="d-none d-lg-block col-lg-auto"> 2914 </div> 2915 </div> 2916 <div class="row g-3"> 2917 <div class="col-xl-4"> 2918 <div class="block--cards__item background-clarity-blue color-academic-black"> 2919 <figure class="image block--cards__item__image"> 2920 <img width="1920" height="1440" src="https://ucr.nl/wp-content/uploads/2025/08/Education.webp" class="image__img image-position--center" alt="" loading="lazy" decoding="async" sizes="auto, (max-width: 768px) 100vw, 33vw" srcset="https://ucr.nl/wp-content/uploads/2025/08/Education.webp 1920w, https://ucr.nl/wp-content/uploads/2025/08/Education-1024x768.webp 1024w, https://ucr.nl/wp-content/uploads/2025/08/Education-600x450.webp 600w" /> 2921 </figure> 2922 <div class="block--cards__item__content"> 2923 <h3 class="mb-3 h3 d-none d-lg-block" >Education</h3> 2924 <h3 class="mb-3 h3 d-block d-lg-none" >Education</h3> 2925 <div class="text-wrapper">At UCR, education means choice and challenge. Our Liberal Arts & Sciences program is flexible by design because learning is never one-size-fits-all. So you choose your courses and build the program that you want.</div> 2926 <a 2927 href="https://ucr.nl/education/" 2928 tabindex="0" 2929 class="btn btn--transparent-academic-black p-0 mt-5" 2930 > 2931 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 2932 <span>More about our Education</span> 2933 </a> 2934 </div> 2935 </div> 2936 </div> 2937 <div class="col-xl-4"> 2938 <div class="block--cards__item background-thoughtful-grey color-foundation-white"> 2939 <figure class="image block--cards__item__image"> 2940 <img width="1920" height="1920" src="https://ucr.nl/wp-content/uploads/2025/08/Student-life.webp" class="image__img image-position--center" alt="" loading="lazy" decoding="async" sizes="auto, (max-width: 768px) 100vw, 33vw" srcset="https://ucr.nl/wp-content/uploads/2025/08/Student-life.webp 1920w, https://ucr.nl/wp-content/uploads/2025/08/Student-life-1024x1024.webp 1024w, https://ucr.nl/wp-content/uploads/2025/08/Student-life-150x150.webp 150w, https://ucr.nl/wp-content/uploads/2025/08/Student-life-600x600.webp 600w" /> 2941 </figure> 2942 <div class="block--cards__item__content"> 2943 <h3 class="mb-3 h3 d-none d-lg-block" >Student Life on Campus</h3> 2944 <h3 class="mb-3 h3 d-block d-lg-none" >Student Life on Campus</h3> 2945 <div class="text-wrapper">At UCR, campus life is at the heart of everything you do. You donât just go to class here. You become part of a close-knit, international community that lives and learns together in the historic center of Middelburg.</div> 2946 <a 2947 href="https://ucr.nl/student-life/" 2948 tabindex="0" 2949 class="btn btn--transparent-academic-black p-0 mt-5" 2950 > 2951 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>
2952 <span>More about Student Life & Housing</span> 2953 </a> 2954 </div> 2955 </div> 2956 </div> 2957 <div class="col-xl-4"> 2958 <div class="block--cards__item background-grounded-green color-foundation-white"> 2959 <figure class="image block--cards__item__image"> 2960 <img width="1920" height="1440" src="https://ucr.nl/wp-content/uploads/2025/08/Friends-Graduation.webp" class="image__img image-position--center" alt="" loading="lazy" decoding="async" sizes="auto, (max-width: 768px) 100vw, 33vw" srcset="https://ucr.nl/wp-content/uploads/2025/08/Friends-Graduation.webp 1920w, https://ucr.nl/wp-content/uploads/2025/08/Friends-Graduation-1024x768.webp 1024w, https://ucr.nl/wp-content/uploads/2025/08/Friends-Graduation-600x450.webp 600w" /> 2961 </figure> 2962 <div class="block--cards__item__content"> 2963 <h3 class="mb-3 h3 d-none d-lg-block" >Life after UCR</h3> 2964 <h3 class="mb-3 h3 d-block d-lg-none" >Life after UCR</h3> 2965 <div class="text-wrapper">At UCR, you donât just earn a degree. You become part of a global, lifelong community. With over 1,700 alumni living and working across the world, our network reaches far and wide.</div> 2966 <a 2967 href="https://ucr.nl/education/after-ucr/" 2968 tabindex="0" 2969 class="btn btn--transparent-academic-black p-0 mt-5" 2970 > 2971 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 2972 <span>More about Life after UCR</span> 2973 </a> 2974 </div> 2975 </div> 2976 </div> 2977 </div> 2978 <div class="d-block d-lg-none"> 2979 </div> 2980 </div> 2981 </section> 2982 2983 2984<section class="block hero-section block--hero-section block--double-spacing"> 2985 <div class="container"> 2986 <div class="row gx-lg-4"> 2987 <div class="col-xxl-5 offset-xxl-1 col-lg-6 my-auto"> 2988 <div class="block--hero-section__buttons row g-0 position-relative z-1"> 2989 <div class="col-auto mb-3 me-3 mb-md-5 me-md-5"> 2990 <span class="background-reflective-lilac color-academic-black block--hero-section__buttons__item fw-300">Design</span> 2991 </div> 2992 <div class="col-auto mb-3 mb-md-5"> 2993 <span class="background-grounded-green color-foundation-white block--hero-section__buttons__item fw-600">your</span> 2994 </div> 2995 <div class="col-12"></div> 2996 <div class="col-auto"> 2997 <div class="ps-10 ps-md-14 ms-md-6"> 2998 <div class="row g-0"> 2999 <div class="col-auto me-3 me-md-5"> 3000 <span class="background-open-yellow color-academic-black block--hero-section__buttons__item fw-400">own</span> 3001 </div> 3002 <div class="col-auto"> 3003 <span class="background-foundation-white color-academic-black block--hero-section__buttons__item fw-600 font-italic">curriculum</span> 3004 </div> 3005 </div> 3006 </div> 3007 </div> 3008 </div> 3009 <div class="d-none d-lg-block"> 3010 <div class="text-wrapper mt-11"><p>The UCR Program Builder is designed to help you easily plan your academic program. Step by step, the tool guides you through selecting courses, building a balanced curriculum, and meeting UCRâs academic requirements.</p> 3011</div> 3012 <div class="row g-2 mt
3012-3"> 3013 <div class="col-auto"> 3014 <a 3015 href="https://program.ucr.nl" 3016 aria-label="Open in new tab" 3017 tabindex="0" 3018 target="_blank" 3019 3020 rel="noopener noreferrer" 3021 class="btn btn--foundation-white wp-block-hero-section" 3022 > 3023 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3024 <span>Try the Program Builder</span> 3025 </a> 3026 </div> 3027 </div> 3028 </div> 3029 </div> 3030 <div class="col-xxl-5 col-lg-6"> 3031 <figure 3032 class="image block--hero-section__image" 3033 3034 > 3035 3036 3037 <img width="1900" height="1069" src="https://ucr.nl/wp-content/uploads/2025/08/Program-builder-UCR.webp" class="image__img image-position--center" alt="" loading="lazy" decoding="async" srcset="https://ucr.nl/wp-content/uploads/2025/08/Program-builder-UCR.webp 1900w, https://ucr.nl/wp-content/uploads/2025/08/Program-builder-UCR-1024x576.webp 1024w, https://ucr.nl/wp-content/uploads/2025/08/Program-builder-UCR-600x338.webp 600w" sizes="auto, (max-width: 1900px) 100vw, 1900px" /> 3038 3039 <div 3040 class="video-wrapper" 3041 x-data="{ showMedia: false, hasPlayed: false }" 3042 role="button" 3043 tabindex="0" 3044 :aria-label="showMedia ? 'Pauzeer ' : 'Speel af '" 3045 :aria-pressed="showMedia" 3046 @click="handleVideoClick($refs.media, $data)" 3047 @keydown.enter.prevent="handleVideoClick($refs.media, $data)" 3048 @keydown.space.prevent="handleVideoClick($refs.media, $data)" 3049 > 3050 <video 3051 x-show="showMedia" 3052 x-ref="media" 3053 :aria-hidden="!showMedia" 3054 poster="https://ucr.nl/wp-content/uploads/2025/08/Program-builder-UCR-1024x576.webp" 3055 controls 3056 muted 3057 preload="none" 3058 > 3059 <source src="https://ucr.nl/wp-content/uploads/2025/08/UCR-header-2.mp4" type="video/mp4"> 3060 Your browser does not support the video element. 3061 </video> 3062 3063 <div 3064 class="video-wrapper__play" 3065 x-show="!showMedia" 3066 aria-hidden="true" 3067 > 3068 <span class="video-wrapper__play__inner"> 3069 <span class="position-relative" aria-hidden="true"> 3070 <svg class="heroicon me-1 video-play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon"> 3071 <path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"/> 3072</svg> <svg class="heroicon me-1 video-pause-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 3073 <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"/> 3074</svg> </span> 3075 </span> 3076 </div> 3077 </div> 3078 </figure> 3079 <div class="d-block d-lg-none"> 3080 <div class="text-wrapper mt-6 mt-sm-8"><p>The UCR Program Builder is designed to help you easily plan your academic program. Step by step, the tool guides you through selecting courses, building a balanced curriculum, and meeting UCRâs academic requirements.</p> 3081</div> 3082 <div class="row g-2 mt
3082-3"> 3083 <div class="col-auto"> 3084 <a 3085 href="https://program.ucr.nl" 3086 aria-label="Open in new tab" 3087 tabindex="0" 3088 target="_blank" 3089 3090 rel="noopener noreferrer" 3091 class="btn btn--foundation-white wp-block-hero-section" 3092 > 3093 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3094 <span>Try the Program Builder</span> 3095 </a> 3096 </div> 3097 </div> 3098 </div> 3099 </div> 3100 </div> 3101 </div> 3102 </section> 3103 3104 3105<section class="block clusters block--clusters block--double-spacing"> 3106 <div class="container"> 3107 <div class="row"> 3108 <div class="col-xxl-10 offset-xxl-1"> 3109 <h2 class="mb-6 text-left text-md-center d-none d-lg-block" >Our Clusters</h2> 3110 <h2 class="mb-6 text-left text-md-center d-block d-lg-none" >Our Clusters</h2> 3111 <div class="row text-center justify-content-center g-2 mb-4 "> 3112 <div class="col-lg-auto"> 3113 <a tabindex="0" href="https://ucr.nl/education/courses/business-entrepreneurship/" class="btn btn--large btn--open-yellow"> 3114 <span class="mx-auto"> 3115 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Business & Entrepreneurship 3116 </span> 3117 </a> 3118 </div> 3119 <div class="col-lg-auto"> 3120 <a tabindex="0" href="https://ucr.nl/education/courses/data-science-intelligent-systems/" class="btn btn--large btn--clarity-blue"> 3121 <span class="mx-auto"> 3122 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Data Science & Intelligent Systems 3123 </span> 3124 </a> 3125 </div> 3126 </div> 3127 <div class="row text-center justify-content-center g-2 mb-4 offset-lg-2"> 3128 <div class="col-lg-auto"> 3129 <a tabindex="0" href="https://ucr.nl/education/courses/environment-sustainability/" class="btn btn--large btn--grounded-green"> 3130 <span class="mx-auto"> 3131 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Environment & Sustainability 3132 </span> 3133 </a> 3134 </div> 3135 <div class="col-lg-auto"> 3136 <a tabindex="0" href="https://ucr.nl/education/courses/government-society/" class="btn btn--large btn--academic-black"> 3137 <span class="mx-auto"> 3138 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Government & Society 3139 </span> 3140 </a> 3141 </div> 3142 </div> 3143 <div class="row text-center justify-content-center g-2 mb-4 offset-lg-1"> 3144 <div class="col-lg-auto"> 3145 <a tabindex="0" href="https://ucr.nl/education/courses/health-cognition-behavior/" class="btn btn--large btn--thoughtful-grey">
3146 <span class="mx-auto"> 3147 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Health, Cognition & Behavior 3148 </span> 3149 </a> 3150 </div> 3151 <div class="col-lg-auto"> 3152 <a tabindex="0" href="https://ucr.nl/education/courses/media-culture-communication/" class="btn btn--large btn--reflective-lilac"> 3153 <span class="mx-auto"> 3154 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>Media, Culture & Communication 3155 </span> 3156 </a> 3157 </div> 3158 </div> 3159 <div class="row g-2 mt-3 justify-content-center"> 3160 <div class="col-auto"> 3161 <a 3162 href="https://ucr.nl/education/curriculum/" 3163 tabindex="0" 3164 class="btn btn--heritage-plum wp-block-clusters" 3165 > 3166 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3167 <span>Explore full curriculum</span> 3168 </a> 3169 </div> 3170 </div> 3171 </div> 3172 </div> 3173 </div> 3174 </section> 3175 3176 3177<section class="block scattered-images block--scattered-images block--no-spacing-top block--double-spacing"> 3178 <div class="container"> 3179 <div class="row"> 3180 3181 <div class="col-md-6"> 3182 <figure 3183 class="image block--scattered-images__two mb-4 mb-md-0" 3184 3185 > 3186 3187 3188 <img width="1920" height="1440" src="https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-050.webp" class="image__img image-position--center" alt="" loading="lazy" decoding="async" srcset="https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-050.webp 1920w, https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-050-1024x768.webp 1024w, https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-050-600x450.webp 600w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /> 3189 3190 </figure> 3191 </div> 3192 <div class="col-md-6"> 3193 <figure 3194 class="image block--scattered-images__two mt-md-11" 3195 3196 > 3197 3198 3199 <img width="1920" height="1440" src="https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-340.webp" class="image__img image-position--center" alt="" loading="lazy" decoding="async" srcset="https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-340.webp 1920w, https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-340-1024x768.webp 1024w, https://ucr.nl/wp-content/uploads/2025/08/Pictures-for-Black-Desk-340-600x450.webp 600w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /> 3200 3201 </figure> 3202 </div> 3203 </div> 3204 </div> 3205 </section> 3206 3207 3208<section class="block events block--events block--double-spacing"> 3209 <div class="container"> 3210 <div class="row mb-6"> 3211 <div class="col"> 3212 <h2 class="mb-0 h2 d-none d-lg-block" >Upcoming events</h2> 3213 <h2 class="mb-0 h2 d-block d-lg-none" >Upcoming events</h2> 3214 </div> 3215 <div class="col-auto mt-auto d-none d-lg-block"> 3216 <a 3217 href="https://ucr.nl/about-ucr/events/" 3218 tabindex="0" 3219 class="btn btn--foundation-white wp-block-events" 3220 > 3221 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>
3222 <span>All events</span> 3223 </a> 3224 </div> 3225 </div> 3226 <div class="block--events__swiper swiper-box"> 3227 <div class="swiper-wrapper"> 3228 <div class="swiper-slide"> 3229 <article class="event-item event-item--clarity-blue"> 3230 <a tabindex="0" href="https://ucr.nl/about-ucr/events/open-day-3/" class="d-block" area-label="Event: Open Day (in person)"> 3231 <div class="event-item__content d-md-flex"> 3232 <div class="event-item__content__date mb-5 mb-md-0"> 3233 <div class="event-item__content__date__default d-flex flex-column align-items-center justify-content-center"> 3234 <div class="data-label mb-0">10</div><div class="font-14">Oct 2026</div> 3235 </div> 3236 <div class="event-item__content__date__hover d-flex flex-column align-items-center justify-content-center" tabindex="-1"> 3237 <i class="icon icon-arrow-right-small mt-2 mb-2" aria-hidden="true"></i> 3238 <div>View</div> 3239 </div> 3240 </div> 3241 <div class="event-item__content__info"> 3242 <h2 class="h3">Open Day (in person)</h2> 3243 <div class="event-item__content__info__meta d-flex flex-wrap mt-4"> 3244 <span class="font-14 bullit-item me-5">Middelburg</span> 3245 <span class="font-14 bullit-item me-5">12.00 – 16.00 CET</span> 3246 <span class="font-14 bullit-item me-5">For students and parents</span> 3247 </div> 3248 </div> 3249 </div> 3250 </a> 3251</article> 3252 </div> 3253 <div class="swiper-slide"> 3254 <article class="event-item event-item--open-yellow"> 3255 <a tabindex="0" href="https://ucr.nl/about-ucr/events/open-day-uu-online/" class="d-block" area-label="Event: Open Day UU (Online)"> 3256 <div class="event-item__content d-md-flex"> 3257 <div class="event-item__content__date mb-5 mb-md-0"> 3258 <div class="event-item__content__date__default d-flex flex-column align-items-center justify-content-center"> 3259 <div class="data-label mb-0">04</div><div class="font-14">Nov 2026</div> 3260 </div> 3261 <div class="event-item__content__date__hover d-flex flex-column align-items-center justify-content-center" tabindex="-1"> 3262 <i class="icon icon-arrow-right-small mt-2 mb-2" aria-hidden="true"></i> 3263 <div>View</div> 3264 </div> 3265 </div> 3266 <div class="event-item__content__info"> 3267 <h2 class="h3">Open Day UU (Online)</h2> 3268 <div class="event-item__content__info__meta d-flex flex-wrap mt-4"> 3269 <span class="font-14 bullit-item me-5">Online</span> 3270 <span class="font-14 bullit-item me-5">Time to be determined</span> 3271 <span class="font-14 bullit-item me-5">For students</span> 3272 </div> 3273 </div> 3274 </div> 3275 </a> 3276</article> 3277 </div> 3278 <div class="swiper-slide"> 3279 <article class="event-item event-item--reflective-lilac"> 3280 <a tabindex="0" href="https://ucr.nl/about-ucr/events/open-day-uu-in-person/" class="d-block" area-label="Event: Open Day UU (in person)"> 3281 <div class="event-item__content d-md-flex"> 3282 <div class="event-item__content__date mb-5 mb-md-0"> 3283 <div class="event-item__content__date__default d-flex flex-column align-items-center justify-content-center"> 3284 <div class="data-label mb-0">20 – 21</div><div class="font-14">Nov 2026</div> 3285 </div> 3286 <div class="event-item__content__date__hover d-flex flex-column align-items-center justify-content-center" tabindex="-1"> 3287 <i class="icon icon-arrow-right-small mt-2 mb-2" aria-hidden="true"></i> 3288 <div>View</div> 3289 </div> 3290 </div> 3291 <div class="event-item__content__info"> 3292 <h2 class="h3">Open Day UU (in person)</h2> 3293 <div class="event-item__content__info__meta d-flex flex-wrap mt-4">
3294 <span class="font-14 bullit-item me-5">Utrecht University</span> 3295 <span class="font-14 bullit-item me-5">10:00 – 17:30 CET</span> 3296 <span class="font-14 bullit-item me-5">For students and parents</span> 3297 </div> 3298 </div> 3299 </div> 3300 </a> 3301</article> 3302 </div> 3303 <div class="swiper-slide"> 3304 <article class="event-item event-item--clarity-blue"> 3305 <a tabindex="0" href="https://ucr.nl/about-ucr/events/open-day-2/" class="d-block" area-label="Event: Open Day (in person)"> 3306 <div class="event-item__content d-md-flex"> 3307 <div class="event-item__content__date mb-5 mb-md-0"> 3308 <div class="event-item__content__date__default d-flex flex-column align-items-center justify-content-center"> 3309 <div class="data-label mb-0">02</div><div class="font-14">Dec 2026</div> 3310 </div> 3311 <div class="event-item__content__date__hover d-flex flex-column align-items-center justify-content-center" tabindex="-1"> 3312 <i class="icon icon-arrow-right-small mt-2 mb-2" aria-hidden="true"></i> 3313 <div>View</div> 3314 </div> 3315 </div> 3316 <div class="event-item__content__info"> 3317 <h2 class="h3">Open Day (in person)</h2> 3318 <div class="event-item__content__info__meta d-flex flex-wrap mt-4"> 3319 <span class="font-14 bullit-item me-5">Middelburg</span> 3320 <span class="font-14 bullit-item me-5">12.00 – 16.00 CET</span> 3321 <span class="font-14 bullit-item me-5">For students and parents</span> 3322 </div> 3323 </div> 3324 </div> 3325 </a> 3326</article> 3327 </div> 3328 <div class="swiper-slide"> 3329 <article class="event-item event-item--open-yellow"> 3330 <a tabindex="0" href="https://ucr.nl/about-ucr/events/always-online-webinar/" class="d-block" area-label="Event: Always Online Webinar"> 3331 <div class="event-item__content d-md-flex"> 3332 <div class="event-item__content__date mb-5 mb-md-0"> 3333 <div class="event-item__content__date__default d-flex flex-column align-items-center justify-content-center"> 3334 <div class="data-label mb-0">Always</div><div class="font-14">ongoing</div> 3335 </div> 3336 <div class="event-item__content__date__hover d-flex flex-column align-items-center justify-content-center" tabindex="-1"> 3337 <i class="icon icon-arrow-right-small mt-2 mb-2" aria-hidden="true"></i> 3338 <div>View</div> 3339 </div> 3340 </div> 3341 <div class="event-item__content__info"> 3342 <h2 class="h3">Always Online Webinar</h2> 3343 <div class="event-item__content__info__meta d-flex flex-wrap mt-4"> 3344 <span class="font-14 bullit-item me-5">Online</span> 3345 <span class="font-14 bullit-item me-5">For students and parents</span> 3346 </div> 3347 </div> 3348 </div> 3349 </a> 3350</article> 3351 </div> 3352 </div> 3353 <div class="row mt-3 mt-sm-6"> 3354 <div class="col-12 col-sm-auto d-block d-lg-none"> 3355 <a 3356 href="https://ucr.nl/about-ucr/events/" 3357 tabindex="0" 3358 class="btn btn--foundation-white wp-block-events" 3359 > 3360 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>
3361 <span>All events</span> 3362 </a> 3363 </div> 3364 <div class="col-12 col-sm my-auto order-first order-sm-last"> 3365 <div class="swiper-controls d-flex justify-content-sm-end mb-4 mb-sm-0"> 3366 <div tabindex="-1" class="me-4 swiper-button swiper-button--prev block--events__swiper__nav block--events__swiper__nav-swiper-button--prev color-foundation-white" aria-label="Previous slide"> 3367 <i class="icon icon-arrow-left-small" aria-hidden="true"></i> 3368 </div> 3369 <div tabindex="-1" class="swiper-button swiper-button--next block--events__swiper__nav block--events__swiper__nav-swiper-button--next color-foundation-white" aria-label="Next slide"> 3370 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3371 </div> 3372</div> 3373 </div> 3374 </div> 3375 </div> 3376 </div> 3377 </section> 3378 3379 3380<section class="block posts block--posts block--double-spacing"> 3381 <div class="container"> 3382 <div class="row mb-6"> 3383 <div class="col"> 3384 <h2 class="mb-0 h2 d-none d-lg-block" >News and Updates</h2> 3385 <h2 class="mb-0 h2 d-block d-lg-none" >News and Updates</h2> 3386 </div> 3387 <div class="col-auto mt-auto d-none d-lg-block"> 3388 <a 3389 href="https://ucr.nl/about-ucr/news/" 3390 tabindex="0" 3391 class="btn btn--heritage-plum wp-block-posts" 3392 > 3393 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3394 <span>All updates</span> 3395 </a> 3396 </div> 3397 </div> 3398 <div class="block--posts__swiper swiper-box"> 3399 <div class="swiper-wrapper"> 3400 <div class="swiper-slide"> 3401 <article class="post-item"> 3402 <a tabindex="0" href="https://ucr.nl/about-ucr/news/convocation-ceremony-2/" class="h-100 d-flex flex-column justify-content-between" area-label="Post: Convocation Ceremony"> 3403 <div class="post-item__content"> 3404 <h2 class="h3 mb-3">Convocation Ceremony</h2> 3405 <div class="post-item__description">On Wednesday August 26, UCR will host the Convocation Ceremony. During the ceremony, the Academic Year of 2026-2027 will be formally opened, and the students of the Class of 2029 are welcomed to UCRâs academic and social community.</div> 3406 </div> 3407 <div class="post-item__footer mt-auto"> 3408 <div class="row"> 3409 <div class="col-xl-auto"> 3410 <div class="btn btn--transparent-academic-black p-0 mt-3 mt-xl-0"> 3411 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3412 <span>Read article</span> 3413 </div> 3414 </div> 3415 <div class="col-xl order-first order-xl-last d-xl-flex flex-wrap justify-content-xl-end my-auto"> 3416 <span class="font-14 bullit-item me-5">News</span> 3417 <span class="font-14 bullit-item fw-600">10-08-26</span> 3418 </div> 3419 </div> 3420 </div> 3421 </a> 3422</article> 3423 </div> 3424 <div class="swiper-slide"> 3425 <article class="post-item"> 3426 <a tabindex="0" href="https://ucr.nl/about-ucr/news/orientation-starts/" class="h-100 d-flex flex-column justify-content-between" area-label="Post: Orientation Starts"> 3427 <div class="post-item__content"> 3428 <h2 class="h3 mb-3">Orientation Starts</h2> 3429 <div class="post-item__description">August 14, the new students in the Class of 2029 will arrive and start their Orientation.</div> 3430 </div> 3431 <div class="post-item__footer mt-auto"> 3432 <div class="row"> 3433 <div class="col-xl-auto"> 3434 <div class="btn btn--transparent-academic-black p-0 mt-3 mt-xl-0"> 3435 <i class="icon icon-arrow-right-small" aria-hidden="true"></i>
3436 <span>Read article</span> 3437 </div> 3438 </div> 3439 <div class="col-xl order-first order-xl-last d-xl-flex flex-wrap justify-content-xl-end my-auto"> 3440 <span class="font-14 bullit-item me-5">News</span> 3441 <span class="font-14 bullit-item fw-600">10-08-26</span> 3442 </div> 3443 </div> 3444 </div> 3445 </a> 3446</article> 3447 </div> 3448 <div class="swiper-slide"> 3449 <article class="post-item"> 3450 <a tabindex="0" href="https://ucr.nl/about-ucr/news/graduation-of-the-class-of-2026/" class="h-100 d-flex flex-column justify-content-between" area-label="Post: Graduation of the Class of 2026"> 3451 <div class="post-item__content"> 3452 <h2 class="h3 mb-3">Graduation of the Class of 2026</h2> 3453 <div class="post-item__description">UCR celebrates the Graduation of the Class of 2026!</div> 3454 </div> 3455 <div class="post-item__footer mt-auto"> 3456 <div class="row"> 3457 <div class="col-xl-auto"> 3458 <div class="btn btn--transparent-academic-black p-0 mt-3 mt-xl-0"> 3459 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3460 <span>Read article</span> 3461 </div> 3462 </div> 3463 <div class="col-xl order-first order-xl-last d-xl-flex flex-wrap justify-content-xl-end my-auto"> 3464 <span class="font-14 bullit-item me-5">News</span> 3465 <span class="font-14 bullit-item fw-600">16-06-26</span> 3466 </div> 3467 </div> 3468 </div> 3469 </a> 3470</article> 3471 </div> 3472 <div class="swiper-slide"> 3473 <article class="post-item"> 3474 <a tabindex="0" href="https://ucr.nl/about-ucr/news/our-thoughts-are-with-de-warande/" class="h-100 d-flex flex-column justify-content-between" area-label="Post: Our Thoughts Are With &#8216;de Warande&#8217;"> 3475 <div class="post-item__content"> 3476 <h2 class="h3 mb-3">Our Thoughts Are With ‘de Warande’</h2> 3477 <div class="post-item__description">We are deeply shocked and saddened by the tragic accident that claimed the lives of three pupils and one staff member of the elementary school “de Warande” in Axel.</div> 3478 </div> 3479 <div class="post-item__footer mt-auto"> 3480 <div class="row"> 3481 <div class="col-xl-auto"> 3482 <div class="btn btn--transparent-academic-black p-0 mt-3 mt-xl-0"> 3483 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3484 <span>Read article</span> 3485 </div> 3486 </div> 3487 <div class="col-xl order-first order-xl-last d-xl-flex flex-wrap justify-content-xl-end my-auto"> 3488 <span class="font-14 bullit-item me-5">News</span> 3489 <span class="font-14 bullit-item fw-600">15-06-26</span> 3490 </div> 3491 </div> 3492 </div> 3493 </a> 3494</article> 3495 </div> 3496 <div class="swiper-slide"> 3497 <article class="post-item"> 3498 <a tabindex="0" href="https://ucr.nl/about-ucr/news/open-lecture-shelter-city-guest-wangechi-grace-kahuria/" class="h-100 d-flex flex-column justify-content-between" area-label="Post: Open Lecture Shelter City Guest Wangechi Grace Kahuria"> 3499 <div class="post-item__content"> 3500 <h2 class="h3 mb-3">Open Lecture Shelter City Guest Wangechi Grace Kahuria</h2> 3501 <div class="post-item__description">Middelburg is once again hosting an international human rights defender this year as part of Shelter City. During an open lecture on Thursday, April 23, 2026, at the old Town Hall, Shelter City guest Wangechi
3501will share her story and engage with residents in a conversation about human rights, resilience, and solidarity.</div> 3502 </div> 3503 <div class="post-item__footer mt-auto"> 3504 <div class="row"> 3505 <div class="col-xl-auto"> 3506 <div class="btn btn--transparent-academic-black p-0 mt-3 mt-xl-0"> 3507 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3508 <span>Read article</span> 3509 </div> 3510 </div> 3511 <div class="col-xl order-first order-xl-last d-xl-flex flex-wrap justify-content-xl-end my-auto"> 3512 <span class="font-14 bullit-item me-5">News</span> 3513 <span class="font-14 bullit-item fw-600">17-04-26</span> 3514 </div> 3515 </div> 3516 </div> 3517 </a> 3518</article> 3519 </div> 3520 <div class="swiper-slide"> 3521 <article class="post-item"> 3522 <a tabindex="0" href="https://ucr.nl/about-ucr/news/application-deadline-extended/" class="h-100 d-flex flex-column justify-content-between" area-label="Post: Application Deadline Extended"> 3523 <div class="post-item__content"> 3524 <h2 class="h3 mb-3">Application Deadline Extended</h2> 3525 <div class="post-item__description">EU and EEA application deadlines have been extended to 15 May 2026.</div> 3526 </div> 3527 <div class="post-item__footer mt-auto"> 3528 <div class="row"> 3529 <div class="col-xl-auto"> 3530 <div class="btn btn--transparent-academic-black p-0 mt-3 mt-xl-0"> 3531 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3532 <span>Read article</span> 3533 </div> 3534 </div> 3535 <div class="col-xl order-first order-xl-last d-xl-flex flex-wrap justify-content-xl-end my-auto"> 3536 <span class="font-14 bullit-item me-5">News</span> 3537 <span class="font-14 bullit-item fw-600">17-04-26</span> 3538 </div> 3539 </div> 3540 </div> 3541 </a> 3542</article> 3543 </div> 3544 </div> 3545 <div class="row mt-3 mt-sm-6"> 3546 <div class="col-12 col-sm-auto d-block d-lg-none"> 3547 <a 3548 href="https://ucr.nl/about-ucr/news/" 3549 tabindex="0" 3550 class="btn btn--heritage-plum wp-block-posts" 3551 > 3552 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3553 <span>All updates</span> 3554 </a> 3555 </div> 3556 <div class="col-12 col-sm my-auto order-first order-sm-last"> 3557 <div class="swiper-controls d-flex justify-content-sm-end mb-4 mb-sm-0"> 3558 <div tabindex="-1" class="me-4 swiper-button swiper-button--prev block--posts__swiper__nav block--posts__swiper__nav-swiper-button--prev color-heritage-plum" aria-label="Previous slide"> 3559 <i class="icon icon-arrow-left-small" aria-hidden="true"></i> 3560 </div> 3561 <div tabindex="-1" class="swiper-button swiper-button--next block--posts__swiper__nav block--posts__swiper__nav-swiper-button--next color-heritage-plum" aria-label="Next slide"> 3562 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3563 </div> 3564</div> 3565 </div> 3566 </div> 3567 </div> 3568 </div> 3569 </section> 3570 3571 3572 3573 3574<section class="block cta-banner block--cta-banner background-foundation-white color-academic-black block--double-spacing"> 3575 <div class="container"> 3576 3577 <div class="block--cta-banner__wrapper background-clarity-blue color-academic-black"> 3578 <h3 class="wp-block-cta-banner h3 d-none d-lg-block" >Kick-start your educational career and apply if you believe UCR is the place for you. </h3> 3579 <h3 class="wp-block-cta-banner h3 d-block d-lg-none" >Kick-start your educational career and apply if you believe UCR is the place for you. </h3> 3580 <div class="row g-2 mt
3580-3"> 3581 <div class="col-auto"> 3582 <a 3583 href="https://ucr.nl/admissions/application-process/" 3584 tabindex="0" 3585 class="btn btn--heritage-plum wp-block-cta-banner" 3586 > 3587 <i class="icon icon-arrow-right-small" aria-hidden="true"></i> 3588 <span>Apply Now! </span> 3589 </a> 3590 </div> 3591 </div> 3592 </div> 3593 </div> 3594 </section> 3595 <footer class="footer"> 3596 <div class="container-fluid"> 3597 <div class="footer__content"> 3598 <div class="row"> 3599 <div class="col-xl-5 my-auto d-md-flex mb-9 mb-xl-0 g2"> 3600 <div class="footer__content__logo d-flex me-7"> 3601 <img src="https://ucr.nl/wp-content/uploads/2025/07/logo-brand.svg" alt="UCR" loading="lazy"> 3602 </div> 3603 <div class="mt-6 mt-md-auto d-flex d-md-block"> 3604 <div class="footer__content__rated mb-md-5 me-4 me-md-0 d-flex"> 3605 <img src="https://ucr.nl/wp-content/uploads/2025/12/top-rated-label.webp" alt="Top Rated Label" loading="lazy"> 3606 <a tabindex="0" aria-label="Open keuzegids.nl in a new tab" href="https://keuzegids.nl/" target="_blank" class="stretched-link"></a> 3607 </div> 3608 <div class="footer__content__label d-flex mt-auto"> 3609 <img src="https://ucr.nl/wp-content/uploads/2025/07/ucr-label.svg" alt="UCR" loading="lazy"> 3610 </div> 3611 </div> 3612 </div> 3613 <div class="col-xl-3 mb-9 mb-xl-0"> 3614 <h3 class="mb-3 mb-xl-4">Address</h3> 3615 <div>University College Roosevelt</div> 3616 <div>Lange Noordstraat 1</div> 3617 <div>4331 CB Middelburg</div> 3618 <div>The Netherlands</div> 3619 </div> 3620 <div class="col-xl-2 mb-9 mb-xl-0"> 3621 <h3 class="mb-3 mb-xl-4">Contact us</h3> 3622 <div class="d-flex"> 3623 <span class="me-2">T.</span> 3624 <a tabindex="0" aria-label="Call" href="tel:0118 â 655500">0118 â 655500</a> 3625 </div> 3626 <div class="d-flex"> 3627 <span class="me-2">E.</span> 3628 <a tabindex="0" aria-label="Open Mail" href="mailto:[email protected]">[email protected]</a> 3629 </div> 3630 <div class="d-flex mt-5"> 3631 <span class="me-2">KvK:</span> 3632 <span>22051334</span> 3633 </div> 3634 </div> 3635 <div class="col-xl-2"> 3636 <h3 class="mb-3 mb-xl-4">Social</h3> 3637 <div class="socials-links "> 3638 <a tabindex="0" href="https://www.linkedin.com/school/ucr" target="_blank" aria-label="Open LinkedIn in new tab" class="socials-links__link"> 3639 <i class="icon icon-linkedin" aria-hidden="true"></i> 3640 </a> 3641 <a tabindex="0" href="https://www.youtube.com/c/UniversityCollegeRoosevelt" target="_blank" aria-label="Open YouTube in new tab" class="socials-links__link"> 3642 <i class="icon icon-youtube" aria-hidden="true"></i> 3643 </a> 3644 <div class="w-100"></div> <a tabindex="0" href="https://www.instagram.com/universitycollegeroosevelt/" target="_blank" aria-label="Open Instagram in new tab" class="socials-l
3644inks__link"> 3645 <i class="icon icon-instagram" aria-hidden="true"></i> 3646 </a> 3647 <a tabindex="0" href="https://www.tiktok.com/@ucroosevelt" target="_blank" aria-label="Open TikTok in new tab" class="socials-links__link"> 3648 <i class="icon icon-tiktok" aria-hidden="true"></i> 3649 </a> 3650 <a tabindex="0" href="https://www.facebook.com/UCRoosevelt" target="_blank" aria-label="Open Facebook in new tab" class="socials-links__link"> 3651 <i class="icon icon-facebook" aria-hidden="true"></i> 3652 </a> 3653 </div> 3654 </div> 3655 </div> 3656 </div> 3657 <div class="footer__sub"> 3658 <div class="menu-footer-navigation-container"><ul aria-label="Footer submenu" id="menu-footer-navigation" class="menu"><li id="menu-item-52" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-52"><a href="/privacy">Privacy</a></li> 3659<li id="menu-item-53" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-53"><a href="/disclaimer/">Disclaimer</a></li> 3660<li id="menu-item-55" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55"><a href="/integrity-at-ucr">Code of Conduct</a></li> 3661<li id="menu-item-56" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-56"><a href="/anbi">ANBI</a></li> 3662<li>Website: <a tabindex="0" href="https://blackdesk.nl/?utm_source=ucr&utm_medium=website" target="_blank" aria-label="Open blackdesk.nl in new tab">BlackDesk</a></li></ul></div> 3663 </div> 3664 </div> 3665</footer> 3666
3667<script src="https://www.youtube.com/iframe_api"></script>
vendor: 1 bytes, line 3667
3667
3668<script src="https://player.vimeo.com/api/player.js"></script>
3668 3669
3670<script> 3671 let ytPlayers = []; 3672 let vimeoPlayers = []; 3673 let html5Videos = []; 3674 3675 function pauzeerAlleVideos(exceptPlayer = null) { 3676 // YouTube 3677 ytPlayers.forEach(player => { 3678 if (player && typeof player.pauseVideo === 'function' && player !== exceptPlayer) { 3679 player.pauseVideo(); 3680 } 3681 }); 3682 3683 // Vimeo 3684 vimeoPlayers.forEach(player => { 3685 if (player && typeof player.pause === 'function' && player !== exceptPlayer) { 3686 player.pause(); 3687 } 3688 }); 3689 3690 // HTML5 3691 html5Videos.forEach(video => { 3692 if (video && !video.paused && video !== exceptPlayer) { 3693 video.pause(); 3694 } 3695 }); 3696 } 3697 3698 function initYouTubePlayer(iframe) { 3699 const player = new YT.Player(iframe, { 3700 events: { 3701 'onStateChange': (event) => { 3702 if (event.data === YT.PlayerState.PLAYING) { 3703 pauzeerAlleVideos(event.target); 3704 } 3705 } 3706 } 3707 }); 3708 ytPlayers.push(player); 3709 } 3710 3711 function initVimeoPlayer(iframe) { 3712 const player = new Vimeo.Player(iframe); 3713 player.on('play', () => { 3714 pauzeerAlleVideos(player); 3715 }); 3716 vimeoPlayers.push(player); 3717 } 3718 3719 function initHtml5Video(videoEl) { 3720 videoEl.addEventListener('play', () => { 3721 pauzeerAlleVideos(videoEl); 3722 }); 3723 html5Videos.push(videoEl); 3724 } 3725 3726 // ð Globale functie voor jouw Alpine-click 3727 window.handleVideoClick = function (mediaEl, state) { 3728 state.showMedia = true; 3729 pauzeerAlleVideos(); 3730 3731 if (state.hasPlayed) return; 3732 3733 if (mediaEl.tagName === 'IFRAME') { 3734 const baseSrc = mediaEl.getAttribute('data-src'); 3735 if (!mediaEl.getAttribute('src')) { 3736 mediaEl.setAttribute( 3737 'src', 3738 baseSrc + (baseSrc.includes('?') ? '&' : '?') + 'autoplay=1' 3739 ); 3740 3741 // wacht even tot iframe geladen is 3742 setTimeout(() => { 3743 if (baseSrc.includes('youtube')) { 3744 initYouTubePlayer(mediaEl); 3745 } else if (baseSrc.includes('vimeo')) { 3746 initVimeoPlayer(mediaEl); 3747 } 3748 }, 300); 3749 } 3750 } else if (mediaEl.tagName === 'VIDEO') { 3751 if (!html5Videos.includes(mediaEl)) { 3752 initHtml5Video(mediaEl); 3753 } 3754 if (mediaEl.paused) { 3755 mediaEl.play(); 3756 } else { 3757 mediaEl.pause(); 3758 } 3759 } 3760 3761 state.hasPlayed = true; 3762 }; 3763</script>
3763 3764 </main> 3765 3766 </div> 3767 3768
3768<script type="speculationrules"> 3769{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/ucr/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3770</script>
3770 3771<!-- Start of HubSpot Embed Code -->
3772<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/7409696.js"></script>
3772 3773<!-- End of HubSpot Embed Code -->
3773<script id="app/0-js-extra"> 3774var vars = {"ajaxurl":"/wp-admin/admin-ajax.php"}; 3775//# sourceURL=app%2F0-js-extra 3776</script>
vendor: 1 bytes, line 3776
3776
3777<script id="app/0-js-before"> 3778(()=>{"use strict";var e,t,r,o,n,a={},i={};function l(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return a[e].call(r.exports,r,r.exports,l),r.exports}l.m=a,e=[],l.O=(t,r,o,n)=>{if(!r){var a=1/0;for(d=0;d<e.length;d++){for(var[r,o,n]=e[d],i=!0,u=0;u<r.length;u++)(!1&n||a>=n)&&Object.keys(l.O).every(e=>l.O[e](r[u]))?r.splice(u--,1):(i=!1,n<a&&(a=n));if(i){e.splice(d--,1);var s=o();void 0!==s&&(t=s)}}return t}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[r,o,n]},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,l.t=function(e,o){if(1&o&&(e=this(e)),8&o)return e;if("object"==typeof e&&e){if(4&o&&e.__esModule)return e;if(16&o&&"function"==typeof e.then)return e}var n=Object.create(null);l.r(n);var a={};t=t||[null,r({}),r([]),r(r)];for(var i=2&o&&e;"object"==typeof i&&!~t.indexOf(i);i=r(i))Object.getOwnPropertyNames(i).forEach(t=>a[t]=()=>e[t]);return a.default=()=>e,l.d(n,a),n},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.f={},l.e=e=>Promise.all(Object.keys(l.f).reduce((t,r)=>(l.f[r](e,t),t),[])),l.u=e=>"js/mapbox.95765b.js",l.miniCssF=e=>"css/mapbox.1cf971.css",l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o={},n="@roots/bud/sage:",l.l=(e,t,r,a)=>{if(o[e])o[e].push(t);else{var i,u;if(void 0!==r)for(var s=document.getElementsByTagName("script"),d=0;d<s.length;d++){var f=s[d];if(f.getAttribute("src")==e||f.getAttribute("data-webpack")==n+r){i=f;break}}i||(u=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,l.nc&&i.setAttribute("nonce",l.nc),i.setAttribute("data-webpack",n+r),i.src=e),o[e]=[t];var c=(t,r)=>{i.onerror=i.onload=null,clearTimeout(p);var n=o[e];if(delete o[e],i.parentNode&&i.parentNode.removeChild(i),n&&n.forEach(e=>e(r)),t)return t(r)},p=setTimeout(c.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=c.bind(null,i.onerror),i.onload=c.bind(null,i.onload),u&&document.head.appendChild(i)}},l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.p="/wp-content/themes/ucr/public/",(()=>{if("undefined"!=typeof document){var e=e=>new Promise((t,r)=>{var o=l.miniCssF(e),n=l.p+o;if(((e,t)=>{for(var r=document.getElementsByTagName("link"),o=0;o<r.length;o++){var n=(i=r[o]).getAttribute("data-href")||i.getAttribute("href");if("stylesheet"===i.rel&&(n===e||n===t))return i}var a=document.getElementsByTagName("style");for(o=0;o<a.length;o++){var i;if((n=(i=a[o]).getAttribute("data-href"))===e||n===t)return i}})(o,n))return t();((e,t,r,o,n)=>{var a=document.createElement("link");a.rel="stylesheet",a.type="text/css",l.nc&&(a.nonce=l.nc),a.onerror=a.onload=r=>{if(a.onerror=a.onload=null,"load"===r.type)o();else{var i=r&&r.type,l=r&&r.target&&r.target.href||t,u=new Error("Loading CSS chunk "+e+" failed.\n("+i+": "+l+")");u.name="ChunkLoadError",u.code="CSS_CHUNK_LOAD_FAILED",u.type=i,u.request=l,a.parentNode&&a.parentNode.removeChild(a),n(u)}},a.href=t,r?r.parentNode.insertBefore(a,r.nextSibling):document.head.appendChild(a)})(e,n,null,t,r)}),t={121:0};l.f.miniCss=(r,o)=>{t[r]?o.push(t[r]):0!==t[r]&&{626:1}[r]&&o.push(t[r]=e(r).then(()=>{t[r]=0},e=>{throw delete t[r],e}))}}})(),(()=>{var e={121:0};l.f.j=(t,r)=>{var o=l.o(e,t)?e[t]:void 0;if(0!==o)if(o)r.push(o[2]);else if(121!=t){var n=new Promise((r,n)=>o=e[t]=[r,n]);r.push(o[2]=n);var a=l.p+l.u(t),i=new Error;l.l(a,r=>{if(l.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var n=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;i.message="Loading chunk "+t+" failed.\n("+n+": "+a+")",i.name="ChunkLoadError",i.type=n,i.request=a,o[1](i)}},"chunk-"+t,t)}else e[t]=0},l.O.j=t=>0===e[t];var t=(t,r)=>{var o,n,[a,i,u]=r,s=0;if(a.some(t=>0!==e[t])){for(o in i)l.o(i,o)&&(l.m[o]=i[o]);if(u)var d=u(l)}for(t&&t(r);s<a.length;s++)n=a[s],l.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return l.O(d)},r=self.webpackChunk_roots_bud_sage=self.webpackChunk_roots_bud_sage||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})()})(); 3779//# sourceURL=app%2F0-js-before 3780</script>
vendor: 1 bytes, line 3780
3780
3781<script id="app/0-js" src="https://ucr.nl/wp-content/themes/ucr/public/js/app.931ae6.js"></script>
vendor: 1 bytes, line 3781
3781
3782<script id="seoaiwp-form-tracking-js-extra"> 3783var SeoaiwpConversionConfig = {"enabled":"","tagId":"","label":""}; 3784//# sourceURL=seoaiwp-form-tracking-js-extra 3785</script>
vendor: 1 bytes, line 3785
3785
3786<script id="seoaiwp-form-tracking-js-after"> 3787/** 3788 * WordPress & HubSpot Form Events â GTM dataLayer + GA4 gtag 3789 * 3790 * Listens for successful form submissions from popular WordPress form 3791 * plugins and HubSpot forms, then pushes events to both window.dataLayer 3792 * (GTM) and gtag (GA4 direct). 3793 * 3794 * Also tracks clicks on tel: and mailto: links. 3795 * 3796 * Supported: CF7, Gravity Forms, WPForms, Forminator, Formidable, 3797 * Ninja Forms, Fluent Forms, WS Form, Elementor Forms, Enfold (Avia), 3798 * HubSpot Forms v3, HubSpot Forms v4, Pipedrive LeadBooster, Leadoo 3799 */ 3800 3801// ââ IE11 closest() polyfill âââââââââââââââââââââââââââââââââââââââ 3802 3803if (!Element.prototype.closest) { 3804 Element.prototype.closest = function (s) { 3805 var el = this; 3806 do { 3807 if (el.matches(s)) return el; 3808 el = el.parentElement || el.parentNode; 3809 } while (el !== null && el.nodeType === 1); 3810 return null; 3811 }; 3812} 3813 3814(function () { 3815 'use strict'; 3816 3817 window.dataLayer = window.dataLayer || []; 3818 3819 // ââ helpers ââââââââââââââââââââââââââââââââââââââââââââââââââ 3820 3821 // Fires a Google Ads conversion event using values from SeoaiwpConversionConfig 3822 // (injected via wp_localize_script from WPSEOAI â Settings â SEA). 3823 function fireGoogleAdsConversion() { 3824 var cfg = window.SeoaiwpConversionConfig; 3825 if (!cfg || !cfg.enabled || !cfg.tagId || !cfg.label) return; 3826 if (typeof gtag !== 'function') return; 3827 3828 gtag('event', 'conversion', { 3829 send_to: 'AW-' + cfg.tagId + '/' + cfg.label 3830 }); 3831 } 3832 3833 function pushEvent(formPlugin, formId, formElement, extraData) { 3834 var submitBtn = formElement 3835 ? formElement.querySelector('[type="submit"]') 3836 : null; 3837 3838 var submitText = ''; 3839 if (submitBtn) { 3840 submitText = submitBtn.tagName === 'INPUT' 3841 ? submitBtn.value 3842 : submitBtn.textContent.trim(); 3843 } 3844 3845 var basePayload = { 3846 event: 'wpseoai_form_submission', 3847 formPlugin: formPlugin, 3848 formId: formId || '', 3849 formClass: formElement ? (formElement.className || '') : '', 3850 submitText: submitText, 3851 pageUrl: window.location.href, 3852 pageTitle: document.title 3853 }; 3854 3855 if (extraData) { 3856 Object.keys(extraData).forEach(function (key) { 3857 basePayload[key] = extraData[key]; 3858 }); 3859 } 3860 3861 // ââ GTM dataLayer push âââââââââââââââââââââââââââââââââââ 3862 3863 window.dataLayer.push(basePayload); 3864 3865 // ââ GA4 gtag direct ââââââââââââââââââââââââââââââââââââââ 3866 3867 if (typeof gtag === 'function') { 3868 var gtagPayload = {}; 3869 Object.keys(basePayload).forEach(function (key) { 3870 if (key !== 'event') gtagPayload[key] = basePayload[key]; 3871 }); 3872 gtag('event', 'wpseoai_form_submission', gtagPayload); 3873 } 3874 3875 // ââ Google Ads conversion ââââââââââââââââââââââââââââââââ 3876 3877 fireGoogleAdsConversion(); 3878 } 3879 3880 function pushLinkClick(eventName, linkType, href, linkText) { 3881 var payload = { 3882 event: eventName, 3883 linkType: linkType, 3884 linkHref: href, 3885 linkText: linkText, 3886 pageUrl: window.location.href, 3887 pageTitle: document.title 3888 }; 3889 3890 window.dataLayer.push(payload); 3891 3892 if (typeof gtag === 'function') { 3893 gtag('event', eventName, { 3894 link_type: linkType, 3895 link_href: href, 3896 link_text: linkText, 3897 page_url: window.location.href, 3898 page_title: document.title 3899 }); 3900 } 3901 3902 // ââ Google Ads conversion ââââââââââââââââââââââââââââââââ 3903 3904 fireGoogleAdsConversion(); 3905 } 3906 3907 // ââ 1. Contact Form 7 âââââââââââââââââââââââââââââââââââââââ 3908 3909 document.addEventListener('wpcf7mailsent', function (event) { 3910 var formId = event.detail.contactFormId; 3911 pushEvent('cf7', formId, event.target); 3912 }, false); 3913 3914 // ââ 2. Gravity Forms ââââââââââââââââââââââââââââââââââââââââ 3915 // 3916 // Three confirmation types need separate handling: 3917 // a) AJAX text confirmation â 'gform_confirmation_loaded' fires 3918 // b) Non-AJAX page reload â '.gform_confirmation_message' present on load 3919 // c) Page redirect â track before redirect via 'gform_pre_submission' 3920 3921 var gfTrackedForms = {}; 3922 3923 jQuery(function ($) { 3924 3925 // (a) AJAX text/message confirmation 3926 $(document).on('gform_confirmation_loaded', function (event, formId) { 3927 if (gfTrackedForms['conf_' + formId]) return; 3928 gfTrackedForms['conf_' + formId] = true; 3929 3930 var formEl = document.getElementById('gform_' + formId) || 3931 document.querySelector('#gform_wrapper_' + formId + ' form'); 3932 pushEvent('gravity_forms', formId, formEl); 3933 }); 3934 3935 // (b) Non-AJAX page reload â confirmation message rendered server-side 3936 $('.gform_confirmation_message').each(function () { 3937 var wrapper = $(this).closest('.gform_wrapper'); 3938 var formId = (wrapper.attr('id') || '').replace('gform_wrapper_', ''); 3939 if (formId && !gfTrackedForms['conf_' + formId]) { 3940 gfTrackedForms['conf_' + formId] = true; 3941 pushEvent('gravity_forms', formId, null); 3942 } 3943 }); 3944 3945 // (c) Redirect confirmation â capture before the browser navigates away 3946 if (typeof gform !== 'undefined' && typeof gform.addAction === 'function') { 3947 gform.addAction('gform_pre_submission', function (formEl) { 3948 var formId = formEl ? formEl.getAttribute('id') : ''; 3949 formId = formId.replace('gform_', ''); 3950 if (formId) { 3951 pushEvent('gravity_forms', formId, formEl); 3952 gfTrackedForms['conf_' + formId] = true; 3953 } 3954 }); 3955 } 3956 3957 // ââ 3. WPForms âââââââââââââââââââââââââââââââââââââââââ 3958 3959 $(document).on('wpformsAjaxSubmitSuccess', 'form.wpforms-form', function (event) { 3960 var formId = $(event.target).attr('data-formid'); 3961 pushEvent('wpforms', formId, event.target); 3962 }); 3963 3964 // ââ 4. Forminator ââââââââââââââââââââââââââââââââââââââ 3965 3966 $(document).on('forminator:form:submit:success', function (event) { 3967 var formId = $(event.target).find('input[name="form_id"]').val(); 3968 pushEvent('forminator', formId, event.target); 3969 }); 3970 3971 // ââ 5. Formidable Forms ââââââââââââââââââââââââââââââââ 3972 // a) AJAX â frmFormComplete fires 3973 // b) Non-AJAX page reload â .frm_message present on load 3974 3975 var frmTrackedForms = {}; 3976 3977 $(document).on('frmFormComplete', function (event, form) { 3978 var formId = $(form).find('input[name="form_id"]').val(); 3979 if (formId) frmTrackedForms['frm_' + formId] = true; 3980 pushEvent('formidable', formId, form); 3981 }); 3982 3983 // Non-AJAX: detect success message rendered after page reload 3984 $('.frm_message').each(function () { 3985 var wrapper = $(this).closest('.frm_forms'); 3986 var formId = wrapper.find('input[name="form_id"]').val() || 3987 (wrapper.attr('id') || '').replace('frm_form_', '').replace('_container', ''); 3988 if (formId && !frmTrackedForms['frm_' + formId]) { 3989 frmTrackedForms['frm_' + formId] = true; 3990 pushEvent('formidable', formId, wrapper.find('form')[0] || null); 3991 } 3992 }); 3993 3994 // ââ 6. Ninja Forms âââââââââââââââââââââââââââââââââââââ 3995 3996 if ($.fn.onFirst) { 3997 $(document).onFirst('nfFormSubmitResponse', function (event, data) { 3998 var formId = data.response.data.form_id; 3999 pushEvent('ninja_forms', formId, event.target); 4000 }); 4001 } else { 4002 $(document).on('nfFormSubmitResponse', function (event, data) { 4003 var formId = data.response.data.form_id; 4004 pushEvent('ninja_forms', formId, event.target); 4005 }); 4006 } 4007 4008 // ââ 7. Fluent Forms ââââââââââââââââââââââââââââââââââââ 4009 4010 $(document).on('fluentform_submission_success', function (event, data) { 4011 if (!data || !data.form) return; 4012 var formId = data.config.id; 4013 pushEvent('fluent_forms', formId, data.form[0] || event.target); 4014 }); 4015 4016 // ââ 8. WS Form ââââââââââââââââââââââââââââââââââââââââ 4017 4018 $(document).on('wsf-submit-complete', function (event, formObject, formId) { 4019 pushEvent('ws_form', formId, event.target); 4020 }); 4021 4022 // ââ 9. Elementor Forms âââââââââââââââââââââââââââââââââ 4023 4024 function observeElementorForm(form) { 4025 var observer = new MutationObserver(function (mutations) { 4026 for (var i = 0; i < mutations.length; i++) { 4027 if (form.querySelector('.elementor-message-success')) { 4028 var formId = form.getAttribute('id') || 4029 (form.querySelector('input[name="form_id"]') || {}).value || ''; 4030 pushEvent('elementor_form', formId, form); 4031 observer.disconnect(); 4032 return; 4033 } 4034 } 4035 }); 4036 4037 observer.observe(form, { 4038 attributes: true, 4039 childList: true, 4040 subtree: true 4041 }); 4042 } 4043 4044 // existing forms on page 4045 document.querySelectorAll('.elementor-form').forEach(function (form) { 4046 observeElementorForm(form); 4047 }); 4048 4049 // forms inside Elementor popups (loaded dynamically) 4050 var popupObserver = new MutationObserver(function (mutationsList) { 4051 for (var i = 0; i < mutationsList.length; i++) { 4052 var popupForm = document.querySelector('[class*="elementor-popup"] form'); 4053 if (popupForm) { 4054 observeElementorForm(popupForm); 4055 popupObserver.disconnect(); 4056 break; 4057 } 4058 } 4059 }); 4060 popupObserver.observe(document.body, { childList: true, subtree: true }); 4061 4062 // ââ 10. Enfold (Avia) Contact Forms âââââââââââââââââââââââ 4063 // 4064 // Enfold forms submit via AJAX and do not fire custom JS events. 4065 // On success the form slides up and the response container 4066 // (#ajaxresponse_{id}) becomes visible with an .avia-form-success heading. 4067 // We use a MutationObserver to detect this DOM change. 4068 4069 var enfoldTracked = {}; 4070 4071 function observeEnfoldResponse(responseEl) { 4072 var observer = new MutationObserver(function () { 4073 if (responseEl.classList.contains('hidden') || 4074 responseEl.style.display === 'none') { 4075 return; 4076 } 4077 4078 if (!responseEl.querySelector('.avia-form-success')) { 4079 return; 4080 } 4081
4082 var formId = (responseEl.id || '').replace('ajaxresponse_', ''); 4083 if (enfoldTracked[formId]) return; 4084 enfoldTracked[formId] = true; 4085 4086 var formEl = responseEl.parentElement 4087 ? responseEl.parentElement.querySelector('form.avia_ajax_form') || 4088 responseEl.parentElement.querySelector('form.ajax_form') 4089 : null; 4090 4091 pushEvent('enfold', formId, formEl); 4092 observer.disconnect(); 4093 }); 4094 4095 observer.observe(responseEl, { 4096 attributes: true, 4097 attributeFilter: ['class', 'style'], 4098 childList: true, 4099 subtree: true 4100 }); 4101 } 4102 4103 document.querySelectorAll('.ajaxresponse').forEach(function (el) { 4104 observeEnfoldResponse(el); 4105 }); 4106 4107 }); 4108 4109 // ââ 11. HubSpot Forms v3 âââââââââââââââââââââââââââââââââââ 4110 // 4111 // v3 forms communicate via window.postMessage. On success the 4112 // message payload carries the form ID, conversion ID, and field values. 4113 4114 window.addEventListener('message', function (event) { 4115 if (event.data.type === 'hsFormCallback' && 4116 event.data.eventName === 'onFormSubmitted') { 4117 4118 pushEvent( 4119 'hubspot_v3', 4120 event.data.id, 4121 null, 4122 { 4123 conversion_id: event.data.data.conversionId 4124 } 4125 ); 4126 } 4127 }); 4128 4129 // ââ 12. HubSpot Forms v4 âââââââââââââââââââââââââââââââââââ 4130 // 4131 // v4 forms fire a custom DOM event. Field values are fetched 4132 // asynchronously via the HubspotFormsV4 API. 4133 4134 window.addEventListener('hs-form-event:on-submission:success', function (event) { 4135 if (typeof HubspotFormsV4 === 'undefined') return; 4136 4137 var hsForm = HubspotFormsV4.getFormFromEvent(event); 4138 if (!hsForm) return; 4139 4140 pushEvent( 4141 'hubspot_v4', 4142 hsForm.getFormId(), 4143 null, 4144 { 4145 conversion_id: hsForm.getConversionId() 4146 } 4147 ); 4148 }); 4149 4150 // ââ 13. Lead form submissions âââââââââââââââââââââââââââââ 4151 // 4152 // Lead forms dispatch a custom 'wpseoai:lead_form_submit' event on 4153 // successful submission. The event detail may carry formId and any 4154 // additional metadata the form wishes to surface. 4155 4156 document.addEventListener('wpseoai:lead_form_submit', function (event) { 4157 pushEvent('wpseoai_lead_form', '', null); 4158 }, false); 4159 4160 // ââ 14. Pipedrive LeadBooster Forms ââââââââââââââââââââââââââ 4161 // 4162 // Pipedrive forms are embedded as iframes and post a message to the 4163 // parent window on submission. The payload includes formUUID which 4164 // serves as the form identifier. 4165 4166 window.addEventListener('message', function (event) { 4167 var data = event.data; 4168 if (!data || data.event !== 'pipedrive_form_submit') return; 4169 4170 pushEvent('pipedrive', data.formUUID || '', null, null); 4171 }); 4172 4173 // ââ 15. Leadoo ââââââââââââââââââââââââââââââââââââââââââââââââ 4174 // 4175 // Leadoo pushes a { event: 'LEAD' } object to window.dataLayer on 4176 // form submission. We wrap dataLayer.push to intercept it. 4177 // The _busy guard prevents re-entrancy from our own pushEvent calls. 4178 4179 (function () { 4180 var dl = window.dataLayer; 4181 if (!dl || typeof dl.push !== 'function') return; 4182 4183 var _orig = dl.push.bind(dl); 4184 var _busy = false; 4185 4186 dl.push = function () { 4187 if (!_busy) { 4188 for (var i = 0; i < arguments.length; i++) { 4189 var item = arguments[i]; 4190 if (item && typeof item === 'object' && item.event === 'LEAD') { 4191 _busy = true; 4192 try { 4193 pushEvent('leadoo', '', null, null); 4194 } finally { 4195 _busy = false;
4196 } 4197 } 4198 } 4199 } 4200 return _orig.apply(null, arguments); 4201 }; 4202 }()); 4203 4204 // ââ 16. tel: and mailto: link clicks ââââââââââââââââââââââ 4205 // 4206 // Uses event delegation on document so dynamically injected links 4207 // (popups, live chat widgets, etc.) are captured without re-binding. 4208 // closest() walks up the DOM in case the click lands on a child 4209 // element inside the anchor (e.g. an icon or span). 4210 // hrefLower handles uppercase protocol variants (e.g. TEL:, MAILTO:). 4211 4212 document.addEventListener('click', function (event) { 4213 var anchor = event.target.closest('a[href]'); 4214 if (!anchor) return; 4215 4216 var href = anchor.getAttribute('href') || ''; 4217 var hrefLower = href.toLowerCase(); 4218 var linkText = anchor.textContent.trim(); 4219 4220 if (hrefLower.indexOf('tel:') === 0) { 4221 pushLinkClick('wpseoai_tel_click', 'tel', href.slice(4), linkText); 4222 } else if (hrefLower.indexOf('mailto:') === 0) { 4223 pushLinkClick('wpseoai_mail_click', 'mailto', href.slice(7), linkText); 4224 } 4225 }, false); 4226 4227})(); 4228 4229//# sourceURL=seoaiwp-form-tracking-js-after 4230</script>
vendor: 1 bytes, line 4230
4230
4231<script id="wp-emoji-settings" type="application/json"> 4232{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://ucr.nl/wp-includes/js/wp-emoji-release.min.js?ver=ba2bb8151f76e3dad7801525dd1ccc5a"}} 4233</script>
vendor: 1 bytes, line 4233
4233
4234<script type="module"> 4235/*! This file is auto-generated */ 4236var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 4237//# sourceURL=https://ucr.nl/wp-includes/js/wp-emoji-loader.min.js 4238</script>
4238 4239 </body> 4240</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.