PageSourceSearch

https://ucr.nl/

html ucr.nl collected 2026-10-03 23:26:29 UTC 241,716 bytes, 4,240 lines download raw bytes

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&#038;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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">&#038; Real-World Learning.</span>
2853                                <span data-aos="fade-right" class="t-hover" aria-hidden="true">&#038; 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 &#8211; 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&#8217;s about becoming the best version of yourself &#8211; 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 &#038; 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 &#038; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &#8211; 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 &#8211; 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 &#8211; 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 &#8211; 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 &amp;#8216;de Warande&amp;#8217;">
3475        <div class="post-item__content">
3476            <h2 class="h3 mb-3">Our Thoughts Are With &#8216;de Warande&#8217;</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 &#8220;de Warande&#8221; 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.