1<!DOCTYPE html> 2<html lang="en" 3class="scroll-smooth focus:scroll-auto"> 4<head> 5<meta charset="utf-8"> 6<meta name="application-name" content="University of Cape Coast"> 7<meta name="csrf-token" content="1olgXnajpKPp92i9SxJbWq5szNYIfu0LQZV9tuIR"> 8<meta name="viewport" content="width=device-width, initial-scale=1"> 9<meta name="color-scheme" content="light dark"> 10<link rel="shortcut icon" href="/img/logo.png" type="image/x-icon"> 11<link rel="canonical" href="https://ucc.edu.gh"> 12<meta name="description" content="University of Cape Coast â Ghana's premier institution of higher learning. Discover quality education, cutting-edge research, vibrant campus life, academic programmes, and admissions information."> 13<meta property="og:title" content="University of Cape Coast - Leading Higher Education in Ghana"> 14<meta property="og:description" content="University of Cape Coast â Ghana's premier institution of higher learning. Discover quality education, cutting-edge research, vibrant campus life, academic programmes, and admissions information."> 15<meta property="og:type" content="website"> 16<meta property="og:url" content="https://ucc.edu.gh"> 17<meta property="og:image" content="https://ucc.edu.gh/media/85391/refresh?signature=569699ad8e457c1a04b2a3b82d3e56686f9447159f8b5c2724d27ef5b4546c06"> 18<meta property="og:image:width" content="1200"> 19<meta property="og:image:height" content="630"> 20<meta property="og:site_name" content="University of Cape Coast"> 21<meta name="twitter:card" content="summary_large_image"> 22<meta name="twitter:title" content="University of Cape Coast - Leading Higher Education in Ghana"> 23<meta name="twitter:description" content="University of Cape Coast â Ghana's premier institution of higher learning. Discover quality education, cutting-edge research, vibrant campus life, academic programmes, and admissions information."> 24<meta name="twitter:image" content="https://ucc.edu.gh/media/85391/refresh?signature=569699ad8e457c1a04b2a3b82d3e56686f9447159f8b5c2724d27ef5b4546c06"> 25<meta name="twitter:site" content="@ucccampus"> 26<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <link rel="preload" as="image" imagesrcset="/media/secure/85232?conversion=sm&expires=1790844638&signature=93478d2c4d3c37022051c290fe17ebc7e70879ec29fe7e634acb347d62b0642c 640w, /media/secure/85232?conversion=md&expires=1790844638&signature=ffd17983c6e7462b5d3b67740ebb500a29b1ecd45a6b62ed172c6ca57abd9098 768w, /media/secure/85232?conversion=lg&expires=1790844638&signature=eebcea62507bed893f7b18b2a0f83c2ba2a92701778c8f1a98581989784113f6 1024w, /media/secure/85232?conversion=xl&expires=1790844638&signature=30e9cfc2aaf22c72d39e6d848d46056b1ddfc246ee2bade2492cd74827564abe 1280w, /media/secure/85232?conversion=2xl&expires=1790844638&signature=3285fc9d21ce8d9a78b70d09b69edccc5f5a0cf13a2d6c5937adc649c3d6a31d 1536w" imagesizes="100vw" type="image/webp" fetchpriority="high"> 27<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
28<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@context":"https://schema.org","@type":"WebSite","name":"University of Cape Coast","url":"https://ucc.edu.gh","description":"Official website of the University of Cape Coast, Ghana.","publisher":{"@type":"Organization","name":"University of Cape Coast"},"potentialAction":{"@type":"SearchAction","target":"https://ucc.edu.gh/search?q={search_term_string}","query-input":"required name=search_term_string"}},{"@context":"https://schema.org","@type":"EducationalOrganization","name":"University of Cape Coast","url":"https://ucc.edu.gh","description":"Leading institution of higher learning in Ghana, providing quality education, research, and community service.","address":{"@type":"PostalAddress","addressLocality":"Cape Coast","addressRegion":"Central Region","addressCountry":"Ghana"},"contactPoint":{"@type":"ContactPoint","telephone":"+233-332-132480","contactType":"customer service"},"logo":"https://ucc.edu.gh/img/logo.png"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://ucc.edu.gh"}]},{"@type":"NewsArticle","headline":"UCC School of Optometry and Vision Science Secures Additional US$25,000 Grant for Community Eye Care Project","description":"The School of Optometry and Vision Science (SOVS) at the University of Cape Coast (UCC) has ","url":"https://news.ucc.edu.gh/ucc-school-of-optometry-and-vision-science-secures-additional-us25000-grant-for-community-eye-care-project-00JU","image":"/media/secure/85391?expires=1790844733\u0026signature=620f01d2801cc10261064bb6444754857f157385a493e451c5691a7e0331bd7b","datePublished":"2026-09-22T18:14:00.000000Z","dateModified":"2026-09-22T18:16:49.000000Z","author":{"@type":"Organization","name":"University of Cape Coast","url":"https://ucc.edu.gh"},"publisher":{"@type":"Organization","name":"University of Cape Coast","url":"https://ucc.edu.gh","logo":{"@type":"ImageObject","url":"https://ucc.edu.gh/img/logo.png"}}},{"@type":"NewsArticle","headline":"GSAA Conference Calls for Stronger Governance and Resource Justice in Africa","description":"The 10th Annual Conference of the Ghana Sociological and Anthropological Association (GSAA) has been held at the University of Cape Coast (UCC)","url":"https://news.ucc.edu.gh/gsaa-conference-calls-for-stronger-governance-and-resource-justice-in-africa-00JT","image":"/media/secure/85235?expires=1790844733\u0026signature=4bb0e826782278955e0b783062aa82b8d97e67d8931c037bbfbfb2b6fcf4b958","datePublished":"2026-09-20T17:59:00.000000Z","dateModified":"2026-09-20T17:56:17.000000Z","author":{"@type":"Organization","name":"University of Cape Coast","url":"https://ucc.edu.gh"},"publisher":{"@type":"Organization","name":"University of Cape Coast","url":"https://ucc.edu.gh","logo":{"@type":"ImageObject","url":"https://ucc.edu.gh/img/logo.png"}}},{"@type":"NewsArticle","headline":"UCC Honours Kwesi Pratt for Contributions to Journalism, Public Discourse","description":"The Vice-Chancellor of the University of Cape Coast (UCC), Prof. Denis Worlanyo Aheto, has described veteran journalist, ","url":"https://news.ucc.edu.gh/ucc-honours-kwesi-pratt-for-contributions-to-journalism-public-discourse-00JS","image":"/media/secure/85234?expires=1790844733\u0026signature=8decc7a724d4d96ba59c021844cc61bc2bb2925fd7533f2f3433277b8024e11a","datePublished":"2026-09-18T20:36:00.000000Z","dateModified":"2026-09-18T20:36:55.000000Z","author":{"@type":"Organization","name":"University of Cape Coast","url":"https://ucc.edu.gh"},"publisher":{"@type":"Organization","name":"University of Cape Coast","url":"https://ucc.edu.gh","logo":{"@type":"ImageObject","url":"https://ucc.edu.gh/img/logo.png"}}},{"@type":"Event","name":"Conference in Honour of Professor Domwini Dabire Kuupole","description":"A three-day conference honouring Professor Domwini Dabire Kuupole featuring prominent speakers and academic sessions","startDate":"2026-06-24T00:00:00+00:00","url":"https://events.ucc.edu.gh/conference-in-honour-of-professor-domwini-dabire-kuupole","organizer":{"@type":"EducationalOrganization","name":"University of Cape Coast","url":"https://ucc.edu.gh"},"image":"https://ucc.edu.gh/img/placeholder.jpg","endDate":"2026-06-26T00:00:00+00:00"},{"@type":"Event","name":"2nd Research and Innovation Week and 10th Research Awards and Grants (rags) Ceremony","description":"The University Community is hereby informed that the University of Cape Coast, through the Directorate of Research, Innovation and Consultancy (DRIC), will hold the 2 Research and Innovation Weekâ¦","startDate":"2025-11-11T00:00:00+00:00","url":"https://events.ucc.edu.gh/2nd-research-and-innovation-week-and-10th-research-awards-and-grants-rags-ceremony","organizer":{"@type":"EducationalOrganization","name":"University of Cape Coast","url":"https://ucc.edu.gh"}
28,"image":"/media/secure/10154?expires=1790844733\u0026signature=08bf1ffd95d7d346e5f2965ad910ad5a5bc33056b1e0988a00b3681aea3b5aac","endDate":"2025-11-12T00:00:00+00:00"},{"@type":"Event","name":"Divagri Project Policy Dissemination Workshop","description":"The University of Cape Coast, in collaboration with the CSIRâCrops Research Institute (Kumasi) and the Lake Agege Farm Institute (Mankessim), announces a one-day Policy Workshop under the DIVAGRIâ¦","startDate":"2025-11-10T00:00:00+00:00","url":"https://events.ucc.edu.gh/divagri-project-policy-dissemination-workshop","organizer":{"@type":"EducationalOrganization","name":"University of Cape Coast","url":"https://ucc.edu.gh"},"image":"/media/secure/10156?expires=1790844733\u0026signature=ed5a6a68cef3ee652a7a0ce9bd5be992630a6752c7b72bd760c9f50fdd352438","endDate":"2025-11-10T00:00:00+00:00"}]}</script>
28 29<meta property="og:locale" content="en"> 30<title>Home | University of Cape Coast</title> 31<link rel="preload" as="image" 32imagesrcset="https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white-2x.webp 530w, 33https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.webp 1352w" 34imagesizes="(min-width: 768px) 265px, 165px" 35type="image/webp" 36fetchpriority="high"> 37<link rel="preload" as="font" type="font/woff2" 38href="https://ucc.edu.gh/fonts/montserrat/montserrat-normal-latin.woff2" crossorigin> 39<style> 40[x-cloak] { 41display: none !important; 42} 43/* Flux's <ui-toast> host is display:inline, so it generates a stray ~24px line box 44at the end of <body> â visible as white space below the footer. It shows toasts via 45the popover top layer, so collapsing its box has no effect on functionality. */ 46ui-toast { 47display: contents; 48} 49</style> 50<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 51<style> 52:root.dark { 53color-scheme: dark; 54} 55</style>
56<script> 57window.Flux = { 58applyAppearance (appearance) { 59let applyDark = () => document.documentElement.classList.add('dark') 60let applyLight = () => document.documentElement.classList.remove('dark') 61if (appearance === 'system') { 62let media = window.matchMedia('(prefers-color-scheme: dark)') 63window.localStorage.removeItem('flux.appearance') 64media.matches ? applyDark() : applyLight() 65} else if (appearance === 'dark') { 66window.localStorage.setItem('flux.appearance', 'dark') 67applyDark() 68} else if (appearance === 'light') { 69window.localStorage.setItem('flux.appearance', 'light') 70applyLight() 71} 72} 73} 74window.Flux.applyAppearance(window.localStorage.getItem('flux.appearance') || 'system') 75</script>
75 76<link rel="preload" as="style" href="https://ucc.edu.gh/build/assets/app-MmoXiAMP.css" /><link rel="modulepreload" as="script" href="https://ucc.edu.gh/build/assets/app-IRB8AinI.js" /><link rel="stylesheet" href="https://ucc.edu.gh/build/assets/app-MmoXiAMP.css" data-navigate-track="reload" />
76<script type="module" src="https://ucc.edu.gh/build/assets/app-IRB8AinI.js" data-navigate-track="reload"></script>
76 </head> 77<body x-data="webLayout()" 78x-init="init()" 79@keydown.meta.k.prevent.document="toggleSearchActivity()" 80@keydown.ctrl.k.prevent.document="toggleSearchActivity()" 81@keydown.meta.m.prevent.document="toggleMegaMenuActivity()" 82@keydown.ctrl.m.prevent.document="toggleMegaMenuActivity()" 83:class="{'overflow-hidden': openActivity}" 84class="antialiased" 85> 86<a href="#main-content" 87class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-blue-600 focus:text-white focus:rounded-lg focus:shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2" 88aria-label="Skip to main content"> 89Skip to main content 90</a> 91<div x-ref="menuWrapper"> 92<header wire:key="lw-2734668480-0-9" wire:snapshot="{"data":{"menus":[null,{"keys":[1,2,3,4,5,6,7],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\MegaMenu","s":"elcln"}],"quickLinks":[null,{"keys":{"7":8},"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\MegaMenu","s":"elcln"}],"extraClasses":"","autoSelectedTab":null,"seasonalTab":["academics",{"class":"App\\Enums\\MenuType","s":"enm"}],"analyticsBeaconEnabled":true},"memo":{"id":"Sm8Cmwfx9yF161lMk5Vv","name":"menu.mega-menu","path":"\/","method":"GET","release":"a-a-a","children":{"lw-1108858133-0-10":["div","hSYLsUrIfQvFdKgpRh2t"]},"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"aa56eb695a5d6bd7104a8d5e2f14f37e6f899b4192ff2d70b866cc80196bd6c5"}" wire:effects="{"partials":[]}" wire:id="Sm8Cmwfx9yF161lMk5Vv" wire:name="menu.mega-menu" 93class="inset-x-0 justify-between z-50 text-white dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300" 94:class="headerFixed ? 'top-0 fixed z-[60]': ''" 95role="banner" 96aria-label="Site header" 97> 98<noscript> 99<nav class="bg-blue-900 text-white px-5 py-3" aria-label="Main navigation"> 100<ul class="flex flex-wrap gap-x-8 gap-y-3 list-none m-0 p-0"> 101<!--[if BLOCK]><![endif]--> <li> 102<strong class="block text-white text-sm font-semibold mb-1">Academics</strong> 103<ul class="list-none p-0 m-0 space-y-1"> 104<!--[if BLOCK]><![endif]--> <li><a href="https://admissions.ucc.edu.gh/catalogue" class="text-blue-200 text-xs hover:text-white hover:underline">Explore all programmes</a></li> 105<li><a href="https://admissions.ucc.edu.gh/catalogue" class="text-blue-200 text-xs hover:text-white hover:underline">Programmes & Learning</a></li> 106<li><a href="https://academics.ucc.edu.gh/colleges" class="text-blue-200 text-xs hover:text-white hover:underline">Academic Structure</a></li> 107<li><a href="https://ucc.edu.gh/main/applicants-and-students" class="text-blue-200 text-xs hover:text-white hover:underline">Student Resources</a></li> 108<li><a href="https://library.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Library</a></li> 109<!--[if ENDBLOCK]><![endif]--> </ul> 110</li> 111<li> 112<strong class="block text-white text-sm font-semibold mb-1">Admissions</strong> 113<ul class="list-none p-0 m-0 space-y-1"> 114<!--[if BLOCK]><![endif]--> <li><a href="https://admissions.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Experience what UCC can offer you</a></li> 115<li><a href="https://admissions.ucc.edu.gh/how-to-apply" class="text-blue-200 text-xs hover:text-white hover:underline">Apply</a></li> 116<li><a href="https://admissions.ucc.edu.gh/catalogue" class="text-blue-200 text-xs hover:text-white hover:underline">Browse Programmes</a></li> 117<li><a href="https://ucc.edu.gh/announcements?type=admission" class="text-blue-200 text-xs hover:text-white hover:underline">Announcements</a></li> 118<li><a href="https://ucc.edu.gh/main/applicants-and-students" class="text-blue-200 text-xs hover:text-white hover:underline">Applicants and Students</a></li> 119<!--[if ENDBLOCK]><![endif]--> </ul> 120</li> 121<li> 122<strong class="block text-white text-sm font-semibold mb-1">Explore UCC</strong> 123<ul class="list-none p-0 m-0 space-y-1"> 124<!--[if BLOCK]><![endif]--> <li><a href="https://ucc.edu.gh/main/explore-ucc/corporate-strategic-plan" class="text-blue-200 text-xs hover:text-white hover:underline">Corporate Strategic Plan</a></li> 125<li><a href="https://ucc.edu.gh/main/about" class="text-blue-200 text-xs hover:text-white hover:underline">About the University</a></li> 126<li><a href="https://ucc.edu.gh/main/publications" class="text-blue-200 text-xs hover:text-white hover:underline">Official Documents</a></li> 127<!--[if ENDBLOCK]><![endif]--> </ul> 128</li> 129<li> 130<strong class="block text-white text-sm font-semibold mb-1">Governance</strong> 131<ul class="list-none p-0 m-0 space-y-1"> 132<!--[if BLOCK]><![endif]--> <li><a href="https://governance.ucc.edu.gh/university-council" class="text-blue-200 text-xs hover:text-white hover:underline">Governance and Administration</a></li> 133<li><a href="https://governance.ucc.edu.gh/principal-officers" class="text-blue-200 text-xs hover:text-white hover:underline">Executive Leadership</a></li> 134<li><a href="https://governance.ucc.edu.gh/university-council" class="text-blue-200 text-xs hover:text-white hover:underline">Governance Bodies</a></li> 135<li><a href="https://governance.ucc.edu.gh/deans" class="text-blue-200 text-xs hover:text-white hover:underline">Academic Leadership</a></li> 136<li><a href="https://directory.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Staff Directory</a></li> 137<!--[if ENDBLOCK]><![endif]--> </ul> 138</li> 139<li> 140<strong class="block text-white text-sm font-semibold mb-1">Campus</strong> 141<ul class="list-none p-0 m-0 space-y-1"> 142<!--[if BLOCK]><![endif]--> <li>
142<a href="https://ucc.edu.gh/main/explore-ucc/our-campus" class="text-blue-200 text-xs hover:text-white hover:underline">Our Campus</a></li> 143<li><a href="https://ucc.edu.gh/main/explore-ucc/our-campus" class="text-blue-200 text-xs hover:text-white hover:underline">Facilities</a></li> 144<li><a href="https://ucc.edu.gh/main/explore-ucc/our-campus" class="text-blue-200 text-xs hover:text-white hover:underline">Life at UCC</a></li> 145<!--[if ENDBLOCK]><![endif]--> </ul> 146</li> 147<li> 148<strong class="block text-white text-sm font-semibold mb-1">Research</strong> 149<ul class="list-none p-0 m-0 space-y-1"> 150<!--[if BLOCK]><![endif]--> <li><a href="https://scholar.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">UCC Scholar</a></li> 151<li><a href="https://journal.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Publications & Conferences</a></li> 152<li><a href="https://dric.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Research Support</a></li> 153<!--[if ENDBLOCK]><![endif]--> </ul> 154</li> 155<li> 156<strong class="block text-white text-sm font-semibold mb-1">News & Media</strong> 157<ul class="list-none p-0 m-0 space-y-1"> 158<!--[if BLOCK]><![endif]--> <li><a href="https://news.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">News Updates</a></li> 159<li><a href="https://news.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Trending</a></li> 160<li><a href="https://news.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">News</a></li> 161<li><a href="https://events.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Events</a></li> 162<li><a href="https://ucc.edu.gh/media/videos" class="text-blue-200 text-xs hover:text-white hover:underline">Videos</a></li> 163<!--[if ENDBLOCK]><![endif]--> </ul> 164</li> 165<!--[if ENDBLOCK]><![endif]--> </ul> 166</nav> 167</noscript> 168<nav class="flex items-stretch justify-between w-full bg-blue-900 dark:bg-neutral-900" x-show="!megaMenu" role="navigation" 169aria-label="Main navigation" :inert="megaMenu" 170:aria-hidden="megaMenu.toString()" data-menu-surface> 171<div class="flex lg:flex-1 ps-3 sm:ps-20 my-auto"> 172<a href="https://ucc.edu.gh" class="p-1.5 flex items-center" aria-label="University of Cape Coast - Go to homepage"> 173<!--[if BLOCK]><![endif]--> 174<picture> 175<source type="image/webp" 176srcset="https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white-2x.webp 530w, https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.webp 1352w" 177sizes="(min-width: 768px) 265px, 165px" > 178<img 179src="https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.png" 180alt="University of Cape Coast" 181width="1352" 182height="286" 183style="aspect-ratio: 1352/286" 184fetchpriority="high" 185loading="eager" 186class="h-10 md:h-16 w-auto" 187> 188</picture> 189<!--[if ENDBLOCK]><![endif]--> 190<span class="sr-only">University of Cape Coast</span> 191</a> 192</div> 193<div class="self-stretch flex items-center px-2 sm:px-4"> 194<button x-data 195@click="$flux.appearance = $flux.appearance === 'light' ? 'dark' : $flux.appearance === 'dark' ? 'system' : 'light'" 196aria-label="Toggle colour theme" 197:aria-label="$flux.appearance === 'light' ? 'Switch to dark mode' : $flux.appearance === 'dark' ? 'Switch to system mode' : 'Switch to light mode'" 198class="dark-mode-toggle bg-blue-900 flex sm:gap-3 md:my-auto px-2 md:px-5 items-center justify-center min-h-[44px] min-w-[44px] py-2 md:py-5 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300" 199:title="'Current theme: ' + $flux.appearance + ' (click to cycle)'"> 200<div class="items-center flex"> 201<!-- Sun Icon (Light Mode) --> 202<svg x-cloak x-show="$flux.appearance === 'light'" 203xmlns="http://www.w3.org/2000/svg" 204fill="none" 205viewBox="0 0 24 24" 206stroke-width="1.5" 207stroke="currentColor" 208class="w-5 h-5 text-white" 209aria-hidden="true"> 210<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636a9 9 0 1 0 12.728 0L16.773 7.227Z" /> 211</svg> 212<!-- Moon Icon (Dark Mode) --> 213<svg x-cloak x-show="$flux.appearance === 'dark'" 214xmlns="http://www.w3.org/2000/svg" 215fill="none" 216viewBox="0 0 24 24" 217stroke-width="1.5" 218stroke="currentColor" 219class="w-5 h-5 text-white" 220aria-hidden="true"> 221<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" /> 222</svg> 223<!-- Computer Desktop Icon (System Mode) --> 224<svg x-cloak x-show="$flux.appearance === 'system'" 225xmlns="http://www.w3.org/2000/svg" 226fill="none" 227viewBox="0 0 24 24" 228stroke-width="1.5" 229stroke="currentColor" 230class="w-5 h-5 text-white" 231aria-hidden="true"> 232<path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 5.25Z" /> 233</svg> 234</div> 235</button> 236</div> 237<div 238class="bg-blue-50 self-stretch flex items-center justify-between dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-300" 239role="toolbar" 240aria-label="Navigation toolbar"> 241<button @click="toggleSearchActivity()" 242aria-label="Open search" 243:aria-expanded="searchMenu.toString()" 244aria-controls="search-panel"
245class="self-stretch z-[60] flex justify-center ps-8 pe-8 lg:pe-16 items-center max-md:px-5 dark:text-neutral-300"> 246<div class="items-center flex gap-4 lg:my-auto px-2 lg:px-5 py-2 lg:py-5"> 247<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-blue-900 dark:text-neutral-300" aria-hidden="true"> 248<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" /> 249</svg> 250<div 251class="hidden sm:flex text-blue-900 dark:text-neutral-300 sm:text-base font-semibold self-center"> 252Search 253</div> 254<span 255x-data="{ mac: navigator.userAgent.includes('Mac') }" 256class="hidden lg:inline-flex items-center gap-1 select-none" 257> 258<kbd class="inline-flex items-center rounded-md border border-blue-400 dark:border-neutral-500 bg-white/80 dark:bg-neutral-700 px-2 py-1 text-sm font-bold text-blue-800 dark:text-neutral-100 shadow-sm" x-text="mac ? 'â' : 'Ctrl'">Ctrl</kbd> 259<kbd class="inline-flex items-center rounded-md border border-blue-400 dark:border-neutral-500 bg-white/80 dark:bg-neutral-700 px-2 py-1 text-sm font-bold text-blue-800 dark:text-neutral-100 shadow-sm">K</kbd> 260</span> 261</div> 262</button> 263<button @click="toggleMegaMenuActivity($event)" 264aria-label="Open navigation menu" 265:aria-expanded="megaMenu.toString()" 266aria-controls="mega-menu-panel" 267aria-haspopup="dialog" 268x-ref="menuToggle" 269class="bg-blue-900 self-stretch z-[60] flex justify-center ps-8 pe-16 items-center max-md:px-5 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300"> 270<div class="items-center flex gap-4 lg:my-auto px-2 lg:px-5 py-2 lg:py-5"> 271<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white" aria-hidden="true"> 272<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> 273</svg> 274<div class="hidden sm:flex text-white sm:text-base font-semibold self-center"> 275Menu 276</div> 277<span 278x-data="{ mac: navigator.userAgent.includes('Mac') }" 279class="hidden lg:inline-flex items-center gap-1 select-none" 280> 281<kbd class="inline-flex items-center rounded-md border border-blue-400 dark:border-neutral-500 bg-white/80 dark:bg-neutral-700 px-2 py-1 text-sm font-bold text-blue-800 dark:text-neutral-100 shadow-sm" x-text="mac ? 'â' : 'Ctrl'">Ctrl</kbd> 282<kbd class="inline-flex items-center rounded-md border border-blue-400 dark:border-neutral-500 bg-white/80 dark:bg-neutral-700 px-2 py-1 text-sm font-bold text-blue-800 dark:text-neutral-100 shadow-sm">M</kbd> 283</span> 284</div> 285</button> 286</div> 287</nav> 288<div id="breadcrumbs-container"> 289</div> 290<div wire:key="lw-1108858133-0-10" wire:snapshot="{"data":{"searchTerm":null,"contextScope":null},"memo":{"id":"hSYLsUrIfQvFdKgpRh2t","name":"modal.search","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"en","islands":[]},"checksum":"6c43d27d41c2c121797a27e1bb60473085ef8c8e794d90a9d83e45daed7a36c5"}" wire:effects="{"partials":[]}" wire:id="hSYLsUrIfQvFdKgpRh2t" wire:name="modal.search" x-intersect="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dLCJmb3JDb21wb25lbnQiOiJtb2RhbC5zZWFyY2gifSwibWVtbyI6eyJpZCI6IjZ2SzhkNUtLT3hJRWhXVHgyNUdPIiwibmFtZSI6Il9fbW91bnRQYXJhbXNDb250YWluZXIiLCJwYXRoIjoiXC8iLCJtZXRob2QiOiJHRVQiLCJyZWxlYXNlIjoiYS1hLWEifSwiY2hlY2tzdW0iOiI1MTQyYjEwYTUzYzIxNmQ2ODA5ZTVmOGM1OGJjZTMzYjcxMzVjMzI0NGEyMTlmNDk0MmYyN2YwMmNkMGEzNDZkIn0=')" 291x-show="searchMenu" 292x-cloak 293role="status" 294aria-live="polite" 295aria-label="Loading search" 296class="fixed inset-0 z-[70] flex items-center justify-center bg-white dark:bg-neutral-900 motion-reduce:transition-none" 297> 298<svg class="w-8 h-8 animate-spin text-blue-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> 299<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/> 300<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12h4z"/> 301</svg> 302<span class="sr-only">Loading searchâ¦</span> 303</div>
304<script type="application/json" id="mega-menu-search-data">[{"id":1,"title":"Explore all programmes","desc":"Invest in your future with our extensive range of programmes - Achieve a Degree, Diploma, or Certificate Today!","url":"https:\/\/admissions.ucc.edu.gh\/catalogue","section":"Academics","breadcrumb":null,"tabKey":"academics","audiences":[]},{"id":85,"title":"Programmes \u0026 Learning","desc":"Browse programmes across all modes of study","url":"https:\/\/admissions.ucc.edu.gh\/catalogue","section":"Academics","breadcrumb":null,"tabKey":"academics","audiences":[]},{"id":2,"title":"School of Graduate Studies","desc":"Explore postgraduate programmes and research opportunities","url":"https:\/\/sgs.ucc.edu.gh","section":"Academics","breadcrumb":"Programmes \u0026 Learning","tabKey":"academics","audiences":[]},{"id":15,"title":"Distance Education","desc":"Information about distance and continuing education programmes","url":"https:\/\/code.ucc.edu.gh","section":"Academics","breadcrumb":"Programmes \u0026 Learning","tabKey":"academics","audiences":[]},{"id":16,"title":"International Education","desc":"Resources for international students and partnerships","url":"https:\/\/international.ucc.edu.gh","section":"Academics","breadcrumb":"Programmes \u0026 Learning","tabKey":"academics","audiences":[]},{"id":14,"title":"Elearning Portal","desc":"Access online courses and learning materials","url":"https:\/\/elearning.ucc.edu.gh","section":"Academics","breadcrumb":"Programmes \u0026 Learning","tabKey":"academics","audiences":[]},{"id":86,"title":"Academic Structure","desc":"Explore colleges, faculties, departments and other academic units","url":"https:\/\/academics.ucc.edu.gh\/colleges","section":"Academics","breadcrumb":null,"tabKey":"academics","audiences":[]},{"id":3,"title":"Colleges","desc":"Browse all academic colleges and their programmes","url":"https:\/\/academics.ucc.edu.gh\/colleges","section":"Academics","breadcrumb":"Academic Structure","tabKey":"academics","audiences":[]},{"id":4,"title":"Faculties \u0026 Schools","desc":"Explore faculties and schools across the university","url":"https:\/\/academics.ucc.edu.gh\/faculties.schools","section":"Academics","breadcrumb":"Academic Structure","tabKey":"academics","audiences":[]},{"id":5,"title":"Departments","desc":"Discover academic departments and their programmes","url":"https:\/\/academics.ucc.edu.gh\/departments","section":"Academics","breadcrumb":"Academic Structure","tabKey":"academics","audiences":[]},{"id":6,"title":"Centres","desc":"Explore research and excellence centres","url":"https:\/\/academics.ucc.edu.gh\/centres","section":"Academics","breadcrumb":"Academic Structure","tabKey":"academics","audiences":[]},{"id":7,"title":"Institutions","desc":"Browse academic institutions and their offerings","url":"https:\/\/academics.ucc.edu.gh\/institutions","section":"Academics","breadcrumb":"Academic Structure","tabKey":"academics","audiences":[]},{"id":8,"title":"Units","desc":"View academic and administrative units","url":"https:\/\/academics.ucc.edu.gh\/units","section":"Academics","breadcrumb":"Academic Structure","tabKey":"academics","audiences":[]},{"id":13,"title":"Affiliate Institutions","desc":"Learn about institutions affiliated with UCC","url":"https:\/\/academics.ucc.edu.gh\/affiliated-institutions","section":"Academics","breadcrumb":"Academic Structure","tabKey":"academics","audiences":[]},{"id":87,"title":"Student Resources","desc":"Information and support for prospective and current students","url":"https:\/\/ucc.edu.gh\/main\/applicants-and-students","section":"Academics","breadcrumb":null,"tabKey":"academics","audiences":[]},{"id":9,"title":"Applicants and Students","desc":"Resources and information for prospective and current students","url":"https:\/\/ucc.edu.gh\/main\/applicants-and-students","section":"Academics","breadcrumb":"Student Resources","tabKey":"academics","audiences":[]},{"id":10,"title":"Academic Calendar","desc":"View important dates and academic schedules","url":"https:\/\/academics.ucc.edu.gh\/academic-calendar","section":"Academics","breadcrumb":"Student Resources","tabKey":"academics","audie
304nces":[]},{"id":17,"title":"Financial Support","desc":"Explore scholarships and financial aid options","url":"https:\/\/stufso.ucc.edu.gh","section":"Academics","breadcrumb":"Student Resources","tabKey":"academics","audiences":[]},{"id":11,"title":"Library","desc":"Access the Sam Jonah Library and learning resources","url":"https:\/\/library.ucc.edu.gh","section":"Academics","breadcrumb":null,"tabKey":"academics","audiences":[]},{"id":12,"title":"UCC Journals","desc":"Explore academic journals and publications","url":"https:\/\/journal.ucc.edu.gh","section":"Academics","breadcrumb":null,"tabKey":"academics","audiences":[]},{"id":18,"title":"Experience what UCC can offer you","desc":"Explore our admissions domain to learn about entry requirements, available programmes, and how to begin your academic journey with us.","url":"https:\/\/admissions.ucc.edu.gh","section":"Admissions","breadcrumb":null,"tabKey":"admissions","audiences":[]},{"id":88,"title":"Apply","desc":"Everything you need to apply to UCC","url":"https:\/\/admissions.ucc.edu.gh\/how-to-apply","section":"Admissions","breadcrumb":null,"tabKey":"admissions","audiences":[]},{"id":25,"title":"How to Apply","desc":"Step-by-step guide to applying for a programme at UCC","url":"https:\/\/admissions.ucc.edu.gh\/how-to-apply","section":"Admissions","breadcrumb":"Apply","tabKey":"admissions","audiences":[]},{"id":22,"title":"Admission Requirements","desc":"Learn about entry requirements and qualifications","url":"https:\/\/admissions.ucc.edu.gh\/catalogue\/programme\/requirements","section":"Admissions","breadcrumb":"Apply","tabKey":"admissions","audiences":[]},{"id":21,"title":"Cut-Off Points","desc":"View minimum entry requirements for programmes","url":"https:\/\/admissions.ucc.edu.gh\/catalogue\/programme\/cut-off-points","section":"Admissions","breadcrumb":"Apply","tabKey":"admissions","audiences":[]},{"id":26,"title":"Admission List","desc":"Check admission status and download admission letters","url":"https:\/\/admissionlist.ucc.edu.gh\/online_letters\/admList.php","section":"Admissions","breadcrumb":"Apply","tabKey":"admissions","audiences":[]},{"id":89,"title":"Browse Programmes","desc":"Explore available programmes by department","url":"https:\/\/admissions.ucc.edu.gh\/catalogue","section":"Admissions","breadcrumb":null,"tabKey":"admissions","audiences":[]},{"id":19,"title":"Programmes Catalogue","desc":"Browse all available undergraduate and postgraduate programmes","url":"https:\/\/admissions.ucc.edu.gh\/catalogue","section":"Admissions","breadcrumb":"Browse Programmes","tabKey":"admissions","audiences":[]},{"id":20,"title":"Departments","desc":"View programmes offered by academic departments","url":"https:\/\/admissions.ucc.edu.gh\/catalogue\/departments","section":"Admissions","breadcrumb":"Browse Programmes","tabKey":"admissions","audiences":[]},{"id":23,"title":"Announcements","desc":"Latest admission-related news and updates","url":"https:\/\/ucc.edu.gh\/announcements?type=admission","section":"Admissions","breadcrumb":null,"tabKey":"admissions","audiences":[]},{"id":24,"title":"Applicants and Students","desc":"Essential information for applicants and students","url":"https:\/\/ucc.edu.gh\/main\/applicants-and-students","section":"Admissions","breadcrumb":null,"tabKey":"admissions","audiences":[]},{"id":27,"title":"Corporate Strategic Plan","desc":"Explore the University\u0027s compelling Vision, Mission, and Values, as well as its Strategic Plan for Advancing Tertiary Education. Discover how the university\u0027s dedication to excellence and innovation can help shape your future and contribute to the development of a brighter tomorrow.","url":"https:\/\/ucc.edu.gh\/main\/explore-ucc\/corporate-strategic-plan","section":"Explore UCC","breadcrumb":null,"tabKey":"exploreUcc","audiences":[]},{"id":90,"title":"About the University","desc":"History, achievements, and key facts about UCC","url":"https:\/\/ucc.edu.gh\/main\/about","section":"Explore UCC","breadcrumb":null,"tabKey":"exploreUcc","audiences":[]}
304,{"id":28,"title":"History","desc":"Learn about UCC\u0027s rich history and heritage","url":"https:\/\/ucc.edu.gh\/main\/about","section":"Explore UCC","breadcrumb":"About the University","tabKey":"exploreUcc","audiences":[]},{"id":29,"title":"Awards and Achievements","desc":"Discover UCC\u0027s recognitions and accomplishments","url":"#","section":"Explore UCC","breadcrumb":"About the University","tabKey":"exploreUcc","audiences":[]},{"id":30,"title":"Summary Statistics","desc":"View key facts and figures about the university","url":"#","section":"Explore UCC","breadcrumb":"About the University","tabKey":"exploreUcc","audiences":[]},{"id":91,"title":"Official Documents","desc":"Publications, policies, reports, and official forms","url":"https:\/\/ucc.edu.gh\/main\/publications","section":"Explore UCC","breadcrumb":null,"tabKey":"exploreUcc","audiences":[]},{"id":31,"title":"Publications","desc":"Browse university publications and documents","url":"https:\/\/ucc.edu.gh\/main\/publications","section":"Explore UCC","breadcrumb":"Official Documents","tabKey":"exploreUcc","audiences":[]},{"id":32,"title":"Policies","desc":"Access university policies and guidelines","url":"https:\/\/ucc.edu.gh\/main\/publications\/policies","section":"Explore UCC","breadcrumb":"Official Documents","tabKey":"exploreUcc","audiences":[]},{"id":33,"title":"Reports","desc":"Read institutional reports and documents","url":"https:\/\/ucc.edu.gh\/main\/publications\/reports","section":"Explore UCC","breadcrumb":"Official Documents","tabKey":"exploreUcc","audiences":[]},{"id":34,"title":"Forms","desc":"Download official forms and templates","url":"https:\/\/ucc.edu.gh\/main\/publications\/forms","section":"Explore UCC","breadcrumb":"Official Documents","tabKey":"exploreUcc","audiences":[]},{"id":35,"title":"Statutes of UCC","desc":"Review the university\u0027s statutes and regulations","url":"https:\/\/ucc.edu.gh\/main\/publications\/statutes","section":"Explore UCC","breadcrumb":"Official Documents","tabKey":"exploreUcc","audiences":[]},{"id":36,"title":"Book\/Paper Collaborations","desc":"Explore collaborative research publications","url":"https:\/\/ucc.edu.gh\/main\/publications\/bookpaper-collaborations","section":"Explore UCC","breadcrumb":"Official Documents","tabKey":"exploreUcc","audiences":[]},{"id":37,"title":"Governance and Administration","desc":"Governance and Administration ensure the university operates effectively, with decision-making bodies guiding strategy and leadership, while the administration manages daily operations.","url":"https:\/\/governance.ucc.edu.gh\/university-council","section":"Governance","breadcrumb":null,"tabKey":"governance","audiences":[]},{"id":92,"title":"Executive Leadership","desc":"The Chancellor, Vice-Chancellor, and principal officers","url":"https:\/\/governance.ucc.edu.gh\/principal-officers","section":"Governance","breadcrumb":null,"tabKey":"governance","audiences":[]},{"id":38,"title":"The Chancellor","desc":"Meet the Chancellor of the university","url":"https:\/\/chancellor.ucc.edu.gh","section":"Governance","breadcrumb":"Executive Leadership","tabKey":"governance","audiences":[]},{"id":39,"title":"The Pro Chancellor","desc":"Learn about the Pro Chancellor\u0027s role and responsibilities","url":"https:\/\/pro-chancellor.ucc.edu.gh","section":"Governance","breadcrumb":"Executive Leadership","tabKey":"governance","audiences":[]},{"id":42,"title":"The Vice-Chancellor","desc":"Learn about the Vice-Chancellor\u0027s vision and leadership","url":"https:\/\/vc.ucc.edu.gh","section":"Governance","breadcrumb":"Executive Leadership","tabKey":"governance","audiences":[]},{"id":43,"title":"The Pro Vice-Chancellor","desc":"Meet the Pro Vice-Chancellor","url":"https:\/\/pvc.ucc.edu.gh","section":"Governance","breadcrumb":"Executive Leadership","tabKey":"governance","audiences":[]},{"id":44,"title":"The Registrar","desc":"Learn about the Registrar\u0027s office and services","url":"https:\/\/registrar.ucc.edu.gh","section":"Governance","breadcrumb":"Executive Leadership","tabKey":"governance","audiences":[]},{"id":45,"title":"The Librarian","desc":"Meet the University Librarian","url":"https:\/\/librarian.ucc.edu.gh","section":"Governance","breadcrumb":"Executive Leadership","tabKey":"governance","audiences":[]},{"id":93,"title":"Governance Bodies","desc":"University Council and principal officers","url":"https:\/\/governance.ucc.edu.gh\/university-council","section":"Governance","breadcrumb":null,"tabKey":"governance","audiences":[]},{"id":40,"title":"University Council","desc":"View the governing body of the university","url":"https:\/\/governance.ucc.edu.gh\/university-council","section":"Governance","breadcrumb":"Governance Bodies","tabKey":"governance","audiences":[]},{"id":41,"title":"Principal Officers","desc":"Meet the key leadership of the university","url":"https:\/\/governance.ucc.edu.gh\/principal-officers","section":"Governance","breadcrumb":"Governance Bodies","tabKey":"governance","audiences":[]},{"id":94,"title":"Academic Leadership","desc":"Provosts, deans, directors, and department heads","url":"https:\/\/governance.ucc.edu.gh\/deans","section":"Governance","breadcrumb":null,"tabKey":"governance","audiences":[]}
304,{"id":46,"title":"Provosts","desc":"View college provosts and their leadership","url":"https:\/\/governance.ucc.edu.gh\/provosts","section":"Governance","breadcrumb":"Academic Leadership","tabKey":"governance","audiences":[]},{"id":47,"title":"Directors","desc":"Browse directors of various units and centres","url":"https:\/\/governance.ucc.edu.gh\/directors","section":"Governance","breadcrumb":"Academic Leadership","tabKey":"governance","audiences":[]},{"id":48,"title":"Deans","desc":"Meet the deans of faculties and schools","url":"https:\/\/governance.ucc.edu.gh\/deans","section":"Governance","breadcrumb":"Academic Leadership","tabKey":"governance","audiences":[]},{"id":49,"title":"Heads of Department","desc":"View heads of academic departments","url":"https:\/\/governance.ucc.edu.gh\/head-departments","section":"Governance","breadcrumb":"Academic Leadership","tabKey":"governance","audiences":[]},{"id":50,"title":"Heads of Section","desc":"Browse heads of administrative sections","url":"https:\/\/governance.ucc.edu.gh\/head-sections","section":"Governance","breadcrumb":"Academic Leadership","tabKey":"governance","audiences":[]},{"id":51,"title":"Heads","desc":"View all heads across the university","url":"https:\/\/governance.ucc.edu.gh\/heads","section":"Governance","breadcrumb":"Academic Leadership","tabKey":"governance","audiences":[]},{"id":52,"title":"Coordinators","desc":"Browse programme and unit coordinators","url":"https:\/\/governance.ucc.edu.gh\/coordinators","section":"Governance","breadcrumb":"Academic Leadership","tabKey":"governance","audiences":[]},{"id":53,"title":"Hall Masters and Wardens","desc":"Meet the hall masters and wardens","url":"https:\/\/governance.ucc.edu.gh\/hall-master-wardens","section":"Governance","breadcrumb":"Academic Leadership","tabKey":"governance","audiences":[]},{"id":54,"title":"Staff Directory","desc":"Search and browse staff profiles across the university","url":"https:\/\/directory.ucc.edu.gh","section":"Governance","breadcrumb":null,"tabKey":"governance","audiences":[]},{"id":55,"title":"Our Campus","desc":"Discover the University of Cape Coast campus \u2014 its facilities, halls of residence, green spaces, and vibrant campus life. Whether you are a prospective or current student, explore everything that makes UCC home.","url":"https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campus","section":"Campus","breadcrumb":null,"tabKey":"campus","audiences":[]},{"id":95,"title":"Facilities","desc":"Libraries, halls, and sports facilities","url":"https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campus","section":"Campus","breadcrumb":null,"tabKey":"campus","audiences":[]},{"id":56,"title":"Libraries","desc":"Access the Sam Jonah Library and other learning spaces on campus","url":"https:\/\/library.ucc.edu.gh","section":"Campus","breadcrumb":"Facilities","tabKey":"campus","audiences":[]},{"id":59,"title":"Halls","desc":"Learn about residential halls and accommodation on campus","url":"#","section":"Campus","breadcrumb":"Facilities","tabKey":"campus","audiences":[]},{"id":60,"title":"Sports","desc":"Explore sports facilities and athletic programmes at UCC","url":"#","section":"Campus","breadcrumb":"Facilities","tabKey":"campus","audiences":[]},{"id":96,"title":"Life at UCC","desc":"Events, activities, and student life on campus","url":"https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campus","section":"Campus","breadcrumb":null,"tabKey":"campus","audiences":[]},{"id":57,"title":"Matriculation","desc":"Information about matriculation ceremonies and registration","url":"#","section":"Campus","breadcrumb":"Life at UCC","tabKey":"campus","audiences":[]},{"id":58,"title":"Events","desc":"Discover upcoming campus events and activities","url":"https:\/\/events.ucc.edu.gh","section":"Campus","breadcrumb":"Life at UCC","tabKey":"campus","audiences":[]},{"id":61,"title":"Recreation and Social Activities","desc":"Discover clubs, societies, and social activities","url":"https:\/\/ucc.edu.gh\/main\/explore-ucc\/recreational-and-social-activities","section":"Campus","breadcrumb":"Life at UCC","tabKey":"campus","audie
304nces":[]},{"id":62,"title":"UCC Scholar","desc":"Gain access to a comprehensive repository of the University\u0027s academic research, including journal articles, theses, dissertations, and more. Find everything you need to support your research and stay at the forefront of your field.","url":"https:\/\/scholar.ucc.edu.gh","section":"Research","breadcrumb":null,"tabKey":"research","audiences":[]},{"id":97,"title":"Publications \u0026 Conferences","desc":"Journals, conferences, and lecture series","url":"https:\/\/journal.ucc.edu.gh","section":"Research","breadcrumb":null,"tabKey":"research","audiences":[]},{"id":63,"title":"Journals","desc":"Browse academic journals published by UCC","url":"https:\/\/journal.ucc.edu.gh","section":"Research","breadcrumb":"Publications \u0026 Conferences","tabKey":"research","audiences":[]},{"id":64,"title":"Conference Portal","desc":"Discover research conferences hosted by UCC","url":"https:\/\/research.ucc.edu.gh\/","section":"Research","breadcrumb":"Publications \u0026 Conferences","tabKey":"research","audiences":[]},{"id":68,"title":"Lecture Series","desc":"Browse inaugural, memorial, and public lecture series","url":"https:\/\/ucc.edu.gh\/lecture-series","section":"Research","breadcrumb":"Publications \u0026 Conferences","tabKey":"research","audiences":[]},{"id":98,"title":"Research Support","desc":"Funding, ethics review, and research innovation","url":"https:\/\/dric.ucc.edu.gh","section":"Research","breadcrumb":null,"tabKey":"research","audiences":[]},{"id":65,"title":"Research Award Grant (RAG)","desc":"Learn about research funding opportunities","url":"https:\/\/dric.ucc.edu.gh\/news\/fourth-research-awards-and-grants-rag-ceremony-20182019-academic-year","section":"Research","breadcrumb":"Research Support","tabKey":"research","audiences":[]},{"id":66,"title":"Institutional Review Board (IRB)","desc":"Ethics review for research involving human participants","url":"https:\/\/irb.ucc.edu.gh","section":"Research","breadcrumb":"Research Support","tabKey":"research","audiences":[]},{"id":67,"title":"Directorate of Research Innovation and Consultancy (DRIC)","desc":"Support for research and innovation activities","url":"https:\/\/dric.ucc.edu.gh","section":"Research","breadcrumb":"Research Support","tabKey":"research","audiences":[]},{"id":69,"title":"News Updates","desc":"Don\u0027t miss out on the latest happenings at your university and beyond! Stay in the know with our reliable source of news and updates, tailored to keep the university community informed and engaged.","url":"https:\/\/news.ucc.edu.gh","section":"News \u0026 Media","breadcrumb":null,"tabKey":"newsMedia","audie
304nces":[]},{"id":99,"title":"Trending","desc":"The most popular news, announcements, and events right now","url":"https:\/\/news.ucc.edu.gh","section":"News \u0026 Media","breadcrumb":null,"tabKey":"newsMedia","audiences":[]},{"id":70,"title":"News","desc":"Read the latest news from the university","url":"https:\/\/news.ucc.edu.gh","section":"News \u0026 Media","breadcrumb":null,"tabKey":"newsMedia","audiences":[]},{"id":71,"title":"Events","desc":"View upcoming events and activities","url":"https:\/\/events.ucc.edu.gh","section":"News \u0026 Media","breadcrumb":null,"tabKey":"newsMedia","audiences":[]},{"id":73,"title":"Videos","desc":"Watch videos from UCC events and activities","url":"https:\/\/ucc.edu.gh\/media\/videos","section":"News \u0026 Media","breadcrumb":null,"tabKey":"newsMedia","audiences":[]},{"id":75,"title":"Press Releases","desc":"Official press releases and media statements","url":"https:\/\/ucc.edu.gh\/announcements?type=press-release","section":"News \u0026 Media","breadcrumb":null,"tabKey":"newsMedia","audie
304nces":[]},{"id":76,"title":"Announcements","desc":"Important announcements and notices","url":"https:\/\/ucc.edu.gh\/announcements","section":"News \u0026 Media","breadcrumb":null,"tabKey":"newsMedia","audiences":[]}]</script>
304 305<div id="mega-menu-panel" 306data-menu-surface 307class="print:hidden fixed inset-0 z-[70] flex isolate justify-center items-stretch flex-col [--menu-tab-w:33.333%] lg:[--menu-tab-w:25%] xl:[--menu-tab-w:20%]" 308x-show="megaMenu && isDesktop" 309x-trap="megaMenu && isDesktop" 310@keyup.escape.window="escapeCloseMenu()" 311@keydown.window="(typeof handleMenuKeyDown === 'function') && handleMenuKeyDown($event)" 312x-transition:enter="transition ease-[cubic-bezier(0.4,0,0.2,1)] duration-[350ms]" 313x-transition:enter-start="opacity-0 -translate-y-3" 314x-transition:enter-end="opacity-100 translate-y-0" 315x-transition:leave="transition ease-[cubic-bezier(0.4,0,1,1)] duration-200" 316x-transition:leave-start="opacity-100 translate-y-0" 317x-transition:leave-end="opacity-0 -translate-y-2" 318role="dialog" 319aria-modal="true" 320aria-labelledby="mega-menu-heading" 321tabindex="-1" x-ref="megaMenuPanel" 322data-auto-tab="" 323x-init="$watch('megaMenu', (open) => { if (open) { const t = $el.dataset.autoTab; if (t) openSubMenu = t; $nextTick(() => { const tl = $refs.tablist; if (tl) { const active = tl.querySelector('[role=tab][aria-selected=\'true\']') || tl.querySelector('[role=tab]'); if (active) { active.focus(); } else { $refs.megaMenuPanel?.focus(); } } else { $refs.megaMenuPanel?.focus(); } }); } })" 324x-cloak> 325<div class="absolute inset-y-0 start-0 w-[var(--menu-tab-w)] bg-blue-800 dark:bg-neutral-900" 326aria-hidden="true"></div> 327<p id="mega-menu-heading" class="sr-only">Site navigation menu</p> 328<div 329class="hidden" 330aria-hidden="true" 331x-init=" 332$watch('megaMenu', (open) => { 333if (open) { 334window._menuClickFired = false; 335window._menuSearchLogged = {}; 336window._menuBeaconSession = (typeof crypto !== 'undefined' && crypto.randomUUID) ? crypto.randomUUID() : Math.random().toString(36).slice(2); 337typeof window.menuBeacon === 'function' && window.menuBeacon('open', { page_path: window.location.pathname }); 338} else { 339if (!window._menuClickFired) { 340typeof window.menuBeacon === 'function' && window.menuBeacon('abandon', { menu_type: openSubMenu }); 341} 342window._menuBeaconSession = null; 343} 344}) 345" 346></div> 347<!--[if BLOCK]><![endif]--> <template x-if="megaMenu"> 348<div 349x-data="{ 350...menuFilterKeyboard(), 351menuSearch: '', 352selectedAudience: (()=>{ const m=document.cookie.match('(?:^|; )menuAudience=([^;]*)'); if(!m) return ''; try{ const v=JSON.parse(decodeURIComponent(m[1])); return typeof v==='string'?v:''; }catch(e){ return decodeURIComponent(m[1]); } })(), 353audienceLabels: JSON.parse('{\u0022prospective_student\u0022:\u0022Prospective Student\u0022,\u0022current_student\u0022:\u0022Current Student\u0022,\u0022staff\u0022:\u0022Staff\u0022,\u0022researcher\u0022:\u0022Researcher\u0022,\u0022visitor\u0022:\u0022Visitor\u0022,\u0022alumni\u0022:\u0022Alumni\u0022,\u0022parent\u0022:\u0022Parent\u0022}'), 354recentItems: [], 355_loadRecent() { 356this.recentItems = this.getCookie('menuRecent') || []; 357}, 358trackVisit(title, url) { 359const item = { title, url }; 360this.recentItems = [item, ...this.recentItems.filter(r => r.url !== url)].slice(0, 5); 361this.setCookie('menuRecent', this.recentItems); 362}, 363searchItems: (() => { try { return JSON.parse(document.getElementById('mega-menu-search-data')?.textContent || '[]'); } catch (e) { return []; } })(), 364hiddenCount: 0, 365recomputeHidden() { 366this.hiddenCount = this.selectedAudience 367? this.searchItems.filter(i => i.audiences && i.audiences.length > 0 && ! i.audiences.includes(this.selectedAudience)).length 368: 0; 369}, 370clearAudience() { 371this.selectedAudience = ''; 372this.setCookie('menuAudience', ''); 373if (typeof window.menuBeacon === 'function') { window.menuBeacon('audience_clear', {}); } 374}, 375searchResults: [], 376recomputeSearch() { 377const q = this.menuSearch.toLowerCase().trim(); 378if (!q) { this.searchResults = []; return; } 379this.searchResults = this.searchItems.filter(i => 380(i.title.toLowerCase().includes(q) || i.desc.toLowerCase().includes(q)) && 381(!this.selectedAudience || !i.audiences || i.audiences.length === 0 || i.audiences.includes(this.selectedAudience)) 382); 383}, 384init() { 385this._loadRecent(); 386this.recomputeSearch(); 387this.recomputeHidden(); 388this.$watch('menuSearch', () => { this.recomputeSearch(); this.resetActive(); this.scheduleEscalation(); }); 389this.$watch('selectedAudience', () => { this.recomputeSearch(); this.recomputeHidden(); this.resetActive(); }); 390}, 391getCookie(name) { 392const m = document.cookie.match('(?:^|; )' + name + '=([^;]*)'); 393try { return m ? JSON.parse(decodeURIComponent(m[1])) : null; } catch(e) { return null; } 394}, 395setCookie(name, value) { 396const exp = new Date(Date.now() + 30 * 864e5).toUTCString(); 397const d = '.ucc.edu.gh'; 398document.cookie = name + '=' + encodeURIComponent(JSON.stringify(value)) + '; expires=' + exp + '; path=/; SameSite=Lax' + (d ? '; domain=' + d : ''); 399}, 400logMenuSearch() { 401const term = this.menuSearch.trim(); 402if (term.length < 2) return; 403const key = term.toLowerCase(); 404window._menuSearchLogged = window._menuSearchLogged || {}; 405if (window._menuSearchLogged[key]) return; 406window._menuSearchLogged[key] = true; 407const items = this.searchResults; 408const counts = items.reduce((acc, i) => { acc[i.tabKey] = (acc[i.tabKey] || 0) + 1; return acc; }, {}); 409fetch('https://ucc.edu.gh/api/menu/search-log', { 410method: 'POST', 411headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, 412body: JSON.stringify({ term, counts }), 413keepalive: true, 414}).catch(() => {}); 415} 416}" 417class="hidden lg:flex w-full flex-col items-center h-screen relative z-10 bg-blue-800 dark:bg-neutral-900 dark:text-neutral-300">
418<div class="self-center flex w-full px-20 pt-8 pb-5 items-stretch justify-between gap-5 max-md:max-w-full shrink-0 bg-blue-800 dark:bg-neutral-900"> 419<a href="https://ucc.edu.gh" class="p-1.5 flex items-center" aria-label="University of Cape Coast - Go to homepage"> 420<!--[if BLOCK]><![endif]--> 421<picture> 422<source type="image/webp" 423srcset="https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white-2x.webp 530w, https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.webp 1352w" 424sizes="(min-width: 768px) 265px, 165px" > 425<img 426src="https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.png" 427alt="University of Cape Coast" 428width="1352" 429height="286" 430style="aspect-ratio: 1352/286" 431fetchpriority="high" 432loading="eager" 433class="h-10 md:h-16 w-auto" 434> 435</picture> 436<!--[if ENDBLOCK]><![endif]--> 437<span class="sr-only">University of Cape Coast</span> 438</a> 439<button 440class="items-center justify-center flex gap-3 px-5 py-3 my-auto self-end bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 rounded-full cursor-pointer transition-all duration-150 hover:bg-blue-950 hover:shadow-md transform hover:-translate-y-0.5 group" 441@click="escapeCloseMenu()" 442aria-label="Close menu"> 443<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white transition-transform duration-300 group-hover:rotate-90 group-hover:scale-110" aria-hidden="true"> 444<path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /> 445</svg> 446<div class="text-white text-base font-semibold self-center my-auto"> 447Close 448</div> 449</button> 450</div> 451<div class="w-full shrink-0 bg-blue-800 dark:bg-neutral-900 border-y border-white/25"> 452<div class="flex items-center px-20"> 453<span class="shrink-0 text-white/70 text-xs font-semibold uppercase tracking-widest pe-5 border-e border-white/30 me-5" aria-hidden="true"> 454Jump to 455</span> 456<div class="relative flex-1"> 457<div class="pointer-events-none absolute inset-y-0 start-0 flex items-center ps-1" aria-hidden="true"> 458<svg class="w-4 h-4 text-white/50" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 459<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-4.35-4.35M17 11A6 6 0 1 1 5 11a6 6 0 0 1 12 0z"/> 460</svg> 461</div> 462<input 463x-model.debounce.150ms="menuSearch" 464x-ref="globalMenuSearch" 465type="text" 466placeholder="Jump to a menu itemâ¦" 467autocomplete="off" 468aria-label="Jump to a menu item. This filters the menu, not the whole site." 469role="combobox" 470aria-controls="menu-results-desktop" 471aria-autocomplete="list" 472:aria-expanded="searchResults.length > 0 ? 'true' : 'false'" 473:aria-activedescendant="activeDescendant()" 474@keydown.arrow-down.prevent="moveActive(1)" 475@keydown.arrow-up.prevent="moveActive(-1)" 476@keydown.enter.prevent="submitMenuSearch()" 477class="w-full bg-transparent text-white placeholder-white/60 text-base ps-8 pe-10 py-3.5 border-none outline-none focus:outline-none focus:ring-0 transition" 478/> 479<button 480x-show="menuSearch.trim()" 481@click="menuSearch = ''" 482type="button" 483aria-label="Clear search" 484class="absolute inset-y-0 end-0 flex items-center justify-center min-w-[44px] min-h-[44px] text-white/60 hover:text-white transition" 485> 486<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 487<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> 488</svg> 489</button> 490</div> 491<!--[if BLOCK]><![endif]--> 492<div class="relative shrink-0 ms-3 border-s border-white/30 ps-5" 493x-show="!menuSearch.trim()" 494x-transition:enter="transition ease-out duration-150" 495x-transition:enter-start="opacity-0" 496x-transition:enter-end="opacity-100" 497x-transition:leave="transition ease-in duration-100" 498x-transition:leave-start="opacity-100" 499x-transition:leave-end="opacity-0" 500@click.outside="closeList(false)" 501x-data="audienceListbox({ prefix: 'menu-audience-desktop', values: JSON.parse('[\u0022\u0022,\u0022prospective_student\u0022,\u0022current_student\u0022,\u0022staff\u0022,\u0022researcher\u0022,\u0022visitor\u0022,\u0022alumni\u0022,\u0022parent\u0022]') })" 502> 503<button 504type="button" 505id="menu-audience-desktop-button" 506x-ref="audienceButton"
507aria-controls="menu-audience-desktop-listbox" 508aria-haspopup="listbox" 509@click="toggleList()" 510@keydown.enter.stop.prevent="toggleList()" 511@keydown.space.stop.prevent="toggleList()" 512@keydown.arrow-down.stop.prevent="openList()" 513@keydown.arrow-up.stop.prevent="openList()" 514@keydown.escape.stop.prevent="closeList()" 515:aria-expanded="audienceOpen.toString()" 516:aria-label="'I am ' + (selectedAudience ? audienceLabels[selectedAudience] : 'Everyone')" 517class="flex items-center gap-2 py-3.5 min-h-[44px] text-sm transition group cursor-pointer select-none" 518:class="selectedAudience ? 'text-white' : 'text-white/65 hover:text-white'" 519> 520<svg class="w-4 h-4 shrink-0 opacity-80" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 521<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/> 522</svg> 523<span class="text-white/55 text-xs font-medium shrink-0 group-hover:text-white/75 transition">I am</span> 524<span class="inline-grid font-semibold whitespace-nowrap select-none pointer-events-none" aria-hidden="true"> 525<span class="invisible [grid-area:1/1]">Everyone</span> 526<!--[if BLOCK]><![endif]--> <span class="invisible [grid-area:1/1]">Prospective Student</span> 527<span class="invisible [grid-area:1/1]">Current Student</span> 528<span class="invisible [grid-area:1/1]">Staff</span> 529<span class="invisible [grid-area:1/1]">Researcher</span> 530<span class="invisible [grid-area:1/1]">Visitor</span> 531<span class="invisible [grid-area:1/1]">Alumni</span> 532<span class="invisible [grid-area:1/1]">Parent</span> 533<!--[if ENDBLOCK]><![endif]--> <span class="[grid-area:1/1] flex items-center" x-text="selectedAudience ? audienceLabels[selectedAudience] : 'Everyone'"></span> 534</span> 535<svg class="w-3.5 h-3.5 opacity-75 transition-transform duration-150 shrink-0" :class="audienceOpen ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 536<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/> 537</svg> 538</button> 539<div 540x-show="audienceOpen" 541x-transition:enter="transition ease-out duration-150" 542x-transition:enter-start="opacity-0 -translate-y-1" 543x-transition:enter-end="opacity-100 translate-y-0" 544x-transition:leave="transition ease-in duration-100" 545x-transition:leave-start="opacity-100" 546x-transition:leave-end="opacity-0" 547id="menu-audience-desktop-listbox" 548x-ref="audienceList" 549role="listbox" 550tabindex="-1" 551aria-label="Filter by audience" 552:aria-activedescendant="audienceOpen ? activeOptionId : null" 553@keydown.arrow-down.stop.prevent="moveActive(1)" 554@keydown.arrow-up.stop.prevent="moveActive(-1)" 555@keydown.home.stop.prevent="firstActive()" 556@keydown.end.stop.prevent="lastActive()" 557@keydown.enter.stop.prevent="selectActive()" 558@keydown.space.stop.prevent="selectActive()" 559@keydown.escape.stop.prevent="closeList()" 560@keydown.tab="closeList(false)" 561class="absolute start-0 top-full min-w-full bg-blue-800 dark:bg-neutral-800 border border-white/25 dark:border-neutral-600 z-20 py-1.5 outline-none" 562> 563<!--[if BLOCK]><![endif]--> <div 564id="menu-audience-desktop-option-0" 565role="option" 566:aria-selected="(selectedAudience === '').toString()" 567@click="selectIndex(0)" 568@mousemove="activeIndex = 0" 569class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 570:class="{ 571'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === '', 572'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== '', 573'bg-white/10 dark:bg-white/10 text-white': activeIndex === 0, 574}" 575> 576Everyone 577</div> 578<div 579id="menu-audience-desktop-option-1" 580role="option" 581:aria-selected="(selectedAudience === 'prospective_student').toString()" 582@click="selectIndex(1)" 583@mousemove="activeIndex = 1" 584class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 585:class="{ 586'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'prospective_student', 587'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'prospective_student', 588'bg-white/10 dark:bg-white/10 text-white': activeIndex === 1, 589}" 590> 591Prospective Student 592</div> 593<div 594id="menu-audience-desktop-option-2" 595role="option" 596:aria-selected="(selectedAudience === 'current_student').toString()" 597@click="selectIndex(2)" 598@mousemove="activeIndex = 2" 599class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 600:class="{ 601'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'current_student', 602'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'current_student', 603'bg-white/10 dark:bg-white/10 text-white': activeIndex === 2, 604}" 605> 606Current Student 607</div> 608<div 609id="menu-audience-desktop-option-3" 610role="option" 611:aria-selected="(selectedAudience === 'staff').toString()" 612@click="selectIndex(3)" 613@mousemove="activeIndex = 3" 614class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 615:class="{ 616'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'staff', 617'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'staff', 618'bg-white/10 dark:bg-white/10 text-white': activeIndex === 3, 619}" 620> 621Staff 622</div> 623<div 624id="menu-audience-desktop-option-4" 625role="option" 626:aria-selected="(selectedAudience === 'researcher').toString()" 627@click="selectIndex(4)" 628@mousemove="activeIndex = 4" 629class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 630:class="{ 631'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'researcher', 632'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'researcher', 633'bg-white/10 dark:bg-white/10 text-white': activeIndex === 4, 634}" 635> 636Researcher 637</div> 638<div 639id="menu-audience-desktop-option-5" 640role="option" 641:aria-selected="(selectedAudience === 'visitor').toString()"
642@click="selectIndex(5)" 643@mousemove="activeIndex = 5" 644class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 645:class="{ 646'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'visitor', 647'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'visitor', 648'bg-white/10 dark:bg-white/10 text-white': activeIndex === 5, 649}" 650> 651Visitor 652</div> 653<div 654id="menu-audience-desktop-option-6" 655role="option" 656:aria-selected="(selectedAudience === 'alumni').toString()" 657@click="selectIndex(6)" 658@mousemove="activeIndex = 6" 659class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 660:class="{ 661'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'alumni', 662'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'alumni', 663'bg-white/10 dark:bg-white/10 text-white': activeIndex === 6, 664}" 665> 666Alumni 667</div> 668<div 669id="menu-audience-desktop-option-7" 670role="option" 671:aria-selected="(selectedAudience === 'parent').toString()" 672@click="selectIndex(7)" 673@mousemove="activeIndex = 7" 674class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 675:class="{ 676'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'parent', 677'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'parent', 678'bg-white/10 dark:bg-white/10 text-white': activeIndex === 7, 679}" 680> 681Parent 682</div> 683<!--[if ENDBLOCK]><![endif]--> </div> 684</div> 685<div x-cloak 686x-show="selectedAudience && !menuSearch.trim()" 687role="status" 688class="shrink-0 ms-4 flex items-center gap-2 text-xs"> 689<span class="text-white/70 shrink-0">Viewing as:</span> 690<span class="inline-flex items-center gap-1 rounded-full bg-white/15 ps-3 pe-0.5 font-semibold text-white"> 691<span x-text="audienceLabels[selectedAudience] || selectedAudience"></span> 692<button 693type="button" 694data-persona-clear 695@click="clearAudience()" 696aria-label="Show everything â clear this audience filter" 697class="inline-flex items-center justify-center min-w-[44px] min-h-[44px] text-white/70 hover:text-white transition focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70" 698> 699<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 700<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"/> 701</svg> 702</button> 703</span> 704<span class="text-white/70 shrink-0" 705x-show="hiddenCount > 0" 706x-text="'(%d hidden)'.replace('%d', hiddenCount)"></span> 707</div> 708<!--[if ENDBLOCK]><![endif]--> </div> 709</div> 710<div 711class="self-center w-full max-md:max-w-full flex-1 min-h-0 flex max-md:flex-col" 712x-show="!menuSearch.trim()"> 713<div class="shrink-0 md:basis-1/3 lg:basis-1/4 xl:basis-1/5 ps-20 pe-5 pt-6 max-md:w-full max-md:px-5"> 714<div 715x-ref="tablist" 716class="flex flex-col px-5 md:gap-y-4 lg:gap-y-5 max-md:mt-4 *:text-start md:*:text-3xl lg:*:text-4xl *:font-semibold space-y-3 md:space-y-4 lg:space-y-5" 717role="tablist" aria-orientation="vertical" 718@keydown.arrow-down.prevent="(()=>{const t=Array.from($refs.tablist.querySelectorAll('[role=tab]'));const i=t.indexOf(document.activeElement);const n=(i+1+t.length)%t.length;t[n]?.focus();})()" 719@keydown.arrow-up.prevent="(()=>{const t=Array.from($refs.tablist.querySelectorAll('[role=tab]'));const i=t.indexOf(document.activeElement);const n=(i-1+t.length)%t.length;t[n]?.focus();})()" 720@keydown.home.prevent="(()=>{const t=Array.from($refs.tablist.querySelectorAll('[role=tab]'));t[0]?.focus();})()" 721@keydown.end.prevent="(()=>{const t=Array.from($refs.tablist.querySelectorAll('[role=tab]'));t[t.length-1]?.focus();})()" 722> 723<!--[if BLOCK]><![endif]--> <button @click.prevent="openSubMenu='academics'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'academics', tab_label: 'Academics' })" 724@focus="openSubMenu='academics'" 725id="tab-academics" 726role="tab" 727:tabindex="openSubMenu == 'academics' ? 0 : -1" 728data-attribute="academics" 729data-menu-item 730data-prefetch-urls="["https:\/\/admissions.ucc.edu.gh\/catalogue","https:\/\/admissions.ucc.edu.gh\/catalogue","https:\/\/academics.ucc.edu.gh\/colleges","https:\/\/ucc.edu.gh\/main\/applicants-and-students","https:\/\/library.ucc.edu.gh","https:\/\/journal.ucc.edu.gh"]" 731:aria-selected="(openSubMenu == 'academics').toString()" 732aria-controls="submenu-academics" 733class="relative inline-flex items-center gap-3 overflow-hidden transition-all duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 focus-visible:ring-offset-2 focus-visible:ring-offset-blue-900 focus-visible:animate-pulse group" 734:class="openSubMenu == 'academics' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 735<svg aria-hidden="true" class="w-6 h-6 shrink-0 opacity-80" 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"> 736<path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5"/> 737</svg>
737 <span class="relative inline-flex items-center gap-2 pb-2 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:transition-all after:duration-300" 738:class="openSubMenu == 'academics' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 739Academics 740<!--[if BLOCK]><![endif]--> <span class="inline-flex items-center rounded-full bg-amber-400 px-2 py-0.5 text-xs font-semibold text-amber-900 leading-none" aria-label="Seasonally relevant"> 741Now 742</span> 743<!--[if ENDBLOCK]><![endif]--> </span> 744</button> 745<button @click.prevent="openSubMenu='admissions'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'admissions', tab_label: 'Admissions' })" 746@focus="openSubMenu='admissions'" 747id="tab-admissions" 748role="tab" 749:tabindex="openSubMenu == 'admissions' ? 0 : -1" 750data-attribute="admissions" 751data-menu-item 752data-prefetch-urls="["https:\/\/admissions.ucc.edu.gh","https:\/\/admissions.ucc.edu.gh\/how-to-apply","https:\/\/admissions.ucc.edu.gh\/catalogue","https:\/\/ucc.edu.gh\/announcements?type=admission","https:\/\/ucc.edu.gh\/main\/applicants-and-students"]" 753:aria-selected="(openSubMenu == 'admissions').toString()" 754aria-controls="submenu-admissions" 755class="relative inline-flex items-center gap-3 overflow-hidden transition-all duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 focus-visible:ring-offset-2 focus-visible:ring-offset-blue-900 focus-visible:animate-pulse group" 756:class="openSubMenu == 'admissions' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 757<svg aria-hidden="true" class="w-6 h-6 shrink-0 opacity-80" 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"> 758<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/> 759</svg> <span class="relative inline-flex items-center gap-2 pb-2 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:transition-all after:duration-300" 760:class="openSubMenu == 'admissions' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 761Admissions 762<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 763</button> 764<button @click.prevent="openSubMenu='exploreUcc'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'exploreUcc', tab_label: 'Explore UCC' })" 765@focus="openSubMenu='exploreUcc'" 766id="tab-exploreUcc" 767role="tab" 768:tabindex="openSubMenu == 'exploreUcc' ? 0 : -1" 769data-attribute="exploreUcc" 770data-menu-item 771data-prefetch-urls="["https:\/\/ucc.edu.gh\/main\/explore-ucc\/corporate-strategic-plan","https:\/\/ucc.edu.gh\/main\/about","https:\/\/ucc.edu.gh\/main\/publications"]" 772:aria-selected="(openSubMenu == 'exploreUcc').toString()" 773aria-controls="submenu-exploreUcc" 774class="relative inline-flex items-center gap-3 overflow-hidden transition-all duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 focus-visible:ring-offset-2 focus-visible:ring-offset-blue-900 focus-visible:animate-pulse group" 775:class="openSubMenu == 'exploreUcc' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 776<svg aria-hidden="true" class="w-6 h-6 shrink-0 opacity-80" 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"> 777<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/> 778<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/> 779</svg>
779 <span class="relative inline-flex items-center gap-2 pb-2 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:transition-all after:duration-300" 780:class="openSubMenu == 'exploreUcc' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 781Explore UCC 782<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 783</button> 784<button @click.prevent="openSubMenu='governance'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'governance', tab_label: 'Governance' })" 785@focus="openSubMenu='governance'" 786id="tab-governance" 787role="tab" 788:tabindex="openSubMenu == 'governance' ? 0 : -1" 789data-attribute="governance" 790data-menu-item 791data-prefetch-urls="["https:\/\/governance.ucc.edu.gh\/university-council","https:\/\/governance.ucc.edu.gh\/principal-officers","https:\/\/governance.ucc.edu.gh\/university-council","https:\/\/governance.ucc.edu.gh\/deans","https:\/\/directory.ucc.edu.gh"]" 792:aria-selected="(openSubMenu == 'governance').toString()" 793aria-controls="submenu-governance" 794class="relative inline-flex items-center gap-3 overflow-hidden transition-all duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 focus-visible:ring-offset-2 focus-visible:ring-offset-blue-900 focus-visible:animate-pulse group" 795:class="openSubMenu == 'governance' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 796<svg aria-hidden="true" class="w-6 h-6 shrink-0 opacity-80" 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"> 797<path stroke-linecap="round" stroke-linejoin="round" d="M12 21v-8.25M15.75 21v-8.25M8.25 21v-8.25M3 9l9-6 9 6m-1.5 12V10.332A48.36 48.36 0 0 0 12 9.75c-2.551 0-5.056.2-7.5.582V21M3 21h18M12 6.75h.008v.008H12V6.75Z"/> 798</svg> <span class="relative inline-flex items-center gap-2 pb-2 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:transition-all after:duration-300" 799:class="openSubMenu == 'governance' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 800Governance 801<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 802</button> 803<button @click.prevent="openSubMenu='campus'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'campus', tab_label: 'Campus' })" 804@focus="openSubMenu='campus'" 805id="tab-campus" 806role="tab" 807:tabindex="openSubMenu == 'campus' ? 0 : -1" 808data-attribute="campus" 809data-menu-item 810data-prefetch-urls="["https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campus","https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campus","https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campus"]" 811:aria-selected="(openSubMenu == 'campus').toString()" 812aria-controls="submenu-campus" 813class="relative inline-flex items-center gap-3 overflow-hidden transition-all duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 focus-visible:ring-offset-2 focus-visible:ring-offset-blue-900 focus-visible:animate-pulse group" 814:class="openSubMenu == 'campus' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 815<svg aria-hidden="true" class="w-6 h-6 shrink-0 opacity-80" 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"> 816<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 21v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21m0 0h4.5V3.545M12.75 21h7.5V10.75M2.25 21h1.5m18 0h-18M2.25 9l4.5-1.636M18.75 3l-1.5.545m0 6.205 3 1m1.5.5-1.5-.5M6.75 7.364V3h-3v18m3-13.636 10.5-3.819"/> 817</svg> <span class="relative inline-flex items-center gap-2 pb-2 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:transition-all after:duration-300" 818:class="openSubMenu == 'campus' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 819Campus 820<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 821</button> 822<button @click.prevent="openSubMenu='research'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'research', tab_label: 'Re
822search' })" 823@focus="openSubMenu='research'" 824id="tab-research" 825role="tab" 826:tabindex="openSubMenu == 'research' ? 0 : -1" 827data-attribute="research" 828data-menu-item 829data-prefetch-urls="["https:\/\/scholar.ucc.edu.gh","https:\/\/journal.ucc.edu.gh","https:\/\/dric.ucc.edu.gh"]" 830:aria-selected="(openSubMenu == 'research').toString()" 831aria-controls="submenu-research" 832class="relative inline-flex items-center gap-3 overflow-hidden transition-all duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 focus-visible:ring-offset-2 focus-visible:ring-offset-blue-900 focus-visible:animate-pulse group" 833:class="openSubMenu == 'research' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 834<svg aria-hidden="true" class="w-6 h-6 shrink-0 opacity-80" 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"> 835<path stroke-linecap="round" stroke-linejoin="round" d="M9.75 3.104v5.714a2.25 2.25 0 0 1-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 0 1 4.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0 1 12 15a9.065 9.065 0 0 0-6.23-.693L5 14.5m14.8.8 1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.309 48.309 0 0 1 12 21c-2.773 0-5.491-.235-8.135-.687-1.718-.293-2.3-2.379-1.067-3.61L5 14.5"/> 836</svg> <span class="relative inline-flex items-center gap-2 pb-2 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:transition-all after:duration-300" 837:class="openSubMenu == 'research' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 838Research 839<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 840</button> 841<button @click.prevent="openSubMenu='newsMedia'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'newsMedia', tab_label: 'News \u0026 Media' })" 842@focus="openSubMenu='newsMedia'" 843id="tab-newsMedia" 844role="tab" 845:tabindex="openSubMenu == 'newsMedia' ? 0 : -1" 846data-attribute="newsMedia" 847data-menu-item 848data-prefetch-urls="["https:\/\/news.ucc.edu.gh","https:\/\/news.ucc.edu.gh","https:\/\/news.ucc.edu.gh","https:\/\/events.ucc.edu.gh","https:\/\/ucc.edu.gh\/media\/videos","https:\/\/ucc.edu.gh\/announcements?type=press-release","https:\/\/ucc.edu.gh\/announcements"]" 849:aria-selected="(openSubMenu == 'newsMedia').toString()" 850aria-controls="submenu-newsMedia" 851class="relative inline-flex items-center gap-3 overflow-hidden transition-all duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 focus-visible:ring-offset-2 focus-visible:ring-offset-blue-900 focus-visible:animate-pulse group" 852:class="openSubMenu == 'newsMedia' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 853<svg aria-hidden="true" class="w-6 h-6 shrink-0 opacity-80" 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"> 854<path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/> 855</svg> <span class="relative inline-flex items-center gap-2 pb-2 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:transition-all after:duration-300" 856:class="openSubMenu == 'newsMedia' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 857News & Media 858<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 859</button> 860<!--[if ENDBLOCK]><![endif]--> </div> 861</div> 862<div class="flex-1 min-w-0 overflow-y-auto [scrollbar-width:none] 863backdrop-blur-sm 864bg-blue-800/95 dark:bg-neutral-800/90 865shadow-[inset_1px_0_0_0_rgba(255,255,255,0.08)]"> 866<div class="flex flex-col items-stretch" 867role="navigation" 868aria-label="Submenu navigation"> 869<!--[if BLOCK]><![endif]--> <div id="submenu-academics" 870class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 871x-show="openSubMenu == 'academics'" 872x-transition:enter="transition ease-out duration-[250ms]"
873x-transition:enter-start="opacity-0 -translate-x-8" 874x-transition:enter-end="opacity-100 translate-x-0" 875x-transition:leave="transition ease-in duration-150" 876x-transition:leave-start="opacity-100" 877x-transition:leave-end="opacity-0 -translate-x-8" 878role="tabpanel" 879tabindex="0" 880aria-labelledby="tab-academics" 881> 882<div class="submenu-content"> 883<div class="px-8 pe-20"> 884<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 885<a href="https://admissions.ucc.edu.gh/catalogue" 886class="bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 self-stretch flex flex-col ps-9 pe-20 py-8 rounded-lg items-start max-md:px-5 mb-4 transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/20 hover:bg-blue-950 hover:border-blue-400/50 dark:hover:bg-neutral-700 transform hover:-translate-y-1 group border border-blue-400/30 relative overflow-hidden" 887target="_self" 888> 889<!--[if BLOCK]><![endif]--> <span class="absolute top-0 end-0 bg-blue-400/20 text-blue-200 text-[10px] font-bold uppercase tracking-widest px-3 py-1 rounded-bl-lg" aria-hidden="true"> 890Featured 891</span> 892<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 893<div class="text-white text-2xl font-bold grow break-words" 894aria-describedby="featured-desc-1" > 895Explore all programmes 896</div> 897<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" aria-hidden="true"> 898<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 899</svg> <!--[if ENDBLOCK]><![endif]--> </div> 900<div id="featured-desc-1" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 901Invest in your future with our extensive range of programmes - Achieve a Degree, Diploma, or Certificate Today! 902</div> 903</a> 904</div> 905<!--[if ENDBLOCK]><![endif]--> 906<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 907<hr class="flex-1 border-white/10" /> 908<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 909<hr class="flex-1 border-white/10" /> 910</div> 911<!--[if ENDBLOCK]><![endif]--> </div> 912<div x-data="menuPreviewRail({ 913curatedId: null, 914curatedTitle: '', 915defaultId: 85, 916defaultTitle: 'Programmes \u0026 Learning' 917})" 918x-effect="if(openSubMenu != 'academics') resetPreview()" 919class="flex gap-0" 920> 921<div class="shrink-0 px-8 pe-6" 922:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 923> 924<ul class="flex flex-col items-start" role="list"> 925<!--[if BLOCK]><![endif]--> <li 926x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 927class="w-full" 928@click.capture=" 929window._menuClickFired = true; 930trackVisit('Programmes \u0026 Learning', 'https:\/\/admissions.ucc.edu.gh\/catalogue'); 931typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 932menu_type: 'academics', 933tab_label: 'Academics', 934sub_menu_id: 85, 935audience: selectedAudience || null, 936search_query: menuSearch.trim() || null 937}) 938" 939> 940<!--[if BLOCK]><![endif]--> 941<button 942type="button" 943@click.prevent="choosePreview(85, 'Programmes \u0026 Learning')" 944:aria-expanded="(slidePanel === 85).toString()" 945aria-controls="slide-panel-85" 946class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 947:class="slidePanel === 85 && ! isDefaultPreview && 'text-white'" 948> 949<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 950:class="slidePanel === 85 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 951Programmes & Learning 952</span> 953<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 85 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 954<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 955</svg> 956</button> 957<!--[if ENDBLOCK]><![endif]--> </li> 958<li 959x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 960class="w-full" 961@click.capture=" 962window._menuClickFired = true; 963trackVisit('Academic Structure', 'https:\/\/academics.ucc.edu.gh\/colleges'); 964typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 965menu_type: 'academics', 966tab_label: 'Academics', 967sub_menu_id: 86, 968audience: selectedAudience || null, 969search_query: menuSearch.trim() || null 970}) 971" 972> 973<!--[if BLOCK]><![endif]--> 974<button 975type="button" 976@click.prevent="choosePreview(86, 'Academic Structure')" 977:aria-expanded="(slidePanel === 86).toString()" 978aria-controls="slide-panel-86" 979class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
979ine-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 980:class="slidePanel === 86 && ! isDefaultPreview && 'text-white'" 981> 982<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 983:class="slidePanel === 86 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 984Academic Structure 985</span> 986<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 86 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 987<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 988</svg> 989</button> 990<!--[if ENDBLOCK]><![endif]--> </li> 991<li 992x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 993class="w-full" 994@click.capture=" 995window._menuClickFired = true; 996trackVisit('Student Resources', 'https:\/\/ucc.edu.gh\/main\/applicants-and-students'); 997typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 998menu_type: 'academics', 999tab_label: 'Academics', 1000sub_menu_id: 87, 1001audience: selectedAudience || null, 1002search_query: menuSearch.trim() || null 1003}) 1004" 1005> 1006<!--[if BLOCK]><![endif]--> 1007<button 1008type="button" 1009@click.prevent="choosePreview(87, 'Student Resources')" 1010:aria-expanded="(slidePanel === 87).toString()" 1011aria-controls="slide-panel-87" 1012class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 1013:class="slidePanel === 87 && ! isDefaultPreview && 'text-white'" 1014> 1015<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 1016:class="slidePanel === 87 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 1017Student Resources 1018</span> 1019<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 87 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1020<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1021</svg> 1022</button> 1023<!--[if ENDBLOCK]><![endif]--> </li> 1024<li 1025x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1026class="w-full" 1027@click.capture=" 1028window._menuClickFired = true; 1029trackVisit('Library', 'https:\/\/library.ucc.edu.gh'); 1030typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1031menu_type: 'academics', 1032tab_label: 'Academics', 1033sub_menu_id: 11, 1034audience: selectedAudience || null, 1035search_query: menuSearch.trim() || null 1036}) 1037" 1038> 1039<!--[if BLOCK]><![endif]--> <a href="https://library.ucc.edu.gh" 1040class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1041target="_blank" 1042rel="noopener noreferrer" title="Access the Sam Jonah Library and learning resources" 1043aria-label="Library: Access the Sam Jonah Library and learning resources" 1044> 1045<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1046Library 1047</span> 1048<!--[if ENDBLOCK]><![endif]--> 1049<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1050<!--[if ENDBLOCK]><![endif]--> </li> 1051<li 1052x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1053class="w-full" 1054@click.capture=" 1055window._menuClickFired = true; 1056trackVisit('UCC Journals', 'https:\/\/journal.ucc.edu.gh'); 1057typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1058menu_type: 'academics', 1059tab_label: 'Academics', 1060sub_menu_id: 12, 1061audience: selectedAudience || null, 1062search_query: menuSearch.trim() || null 1063}) 1064" 1065> 1066<!--[if BLOCK]><![endif]--> <a href="https://journal.ucc.edu.gh" 1067class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1067ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1068target="_blank" 1069rel="noopener noreferrer" title="Explore academic journals and publications" 1070aria-label="UCC Journals: Explore academic journals and publications" 1071> 1072<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1073UCC Journals 1074</span> 1075<!--[if ENDBLOCK]><![endif]--> 1076<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1077<!--[if ENDBLOCK]><![endif]--> </li> 1078<!--[if ENDBLOCK]><![endif]--> </ul> 1079</div> 1080<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-85" 1081class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 1082x-show="slidePanel === 85" 1083x-transition:enter="transition ease-out duration-[250ms]" 1084x-transition:enter-start="opacity-0 translate-x-4" 1085x-transition:enter-end="opacity-100 translate-x-0" 1086x-transition:leave="transition ease-in duration-150" 1087x-transition:leave-start="opacity-100" 1088x-transition:leave-end="opacity-0 translate-x-4" 1089role="region" 1090aria-label="Programmes & Learning submenu" 1091> 1092<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 1093x-show="! isDefaultPreview" 1094aria-label="Menu breadcrumb"> 1095<button type="button" 1096@click="closePreview()" 1097class="hover:text-white transition-colors cursor-pointer"> 1098Academics 1099</button> 1100<span class="text-blue-300" aria-hidden="true">âº</span> 1101<span class="text-white/90">Programmes & Learning</span> 1102</nav> 1103<a href="https://admissions.ucc.edu.gh/catalogue" 1104target="_self" 1105class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 1106@click.capture=" 1107window._menuClickFired = true; 1108trackVisit('Programmes \u0026 Learning', 'https:\/\/admissions.ucc.edu.gh\/catalogue'); 1109typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1110menu_type: 'academics', 1111tab_label: 'Academics', 1112sub_menu_id: 85, 1113audience: selectedAudience || null, 1114search_query: menuSearch.trim() || null 1115}) 1116"> 1117Programmes & Learning 1118<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1119<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 1120</svg> 1121</a> 1122<ul class="flex flex-col items-start" role="list"> 1123<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1124class="w-full" 1125@click.capture=" 1126window._menuClickFired = true; 1127trackVisit('School of Graduate Studies', 'https:\/\/sgs.ucc.edu.gh'); 1128typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1129menu_type: 'academics', 1130tab_label: 'Academics', 1131sub_menu_id: 2, 1132audience: selectedAudience || null, 1133search_query: menuSearch.trim() || null 1134}) 1135"> 1136<a href="https://sgs.ucc.edu.gh" 1137class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1138target="_blank" 1139rel="noopener noreferrer" title="Explore postgraduate programmes and research opportunities" 1140aria-label="School of Graduate Studies: Explore postgraduate programmes and research opportunities" 1141> 1142<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1143School of Graduate Studies 1144</span> 1145<!--[if ENDBLOCK]><![endif]--> 1146<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1147</li> 1148<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1149class="w-full" 1150@click.capture=" 1151window._menuClickFired = true; 1152trackVisit('Distance Education', 'https:\/\/code.ucc.edu.gh'); 1153typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1154menu_type: 'academics', 1155tab_label: 'Academics', 1156sub_menu_id: 15, 1157audience: selectedAudience || null, 1158search_query: menuSearch.trim() || null 1159}) 1160"> 1161<a href="https://code.ucc.edu.gh" 1162class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1162ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1163target="_blank" 1164rel="noopener noreferrer" title="Information about distance and continuing education programmes" 1165aria-label="Distance Education: Information about distance and continuing education programmes" 1166> 1167<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1168Distance Education 1169</span> 1170<!--[if ENDBLOCK]><![endif]--> 1171<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1172</li> 1173<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1174class="w-full" 1175@click.capture=" 1176window._menuClickFired = true; 1177trackVisit('International Education', 'https:\/\/international.ucc.edu.gh'); 1178typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1179menu_type: 'academics', 1180tab_label: 'Academics', 1181sub_menu_id: 16, 1182audience: selectedAudience || null, 1183search_query: menuSearch.trim() || null 1184}) 1185"> 1186<a href="https://international.ucc.edu.gh" 1187class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1188target="_blank" 1189rel="noopener noreferrer" title="Resources for international students and partnerships" 1190aria-label="International Education: Resources for international students and partnerships" 1191> 1192<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1193International Education 1194</span> 1195<!--[if ENDBLOCK]><![endif]--> 1196<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1197</li> 1198<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1199class="w-full" 1200@click.capture=" 1201window._menuClickFired = true; 1202trackVisit('Elearning Portal', 'https:\/\/elearning.ucc.edu.gh'); 1203typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1204menu_type: 'academics', 1205tab_label: 'Academics', 1206sub_menu_id: 14, 1207audience: selectedAudience || null, 1208search_query: menuSearch.trim() || null 1209}) 1210"> 1211<a href="https://elearning.ucc.edu.gh" 1212class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1213target="_blank" 1214rel="noopener noreferrer" title="Access online courses and learning materials" 1215aria-label="Elearning Portal: Access online courses and learning materials" 1216> 1217<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1218Elearning Portal 1219</span> 1220<!--[if ENDBLOCK]><![endif]--> 1221<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1222</li> 1223<!--[if ENDBLOCK]><![endif]--> </ul> 1224</div> 1225<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-86" 1226class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 1227x-show="slidePanel === 86" 1228x-transition:enter="transition ease-out duration-[250ms]" 1229x-transition:enter-start="opacity-0 translate-x-4" 1230x-transition:enter-end="opacity-100 translate-x-0" 1231x-transition:leave="transition ease-in duration-150" 1232x-transition:leave-start="opacity-100" 1233x-transition:leave-end="opacity-0 translate-x-4" 1234role="region" 1235aria-label="Academic Structure submenu" 1236> 1237<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 1238x-show="! isDefaultPreview" 1239aria-label="Menu breadcrumb"> 1240<button type="button" 1241@click="closePreview()" 1242class="hover:text-white transition-colors cursor-pointer"> 1243Academics 1244</button> 1245<span class="text-blue-300" aria-hidden="true">âº</span> 1246<span class="text-white/90">Academic Structure</span> 1247</nav> 1248<a href="https://academics.ucc.edu.gh/colleges" 1249target="_self" 1250class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 1251@click.capture=" 1252window._menuClickFired = true; 1253trackVisit('Academic Structure', 'https:\/\/academics.ucc.edu.gh\/colleges'); 1254typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1255menu_type: 'academics', 1256tab_label: 'Academics', 1257sub_menu_id: 86, 1258audience: selectedAudience || null, 1259search_query: menuSearch.trim() || null 1260}) 1261"> 1262Academic Structure 1263<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1264<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 1265</svg> 1266</a> 1267<ul class="flex flex-col items-start" role="list"> 1268<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1269class="w-full" 1270@click.capture=" 1271window._menuClickFired = true; 1272trackVisit('Colleges', 'https:\/\/academics.ucc.edu.gh\/colleges'); 1273typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1274menu_type: 'academics', 1275tab_label: 'Academics', 1276sub_menu_id: 3, 1277audience: selectedAudience || null, 1278search_query: menuSearch.trim() || null 1279}) 1280"> 1281<a href="https://academics.ucc.edu.gh/colleges" 1282class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1282ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1283target="_self" 1284title="Browse all academic colleges and their programmes" 1285aria-label="Colleges: Browse all academic colleges and their programmes" 1286> 1287<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1288Colleges 1289</span> 1290<!--[if ENDBLOCK]><![endif]--> 1291<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1292</li> 1293<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1294class="w-full" 1295@click.capture=" 1296window._menuClickFired = true; 1297trackVisit('Faculties \u0026 Schools', 'https:\/\/academics.ucc.edu.gh\/faculties.schools'); 1298typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1299menu_type: 'academics', 1300tab_label: 'Academics', 1301sub_menu_id: 4, 1302audience: selectedAudience || null, 1303search_query: menuSearch.trim() || null 1304}) 1305"> 1306<a href="https://academics.ucc.edu.gh/faculties.schools" 1307class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1308target="_self" 1309title="Explore faculties and schools across the university" 1310aria-label="Faculties & Schools: Explore faculties and schools across the university" 1311> 1312<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1313Faculties & Schools 1314</span> 1315<!--[if ENDBLOCK]><![endif]--> 1316<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1317</li> 1318<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1319class="w-full" 1320@click.capture=" 1321window._menuClickFired = true; 1322trackVisit('Departments', 'https:\/\/academics.ucc.edu.gh\/departments'); 1323typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1324menu_type: 'academics', 1325tab_label: 'Academics', 1326sub_menu_id: 5, 1327audience: selectedAudience || null, 1328search_query: menuSearch.trim() || null 1329}) 1330"> 1331<a href="https://academics.ucc.edu.gh/departments" 1332class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1333target="_self" 1334title="Discover academic departments and their programmes" 1335aria-label="Departments: Discover academic departments and their programmes" 1336> 1337<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1338Departments 1339</span> 1340<!--[if ENDBLOCK]><![endif]--> 1341<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1342</li> 1343<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1344class="w-full" 1345@click.capture=" 1346window._menuClickFired = true; 1347trackVisit('Centres', 'https:\/\/academics.ucc.edu.gh\/centres'); 1348typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1349menu_type: 'academics', 1350tab_label: 'Academics', 1351sub_menu_id: 6, 1352audience: selectedAudience || null, 1353search_query: menuSearch.trim() || null 1354}) 1355"> 1356<a href="https://academics.ucc.edu.gh/centres" 1357class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1358target="_self" 1359title="Explore research and excellence centres" 1360aria-label="Centres: Explore research and excellence centres" 1361> 1362<!--[if BLOCK]><![endif]-->
1362 <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1363Centres 1364</span> 1365<!--[if ENDBLOCK]><![endif]--> 1366<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1367</li> 1368<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1369class="w-full" 1370@click.capture=" 1371window._menuClickFired = true; 1372trackVisit('Institutions', 'https:\/\/academics.ucc.edu.gh\/institutions'); 1373typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1374menu_type: 'academics', 1375tab_label: 'Academics', 1376sub_menu_id: 7, 1377audience: selectedAudience || null, 1378search_query: menuSearch.trim() || null 1379}) 1380"> 1381<a href="https://academics.ucc.edu.gh/institutions" 1382class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1383target="_self" 1384title="Browse academic institutions and their offerings" 1385aria-label="Institutions: Browse academic institutions and their offerings" 1386> 1387<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1388Institutions 1389</span> 1390<!--[if ENDBLOCK]><![endif]--> 1391<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1392</li> 1393<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1394class="w-full" 1395@click.capture=" 1396window._menuClickFired = true; 1397trackVisit('Units', 'https:\/\/academics.ucc.edu.gh\/units'); 1398typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1399menu_type: 'academics', 1400tab_label: 'Academics', 1401sub_menu_id: 8, 1402audience: selectedAudience || null, 1403search_query: menuSearch.trim() || null 1404}) 1405"> 1406<a href="https://academics.ucc.edu.gh/units" 1407class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1408target="_self" 1409title="View academic and administrative units" 1410aria-label="Units: View academic and administrative units" 1411> 1412<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1413Units 1414</span> 1415<!--[if ENDBLOCK]><![endif]--> 1416<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1417</li> 1418<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1419class="w-full" 1420@click.capture=" 1421window._menuClickFired = true; 1422trackVisit('Affiliate Institutions', 'https:\/\/academics.ucc.edu.gh\/affiliated-institutions'); 1423typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1424menu_type: 'academics', 1425tab_label: 'Academics', 1426sub_menu_id: 13, 1427audience: selectedAudience || null, 1428search_query: menuSearch.trim() || null 1429}) 1430"> 1431<a href="https://academics.ucc.edu.gh/affiliated-institutions" 1432class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1433target="_self" 1434title="Learn about institutions affiliated with UCC" 1435aria-label="Affiliate Institutions: Learn about institutions affiliated with UCC" 1436> 1437<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1438Affiliate Institutions 1439</span> 1440<!--[if ENDBLOCK]><![endif]--> 1441<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1442</li> 1443<!--[if ENDBLOCK]><![endif]--> </ul> 1444</div> 1445<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-87" 1446class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 1447x-show="slidePanel === 87" 1448x-transition:enter="transition ease-out duration-[250ms]"
1449x-transition:enter-start="opacity-0 translate-x-4" 1450x-transition:enter-end="opacity-100 translate-x-0" 1451x-transition:leave="transition ease-in duration-150" 1452x-transition:leave-start="opacity-100" 1453x-transition:leave-end="opacity-0 translate-x-4" 1454role="region" 1455aria-label="Student Resources submenu" 1456> 1457<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 1458x-show="! isDefaultPreview" 1459aria-label="Menu breadcrumb"> 1460<button type="button" 1461@click="closePreview()" 1462class="hover:text-white transition-colors cursor-pointer"> 1463Academics 1464</button> 1465<span class="text-blue-300" aria-hidden="true">âº</span> 1466<span class="text-white/90">Student Resources</span> 1467</nav> 1468<a href="https://ucc.edu.gh/main/applicants-and-students" 1469target="_self" 1470wire:navigate class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 1471@click.capture=" 1472window._menuClickFired = true; 1473trackVisit('Student Resources', 'https:\/\/ucc.edu.gh\/main\/applicants-and-students'); 1474typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1475menu_type: 'academics', 1476tab_label: 'Academics', 1477sub_menu_id: 87, 1478audience: selectedAudience || null, 1479search_query: menuSearch.trim() || null 1480}) 1481"> 1482Student Resources 1483<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1484<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 1485</svg> 1486</a> 1487<ul class="flex flex-col items-start" role="list"> 1488<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1489class="w-full" 1490@click.capture=" 1491window._menuClickFired = true; 1492trackVisit('Applicants and Students', 'https:\/\/ucc.edu.gh\/main\/applicants-and-students'); 1493typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1494menu_type: 'academics', 1495tab_label: 'Academics', 1496sub_menu_id: 9, 1497audience: selectedAudience || null, 1498search_query: menuSearch.trim() || null 1499}) 1500"> 1501<a href="https://ucc.edu.gh/main/applicants-and-students" 1502class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1503target="_self" 1504wire:navigate title="Resources and information for prospective and current students" 1505aria-label="Applicants and Students: Resources and information for prospective and current students" 1506> 1507<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1508Applicants and Students 1509</span> 1510<!--[if ENDBLOCK]><![endif]--> 1511<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1512</li> 1513<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1514class="w-full" 1515@click.capture=" 1516window._menuClickFired = true; 1517trackVisit('Academic Calendar', 'https:\/\/academics.ucc.edu.gh\/academic-calendar'); 1518typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1519menu_type: 'academics', 1520tab_label: 'Academics', 1521sub_menu_id: 10, 1522audience: selectedAudience || null, 1523search_query: menuSearch.trim() || null 1524}) 1525"> 1526<a href="https://academics.ucc.edu.gh/academic-calendar" 1527class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1528target="_self" 1529title="View important dates and academic schedules" 1530aria-label="Academic Calendar: View important dates and academic schedules" 1531> 1532<!--[if BLOCK]><![endif]-->
1532 <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1533Academic Calendar 1534</span> 1535<!--[if ENDBLOCK]><![endif]--> 1536<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1537</li> 1538<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1539class="w-full" 1540@click.capture=" 1541window._menuClickFired = true; 1542trackVisit('Financial Support', 'https:\/\/stufso.ucc.edu.gh'); 1543typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1544menu_type: 'academics', 1545tab_label: 'Academics', 1546sub_menu_id: 17, 1547audience: selectedAudience || null, 1548search_query: menuSearch.trim() || null 1549}) 1550"> 1551<a href="https://stufso.ucc.edu.gh" 1552class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1553target="_blank" 1554rel="noopener noreferrer" title="Explore scholarships and financial aid options" 1555aria-label="Financial Support: Explore scholarships and financial aid options" 1556> 1557<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1558Financial Support 1559</span> 1560<!--[if ENDBLOCK]><![endif]--> 1561<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1562</li> 1563<!--[if ENDBLOCK]><![endif]--> </ul> 1564</div> 1565<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 1566</div> 1567<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1568</div> 1569<div id="submenu-admissions" 1570class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 1571x-show="openSubMenu == 'admissions'" 1572x-transition:enter="transition ease-out duration-[250ms]" 1573x-transition:enter-start="opacity-0 -translate-x-8" 1574x-transition:enter-end="opacity-100 translate-x-0" 1575x-transition:leave="transition ease-in duration-150" 1576x-transition:leave-start="opacity-100" 1577x-transition:leave-end="opacity-0 -translate-x-8" 1578role="tabpanel" 1579tabindex="0" 1580aria-labelledby="tab-admissions" 1581> 1582<div class="submenu-content"> 1583<div class="px-8 pe-20"> 1584<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 1585<a href="https://admissions.ucc.edu.gh" 1586class="bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 self-stretch flex flex-col ps-9 pe-20 py-8 rounded-lg items-start max-md:px-5 mb-4 transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/20 hover:bg-blue-950 hover:border-blue-400/50 dark:hover:bg-neutral-700 transform hover:-translate-y-1 group border border-blue-400/30 relative overflow-hidden" 1587target="_self" 1588> 1589<!--[if BLOCK]><![endif]--> <span class="absolute top-0 end-0 bg-blue-400/20 text-blue-200 text-[10px] font-bold uppercase tracking-widest px-3 py-1 rounded-bl-lg" aria-hidden="true"> 1590Featured 1591</span> 1592<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 1593<div class="text-white text-2xl font-bold grow break-words" 1594aria-describedby="featured-desc-18" > 1595Experience what UCC can offer you 1596</div> 1597<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" aria-hidden="true"> 1598<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1599</svg> <!--[if ENDBLOCK]><![endif]--> </div> 1600<div id="featured-desc-18" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 1601Explore our admissions domain to learn about entry requirements, available programmes, and how to begin your academic journey with us. 1602</div> 1603</a> 1604</div> 1605<!--[if ENDBLOCK]><![endif]--> 1606<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 1607<hr class="flex-1 border-white/10" /> 1608<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 1609<hr class="flex-1 border-white/10" /> 1610</div> 1611<!--[if ENDBLOCK]><![endif]--> </div> 1612<div x-data="menuPreviewRail({ 1613curatedId: null, 1614curatedTitle: '', 1615defaultId: 88, 1616defaultTitle: 'Apply' 1617})" 1618x-effect="if(openSubMenu != 'admissions') resetPreview()" 1619class="flex gap-0" 1620> 1621<div class="shrink-0 px-8 pe-6" 1622:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 1623> 1624<ul class="flex flex-col items-start" role="list"> 1625<!--[if BLOCK]><![endif]--> <li 1626x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1627class="w-full" 1628@click.capture=" 1629window._menuClickFired = true; 1630trackVisit('Apply', 'https:\/\/admissions.ucc.edu.gh\/how-to-apply'); 1631typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1632menu_type: 'admissions', 1633tab_label: 'Admissions', 1634sub_menu_id: 88, 1635audience: selectedAudience || null, 1636search_query: menuSearch.trim() || null 1637}) 1638" 1639> 1640<!--[if BLOCK]><![endif]--> 1641<button 1642type="button" 1643@click.prevent="choosePreview(88, 'Apply')" 1644:aria-expanded="(slidePanel === 88).toString()" 1645aria-controls="slide-panel-88" 1646class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1646ine-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 1647:class="slidePanel === 88 && ! isDefaultPreview && 'text-white'" 1648> 1649<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 1650:class="slidePanel === 88 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 1651Apply 1652</span> 1653<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 88 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1654<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1655</svg> 1656</button> 1657<!--[if ENDBLOCK]><![endif]--> </li> 1658<li 1659x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1660class="w-full" 1661@click.capture=" 1662window._menuClickFired = true; 1663trackVisit('Browse Programmes', 'https:\/\/admissions.ucc.edu.gh\/catalogue'); 1664typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1665menu_type: 'admissions', 1666tab_label: 'Admissions', 1667sub_menu_id: 89, 1668audience: selectedAudience || null, 1669search_query: menuSearch.trim() || null 1670}) 1671" 1672> 1673<!--[if BLOCK]><![endif]--> 1674<button 1675type="button" 1676@click.prevent="choosePreview(89, 'Browse Programmes')" 1677:aria-expanded="(slidePanel === 89).toString()" 1678aria-controls="slide-panel-89" 1679class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 1680:class="slidePanel === 89 && ! isDefaultPreview && 'text-white'" 1681> 1682<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 1683:class="slidePanel === 89 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 1684Browse Programmes 1685</span> 1686<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 89 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1687<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1688</svg> 1689</button> 1690<!--[if ENDBLOCK]><![endif]--> </li> 1691<li 1692x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1693class="w-full" 1694@click.capture=" 1695window._menuClickFired = true; 1696trackVisit('Announcements', 'https:\/\/ucc.edu.gh\/announcements?type=admission'); 1697typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1698menu_type: 'admissions', 1699tab_label: 'Admissions', 1700sub_menu_id: 23, 1701audience: selectedAudience || null, 1702search_query: menuSearch.trim() || null 1703}) 1704" 1705> 1706<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements?type=admission" 1707class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1708target="_self" 1709wire:navigate title="Latest admission-related news and updates" 1710aria-label="Announcements: Latest admission-related news and updates" 1711> 1712<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1713Announcements 1714</span> 1715<!--[if ENDBLOCK]><![endif]--> 1716<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1717<!--[if ENDBLOCK]><![endif]--> </li> 1718<li 1719x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1720class="w-full" 1721@click.capture=" 1722window._menuClickFired = true; 1723trackVisit('Applicants and Students', 'https:\/\/ucc.edu.gh\/main\/applicants-and-students'); 1724typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1725menu_type: 'admissions', 1726tab_label: 'Admissions', 1727sub_menu_id: 24, 1728audience: selectedAudience || null, 1729search_query: menuSearch.trim() || null 1730}) 1731" 1732> 1733<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/applicants-and-students" 1734class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1734ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1735target="_self" 1736wire:navigate title="Essential information for applicants and students" 1737aria-label="Applicants and Students: Essential information for applicants and students" 1738> 1739<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1740Applicants and Students 1741</span> 1742<!--[if ENDBLOCK]><![endif]--> 1743<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1744<!--[if ENDBLOCK]><![endif]--> </li> 1745<!--[if ENDBLOCK]><![endif]--> </ul> 1746</div> 1747<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-88" 1748class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 1749x-show="slidePanel === 88" 1750x-transition:enter="transition ease-out duration-[250ms]" 1751x-transition:enter-start="opacity-0 translate-x-4" 1752x-transition:enter-end="opacity-100 translate-x-0" 1753x-transition:leave="transition ease-in duration-150" 1754x-transition:leave-start="opacity-100" 1755x-transition:leave-end="opacity-0 translate-x-4" 1756role="region" 1757aria-label="Apply submenu" 1758> 1759<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 1760x-show="! isDefaultPreview" 1761aria-label="Menu breadcrumb"> 1762<button type="button" 1763@click="closePreview()" 1764class="hover:text-white transition-colors cursor-pointer"> 1765Admissions 1766</button> 1767<span class="text-blue-300" aria-hidden="true">âº</span> 1768<span class="text-white/90">Apply</span> 1769</nav> 1770<a href="https://admissions.ucc.edu.gh/how-to-apply" 1771target="_self" 1772class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 1773@click.capture=" 1774window._menuClickFired = true; 1775trackVisit('Apply', 'https:\/\/admissions.ucc.edu.gh\/how-to-apply'); 1776typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1777menu_type: 'admissions', 1778tab_label: 'Admissions', 1779sub_menu_id: 88, 1780audience: selectedAudience || null, 1781search_query: menuSearch.trim() || null 1782}) 1783"> 1784Apply 1785<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1786<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 1787</svg> 1788</a> 1789<ul class="flex flex-col items-start" role="list"> 1790<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1791class="w-full" 1792@click.capture=" 1793window._menuClickFired = true; 1794trackVisit('How to Apply', 'https:\/\/admissions.ucc.edu.gh\/how-to-apply'); 1795typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1796menu_type: 'admissions', 1797tab_label: 'Admissions', 1798sub_menu_id: 25,
1799audience: selectedAudience || null, 1800search_query: menuSearch.trim() || null 1801}) 1802"> 1803<a href="https://admissions.ucc.edu.gh/how-to-apply" 1804class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1805target="_self" 1806title="Step-by-step guide to applying for a programme at UCC" 1807aria-label="How to Apply: Step-by-step guide to applying for a programme at UCC" 1808> 1809<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1810How to Apply 1811</span> 1812<!--[if ENDBLOCK]><![endif]--> 1813<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1814</li> 1815<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1816class="w-full" 1817@click.capture=" 1818window._menuClickFired = true; 1819trackVisit('Admission Requirements', 'https:\/\/admissions.ucc.edu.gh\/catalogue\/programme\/requirements'); 1820typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1821menu_type: 'admissions', 1822tab_label: 'Admissions', 1823sub_menu_id: 22, 1824audience: selectedAudience || null, 1825search_query: menuSearch.trim() || null 1826}) 1827"> 1828<a href="https://admissions.ucc.edu.gh/catalogue/programme/requirements" 1829class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1830target="_self" 1831title="Learn about entry requirements and qualifications" 1832aria-label="Admission Requirements: Learn about entry requirements and qualifications" 1833> 1834<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1835Admission Requirements 1836</span> 1837<!--[if ENDBLOCK]><![endif]--> 1838<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1839</li> 1840<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1841class="w-full" 1842@click.capture=" 1843window._menuClickFired = true; 1844trackVisit('Cut-Off Points', 'https:\/\/admissions.ucc.edu.gh\/catalogue\/programme\/cut-off-points'); 1845typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1846menu_type: 'admissions', 1847tab_label: 'Admissions', 1848sub_menu_id: 21, 1849audience: selectedAudience || null, 1850search_query: menuSearch.trim() || null 1851}) 1852"> 1853<a href="https://admissions.ucc.edu.gh/catalogue/programme/cut-off-points" 1854class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1855target="_self" 1856title="View minimum entry requirements for programmes" 1857aria-label="Cut-Off Points: View minimum entry requirements for programmes" 1858> 1859<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1860Cut-Off Points 1861</span> 1862<!--[if ENDBLOCK]><![endif]--> 1863<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1864</li> 1865<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1866class="w-full" 1867@click.capture=" 1868window._menuClickFired = true; 1869trackVisit('Admission List', 'https:\/\/admissionlist.ucc.edu.gh\/online_letters\/admList.php'); 1870typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1871menu_type: 'admissions', 1872tab_label: 'Admissions', 1873sub_menu_id: 26, 1874audience: selectedAudience || null, 1875search_query: menuSearch.trim() || null 1876}) 1877"> 1878<a href="https://admissionlist.ucc.edu.gh/online_letters/admList.php" 1879class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1879ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1880target="_blank" 1881rel="noopener noreferrer" title="Check admission status and download admission letters" 1882aria-label="Admission List: Check admission status and download admission letters" 1883> 1884<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1885Admission List 1886</span> 1887<!--[if ENDBLOCK]><![endif]--> 1888<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1889</li> 1890<!--[if ENDBLOCK]><![endif]--> </ul> 1891</div> 1892<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-89" 1893class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 1894x-show="slidePanel === 89" 1895x-transition:enter="transition ease-out duration-[250ms]" 1896x-transition:enter-start="opacity-0 translate-x-4" 1897x-transition:enter-end="opacity-100 translate-x-0" 1898x-transition:leave="transition ease-in duration-150" 1899x-transition:leave-start="opacity-100" 1900x-transition:leave-end="opacity-0 translate-x-4" 1901role="region" 1902aria-label="Browse Programmes submenu" 1903> 1904<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 1905x-show="! isDefaultPreview" 1906aria-label="Menu breadcrumb"> 1907<button type="button" 1908@click="closePreview()" 1909class="hover:text-white transition-colors cursor-pointer"> 1910Admissions 1911</button> 1912<span class="text-blue-300" aria-hidden="true">âº</span> 1913<span class="text-white/90">Browse Programmes</span> 1914</nav> 1915<a href="https://admissions.ucc.edu.gh/catalogue" 1916target="_self" 1917class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 1918@click.capture=" 1919window._menuClickFired = true; 1920trackVisit('Browse Programmes', 'https:\/\/admissions.ucc.edu.gh\/catalogue'); 1921typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1922menu_type: 'admissions', 1923tab_label: 'Admissions', 1924sub_menu_id: 89, 1925audience: selectedAudience || null, 1926search_query: menuSearch.trim() || null 1927}) 1928"> 1929Browse Programmes 1930<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1931<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 1932</svg> 1933</a> 1934<ul class="flex flex-col items-start" role="list"> 1935<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1936class="w-full" 1937@click.capture=" 1938window._menuClickFired = true; 1939trackVisit('Programmes Catalogue', 'https:\/\/admissions.ucc.edu.gh\/catalogue'); 1940typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1941menu_type: 'admissions', 1942tab_label: 'Admissions', 1943sub_menu_id: 19, 1944audience: selectedAudience || null, 1945search_query: menuSearch.trim() || null 1946}) 1947"> 1948<a href="https://admissions.ucc.edu.gh/catalogue" 1949class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1950target="_self" 1951title="Browse all available undergraduate and postgraduate programmes" 1952aria-label="Programmes Catalogue: Browse all available undergraduate and postgraduate programmes" 1953> 1954<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1955Programmes Catalogue 1956</span> 1957<!--[if ENDBLOCK]><![endif]--> 1958<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1959</li> 1960<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1961class="w-full" 1962@click.capture=" 1963window._menuClickFired = true; 1964trackVisit('Departments', 'https:\/\/admissions.ucc.edu.gh\/catalogue\/departments'); 1965typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1966menu_type: 'admissions', 1967tab_label: 'Admissions', 1968sub_menu_id: 20, 1969audience: selectedAudience || null, 1970search_query: menuSearch.trim() || null 1971}) 1972"> 1973<a href="https://admissions.ucc.edu.gh/catalogue/departments" 1974class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1974ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 1975target="_self" 1976title="View programmes offered by academic departments" 1977aria-label="Departments: View programmes offered by academic departments" 1978> 1979<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 1980Departments 1981</span> 1982<!--[if ENDBLOCK]><![endif]--> 1983<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1984</li> 1985<!--[if ENDBLOCK]><![endif]--> </ul> 1986</div> 1987<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 1988</div> 1989<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1990</div> 1991<div id="submenu-exploreUcc" 1992class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 1993x-show="openSubMenu == 'exploreUcc'" 1994x-transition:enter="transition ease-out duration-[250ms]" 1995x-transition:enter-start="opacity-0 -translate-x-8" 1996x-transition:enter-end="opacity-100 translate-x-0" 1997x-transition:leave="transition ease-in duration-150" 1998x-transition:leave-start="opacity-100" 1999x-transition:leave-end="opacity-0 -translate-x-8" 2000role="tabpanel" 2001tabindex="0" 2002aria-labelledby="tab-exploreUcc" 2003> 2004<div class="submenu-content"> 2005<div class="px-8 pe-20"> 2006<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 2007<a href="https://ucc.edu.gh/main/explore-ucc/corporate-strategic-plan" 2008class="bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 self-stretch flex flex-col ps-9 pe-20 py-8 rounded-lg items-start max-md:px-5 mb-4 transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/20 hover:bg-blue-950 hover:border-blue-400/50 dark:hover:bg-neutral-700 transform hover:-translate-y-1 group border border-blue-400/30 relative overflow-hidden" 2009target="_self" 2010wire:navigate > 2011<!--[if BLOCK]><![endif]--> <span class="absolute top-0 end-0 bg-blue-400/20 text-blue-200 text-[10px] font-bold uppercase tracking-widest px-3 py-1 rounded-bl-lg" aria-hidden="true"> 2012Featured 2013</span> 2014<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 2015<div class="text-white text-2xl font-bold grow break-words" 2016aria-describedby="featured-desc-27" > 2017Corporate Strategic Plan 2018</div> 2019<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" aria-hidden="true"> 2020<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2021</svg> <!--[if ENDBLOCK]><![endif]--> </div> 2022<div id="featured-desc-27" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 2023Explore the University's compelling Vision, Mission, and Values, as well as its Strategic Plan for Advancing Tertiary Education. Discover how the university's dedication to excellence and innovation can help shape your future and contribute to the development of a brighter tomorrow. 2024</div> 2025</a> 2026</div> 2027<!--[if ENDBLOCK]><![endif]--> 2028<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 2029<hr class="flex-1 border-white/10" /> 2030<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 2031<hr class="flex-1 border-white/10" /> 2032</div> 2033<!--[if ENDBLOCK]><![endif]--> </div> 2034<div x-data="menuPreviewRail({ 2035curatedId: null, 2036curatedTitle: '', 2037defaultId: 90, 2038defaultTitle: 'About the University' 2039})" 2040x-effect="if(openSubMenu != 'exploreUcc') resetPreview()" 2041class="flex gap-0" 2042> 2043<div class="shrink-0 px-8 pe-6" 2044:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 2045> 2046<ul class="flex flex-col items-start" role="list"> 2047<!--[if BLOCK]><![endif]--> <li 2048x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2049class="w-full" 2050@click.capture=" 2051window._menuClickFired = true; 2052trackVisit('About the University', 'https:\/\/ucc.edu.gh\/main\/about'); 2053typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2054menu_type: 'exploreUcc', 2055tab_label: 'Explore UCC', 2056sub_menu_id: 90, 2057audience: selectedAudience || null, 2058search_query: menuSearch.trim() || null 2059}) 2060" 2061> 2062<!--[if BLOCK]><![endif]--> 2063<button 2064type="button" 2065@click.prevent="choosePreview(90, 'About the University')" 2066:aria-expanded="(slidePanel === 90).toString()" 2067aria-controls="slide-panel-90" 2068class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2068ine-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 2069:class="slidePanel === 90 && ! isDefaultPreview && 'text-white'" 2070> 2071<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 2072:class="slidePanel === 90 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 2073About the University 2074</span> 2075<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 90 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 2076<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2077</svg> 2078</button> 2079<!--[if ENDBLOCK]><![endif]--> </li> 2080<li 2081x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2082class="w-full" 2083@click.capture=" 2084window._menuClickFired = true; 2085trackVisit('Official Documents', 'https:\/\/ucc.edu.gh\/main\/publications'); 2086typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2087menu_type: 'exploreUcc', 2088tab_label: 'Explore UCC', 2089sub_menu_id: 91, 2090audience: selectedAudience || null, 2091search_query: menuSearch.trim() || null 2092}) 2093" 2094> 2095<!--[if BLOCK]><![endif]--> 2096<button 2097type="button" 2098@click.prevent="choosePreview(91, 'Official Documents')" 2099:aria-expanded="(slidePanel === 91).toString()" 2100aria-controls="slide-panel-91" 2101class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 2102:class="slidePanel === 91 && ! isDefaultPreview && 'text-white'" 2103> 2104<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 2105:class="slidePanel === 91 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 2106Official Documents 2107</span> 2108<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 91 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 2109<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2110</svg> 2111</button> 2112<!--[if ENDBLOCK]><![endif]--> </li> 2113<!--[if ENDBLOCK]><![endif]--> </ul> 2114</div> 2115<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-90" 2116class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 2117x-show="slidePanel === 90" 2118x-transition:enter="transition ease-out duration-[250ms]" 2119x-transition:enter-start="opacity-0 translate-x-4" 2120x-transition:enter-end="opacity-100 translate-x-0" 2121x-transition:leave="transition ease-in duration-150" 2122x-transition:leave-start="opacity-100" 2123x-transition:leave-end="opacity-0 translate-x-4" 2124role="region" 2125aria-label="About the University submenu" 2126> 2127<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 2128x-show="! isDefaultPreview" 2129aria-label="Menu breadcrumb"> 2130<button type="button" 2131@click="closePreview()" 2132class="hover:text-white transition-colors cursor-pointer"> 2133Explore UCC 2134</button> 2135<span class="text-blue-300" aria-hidden="true">âº</span> 2136<span class="text-white/90">About the University</span> 2137</nav> 2138<a href="https://ucc.edu.gh/main/about" 2139target="_self" 2140wire:navigate class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 2141@click.capture=" 2142window._menuClickFired = true; 2143trackVisit('About the University', 'https:\/\/ucc.edu.gh\/main\/about'); 2144typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2145menu_type: 'exploreUcc', 2146tab_label: 'Explore UCC', 2147sub_menu_id: 90, 2148audience: selectedAudience || null, 2149search_query: menuSearch.trim() || null 2150}) 2151"> 2152About the University 2153<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 2154<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 2155</svg> 2156</a> 2157<ul class="flex flex-col items-start" role="list"> 2158<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2159class="w-full" 2160@click.capture=" 2161window._menuClickFired = true; 2162trackVisit('History', 'https:\/\/ucc.edu.gh\/main\/about'); 2163typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2164menu_type: 'exploreUcc', 2165tab_label: 'Explore UCC', 2166sub_menu_id: 28, 2167audience: selectedAudience || null, 2168search_query: menuSearch.trim() || null 2169}) 2170"> 2171<a href="https://ucc.edu.gh/main/about" 2172class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2172ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2173target="_self" 2174wire:navigate title="Learn about UCC's rich history and heritage" 2175aria-label="History: Learn about UCC's rich history and heritage" 2176> 2177<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2178History 2179</span> 2180<!--[if ENDBLOCK]><![endif]--> 2181<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2182</li> 2183<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2184class="w-full" 2185@click.capture=" 2186window._menuClickFired = true; 2187trackVisit('Awards and Achievements', '#'); 2188typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2189menu_type: 'exploreUcc', 2190tab_label: 'Explore UCC', 2191sub_menu_id: 29, 2192audience: selectedAudience || null, 2193search_query: menuSearch.trim() || null 2194}) 2195"> 2196<a href="#" 2197class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2198target="_self" 2199title="Discover UCC's recognitions and accomplishments" 2200aria-label="Awards and Achievements: Discover UCC's recognitions and accomplishments" 2201> 2202<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2203Awards and Achievements 2204</span> 2205<!--[if ENDBLOCK]><![endif]--> 2206<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2207</li> 2208<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2209class="w-full" 2210@click.capture=" 2211window._menuClickFired = true; 2212trackVisit('Summary Statistics', '#'); 2213typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2214menu_type: 'exploreUcc', 2215tab_label: 'Explore UCC', 2216sub_menu_id: 30, 2217audience: selectedAudience || null, 2218search_query: menuSearch.trim() || null 2219}) 2220"> 2221<a href="#" 2222class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2223target="_self" 2224title="View key facts and figures about the university" 2225aria-label="Summary Statistics: View key facts and figures about the university" 2226> 2227<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2228Summary Statistics 2229</span> 2230<!--[if ENDBLOCK]><![endif]--> 2231<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2232</li> 2233<!--[if ENDBLOCK]><![endif]--> </ul> 2234</div> 2235<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-91" 2236class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 2237x-show="slidePanel === 91" 2238x-transition:enter="transition ease-out duration-[250ms]" 2239x-transition:enter-start="opacity-0 translate-x-4" 2240x-transition:enter-end="opacity-100 translate-x-0" 2241x-transition:leave="transition ease-in duration-150" 2242x-transition:leave-start="opacity-100" 2243x-transition:leave-end="opacity-0 translate-x-4" 2244role="region" 2245aria-label="Official Documents submenu" 2246> 2247<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 2248x-show="! isDefaultPreview" 2249aria-label="Menu breadcrumb"> 2250<button type="button" 2251@click="closePreview()" 2252class="hover:text-white transition-colors cursor-pointer"> 2253Explore UCC 2254</button> 2255<span class="text-blue-300" aria-hidden="true">âº</span> 2256<span class="text-white/90">Official Documents</span> 2257</nav> 2258<a href="https://ucc.edu.gh/main/publications" 2259target="_self" 2260wire:navigate class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 2261@click.capture=" 2262window._menuClickFired = true; 2263trackVisit('Official Documents', 'https:\/\/ucc.edu.gh\/main\/publications'); 2264typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2265menu_type: 'exploreUcc', 2266tab_label: 'Explore UCC', 2267sub_menu_id: 91, 2268audience: selectedAudience || null, 2269search_query: menuSearch.trim() || null 2270}) 2271"> 2272Official Documents 2273<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 2274<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 2275</svg> 2276</a> 2277<ul class="flex flex-col items-start" role="list"> 2278<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2279class="w-full" 2280@click.capture=" 2281window._menuClickFired = true; 2282trackVisit('Publications', 'https:\/\/ucc.edu.gh\/main\/publications'); 2283typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2284menu_type: 'exploreUcc', 2285tab_label: 'Explore UCC', 2286sub_menu_id: 31, 2287audience: selectedAudience || null, 2288search_query: menuSearch.trim() || null 2289}) 2290"> 2291<a href="https://ucc.edu.gh/main/publications" 2292class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2292ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2293target="_self" 2294wire:navigate title="Browse university publications and documents" 2295aria-label="Publications: Browse university publications and documents" 2296> 2297<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2298Publications 2299</span> 2300<!--[if ENDBLOCK]><![endif]--> 2301<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2302</li> 2303<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2304class="w-full" 2305@click.capture=" 2306window._menuClickFired = true; 2307trackVisit('Policies', 'https:\/\/ucc.edu.gh\/main\/publications\/policies'); 2308typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2309menu_type: 'exploreUcc', 2310tab_label: 'Explore UCC', 2311sub_menu_id: 32, 2312audience: selectedAudience || null, 2313search_query: menuSearch.trim() || null 2314}) 2315"> 2316<a href="https://ucc.edu.gh/main/publications/policies" 2317class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2318target="_self" 2319wire:navigate title="Access university policies and guidelines" 2320aria-label="Policies: Access university policies and guidelines" 2321> 2322<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2323Policies 2324</span> 2325<!--[if ENDBLOCK]><![endif]--> 2326<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2327</li> 2328<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2329class="w-full" 2330@click.capture=" 2331window._menuClickFired = true; 2332trackVisit('Reports', 'https:\/\/ucc.edu.gh\/main\/publications\/reports'); 2333typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2334menu_type: 'exploreUcc', 2335tab_label: 'Explore UCC', 2336sub_menu_id: 33, 2337audience: selectedAudience || null, 2338search_query: menuSearch.trim() || null 2339}) 2340"> 2341<a href="https://ucc.edu.gh/main/publications/reports" 2342class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2343target="_self" 2344wire:navigate title="Read institutional reports and documents" 2345aria-label="Reports: Read institutional reports and documents" 2346> 2347<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2348Reports 2349</span> 2350<!--[if ENDBLOCK]><![endif]--> 2351<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2352</li> 2353<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2354class="w-full" 2355@click.capture=" 2356window._menuClickFired = true; 2357trackVisit('Forms', 'https:\/\/ucc.edu.gh\/main\/publications\/forms'); 2358typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2359menu_type: 'exploreUcc', 2360tab_label: 'Explore UCC', 2361sub_menu_id: 34, 2362audience: selectedAudience || null, 2363search_query: menuSearch.trim() || null 2364}) 2365"> 2366<a href="https://ucc.edu.gh/main/publications/forms" 2367class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2368target="_self" 2369wire:navigate title="Download official forms and templates" 2370aria-label="Forms: Download official forms and templates" 2371> 2372<!--[if BLOCK]><![endif]-->
2372 <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2373Forms 2374</span> 2375<!--[if ENDBLOCK]><![endif]--> 2376<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2377</li> 2378<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2379class="w-full" 2380@click.capture=" 2381window._menuClickFired = true; 2382trackVisit('Statutes of UCC', 'https:\/\/ucc.edu.gh\/main\/publications\/statutes'); 2383typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2384menu_type: 'exploreUcc', 2385tab_label: 'Explore UCC', 2386sub_menu_id: 35, 2387audience: selectedAudience || null, 2388search_query: menuSearch.trim() || null 2389}) 2390"> 2391<a href="https://ucc.edu.gh/main/publications/statutes" 2392class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2393target="_self" 2394wire:navigate title="Review the university's statutes and regulations" 2395aria-label="Statutes of UCC: Review the university's statutes and regulations" 2396> 2397<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2398Statutes of UCC 2399</span> 2400<!--[if ENDBLOCK]><![endif]--> 2401<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2402</li> 2403<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2404class="w-full" 2405@click.capture=" 2406window._menuClickFired = true; 2407trackVisit('Book\/Paper Collaborations', 'https:\/\/ucc.edu.gh\/main\/publications\/bookpaper-collaborations'); 2408typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2409menu_type: 'exploreUcc', 2410tab_label: 'Explore UCC', 2411sub_menu_id: 36, 2412audience: selectedAudience || null, 2413search_query: menuSearch.trim() || null 2414}) 2415"> 2416<a href="https://ucc.edu.gh/main/publications/bookpaper-collaborations" 2417class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2418target="_self" 2419wire:navigate title="Explore collaborative research publications" 2420aria-label="Book/Paper Collaborations: Explore collaborative research publications" 2421> 2422<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2423Book/Paper Collaborations 2424</span> 2425<!--[if ENDBLOCK]><![endif]--> 2426<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2427</li> 2428<!--[if ENDBLOCK]><![endif]--> </ul> 2429</div> 2430<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 2431</div> 2432<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 2433</div> 2434<div id="submenu-governance" 2435class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 2436x-show="openSubMenu == 'governance'" 2437x-transition:enter="transition ease-out duration-[250ms]" 2438x-transition:enter-start="opacity-0 -translate-x-8" 2439x-transition:enter-end="opacity-100 translate-x-0" 2440x-transition:leave="transition ease-in duration-150" 2441x-transition:leave-start="opacity-100" 2442x-transition:leave-end="opacity-0 -translate-x-8" 2443role="tabpanel" 2444tabindex="0" 2445aria-labelledby="tab-governance" 2446> 2447<div class="submenu-content"> 2448<div class="px-8 pe-20"> 2449<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 2450<a href="https://governance.ucc.edu.gh/university-council" 2451class="bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 self-stretch flex flex-col ps-9 pe-20 py-8 rounded-lg items-start max-md:px-5 mb-4 transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/20 hover:bg-blue-950 hover:border-blue-400/50 dark:hover:bg-neutral-700 transform hover:-translate-y-1 group border border-blue-400/30 relative overflow-hidden" 2452target="_self" 2453> 2454<!--[if BLOCK]><![endif]-->
2454 <span class="absolute top-0 end-0 bg-blue-400/20 text-blue-200 text-[10px] font-bold uppercase tracking-widest px-3 py-1 rounded-bl-lg" aria-hidden="true"> 2455Featured 2456</span> 2457<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 2458<div class="text-white text-2xl font-bold grow break-words" 2459aria-describedby="featured-desc-37" > 2460Governance and Administration 2461</div> 2462<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" aria-hidden="true"> 2463<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2464</svg> <!--[if ENDBLOCK]><![endif]--> </div> 2465<div id="featured-desc-37" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 2466Governance and Administration ensure the university operates effectively, with decision-making bodies guiding strategy and leadership, while the administration manages daily operations. 2467</div> 2468</a> 2469</div> 2470<!--[if ENDBLOCK]><![endif]--> 2471<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 2472<hr class="flex-1 border-white/10" /> 2473<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 2474<hr class="flex-1 border-white/10" /> 2475</div> 2476<!--[if ENDBLOCK]><![endif]--> </div> 2477<div x-data="menuPreviewRail({ 2478curatedId: null, 2479curatedTitle: '', 2480defaultId: 92, 2481defaultTitle: 'Executive Leadership' 2482})" 2483x-effect="if(openSubMenu != 'governance') resetPreview()" 2484class="flex gap-0" 2485> 2486<div class="shrink-0 px-8 pe-6" 2487:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 2488> 2489<ul class="flex flex-col items-start" role="list"> 2490<!--[if BLOCK]><![endif]--> <li 2491x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2492class="w-full" 2493@click.capture=" 2494window._menuClickFired = true; 2495trackVisit('Executive Leadership', 'https:\/\/governance.ucc.edu.gh\/principal-officers'); 2496typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2497menu_type: 'governance', 2498tab_label: 'Governance', 2499sub_menu_id: 92, 2500audience: selectedAudience || null, 2501search_query: menuSearch.trim() || null 2502}) 2503" 2504> 2505<!--[if BLOCK]><![endif]--> 2506<button 2507type="button" 2508@click.prevent="choosePreview(92, 'Executive Leadership')" 2509:aria-expanded="(slidePanel === 92).toString()" 2510aria-controls="slide-panel-92" 2511class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 2512:class="slidePanel === 92 && ! isDefaultPreview && 'text-white'" 2513> 2514<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 2515:class="slidePanel === 92 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 2516Executive Leadership 2517</span> 2518<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 92 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 2519<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2520</svg> 2521</button> 2522<!--[if ENDBLOCK]><![endif]--> </li> 2523<li 2524x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2525class="w-full" 2526@click.capture=" 2527window._menuClickFired = true; 2528trackVisit('Governance Bodies', 'https:\/\/governance.ucc.edu.gh\/university-council'); 2529typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2530menu_type: 'governance', 2531tab_label: 'Governance', 2532sub_menu_id: 93, 2533audience: selectedAudience || null, 2534search_query: menuSearch.trim() || null 2535}) 2536" 2537> 2538<!--[if BLOCK]><![endif]--> 2539<button 2540type="button" 2541@click.prevent="choosePreview(93, 'Governance Bodies')" 2542:aria-expanded="(slidePanel === 93).toString()" 2543aria-controls="slide-panel-93" 2544class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2544ine-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 2545:class="slidePanel === 93 && ! isDefaultPreview && 'text-white'" 2546> 2547<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 2548:class="slidePanel === 93 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 2549Governance Bodies 2550</span> 2551<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 93 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 2552<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2553</svg> 2554</button> 2555<!--[if ENDBLOCK]><![endif]--> </li> 2556<li 2557x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2558class="w-full" 2559@click.capture=" 2560window._menuClickFired = true; 2561trackVisit('Academic Leadership', 'https:\/\/governance.ucc.edu.gh\/deans'); 2562typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2563menu_type: 'governance', 2564tab_label: 'Governance', 2565sub_menu_id: 94, 2566audience: selectedAudience || null, 2567search_query: menuSearch.trim() || null 2568}) 2569" 2570> 2571<!--[if BLOCK]><![endif]--> 2572<button 2573type="button" 2574@click.prevent="choosePreview(94, 'Academic Leadership')" 2575:aria-expanded="(slidePanel === 94).toString()" 2576aria-controls="slide-panel-94" 2577class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 2578:class="slidePanel === 94 && ! isDefaultPreview && 'text-white'" 2579> 2580<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 2581:class="slidePanel === 94 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 2582Academic Leadership 2583</span> 2584<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 94 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 2585<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2586</svg> 2587</button> 2588<!--[if ENDBLOCK]><![endif]--> </li> 2589<li 2590x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2591class="w-full" 2592@click.capture=" 2593window._menuClickFired = true; 2594trackVisit('Staff Directory', 'https:\/\/directory.ucc.edu.gh'); 2595typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2596menu_type: 'governance', 2597tab_label: 'Governance', 2598sub_menu_id: 54, 2599audience: selectedAudience || null, 2600search_query: menuSearch.trim() || null 2601}) 2602" 2603> 2604<!--[if BLOCK]><![endif]--> <a href="https://directory.ucc.edu.gh" 2605class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2606target="_self" 2607title="Search and browse staff profiles across the university" 2608aria-label="Staff Directory: Search and browse staff profiles across the university" 2609> 2610<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2611Staff Directory 2612</span> 2613<!--[if ENDBLOCK]><![endif]--> 2614<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2615<!--[if ENDBLOCK]><![endif]--> </li> 2616<!--[if ENDBLOCK]><![endif]--> </ul> 2617</div> 2618<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-92" 2619class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 2620x-show="slidePanel === 92" 2621x-transition:enter="transition ease-out duration-[250ms]"
2622x-transition:enter-start="opacity-0 translate-x-4" 2623x-transition:enter-end="opacity-100 translate-x-0" 2624x-transition:leave="transition ease-in duration-150" 2625x-transition:leave-start="opacity-100" 2626x-transition:leave-end="opacity-0 translate-x-4" 2627role="region" 2628aria-label="Executive Leadership submenu" 2629> 2630<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 2631x-show="! isDefaultPreview" 2632aria-label="Menu breadcrumb"> 2633<button type="button" 2634@click="closePreview()" 2635class="hover:text-white transition-colors cursor-pointer"> 2636Governance 2637</button> 2638<span class="text-blue-300" aria-hidden="true">âº</span> 2639<span class="text-white/90">Executive Leadership</span> 2640</nav> 2641<a href="https://governance.ucc.edu.gh/principal-officers" 2642target="_self" 2643class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 2644@click.capture=" 2645window._menuClickFired = true; 2646trackVisit('Executive Leadership', 'https:\/\/governance.ucc.edu.gh\/principal-officers'); 2647typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2648menu_type: 'governance', 2649tab_label: 'Governance', 2650sub_menu_id: 92, 2651audience: selectedAudience || null, 2652search_query: menuSearch.trim() || null 2653}) 2654"> 2655Executive Leadership 2656<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 2657<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 2658</svg> 2659</a> 2660<ul class="flex flex-col items-start" role="list"> 2661<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2662class="w-full" 2663@click.capture=" 2664window._menuClickFired = true; 2665trackVisit('The Chancellor', 'https:\/\/chancellor.ucc.edu.gh'); 2666typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2667menu_type: 'governance', 2668tab_label: 'Governance', 2669sub_menu_id: 38, 2670audience: selectedAudience || null, 2671search_query: menuSearch.trim() || null 2672}) 2673"> 2674<a href="https://chancellor.ucc.edu.gh" 2675class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2676target="_self" 2677title="Meet the Chancellor of the university" 2678aria-label="The Chancellor: Meet the Chancellor of the university" 2679> 2680<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2681The Chancellor 2682</span> 2683<!--[if ENDBLOCK]><![endif]--> 2684<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2685</li> 2686<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2687class="w-full" 2688@click.capture=" 2689window._menuClickFired = true; 2690trackVisit('The Pro Chancellor', 'https:\/\/pro-chancellor.ucc.edu.gh'); 2691typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2692menu_type: 'governance', 2693tab_label: 'Governance', 2694sub_menu_id: 39, 2695audience: selectedAudience || null, 2696search_query: menuSearch.trim() || null 2697}) 2698"> 2699<a href="https://pro-chancellor.ucc.edu.gh" 2700class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2701target="_self" 2702title="Learn about the Pro Chancellor's role and responsibilities" 2703aria-label="The Pro Chancellor: Learn about the Pro Chancellor's role and responsibilities" 2704> 2705<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2706The Pro Chancellor 2707</span> 2708<!--[if ENDBLOCK]><![endif]--> 2709<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2710</li> 2711<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2712class="w-full" 2713@click.capture=" 2714window._menuClickFired = true; 2715trackVisit('The Vice-Chancellor', 'https:\/\/vc.ucc.edu.gh'); 2716typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2717menu_type: 'governance', 2718tab_label: 'Governance', 2719sub_menu_id: 42, 2720audience: selectedAudience || null, 2721search_query: menuSearch.trim() || null 2722}) 2723"> 2724<a href="https://vc.ucc.edu.gh" 2725class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2725ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2726target="_self" 2727title="Learn about the Vice-Chancellor's vision and leadership" 2728aria-label="The Vice-Chancellor: Learn about the Vice-Chancellor's vision and leadership" 2729> 2730<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2731The Vice-Chancellor 2732</span> 2733<!--[if ENDBLOCK]><![endif]--> 2734<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2735</li> 2736<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2737class="w-full" 2738@click.capture=" 2739window._menuClickFired = true; 2740trackVisit('The Pro Vice-Chancellor', 'https:\/\/pvc.ucc.edu.gh'); 2741typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2742menu_type: 'governance', 2743tab_label: 'Governance', 2744sub_menu_id: 43, 2745audience: selectedAudience || null, 2746search_query: menuSearch.trim() || null 2747}) 2748"> 2749<a href="https://pvc.ucc.edu.gh" 2750class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2751target="_self" 2752title="Meet the Pro Vice-Chancellor" 2753aria-label="The Pro Vice-Chancellor: Meet the Pro Vice-Chancellor" 2754> 2755<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2756The Pro Vice-Chancellor 2757</span> 2758<!--[if ENDBLOCK]><![endif]--> 2759<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2760</li> 2761<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2762class="w-full" 2763@click.capture=" 2764window._menuClickFired = true; 2765trackVisit('The Registrar', 'https:\/\/registrar.ucc.edu.gh'); 2766typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2767menu_type: 'governance', 2768tab_label: 'Governance', 2769sub_menu_id: 44, 2770audience: selectedAudience || null, 2771search_query: menuSearch.trim() || null 2772}) 2773"> 2774<a href="https://registrar.ucc.edu.gh" 2775class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2776target="_self" 2777title="Learn about the Registrar's office and services" 2778aria-label="The Registrar: Learn about the Registrar's office and services" 2779> 2780<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2781The Registrar 2782</span> 2783<!--[if ENDBLOCK]><![endif]--> 2784<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2785</li> 2786<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2787class="w-full" 2788@click.capture=" 2789window._menuClickFired = true; 2790trackVisit('The Librarian', 'https:\/\/librarian.ucc.edu.gh'); 2791typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2792menu_type: 'governance', 2793tab_label: 'Governance', 2794sub_menu_id: 45, 2795audience: selectedAudience || null, 2796search_query: menuSearch.trim() || null 2797}) 2798"> 2799<a href="https://librarian.ucc.edu.gh" 2800class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2801target="_self" 2802title="Meet the University Librarian" 2803aria-label="The Librarian: Meet the University Librarian" 2804> 2805<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2806The Librarian 2807</span> 2808<!--[if ENDBLOCK]><![endif]--> 2809<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2810</li> 2811<!--[if ENDBLOCK]><![endif]--> </ul> 2812</div> 2813<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-93" 2814class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 2815x-show="slidePanel === 93" 2816x-transition:enter="transition ease-out duration-[250ms]"
2817x-transition:enter-start="opacity-0 translate-x-4" 2818x-transition:enter-end="opacity-100 translate-x-0" 2819x-transition:leave="transition ease-in duration-150" 2820x-transition:leave-start="opacity-100" 2821x-transition:leave-end="opacity-0 translate-x-4" 2822role="region" 2823aria-label="Governance Bodies submenu" 2824> 2825<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 2826x-show="! isDefaultPreview" 2827aria-label="Menu breadcrumb"> 2828<button type="button" 2829@click="closePreview()" 2830class="hover:text-white transition-colors cursor-pointer"> 2831Governance 2832</button> 2833<span class="text-blue-300" aria-hidden="true">âº</span> 2834<span class="text-white/90">Governance Bodies</span> 2835</nav> 2836<a href="https://governance.ucc.edu.gh/university-council" 2837target="_self" 2838class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 2839@click.capture=" 2840window._menuClickFired = true; 2841trackVisit('Governance Bodies', 'https:\/\/governance.ucc.edu.gh\/university-council'); 2842typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2843menu_type: 'governance', 2844tab_label: 'Governance', 2845sub_menu_id: 93, 2846audience: selectedAudience || null, 2847search_query: menuSearch.trim() || null 2848}) 2849"> 2850Governance Bodies 2851<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 2852<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 2853</svg> 2854</a> 2855<ul class="flex flex-col items-start" role="list"> 2856<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2857class="w-full" 2858@click.capture=" 2859window._menuClickFired = true; 2860trackVisit('University Council', 'https:\/\/governance.ucc.edu.gh\/university-council'); 2861typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2862menu_type: 'governance', 2863tab_label: 'Governance', 2864sub_menu_id: 40, 2865audience: selectedAudience || null, 2866search_query: menuSearch.trim() || null 2867}) 2868"> 2869<a href="https://governance.ucc.edu.gh/university-council" 2870class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2871target="_self" 2872title="View the governing body of the university" 2873aria-label="University Council: View the governing body of the university" 2874> 2875<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2876University Council 2877</span> 2878<!--[if ENDBLOCK]><![endif]--> 2879<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2880</li> 2881<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2882class="w-full" 2883@click.capture=" 2884window._menuClickFired = true; 2885trackVisit('Principal Officers', 'https:\/\/governance.ucc.edu.gh\/principal-officers'); 2886typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2887menu_type: 'governance', 2888tab_label: 'Governance', 2889sub_menu_id: 41, 2890audience: selectedAudience || null, 2891search_query: menuSearch.trim() || null 2892}) 2893"> 2894<a href="https://governance.ucc.edu.gh/principal-officers" 2895class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2896target="_self" 2897title="Meet the key leadership of the university" 2898aria-label="Principal Officers: Meet the key leadership of the university" 2899> 2900<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2901Principal Officers 2902</span> 2903<!--[if ENDBLOCK]><![endif]--> 2904<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2905</li> 2906<!--[if ENDBLOCK]><![endif]--> </ul> 2907</div> 2908<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-94" 2909class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 2910x-show="slidePanel === 94" 2911x-transition:enter="transition ease-out duration-[250ms]"
2912x-transition:enter-start="opacity-0 translate-x-4" 2913x-transition:enter-end="opacity-100 translate-x-0" 2914x-transition:leave="transition ease-in duration-150" 2915x-transition:leave-start="opacity-100" 2916x-transition:leave-end="opacity-0 translate-x-4" 2917role="region" 2918aria-label="Academic Leadership submenu" 2919> 2920<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 2921x-show="! isDefaultPreview" 2922aria-label="Menu breadcrumb"> 2923<button type="button" 2924@click="closePreview()" 2925class="hover:text-white transition-colors cursor-pointer"> 2926Governance 2927</button> 2928<span class="text-blue-300" aria-hidden="true">âº</span> 2929<span class="text-white/90">Academic Leadership</span> 2930</nav> 2931<a href="https://governance.ucc.edu.gh/deans" 2932target="_self" 2933class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 2934@click.capture=" 2935window._menuClickFired = true; 2936trackVisit('Academic Leadership', 'https:\/\/governance.ucc.edu.gh\/deans'); 2937typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2938menu_type: 'governance', 2939tab_label: 'Governance', 2940sub_menu_id: 94, 2941audience: selectedAudience || null, 2942search_query: menuSearch.trim() || null 2943}) 2944"> 2945Academic Leadership 2946<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 2947<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 2948</svg> 2949</a> 2950<ul class="flex flex-col items-start" role="list"> 2951<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2952class="w-full" 2953@click.capture=" 2954window._menuClickFired = true; 2955trackVisit('Provosts', 'https:\/\/governance.ucc.edu.gh\/provosts'); 2956typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2957menu_type: 'governance', 2958tab_label: 'Governance', 2959sub_menu_id: 46, 2960audience: selectedAudience || null, 2961search_query: menuSearch.trim() || null 2962}) 2963"> 2964<a href="https://governance.ucc.edu.gh/provosts" 2965class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2966target="_self" 2967title="View college provosts and their leadership" 2968aria-label="Provosts: View college provosts and their leadership" 2969> 2970<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2971Provosts 2972</span> 2973<!--[if ENDBLOCK]><![endif]--> 2974<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2975</li> 2976<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2977class="w-full" 2978@click.capture=" 2979window._menuClickFired = true; 2980trackVisit('Directors', 'https:\/\/governance.ucc.edu.gh\/directors'); 2981typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2982menu_type: 'governance', 2983tab_label: 'Governance', 2984sub_menu_id: 47, 2985audience: selectedAudience || null, 2986search_query: menuSearch.trim() || null 2987}) 2988"> 2989<a href="https://governance.ucc.edu.gh/directors" 2990class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 2991target="_self" 2992title="Browse directors of various units and centres" 2993aria-label="Directors: Browse directors of various units and centres" 2994> 2995<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 2996Directors 2997</span> 2998<!--[if ENDBLOCK]><![endif]--> 2999<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3000</li> 3001<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3002class="w-full" 3003@click.capture=" 3004window._menuClickFired = true; 3005trackVisit('Deans', 'https:\/\/governance.ucc.edu.gh\/deans'); 3006typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3007menu_type: 'governance', 3008tab_label: 'Governance', 3009sub_menu_id: 48, 3010audience: selectedAudience || null, 3011search_query: menuSearch.trim() || null 3012}) 3013"> 3014<a href="https://governance.ucc.edu.gh/deans" 3015class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
3015ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3016target="_self" 3017title="Meet the deans of faculties and schools" 3018aria-label="Deans: Meet the deans of faculties and schools" 3019> 3020<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3021Deans 3022</span> 3023<!--[if ENDBLOCK]><![endif]--> 3024<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3025</li> 3026<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3027class="w-full" 3028@click.capture=" 3029window._menuClickFired = true; 3030trackVisit('Heads of Department', 'https:\/\/governance.ucc.edu.gh\/head-departments'); 3031typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3032menu_type: 'governance', 3033tab_label: 'Governance', 3034sub_menu_id: 49, 3035audience: selectedAudience || null, 3036search_query: menuSearch.trim() || null 3037}) 3038"> 3039<a href="https://governance.ucc.edu.gh/head-departments" 3040class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3041target="_self" 3042title="View heads of academic departments" 3043aria-label="Heads of Department: View heads of academic departments" 3044> 3045<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3046Heads of Department 3047</span> 3048<!--[if ENDBLOCK]><![endif]--> 3049<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3050</li> 3051<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3052class="w-full" 3053@click.capture=" 3054window._menuClickFired = true; 3055trackVisit('Heads of Section', 'https:\/\/governance.ucc.edu.gh\/head-sections'); 3056typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3057menu_type: 'governance', 3058tab_label: 'Governance', 3059sub_menu_id: 50, 3060audience: selectedAudience || null, 3061search_query: menuSearch.trim() || null 3062}) 3063"> 3064<a href="https://governance.ucc.edu.gh/head-sections" 3065class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3066target="_self" 3067title="Browse heads of administrative sections" 3068aria-label="Heads of Section: Browse heads of administrative sections" 3069> 3070<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3071Heads of Section 3072</span> 3073<!--[if ENDBLOCK]><![endif]--> 3074<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3075</li> 3076<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3077class="w-full" 3078@click.capture=" 3079window._menuClickFired = true; 3080trackVisit('Heads', 'https:\/\/governance.ucc.edu.gh\/heads'); 3081typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3082menu_type: 'governance', 3083tab_label: 'Governance', 3084sub_menu_id: 51, 3085audience: selectedAudience || null, 3086search_query: menuSearch.trim() || null 3087}) 3088"> 3089<a href="https://governance.ucc.edu.gh/heads" 3090class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3091target="_self" 3092title="View all heads across the university" 3093aria-label="Heads: View all heads across the university" 3094> 3095<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3096Heads 3097</span> 3098<!--[if ENDBLOCK]><![endif]--> 3099<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3100</li> 3101<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3102class="w-full" 3103@click.capture=" 3104window._menuClickFired = true; 3105trackVisit('Coordinators', 'https:\/\/governance.ucc.edu.gh\/coordinators'); 3106typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3107menu_type: 'governance', 3108tab_label: 'Governance', 3109sub_menu_id: 52, 3110audience: selectedAudience || null, 3111search_query: menuSearch.trim() || null 3112}) 3113"> 3114<a href="https://governance.ucc.edu.gh/coordinators" 3115class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
3115ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3116target="_self" 3117title="Browse programme and unit coordinators" 3118aria-label="Coordinators: Browse programme and unit coordinators" 3119> 3120<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3121Coordinators 3122</span> 3123<!--[if ENDBLOCK]><![endif]--> 3124<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3125</li> 3126<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3127class="w-full" 3128@click.capture=" 3129window._menuClickFired = true; 3130trackVisit('Hall Masters and Wardens', 'https:\/\/governance.ucc.edu.gh\/hall-master-wardens'); 3131typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3132menu_type: 'governance', 3133tab_label: 'Governance', 3134sub_menu_id: 53, 3135audience: selectedAudience || null, 3136search_query: menuSearch.trim() || null 3137}) 3138"> 3139<a href="https://governance.ucc.edu.gh/hall-master-wardens" 3140class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3141target="_self" 3142title="Meet the hall masters and wardens" 3143aria-label="Hall Masters and Wardens: Meet the hall masters and wardens" 3144> 3145<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3146Hall Masters and Wardens 3147</span> 3148<!--[if ENDBLOCK]><![endif]--> 3149<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3150</li> 3151<!--[if ENDBLOCK]><![endif]--> </ul> 3152</div> 3153<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 3154</div> 3155<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3156</div> 3157<div id="submenu-campus" 3158class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 3159x-show="openSubMenu == 'campus'" 3160x-transition:enter="transition ease-out duration-[250ms]" 3161x-transition:enter-start="opacity-0 -translate-x-8" 3162x-transition:enter-end="opacity-100 translate-x-0" 3163x-transition:leave="transition ease-in duration-150" 3164x-transition:leave-start="opacity-100" 3165x-transition:leave-end="opacity-0 -translate-x-8" 3166role="tabpanel" 3167tabindex="0" 3168aria-labelledby="tab-campus" 3169> 3170<div class="submenu-content"> 3171<div class="px-8 pe-20"> 3172<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 3173<a href="https://ucc.edu.gh/main/explore-ucc/our-campus" 3174class="bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 self-stretch flex flex-col ps-9 pe-20 py-8 rounded-lg items-start max-md:px-5 mb-4 transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/20 hover:bg-blue-950 hover:border-blue-400/50 dark:hover:bg-neutral-700 transform hover:-translate-y-1 group border border-blue-400/30 relative overflow-hidden" 3175target="_self" 3176wire:navigate > 3177<!--[if BLOCK]><![endif]--> <span class="absolute top-0 end-0 bg-blue-400/20 text-blue-200 text-[10px] font-bold uppercase tracking-widest px-3 py-1 rounded-bl-lg" aria-hidden="true"> 3178Featured 3179</span> 3180<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 3181<div class="text-white text-2xl font-bold grow break-words" 3182aria-describedby="featured-desc-55" > 3183Our Campus 3184</div> 3185<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" aria-hidden="true"> 3186<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 3187</svg> <!--[if ENDBLOCK]><![endif]--> </div> 3188<div id="featured-desc-55" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 3189Discover the University of Cape Coast campus â its facilities, halls of residence, green spaces, and vibrant campus life. Whether you are a prospective or current student, explore everything that makes UCC home. 3190</div> 3191</a> 3192</div> 3193<!--[if ENDBLOCK]><![endif]--> 3194<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 3195<hr class="flex-1 border-white/10" /> 3196<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 3197<hr class="flex-1 border-white/10" /> 3198</div> 3199<!--[if ENDBLOCK]><![endif]--> </div> 3200<div x-data="menuPreviewRail({ 3201curatedId: null, 3202curatedTitle: '', 3203defaultId: 95, 3204defaultTitle: 'Facilities' 3205})" 3206x-effect="if(openSubMenu != 'campus') resetPreview()" 3207class="flex gap-0" 3208> 3209<div class="shrink-0 px-8 pe-6" 3210:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 3211> 3212<ul class="flex flex-col items-start" role="list"> 3213<!--[if BLOCK]><![endif]--> <li 3214x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3215class="w-full" 3216@click.capture=" 3217window._menuClickFired = true; 3218trackVisit('Facilities', 'https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campu
3218s'); 3219typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3220menu_type: 'campus', 3221tab_label: 'Campus', 3222sub_menu_id: 95, 3223audience: selectedAudience || null, 3224search_query: menuSearch.trim() || null 3225}) 3226" 3227> 3228<!--[if BLOCK]><![endif]--> 3229<button 3230type="button" 3231@click.prevent="choosePreview(95, 'Facilities')" 3232:aria-expanded="(slidePanel === 95).toString()" 3233aria-controls="slide-panel-95" 3234class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 3235:class="slidePanel === 95 && ! isDefaultPreview && 'text-white'" 3236> 3237<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 3238:class="slidePanel === 95 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 3239Facilities 3240</span> 3241<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 95 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 3242<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3243</svg> 3244</button> 3245<!--[if ENDBLOCK]><![endif]--> </li> 3246<li 3247x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3248class="w-full" 3249@click.capture=" 3250window._menuClickFired = true; 3251trackVisit('Life at UCC', 'https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campus'); 3252typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3253menu_type: 'campus', 3254tab_label: 'Campus', 3255sub_menu_id: 96, 3256audience: selectedAudience || null, 3257search_query: menuSearch.trim() || null 3258}) 3259" 3260> 3261<!--[if BLOCK]><![endif]--> 3262<button 3263type="button" 3264@click.prevent="choosePreview(96, 'Life at UCC')" 3265:aria-expanded="(slidePanel === 96).toString()" 3266aria-controls="slide-panel-96" 3267class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 3268:class="slidePanel === 96 && ! isDefaultPreview && 'text-white'" 3269> 3270<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 3271:class="slidePanel === 96 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 3272Life at UCC 3273</span> 3274<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 96 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 3275<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3276</svg> 3277</button> 3278<!--[if ENDBLOCK]><![endif]--> </li> 3279<!--[if ENDBLOCK]><![endif]--> </ul> 3280</div> 3281<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-95" 3282class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 3283x-show="slidePanel === 95" 3284x-transition:enter="transition ease-out duration-[250ms]" 3285x-transition:enter-start="opacity-0 translate-x-4" 3286x-transition:enter-end="opacity-100 translate-x-0" 3287x-transition:leave="transition ease-in duration-150" 3288x-transition:leave-start="opacity-100" 3289x-transition:leave-end="opacity-0 translate-x-4" 3290role="region" 3291aria-label="Facilities submenu" 3292> 3293<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 3294x-show="! isDefaultPreview" 3295aria-label="Menu breadcrumb"> 3296<button type="button" 3297@click="closePreview()" 3298class="hover:text-white transition-colors cursor-pointer"> 3299Campus 3300</button> 3301<span class="text-blue-300" aria-hidden="true">âº</span> 3302<span class="text-white/90">Facilities</span> 3303</nav>
3304<a href="https://ucc.edu.gh/main/explore-ucc/our-campus" 3305target="_self" 3306wire:navigate class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 3307@click.capture=" 3308window._menuClickFired = true; 3309trackVisit('Facilities', 'https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campus'); 3310typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3311menu_type: 'campus', 3312tab_label: 'Campus', 3313sub_menu_id: 95, 3314audience: selectedAudience || null, 3315search_query: menuSearch.trim() || null 3316}) 3317"> 3318Facilities 3319<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 3320<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3321</svg> 3322</a> 3323<ul class="flex flex-col items-start" role="list"> 3324<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3325class="w-full" 3326@click.capture=" 3327window._menuClickFired = true; 3328trackVisit('Libraries', 'https:\/\/library.ucc.edu.gh'); 3329typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3330menu_type: 'campus', 3331tab_label: 'Campus', 3332sub_menu_id: 56, 3333audience: selectedAudience || null, 3334search_query: menuSearch.trim() || null 3335}) 3336"> 3337<a href="https://library.ucc.edu.gh" 3338class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3339target="_blank" 3340rel="noopener noreferrer" title="Access the Sam Jonah Library and other learning spaces on campus" 3341aria-label="Libraries: Access the Sam Jonah Library and other learning spaces on campus" 3342> 3343<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3344Libraries 3345</span> 3346<!--[if ENDBLOCK]><![endif]--> 3347<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3348</li> 3349<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3350class="w-full" 3351@click.capture=" 3352window._menuClickFired = true; 3353trackVisit('Halls', '#'); 3354typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3355menu_type: 'campus', 3356tab_label: 'Campus', 3357sub_menu_id: 59, 3358audience: selectedAudience || null, 3359search_query: menuSearch.trim() || null 3360}) 3361"> 3362<a href="#" 3363class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3364target="_self" 3365title="Learn about residential halls and accommodation on campus" 3366aria-label="Halls: Learn about residential halls and accommodation on campus" 3367> 3368<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3369Halls 3370</span> 3371<!--[if ENDBLOCK]><![endif]--> 3372<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3373</li> 3374<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3375class="w-full" 3376@click.capture=" 3377window._menuClickFired = true; 3378trackVisit('Sports', '#'); 3379typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3380menu_type: 'campus', 3381tab_label: 'Campus', 3382sub_menu_id: 60, 3383audience: selectedAudience || null, 3384search_query: menuSearch.trim() || null 3385}) 3386"> 3387<a href="#" 3388class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3389target="_self" 3390title="Explore sports facilities and athletic programmes at UCC" 3391aria-label="Sports: Explore sports facilities and athletic programmes at UCC" 3392> 3393<!--[if BLOCK]><![endif]-->
3393 <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3394Sports 3395</span> 3396<!--[if ENDBLOCK]><![endif]--> 3397<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3398</li> 3399<!--[if ENDBLOCK]><![endif]--> </ul> 3400</div> 3401<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-96" 3402class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 3403x-show="slidePanel === 96" 3404x-transition:enter="transition ease-out duration-[250ms]" 3405x-transition:enter-start="opacity-0 translate-x-4" 3406x-transition:enter-end="opacity-100 translate-x-0" 3407x-transition:leave="transition ease-in duration-150" 3408x-transition:leave-start="opacity-100" 3409x-transition:leave-end="opacity-0 translate-x-4" 3410role="region" 3411aria-label="Life at UCC submenu" 3412> 3413<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 3414x-show="! isDefaultPreview" 3415aria-label="Menu breadcrumb"> 3416<button type="button" 3417@click="closePreview()" 3418class="hover:text-white transition-colors cursor-pointer"> 3419Campus 3420</button> 3421<span class="text-blue-300" aria-hidden="true">âº</span> 3422<span class="text-white/90">Life at UCC</span> 3423</nav> 3424<a href="https://ucc.edu.gh/main/explore-ucc/our-campus" 3425target="_self" 3426wire:navigate class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 3427@click.capture=" 3428window._menuClickFired = true; 3429trackVisit('Life at UCC', 'https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campus'); 3430typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3431menu_type: 'campus', 3432tab_label: 'Campus', 3433sub_menu_id: 96, 3434audience: selectedAudience || null, 3435search_query: menuSearch.trim() || null 3436}) 3437"> 3438Life at UCC 3439<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 3440<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3441</svg> 3442</a> 3443<ul class="flex flex-col items-start" role="list"> 3444<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3445class="w-full" 3446@click.capture=" 3447window._menuClickFired = true; 3448trackVisit('Matriculation', '#'); 3449typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3450menu_type: 'campus', 3451tab_label: 'Campus', 3452sub_menu_id: 57, 3453audience: selectedAudience || null, 3454search_query: menuSearch.trim() || null 3455}) 3456"> 3457<a href="#" 3458class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3459target="_self" 3460title="Information about matriculation ceremonies and registration" 3461aria-label="Matriculation: Information about matriculation ceremonies and registration" 3462> 3463<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3464Matriculation 3465</span> 3466<!--[if ENDBLOCK]><![endif]--> 3467<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3468</li> 3469<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3470class="w-full" 3471@click.capture=" 3472window._menuClickFired = true; 3473trackVisit('Events', 'https:\/\/events.ucc.edu.gh'); 3474typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3475menu_type: 'campus', 3476tab_label: 'Campus', 3477sub_menu_id: 58, 3478audience: selectedAudience || null, 3479search_query: menuSearch.trim() || null 3480}) 3481"> 3482<a href="https://events.ucc.edu.gh" 3483class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
3483ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3484target="_self" 3485title="Discover upcoming campus events and activities" 3486aria-label="Events: Discover upcoming campus events and activities" 3487> 3488<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3489Events 3490</span> 3491<!--[if ENDBLOCK]><![endif]--> 3492<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3493</li> 3494<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3495class="w-full" 3496@click.capture=" 3497window._menuClickFired = true; 3498trackVisit('Recreation and Social Activities', 'https:\/\/ucc.edu.gh\/main\/explore-ucc\/recreational-and-social-activities'); 3499typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3500menu_type: 'campus', 3501tab_label: 'Campus', 3502sub_menu_id: 61, 3503audience: selectedAudience || null, 3504search_query: menuSearch.trim() || null 3505}) 3506"> 3507<a href="https://ucc.edu.gh/main/explore-ucc/recreational-and-social-activities" 3508class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3509target="_self" 3510wire:navigate title="Discover clubs, societies, and social activities" 3511aria-label="Recreation and Social Activities: Discover clubs, societies, and social activities" 3512> 3513<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3514Recreation and Social Activities 3515</span> 3516<!--[if ENDBLOCK]><![endif]--> 3517<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3518</li> 3519<!--[if ENDBLOCK]><![endif]--> </ul> 3520</div> 3521<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 3522</div> 3523<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3524</div> 3525<div id="submenu-research" 3526class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 3527x-show="openSubMenu == 'research'" 3528x-transition:enter="transition ease-out duration-[250ms]" 3529x-transition:enter-start="opacity-0 -translate-x-8" 3530x-transition:enter-end="opacity-100 translate-x-0" 3531x-transition:leave="transition ease-in duration-150" 3532x-transition:leave-start="opacity-100" 3533x-transition:leave-end="opacity-0 -translate-x-8" 3534role="tabpanel" 3535tabindex="0" 3536aria-labelledby="tab-research" 3537> 3538<div class="submenu-content"> 3539<div class="px-8 pe-20"> 3540<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 3541<a href="https://scholar.ucc.edu.gh" 3542class="bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 self-stretch flex flex-col ps-9 pe-20 py-8 rounded-lg items-start max-md:px-5 mb-4 transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/20 hover:bg-blue-950 hover:border-blue-400/50 dark:hover:bg-neutral-700 transform hover:-translate-y-1 group border border-blue-400/30 relative overflow-hidden" 3543target="_blank" 3544rel="noopener noreferrer" > 3545<!--[if BLOCK]><![endif]--> <span class="absolute top-0 end-0 bg-blue-400/20 text-blue-200 text-[10px] font-bold uppercase tracking-widest px-3 py-1 rounded-bl-lg" aria-hidden="true"> 3546Featured 3547</span> 3548<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 3549<div class="text-white text-2xl font-bold grow break-words" 3550aria-describedby="featured-desc-62" > 3551UCC Scholar 3552</div> 3553<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" aria-hidden="true"> 3554<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 3555</svg> <!--[if ENDBLOCK]><![endif]--> </div> 3556<div id="featured-desc-62" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 3557Gain access to a comprehensive repository of the University's academic research, including journal articles, theses, dissertations, and more. Find everything you need to support your research and stay at the forefront of your field. 3558</div> 3559</a> 3560</div> 3561<!--[if ENDBLOCK]><![endif]--> 3562<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 3563<hr class="flex-1 border-white/10" /> 3564<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 3565<hr class="flex-1 border-white/10" /> 3566</div> 3567<!--[if ENDBLOCK]><![endif]--> </div> 3568<div x-data="menuPreviewRail({ 3569curatedId: null, 3570curatedTitle: '', 3571defaultId: 97, 3572defaultTitle: 'Publications \u0026 Conferences' 3573})" 3574x-effect="if(openSubMenu != 'research') resetPreview()" 3575class="flex gap-0" 3576> 3577<div class="shrink-0 px-8 pe-6" 3578:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 3579> 3580<ul class="flex flex-col items-start" role="list"> 3581<!--[if BLOCK]><![endif]--> <li 3582x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3583class="w-full" 3584@click.capture=" 3585window._menuClickFired = true; 3586trackVisit('Publications \u0026 Conferences', 'https:\/\/journal.ucc.edu.gh'); 3587typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3588menu_type: 'research',
3589tab_label: 'Research', 3590sub_menu_id: 97, 3591audience: selectedAudience || null, 3592search_query: menuSearch.trim() || null 3593}) 3594" 3595> 3596<!--[if BLOCK]><![endif]--> 3597<button 3598type="button" 3599@click.prevent="choosePreview(97, 'Publications \u0026 Conferences')" 3600:aria-expanded="(slidePanel === 97).toString()" 3601aria-controls="slide-panel-97" 3602class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 3603:class="slidePanel === 97 && ! isDefaultPreview && 'text-white'" 3604> 3605<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 3606:class="slidePanel === 97 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 3607Publications & Conferences 3608</span> 3609<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 97 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 3610<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3611</svg> 3612</button> 3613<!--[if ENDBLOCK]><![endif]--> </li> 3614<li 3615x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3616class="w-full" 3617@click.capture=" 3618window._menuClickFired = true; 3619trackVisit('Research Support', 'https:\/\/dric.ucc.edu.gh'); 3620typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3621menu_type: 'research', 3622tab_label: 'Research', 3623sub_menu_id: 98, 3624audience: selectedAudience || null, 3625search_query: menuSearch.trim() || null 3626}) 3627" 3628> 3629<!--[if BLOCK]><![endif]--> 3630<button 3631type="button" 3632@click.prevent="choosePreview(98, 'Research Support')" 3633:aria-expanded="(slidePanel === 98).toString()" 3634aria-controls="slide-panel-98" 3635class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 3636:class="slidePanel === 98 && ! isDefaultPreview && 'text-white'" 3637> 3638<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 3639:class="slidePanel === 98 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 3640Research Support 3641</span> 3642<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 98 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 3643<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3644</svg> 3645</button> 3646<!--[if ENDBLOCK]><![endif]--> </li> 3647<!--[if ENDBLOCK]><![endif]--> </ul> 3648</div> 3649<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-97" 3650class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 3651x-show="slidePanel === 97" 3652x-transition:enter="transition ease-out duration-[250ms]" 3653x-transition:enter-start="opacity-0 translate-x-4" 3654x-transition:enter-end="opacity-100 translate-x-0" 3655x-transition:leave="transition ease-in duration-150" 3656x-transition:leave-start="opacity-100" 3657x-transition:leave-end="opacity-0 translate-x-4" 3658role="region" 3659aria-label="Publications & Conferences submenu" 3660> 3661<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 3662x-show="! isDefaultPreview" 3663aria-label="Menu breadcrumb"> 3664<button type="button" 3665@click="closePreview()" 3666class="hover:text-white transition-colors cursor-pointer"> 3667Research 3668</button> 3669<span class="text-blue-300" aria-hidden="true">âº</span> 3670<span class="text-white/90">Publications & Conferences</span> 3671</nav> 3672<a href="https://journal.ucc.edu.gh" 3673target="_blank" 3674rel="noopener noreferrer" class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 3675@click.capture=" 3676window._menuClickFired = true; 3677trackVisit('Publications \u0026 Conferences', 'https:\/\/journal.ucc.edu.gh'); 3678typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3679menu_type: 'research',
3680tab_label: 'Research', 3681sub_menu_id: 97, 3682audience: selectedAudience || null, 3683search_query: menuSearch.trim() || null 3684}) 3685"> 3686Publications & Conferences 3687<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 3688<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3689</svg> 3690</a> 3691<ul class="flex flex-col items-start" role="list"> 3692<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3693class="w-full" 3694@click.capture=" 3695window._menuClickFired = true; 3696trackVisit('Journals', 'https:\/\/journal.ucc.edu.gh'); 3697typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3698menu_type: 'research', 3699tab_label: 'Research', 3700sub_menu_id: 63, 3701audience: selectedAudience || null, 3702search_query: menuSearch.trim() || null 3703}) 3704"> 3705<a href="https://journal.ucc.edu.gh" 3706class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3707target="_blank" 3708rel="noopener noreferrer" title="Browse academic journals published by UCC" 3709aria-label="Journals: Browse academic journals published by UCC" 3710> 3711<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3712Journals 3713</span> 3714<!--[if ENDBLOCK]><![endif]--> 3715<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3716</li> 3717<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3718class="w-full" 3719@click.capture=" 3720window._menuClickFired = true; 3721trackVisit('Conference Portal', 'https:\/\/research.ucc.edu.gh\/'); 3722typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3723menu_type: 'research', 3724tab_label: 'Research', 3725sub_menu_id: 64, 3726audience: selectedAudience || null, 3727search_query: menuSearch.trim() || null 3728}) 3729"> 3730<a href="https://research.ucc.edu.gh/" 3731class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3732target="_blank" 3733rel="noopener noreferrer" title="Discover research conferences hosted by UCC" 3734aria-label="Conference Portal: Discover research conferences hosted by UCC" 3735> 3736<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3737Conference Portal 3738</span> 3739<!--[if ENDBLOCK]><![endif]--> 3740<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3741</li> 3742<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3743class="w-full" 3744@click.capture=" 3745window._menuClickFired = true; 3746trackVisit('Lecture Series', 'https:\/\/ucc.edu.gh\/lecture-series'); 3747typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3748menu_type: 'research', 3749tab_label: 'Research', 3750sub_menu_id: 68, 3751audience: selectedAudience || null, 3752search_query: menuSearch.trim() || null 3753}) 3754"> 3755<a href="https://ucc.edu.gh/lecture-series" 3756class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3757target="_self" 3758wire:navigate title="Browse inaugural, memorial, and public lecture series" 3759aria-label="Lecture Series: Browse inaugural, memorial, and public lecture series" 3760> 3761<!--[if BLOCK]><![endif]-->
3761 <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3762Lecture Series 3763</span> 3764<!--[if ENDBLOCK]><![endif]--> 3765<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3766</li> 3767<!--[if ENDBLOCK]><![endif]--> </ul> 3768</div> 3769<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-98" 3770class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 3771x-show="slidePanel === 98" 3772x-transition:enter="transition ease-out duration-[250ms]" 3773x-transition:enter-start="opacity-0 translate-x-4" 3774x-transition:enter-end="opacity-100 translate-x-0" 3775x-transition:leave="transition ease-in duration-150" 3776x-transition:leave-start="opacity-100" 3777x-transition:leave-end="opacity-0 translate-x-4" 3778role="region" 3779aria-label="Research Supp
3779ort submenu" 3780> 3781<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 3782x-show="! isDefaultPreview" 3783aria-label="Menu breadcrumb"> 3784<button type="button" 3785@click="closePreview()" 3786class="hover:text-white transition-colors cursor-pointer"> 3787Research 3788</button> 3789<span class="text-blue-300" aria-hidden="true">âº</span> 3790<span class="text-white/90">Research Support</span> 3791</nav> 3792<a href="https://dric.ucc.edu.gh" 3793target="_blank" 3794rel="noopener noreferrer" class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 3795@click.capture=" 3796window._menuClickFired = true; 3797trackVisit('Research Support', 'https:\/\/dric.ucc.edu.gh'); 3798typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3799menu_type: 'research', 3800tab_label: 'Research', 3801sub_menu_id: 98, 3802audience: selectedAudience || null, 3803search_query: menuSearch.trim() || null 3804}) 3805"> 3806Research Support 3807<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 3808<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3809</svg> 3810</a> 3811<ul class="flex flex-col items-start" role="list"> 3812<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3813class="w-full" 3814@click.capture=" 3815window._menuClickFired = true; 3816trackVisit('Research Award Grant (RAG)', 'https:\/\/dric.ucc.edu.gh\/news\/fourth-research-awards-and-grants-rag-ceremony-20182019-academic-year'); 3817typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3818menu_type: 'research', 3819tab_label: 'Research', 3820sub_menu_id: 65, 3821audience: selectedAudience || null, 3822search_query: menuSearch.trim() || null 3823}) 3824">
3825<a href="https://dric.ucc.edu.gh/news/fourth-research-awards-and-grants-rag-ceremony-20182019-academic-year" 3826class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3827target="_blank" 3828rel="noopener noreferrer" title="Learn about research funding opportunities" 3829aria-label="Research Award Grant (RAG): Learn about research funding opportunities" 3830> 3831<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3832Research Award Grant (RAG) 3833</span> 3834<!--[if ENDBLOCK]><![endif]--> 3835<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3836</li> 3837<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3838class="w-full" 3839@click.capture=" 3840window._menuClickFired = true; 3841trackVisit('Institutional Review Board (IRB)', 'https:\/\/irb.ucc.edu.gh'); 3842typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3843menu_type: 'research', 3844tab_label: 'Research', 3845sub_menu_id: 66, 3846audience: selectedAudience || null, 3847search_query: menuSearch.trim() || null 3848}) 3849"> 3850<a href="https://irb.ucc.edu.gh" 3851class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3852target="_blank" 3853rel="noopener noreferrer" title="Ethics review for research involving human participants" 3854aria-label="Institutional Review Board (IRB): Ethics review for research involving human participants" 3855> 3856<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3857Institutional Review Board (IRB) 3858</span> 3859<!--[if ENDBLOCK]><![endif]--> 3860<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3861</li> 3862<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3863class="w-full" 3864@click.capture=" 3865window._menuClickFired = true; 3866trackVisit('Directorate of Research Innovation and Consultancy (DRIC)', 'https:\/\/dric.ucc.edu.gh'); 3867typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3868menu_type: 'research', 3869tab_label: 'Research', 3870sub_menu_id: 67, 3871audience: selectedAudience || null, 3872search_query: menuSearch.trim() || null 3873}) 3874"> 3875<a href="https://dric.ucc.edu.gh" 3876class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3877target="_blank" 3878rel="noopener noreferrer" title="Support for research and innovation activities" 3879aria-label="Directorate of Research Innovation and Consultancy (DRIC): Support for research and innovation activities" 3880> 3881<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 3882Directorate of Research Innovation and Consultancy (DRIC) 3883</span> 3884<!--[if ENDBLOCK]><![endif]--> 3885<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3886</li> 3887<!--[if ENDBLOCK]><![endif]--> </ul> 3888</div> 3889<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 3890</div> 3891<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3892</div> 3893<div id="submenu-newsMedia" 3894class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 3895x-show="openSubMenu == 'newsMedia'" 3896x-transition:enter="transition ease-out duration-[250ms]"
3897x-transition:enter-start="opacity-0 -translate-x-8" 3898x-transition:enter-end="opacity-100 translate-x-0" 3899x-transition:leave="transition ease-in duration-150" 3900x-transition:leave-start="opacity-100" 3901x-transition:leave-end="opacity-0 -translate-x-8" 3902role="tabpanel" 3903tabindex="0" 3904aria-labelledby="tab-newsMedia" 3905> 3906<div class="submenu-content"> 3907<div class="px-8 pe-20"> 3908<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 3909<a href="https://news.ucc.edu.gh" 3910class="bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 self-stretch flex flex-col ps-9 pe-20 py-8 rounded-lg items-start max-md:px-5 mb-4 transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/20 hover:bg-blue-950 hover:border-blue-400/50 dark:hover:bg-neutral-700 transform hover:-translate-y-1 group border border-blue-400/30 relative overflow-hidden" 3911target="_self" 3912> 3913<!--[if BLOCK]><![endif]--> <span class="absolute top-0 end-0 bg-blue-400/20 text-blue-200 text-[10px] font-bold uppercase tracking-widest px-3 py-1 rounded-bl-lg" aria-hidden="true"> 3914Featured 3915</span> 3916<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 3917<div class="text-white text-2xl font-bold grow break-words" 3918aria-describedby="featured-desc-69" > 3919News Updates 3920</div> 3921<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" aria-hidden="true"> 3922<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 3923</svg> <!--[if ENDBLOCK]><![endif]--> </div> 3924<div id="featured-desc-69" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 3925Don't miss out on the latest happenings at your university and beyond! Stay in the know with our reliable source of news and updates, tailored to keep the university community informed and engaged. 3926</div> 3927</a> 3928</div> 3929<!--[if ENDBLOCK]><![endif]--> 3930<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 3931<hr class="flex-1 border-white/10" /> 3932<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 3933<hr class="flex-1 border-white/10" /> 3934</div> 3935<!--[if ENDBLOCK]><![endif]--> </div> 3936<div x-data="menuPreviewRail({ 3937curatedId: 99, 3938curatedTitle: 'Trending', 3939defaultId: null, 3940defaultTitle: '' 3941})" 3942x-effect="if(openSubMenu != 'newsMedia') resetPreview()" 3943class="flex gap-0" 3944> 3945<div class="shrink-0 px-8 pe-6" 3946:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 3947> 3948<ul class="flex flex-col items-start" role="list"> 3949<!--[if BLOCK]><![endif]--> <li 3950x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3951class="w-full" 3952@click.capture=" 3953window._menuClickFired = true; 3954trackVisit('Trending', 'https:\/\/news.ucc.edu.gh'); 3955typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3956menu_type: 'newsMedia', 3957tab_label: 'News \u0026 Media', 3958sub_menu_id: 99, 3959audience: selectedAudience || null, 3960search_query: menuSearch.trim() || null 3961}) 3962" 3963> 3964<!--[if BLOCK]><![endif]--> 3965<button 3966type="button" 3967@click.prevent="choosePreview(99, 'Trending')" 3968:aria-expanded="(slidePanel === 99).toString()" 3969aria-controls="slide-panel-99" 3970class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center gap-2 transition-all duration-150 hover:text-white group focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70 min-h-[44px]" 3971:class="slidePanel === 99 && ! isDefaultPreview && 'text-white'" 3972> 3973<span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full" 3974:class="slidePanel === 99 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 3975Trending 3976</span> 3977<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 shrink-0 transition-transform duration-200" :class="slidePanel === 99 ? 'rotate-90' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 3978<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3979</svg> 3980</button> 3981<!--[if ENDBLOCK]><![endif]--> </li> 3982<li 3983x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3984class="w-full" 3985@click.capture=" 3986window._menuClickFired = true; 3987trackVisit('News', 'https:\/\/news.ucc.edu.gh'); 3988typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3989menu_type: 'newsMedia', 3990tab_label: 'News \u0026 Media', 3991sub_menu_id: 70, 3992audience: selectedAudience || null, 3993search_query: menuSearch.trim() || null 3994}) 3995" 3996> 3997<!--[if BLOCK]><![endif]--> <a href="https://news.ucc.edu.gh" 3998class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
3998ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 3999target="_self" 4000title="Read the latest news from the university" 4001aria-label="News: Read the latest news from the university" 4002> 4003<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 4004News 4005</span> 4006<!--[if ENDBLOCK]><![endif]--> 4007<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4008<!--[if ENDBLOCK]><![endif]--> </li> 4009<li 4010x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4011class="w-full" 4012@click.capture=" 4013window._menuClickFired = true; 4014trackVisit('Events', 'https:\/\/events.ucc.edu.gh'); 4015typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4016menu_type: 'newsMedia', 4017tab_label: 'News \u0026 Media', 4018sub_menu_id: 71, 4019audience: selectedAudience || null, 4020search_query: menuSearch.trim() || null 4021}) 4022" 4023> 4024<!--[if BLOCK]><![endif]--> <a href="https://events.ucc.edu.gh" 4025class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 4026target="_self" 4027title="View upcoming events and activities" 4028aria-label="Events: View upcoming events and activities" 4029> 4030<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 4031Events 4032</span> 4033<!--[if ENDBLOCK]><![endif]--> 4034<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4035<!--[if ENDBLOCK]><![endif]--> </li> 4036<li 4037x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4038class="w-full" 4039@click.capture=" 4040window._menuClickFired = true; 4041trackVisit('Videos', 'https:\/\/ucc.edu.gh\/media\/videos'); 4042typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4043menu_type: 'newsMedia', 4044tab_label: 'News \u0026 Media', 4045sub_menu_id: 73, 4046audience: selectedAudience || null, 4047search_query: menuSearch.trim() || null 4048}) 4049" 4050> 4051<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/media/videos" 4052class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 4053target="_self" 4054wire:navigate title="Watch videos from UCC events and activities" 4055aria-label="Videos: Watch videos from UCC events and activities" 4056> 4057<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 4058Videos 4059</span> 4060<!--[if ENDBLOCK]><![endif]--> 4061<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4062<!--[if ENDBLOCK]><![endif]--> </li> 4063<li 4064x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4065class="w-full" 4066@click.capture=" 4067window._menuClickFired = true; 4068trackVisit('Press Releases', 'https:\/\/ucc.edu.gh\/announcements?type=press-release'); 4069typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4070menu_type: 'newsMedia', 4071tab_label: 'News \u0026 Media', 4072sub_menu_id: 75, 4073audience: selectedAudience || null, 4074search_query: menuSearch.trim() || null 4075}) 4076" 4077> 4078<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements?type=press-release" 4079class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
4079ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 4080target="_self" 4081wire:navigate title="Official press releases and media statements" 4082aria-label="Press Releases: Official press releases and media statements" 4083> 4084<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 4085Press Releases 4086</span> 4087<!--[if ENDBLOCK]><![endif]--> 4088<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4089<!--[if ENDBLOCK]><![endif]--> </li> 4090<li 4091x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4092class="w-full" 4093@click.capture=" 4094window._menuClickFired = true; 4095trackVisit('Announcements', 'https:\/\/ucc.edu.gh\/announcements'); 4096typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4097menu_type: 'newsMedia', 4098tab_label: 'News \u0026 Media', 4099sub_menu_id: 76, 4100audience: selectedAudience || null, 4101search_query: menuSearch.trim() || null 4102}) 4103" 4104> 4105<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements" 4106class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 4107target="_self" 4108wire:navigate title="Important announcements and notices" 4109aria-label="Announcements: Important announcements and notices" 4110> 4111<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 4112Announcements 4113</span> 4114<!--[if ENDBLOCK]><![endif]--> 4115<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4116<!--[if ENDBLOCK]><![endif]--> </li> 4117<!--[if ENDBLOCK]><![endif]--> </ul> 4118</div> 4119<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-99" 4120class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 4121x-show="slidePanel === 99" 4122x-transition:enter="transition ease-out duration-[250ms]" 4123x-transition:enter-start="opacity-0 translate-x-4" 4124x-transition:enter-end="opacity-100 translate-x-0" 4125x-transition:leave="transition ease-in duration-150" 4126x-transition:leave-start="opacity-100" 4127x-transition:leave-end="opacity-0 translate-x-4" 4128role="region" 4129aria-label="Trending submenu" 4130> 4131<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 4132x-show="! isDefaultPreview" 4133aria-label="Menu breadcrumb"> 4134<button type="button" 4135@click="closePreview()" 4136class="hover:text-white transition-colors cursor-pointer"> 4137News & Media 4138</button> 4139<span class="text-blue-300" aria-hidden="true">âº</span> 4140<span class="text-white/90">Trending</span> 4141</nav> 4142<a href="https://news.ucc.edu.gh" 4143target="_self" 4144class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 4145@click.capture=" 4146window._menuClickFired = true; 4147trackVisit('Trending', 'https:\/\/news.ucc.edu.gh'); 4148typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4149menu_type: 'newsMedia', 4150tab_label: 'News \u0026 Media', 4151sub_menu_id: 99, 4152audience: selectedAudience || null, 4153search_query: menuSearch.trim() || null 4154}) 4155"> 4156Trending 4157<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 opacity-70 transition-transform group-hover:translate-x-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 4158<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 4159</svg> 4160</a> 4161<ul class="flex flex-col items-start" role="list"> 4162<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4163class="w-full" 4164@click.capture=" 4165window._menuClickFired = true; 4166trackVisit('Re-Opening for Level 100 Students-(2026\/2027 Academic Year)', 'https:\/\/ucc.edu.gh\/announcements\/re-opening-for-level-100-students-20262027-academic-year'); 4167typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4168menu_type: 'newsMedia', 4169tab_label: 'News \u0026 Media', 4170sub_menu_id: -1, 4171audience: selectedAudience || null, 4172search_query: menuSearch.trim() || null 4173}) 4174"> 4175<a href="https://ucc.edu.gh/announcements/re-opening-for-level-100-students-20262027-academic-year" 4176class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
4176ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 4177target="_self" 4178wire:navigate title="General" 4179aria-label="Re-Opening for Level 100 Students-(2026/2027 Academic Year): General" 4180> 4181<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 4182Re-Opening for Level 100 Students-(2026/2027 Academic Year) 4183</span> 4184<!--[if ENDBLOCK]><![endif]--> 4185<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4186</li> 4187<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4188class="w-full" 4189@click.capture=" 4190window._menuClickFired = true; 4191trackVisit('Vacancy: Head of Communications and Public Relations (HCPR)- Institute for Educational Planning and Administration', 'https:\/\/ucc.edu.gh\/announcements\/vacancy-head-of-communications-and-public-relations-hcpr-institute-for-educational-planning-and-administration'); 4192typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4193menu_type: 'newsMedia', 4194tab_label: 'News \u0026 Media', 4195sub_menu_id: -2, 4196audience: selectedAudience || null, 4197search_query: menuSearch.trim() || null 4198}) 4199"> 4200<a href="https://ucc.edu.gh/announcements/vacancy-head-of-communications-and-public-relations-hcpr-institute-for-educational-planning-and-administration" 4201class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 4202target="_self" 4203wire:navigate title="Important" 4204aria-label="Vacancy: Head of Communications and Public Relations (HCPR)- Institute for Educational Planning and Administration: Important" 4205> 4206<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 4207Vacancy: Head of Communications and Public Relations (HCPR)- Institute for Educational Planning and Administration 4208</span> 4209<!--[if ENDBLOCK]><![endif]--> 4210<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4211</li> 4212<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4213class="w-full" 4214@click.capture=" 4215window._menuClickFired = true; 4216trackVisit('Vacancy: Director, Directorate of Academic Planning and Quality Assurance (DAPQA)', 'https:\/\/ucc.edu.gh\/announcements\/vacancy-director-directorate-of-academic-planning-and-quality-assurance-dapqa'); 4217typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4218menu_type: 'newsMedia', 4219tab_label: 'News \u0026 Media', 4220sub_menu_id: -3, 4221audience: selectedAudience || null, 4222search_query: menuSearch.trim() || null 4223}) 4224"> 4225<a href="https://ucc.edu.gh/announcements/vacancy-director-directorate-of-academic-planning-and-quality-assurance-dapqa" 4226class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inline-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 4227target="_self" 4228wire:navigate title="Important" 4229aria-label="Vacancy: Director, Directorate of Academic Planning and Quality Assurance (DAPQA): Important" 4230> 4231<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 4232Vacancy: Director, Directorate of Academic Planning and Quality Assurance (DAPQA) 4233</span> 4234<!--[if ENDBLOCK]><![endif]--> 4235<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4236</li> 4237<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4238class="w-full" 4239@click.capture=" 4240window._menuClickFired = true; 4241trackVisit('Vacancy: Director, Research, Innovation \u0026 Outreach - Institute for Educational Planning and Administration', 'https:\/\/ucc.edu.gh\/announcements\/vacancy-director-research-innovation-outreach-institute-for-educational-planning-and-administration'); 4242typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4243menu_type: 'newsMedia', 4244tab_label: 'News \u0026 Media', 4245sub_menu_id: -4, 4246audience: selectedAudience || null, 4247search_query: menuSearch.trim() || null 4248}) 4249"> 4250<a href="https://ucc.edu.gh/announcements/vacancy-director-research-innovation-outreach-institute-for-educational-planning-and-administration" 4251class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
4251ine-flex items-center min-h-[44px] gap-2 transition-all duration-150 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 relative group" 4252target="_self" 4253wire:navigate title="General" 4254aria-label="Vacancy: Director, Research, Innovation & Outreach - Institute for Educational Planning and Administration: General" 4255> 4256<!--[if BLOCK]><![endif]--> <span class="relative inline-block pb-1 after:content-[''] after:absolute after:start-0 after:bottom-0 after:h-0.5 after:w-0 after:bg-blue-200 after:transition-all after:duration-300 group-hover:after:w-full group-focus-visible:after:w-full"> 4257Vacancy: Director, Research, Innovation & Outreach - Institute for Educational Planning and Administration 4258</span> 4259<!--[if ENDBLOCK]><![endif]--> 4260<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4261</li> 4262<!--[if ENDBLOCK]><![endif]--> </ul> 4263</div> 4264<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 4265</div> 4266<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4267</div> 4268<!--[if ENDBLOCK]><![endif]--> </div> 4269</div> 4270</div> 4271<div x-show="menuSearch.trim()" 4272x-transition:enter="transition ease-[cubic-bezier(0.4,0,0.2,1)] duration-200" 4273x-transition:enter-start="opacity-0 translate-y-2" 4274x-transition:enter-end="opacity-100 translate-y-0" 4275x-transition:leave="transition ease-[cubic-bezier(0.4,0,1,1)] duration-150" 4276x-transition:leave-start="opacity-100 translate-y-0" 4277x-transition:leave-end="opacity-0 -translate-y-1" 4278id="global-search-results" 4279x-ref="menuResults" 4280class="w-full flex-1 min-h-0 overflow-y-auto [scrollbar-width:none] px-20 pb-24 mt-6 bg-blue-800 dark:bg-neutral-900" 4281> 4282<div aria-live="polite" aria-atomic="true" class="sr-only" 4283x-text="searchResults.length > 0 ? searchResults.length + ' Results' : (menuSearch.trim() ? 'No items match your search.' : '')"> 4284</div> 4285<p class="text-blue-300 text-xs font-semibold uppercase tracking-widest mb-5"> 4286Results 4287</p> 4288<ul id="menu-results-desktop" 4289role="listbox" 4290aria-label="Results" 4291class="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-12 gap-y-1"> 4292<template x-for="(item, index) in searchResults" :key="item.id + '_' + (item.breadcrumb || '')"> 4293<li class="py-0.5" 4294role="presentation" 4295@click.capture=" 4296window._menuClickFired = true; 4297trackVisit(item.title, item.url); 4298logMenuSearch(); 4299typeof window.menuBeacon === 'function' && window.menuBeacon('click', { menu_type: item.tabKey, tab_label: item.section, sub_menu_id: item.id, search_query: menuSearch.trim() || null }) 4300" 4301> 4302<a :href="item.url" 4303role="option" 4304:id="'menu-option-desktop-' + index" 4305:aria-selected="isActive($el) ? 'true' : 'false'" 4306:class="isActive($el) ? 'bg-white/10 ring-2 ring-white/70' : ''" 4307class="group flex flex-col gap-0.5 py-1.5 rounded-lg hover:bg-white/5 px-2 -mx-2 transition-colors"> 4308<span class="text-white text-base font-medium group-hover:text-blue-200 transition-colors" x-text="item.title"></span> 4309<span class="text-blue-300 text-xs" x-text="item.breadcrumb ? item.section + ' ⺠' + item.breadcrumb : item.section"></span> 4310</a> 4311</li> 4312</template> 4313</ul> 4314<div class="py-6" x-show="menuSearch.trim() && searchResults.length === 0"> 4315<p class="text-blue-200 text-sm italic">No items match your search.</p> 4316<p class="text-blue-200 text-sm mt-1">Nothing in the menu matches â opening the full site searchâ¦</p> 4317</div> 4318</div> 4319<div class="bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 px-20 py-5 max-md:max-w-full max-md:flex-wrap max-md:mt-10 max-md:px-5 fixed bottom-0 w-full"> 4320<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 4321<!--[if BLOCK]><![endif]--> 4322<div class="flex items-center gap-10" :class="recentItems.length > 0 ? 'justify-between' : ''"> 4323<template x-if="recentItems.length > 0"> 4324<div class="flex items-center gap-5 flex-1 min-w-0"> 4325<div class="flex items-center gap-3 my-auto shrink-0" aria-hidden="true"> 4326<span class="text-blue-100 text-base leading-6 text-nowrap">Recently Visited</span> 4327<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 4328stroke="currentColor" class="size-4 rtl:scale-x-[-1]"> 4329<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 4330</svg> 4331</div> 4332<nav class="flex items-center gap-6 overflow-x-auto [scrollbar-width:none] min-w-0" 4333role="navigation" 4334aria-label="Recently Visited"> 4335<template x-for="item in recentItems" :key="item.url"> 4336<a :href="item.url" 4337x-text="item.title" 4338class="text-white font-semibold text-nowrap transition-all duration-150 hover:text-blue-200 relative group shrink-0"> 4339</a> 4340</template> 4341</nav> 4342</div> 4343</template> 4344<template x-if="recentItems.length > 0"> 4345<div class="w-px h-5 bg-white/20 shrink-0"></div> 4346</template> 4347<div class="flex items-center gap-10" :class="recentItems.length > 0 ? 'flex-1 min-w-0' : ''"> 4348<div class="flex items-center gap-3 my-auto shrink-0" aria-hidden="true"> 4349<div class="text-blue-100 text-base leading-6 text-nowrap"> 4350Quick Links 4351</div> 4352<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 4353stroke="currentColor" class="size-4 rtl:scale-x-[-1]"> 4354<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 4355</svg> 4356</div> 4357<nav class="justify-between items-start flex gap-10 my-auto *:text-nowrap overflow-x-scroll" 4358role="navigation" 4359aria-label="Quick links navigation"> 4360<!--[if BLOCK]><![endif]--> <a class="text-white font-semibold hover:translate-x-1 rtl:hover:-translate-x-1 transition-all duration-150 hover:text-blue-200 relative group" 4361href="#" 4362target="_self" 4363> 4364A-Z list 4365<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4366</a> 4367<a class="text-white font-semibold hover:translate-x-1 rtl:hover:-translate-x-1 transition-all duration-150 hover:text-blue-200 relative group" 4368href="https://ucc.edu.gh/main/web-services" 4369target="_self" 4370wire:navigate > 4371Web Services 4372<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4373</a> 4374<a class="text-white font-semibold hover:translate-x-1 rtl:hover:-translate-x-1 transition-all duration-150 hover:text-blue-200 relative group" 4375href="https://alumni.ucc.edu.gh/" 4376target="_blank" 4377rel="noopener noreferrer" > 4378Alumni 4379<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4380</a> 4381<a class="text-white font-semibold hover:translate-x-1 rtl:hover:-translate-x-1 transition-all duration-150 hover:text-blue-200 relative group" 4382href="https://library.ucc.edu.gh" 4383target="_blank" 4384rel="noopener noreferrer" > 4385Libraries 4386<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4387</a> 4388<a class="text-white font-semibold hover:translate-x-1 rtl:hover:-translate-x-1 transition-all duration-150 hover:text-blue-200 relative group" 4389href="https://ucc.edu.gh/main/publications/forms" 4390target="_self" 4391wire:navigate > 4392Forms 4393<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4394</a> 4395<a class="text-white font-semibold hover:translate-x-1 rtl:hover:-translate-x-1 transition-all duration-150 hover:text-blue-200 relative group" 4396href="https://events.ucc.edu.gh" 4397target="_self" 4398> 4399Events 4400<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4401</a> 4402<a class="text-white font-semibold hover:translate-x-1 rtl:hover:-translate-x-1 transition-all duration-150 hover:text-blue-200 relative group" 4403href="https://directory.ucc.edu.gh" 4404target="_self" 4405> 4406Staff Directory 4407<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4408</a> 4409<a class="text-white font-semibold hover:translate-x-1 rtl:hover:-translate-x-1 transition-all duration-150 hover:text-blue-200 relative group" 4410href="https://my.ucc.edu.gh" 4411target="_blank" 4412rel="noopener noreferrer" > 4413MyUCC 4414<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4415</a> 4416<!--[if ENDBLOCK]><![endif]--> </nav> 4417</div> 4418</div> 4419<!--[if ENDBLOCK]><![endif]--> 4420<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 4421</div> 4422</template> 4423<!--[if ENDBLOCK]><![endif]--> </div> 4424<div 4425id="mobile-menu-panel" 4426data-menu-surface 4427class="lg:hidden print:hidden fixed inset-0 z-50 flex flex-col bg-blue-800/95 dark:bg-neutral-900 dark:text-neutral-300" 4428x-show="megaMenu && !isDesktop" x-cloak 4429x-data="{ 4430...menuFilterKeyboard(), 4431menuSearch: '', 4432selectedAudience: (()=>
4432{ const m=document.cookie.match('(?:^|; )menuAudience=([^;]*)'); if(!m) return ''; try{ const v=JSON.parse(decodeURIComponent(m[1])); return typeof v==='string'?v:''; }catch(e){ return decodeURIComponent(m[1]); } })(), 4433audienceLabels: JSON.parse('{\u0022prospective_student\u0022:\u0022Prospective Student\u0022,\u0022current_student\u0022:\u0022Current Student\u0022,\u0022staff\u0022:\u0022Staff\u0022,\u0022researcher\u0022:\u0022Researcher\u0022,\u0022visitor\u0022:\u0022Visitor\u0022,\u0022alumni\u0022:\u0022Alumni\u0022,\u0022parent\u0022:\u0022Parent\u0022}'), 4434searchItems: (() => { try { return JSON.parse(document.getElementById('mega-menu-search-data')?.textContent || '[]'); } catch (e) { return []; } })(), 4435hiddenCount: 0, 4436recomputeHidden() { 4437this.hiddenCount = this.selectedAudience 4438? this.searchItems.filter(i => i.audiences && i.audiences.length > 0 && ! i.audiences.includes(this.selectedAudience)).length 4439: 0; 4440}, 4441clearAudience() { 4442this.selectedAudience = ''; 4443this.setCookie('menuAudience', ''); 4444if (typeof window.menuBeacon === 'function') { window.menuBeacon('audience_clear', {}); } 4445}, 4446searchResults: [], 4447recomputeSearch() { 4448const q = this.menuSearch.toLowerCase().trim(); 4449if (!q) { this.searchResults = []; return; } 4450this.searchResults = this.searchItems.filter(i => 4451(i.title.toLowerCase().includes(q) || i.desc.toLowerCase().includes(q)) && 4452(!this.selectedAudience || !i.audiences || i.audiences.length === 0 || i.audiences.includes(this.selectedAudience)) 4453); 4454}, 4455init() { 4456this.recomputeSearch(); 4457this.recomputeHidden(); 4458this.$watch('menuSearch', () => { this.recomputeSearch(); this.resetActive(); this.scheduleEscalation(); }); 4459this.$watch('selectedAudience', () => { this.recomputeSearch(); this.recomputeHidden(); this.resetActive(); }); 4460}, 4461getCookie(name) { 4462const m = document.cookie.match('(?:^|; )' + name + '=([^;]*)'); 4463try { return m ? JSON.parse(decodeURIComponent(m[1])) : null; } catch(e) { return null; } 4464}, 4465setCookie(name, value) { 4466const exp = new Date(Date.now() + 30 * 864e5).toUTCString(); 4467const d = '.ucc.edu.gh'; 4468document.cookie = name + '=' + encodeURIComponent(JSON.stringify(value)) + '; expires=' + exp + '; path=/; SameSite=Lax' + (d ? '; domain=' + d : ''); 4469}, 4470logMenuSearch() { 4471const term = this.menuSearch.trim(); 4472if (term.length < 2) return; 4473const key = term.toLowerCase(); 4474window._menuSearchLogged = window._menuSearchLogged || {}; 4475if (window._menuSearchLogged[key]) return; 4476window._menuSearchLogged[key] = true; 4477const items = this.searchResults; 4478const counts = items.reduce((acc, i) => { acc[i.tabKey] = (acc[i.tabKey] || 0) + 1; return acc; }, {}); 4479fetch('https://ucc.edu.gh/api/menu/search-log', { 4480method: 'POST', 4481headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, 4482body: JSON.stringify({ term, counts }), 4483keepalive: true, 4484}).catch(() => {}); 4485} 4486}" 4487x-trap="megaMenu && !isDesktop" 4488@keyup.escape.window="escapeCloseMenu()" 4489x-transition:enter="transition ease-out duration-300" 4490x-transition:enter-start="opacity-0 transform translate-y-full" 4491x-transition:enter-end="opacity-100 transform translate-y-0" 4492x-transition:leave="transition ease-in duration-150" 4493x-transition:leave-start="opacity-100 transform translate-y-0" 4494x-transition:leave-end="opacity-0 transform translate-y-full"> 4495<template x-if="megaMenu && !isDesktop"> 4496<div class="flex h-full w-full flex-col"> 4497<div class="shrink-0 flex flex-col bg-blue-900 dark:bg-neutral-900"> 4498<div class="flex w-full py-2 px-5 items-stretch justify-between gap-5 dark:border-neutral-700 dark:text-neutral-300"> 4499<a href="https://ucc.edu.gh" class="p-1.5 flex items-center" aria-label="University of Cape Coast - Go to homepage"> 4500<!--[if BLOCK]><![endif]--> 4501<picture> 4502<source type="image/webp" 4503srcset="https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white-2x.webp 530w, https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.webp 1352w" 4504sizes="(min-width: 768px) 265px, 165px" > 4505<img 4506src="https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.png" 4507alt="University of Cape Coast" 4508width="1352" 4509height="286" 4510style="aspect-ratio: 1352/286" 4511fetchpriority="high" 4512loading="eager" 4513class="h-10 w-auto" 4514> 4515</picture> 4516<!--[if ENDBLOCK]><![endif]--> 4517<span class="sr-only">University of Cape Coast</span> 4518</a> 4519<button 4520class="items-center flex gap-3 py-2 px-4 self-center bg-blue-900/70 dark:bg-neutral-800 dark:text-neutral-300 rounded-sm transition-all duration-200 hover:bg-blue-950/90 hover:shadow-md group" 4521@click="toggleMegaMenuActivity()" 4522aria-label="Close menu"> 4523<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-8 text-white transition-transform duration-300 group-hover:rotate-90 group-hover:scale-110" extraClasse
4523s="text-white transition-transform duration-300 group-hover:rotate-90 group-hover:scale-110" aria-hidden="true"> 4524<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /> 4525</svg> 4526<div class="sr-only text-white text-base font-semibold self-center my-auto"> 4527Close 4528</div> 4529</button> 4530</div> 4531<div class="border-t border-white/20 bg-white/[0.08] px-5"> 4532<div class="relative flex items-center"> 4533<div class="pointer-events-none absolute left-0 flex items-center ps-1" aria-hidden="true"> 4534<svg class="w-4 h-4 text-white/50" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4535<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-4.35-4.35M17 11A6 6 0 1 1 5 11a6 6 0 0 1 12 0z"/> 4536</svg> 4537</div> 4538<input 4539x-model.debounce.150ms="menuSearch" 4540type="text" 4541placeholder="Jump to a menu itemâ¦" 4542autocomplete="off" 4543aria-label="Jump to a menu item. This filters the menu, not the whole site." 4544role="combobox" 4545aria-controls="menu-results-mobile" 4546aria-autocomplete="list" 4547:aria-expanded="searchResults.length > 0 ? 'true' : 'false'" 4548:aria-activedescendant="activeDescendant()" 4549@keydown.arrow-down.prevent="moveActive(1)" 4550@keydown.arrow-up.prevent="moveActive(-1)" 4551@keydown.enter.prevent="submitMenuSearch()" 4552class="w-full bg-transparent text-white placeholder-white/60 text-sm ps-7 pe-8 py-3 focus:outline-none" 4553/> 4554<button 4555x-show="menuSearch.trim()" 4556@click="menuSearch = ''" 4557type="button" 4558aria-label="Clear search" 4559class="absolute right-0 flex items-center justify-center min-w-[44px] min-h-[44px] text-white/60 hover:text-white transition" 4560> 4561<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 4562<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> 4563</svg> 4564</button> 4565</div> 4566</div> 4567<!--[if BLOCK]><![endif]--> <div 4568class="border-t border-white/10 bg-white/[0.04] px-5 py-2" 4569x-show="!menuSearch.trim()" 4570@click.outside="closeList(false)" 4571x-data="audienceListbox({ prefix: 'menu-audience-mobile', values: JSON.parse('[\u0022\u0022,\u0022prospective_student\u0022,\u0022current_student\u0022,\u0022staff\u0022,\u0022researcher\u0022,\u0022visitor\u0022,\u0022alumni\u0022,\u0022parent\u0022]') })" 4572> 4573<button 4574type="button" 4575id="menu-audience-mobile-button" 4576x-ref="audienceButton" 4577aria-controls="menu-audience-mobile-listbox" 4578aria-haspopup="listbox" 4579@click="toggleList()" 4580@keydown.enter.stop.prevent="toggleList()" 4581@keydown.space.stop.prevent="toggleList()" 4582@keydown.arrow-down.stop.prevent="openList()" 4583@keydown.arrow-up.stop.prevent="openList()" 4584@keydown.escape.stop.prevent="closeList()" 4585:aria-expanded="audienceOpen.toString()" 4586:aria-label="'I am ' + (selectedAudience ? audienceLabels[selectedAudience] : 'Everyone')" 4587class="flex w-full items-center justify-between py-2.5 min-h-[44px] text-sm transition cursor-pointer select-none" 4588:class="selectedAudience ? 'text-white' : 'text-white/65'" 4589> 4590<span class="flex items-center gap-2"> 4591<svg class="w-4 h-4 shrink-0 opacity-80" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 4592<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/> 4593</svg> 4594<span class="text-white/55 text-xs font-medium">I am</span> 4595<span class="font-semibold text-xs" x-text="selectedAudience ? audienceLabels[selectedAudience] : 'Everyone'"></span> 4596</span> 4597<svg class="w-3.5 h-3.5 opacity-75 transition-transform duration-150 shrink-0" :class="audienceOpen ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 4598<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/> 4599</svg> 4600</button> 4601<div 4602x-cloak 4603x-show="audienceOpen" 4604x-transition:enter="transition ease-out duration-150" 4605x-transition:enter-start="opacity-0 -translate-y-1" 4606x-transition:enter-end="opacity-100 translate-y-0" 4607x-transition:leave="transition ease-in duration-100" 4608x-transition:leave-start="opacity-100" 4609x-transition:leave-end="opacity-0" 4610id="menu-audience-mobile-listbox" 4611x-ref="audienceList" 4612role="listbox"
4613tabindex="-1" 4614aria-label="Filter by audience" 4615:aria-activedescendant="audienceOpen ? activeOptionId : null" 4616@keydown.arrow-down.stop.prevent="moveActive(1)" 4617@keydown.arrow-up.stop.prevent="moveActive(-1)" 4618@keydown.home.stop.prevent="firstActive()" 4619@keydown.end.stop.prevent="lastActive()" 4620@keydown.enter.stop.prevent="selectActive()" 4621@keydown.space.stop.prevent="selectActive()" 4622@keydown.escape.stop.prevent="closeList()" 4623@keydown.tab="closeList(false)" 4624class="pb-2 outline-none" 4625> 4626<!--[if BLOCK]><![endif]--> <div 4627id="menu-audience-mobile-option-0" 4628role="option" 4629:aria-selected="(selectedAudience === '').toString()" 4630@click="selectIndex(0)" 4631@mousemove="activeIndex = 0" 4632class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4633:class="{ 4634'text-white font-semibold bg-white/10': selectedAudience === '', 4635'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== '', 4636'bg-white/10 text-white': activeIndex === 0, 4637}" 4638>Everyone</div> 4639<div 4640id="menu-audience-mobile-option-1" 4641role="option" 4642:aria-selected="(selectedAudience === 'prospective_student').toString()" 4643@click="selectIndex(1)" 4644@mousemove="activeIndex = 1" 4645class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4646:class="{ 4647'text-white font-semibold bg-white/10': selectedAudience === 'prospective_student', 4648'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'prospective_student', 4649'bg-white/10 text-white': activeIndex === 1, 4650}" 4651>Prospective Student</div> 4652<div 4653id="menu-audience-mobile-option-2" 4654role="option" 4655:aria-selected="(selectedAudience === 'current_student').toString()" 4656@click="selectIndex(2)" 4657@mousemove="activeIndex = 2" 4658class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4659:class="{ 4660'text-white font-semibold bg-white/10': selectedAudience === 'current_student', 4661'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'current_student', 4662'bg-white/10 text-white': activeIndex === 2, 4663}" 4664>Current Student</div> 4665<div 4666id="menu-audience-mobile-option-3" 4667role="option" 4668:aria-selected="(selectedAudience === 'staff').toString()" 4669@click="selectIndex(3)" 4670@mousemove="activeIndex = 3" 4671class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4672:class="{ 4673'text-white font-semibold bg-white/10': selectedAudience === 'staff', 4674'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'staff', 4675'bg-white/10 text-white': activeIndex === 3, 4676}" 4677>Staff</div> 4678<div 4679id="menu-audience-mobile-option-4" 4680role="option" 4681:aria-selected="(selectedAudience === 'researcher').toString()" 4682@click="selectIndex(4)" 4683@mousemove="activeIndex = 4" 4684class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4685:class="{ 4686'text-white font-semibold bg-white/10': selectedAudience === 'researcher', 4687'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'researcher', 4688'bg-white/10 text-white': activeIndex === 4, 4689}" 4690>Researcher</div> 4691<div 4692id="menu-audience-mobile-option-5" 4693role="option" 4694:aria-selected="(selectedAudience === 'visitor').toString()" 4695@click="selectIndex(5)" 4696@mousemove="activeIndex = 5" 4697class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4698:class="{ 4699'text-white font-semibold bg-white/10': selectedAudience === 'visitor', 4700'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'visitor', 4701'bg-white/10 text-white': activeIndex === 5, 4702}" 4703>Visitor</div> 4704<div 4705id="menu-audience-mobile-option-6" 4706role="option" 4707:aria-selected="(selectedAudience === 'alumni').toString()" 4708@click="selectIndex(6)" 4709@mousemove="activeIndex = 6" 4710class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4711:class="{ 4712'text-white font-semibold bg-white/10': selectedAudience === 'alumni', 4713'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'alumni', 4714'bg-white/10 text-white': activeIndex === 6, 4715}" 4716>Alumni</div> 4717<div 4718id="menu-audience-mobile-option-7" 4719role="option" 4720:aria-selected="(selectedAudience === 'parent').toString()" 4721@click="selectIndex(7)" 4722@mousemove="activeIndex = 7" 4723class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4724:class="{ 4725'text-white font-semibold bg-white/10': selectedAudience === 'parent', 4726'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'parent', 4727'bg-white/10 text-white': activeIndex === 7, 4728}" 4729>Parent</div> 4730<!--[if ENDBLOCK]><![endif]--> </div> 4731<div x-cloak 4732x-show="selectedAudience && !menuSearch.trim()" 4733role="status" 4734class="flex flex-wrap items-center gap-x-2 pb-1 text-xs"> 4735<span class="text-white/70 shrink-0">Viewing as:</span> 4736<span class="inline-flex items-center gap-1 rounded-full bg-white/15 ps-3 pe-0.5 font-semibold text-white"> 4737<span x-text="audienceLabels[selectedAudience] || selectedAudience"></span> 4738<button 4739type="button" 4740data-persona-clear 4741@click="clearAudience()"
4742aria-label="Show everything â clear this audience filter" 4743class="inline-flex items-center justify-center min-w-[44px] min-h-[44px] text-white/70 hover:text-white transition focus:outline-none focus-visible:ring-2 focus-visible:ring-white/70" 4744> 4745<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 4746<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"/> 4747</svg> 4748</button> 4749</span> 4750<span class="text-white/70 shrink-0" 4751x-show="hiddenCount > 0" 4752x-text="'(%d hidden)'.replace('%d', hiddenCount)"></span> 4753</div> 4754</div> 4755<!--[if ENDBLOCK]><![endif]--> </div> 4756<div class="flex-1 overflow-y-auto [scrollbar-width:none] px-5 pt-5 pb-16"> 4757<div x-cloak x-show="menuSearch.trim()" x-ref="menuResults"> 4758<div aria-live="polite" aria-atomic="true" class="sr-only" 4759x-text="searchResults.length > 0 ? searchResults.length + ' Results' : (menuSearch.trim() ? 'No items match your search.' : '')"> 4760</div> 4761<p class="text-blue-300 text-xs font-semibold uppercase tracking-widest mb-4">Results</p> 4762<div id="menu-results-mobile" 4763role="listbox" 4764aria-label="Results" 4765class="flex flex-col gap-y-1 pb-8"> 4766<template x-for="(item, index) in searchResults" :key="item.id + '_' + (item.breadcrumb || '')"> 4767<a :href="item.url" 4768role="option" 4769:id="'menu-option-mobile-' + index" 4770:aria-selected="isActive($el) ? 'true' : 'false'" 4771:class="isActive($el) ? 'bg-white/10 ring-2 ring-white/70' : ''" 4772@click="logMenuSearch()" 4773class="flex flex-col py-2.5 px-3 rounded-lg hover:bg-white/10 transition-colors"> 4774<span class="text-white text-sm font-medium" x-text="item.title"></span> 4775<span class="text-blue-200 text-xs mt-0.5 line-clamp-1" x-text="item.breadcrumb || item.desc"></span> 4776</a> 4777</template> 4778</div> 4779<div class="py-4" 4780x-cloak 4781x-show="menuSearch.trim() && searchResults.length === 0"> 4782<p class="text-blue-200 text-sm italic">No items match your search.</p> 4783<p class="text-blue-200 text-sm mt-1">Nothing in the menu matches â opening the full site searchâ¦</p> 4784</div> 4785</div> 4786<div x-show="!menuSearch.trim()"> 4787<div class="flex flex-col gap-y-5 *:text-white"> 4788<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div x-data="{ open: false }"> 4789<div @click.outside="open = false"> 4790<button 4791@click="open = !open" 4792:aria-expanded="open.toString()" 4793class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 4794> 4795<span class="text-2xl font-semibold tracking-wider relative" 4796:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 4797Academics 4798<span x-show="!open" class="absolute bottom-0 left-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4799</span> 4800</button> 4801<div x-cloak x-show="open" x-collapse class="mt-5"> 4802<div class="flex flex-col"> 4803<!--[if BLOCK]><![endif]--> 4804<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4805<!--[if BLOCK]><![endif]--> <a href="https://admissions.ucc.edu.gh/catalogue" 4806class="group bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 flex flex-col px-3 sm:px-5 py-6 sm:py-8 rounded-lg transition-all duration-300 hover:shadow-lg hover:bg-blue-950 dark:hover:bg-neutral-700 transform hover:-translate-y-1" 4807target="_self" 4808> 4809<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 4810<div class="text-white text-xl font-bold grow" 4811> 4812Explore all programmes 4813</div> 4814<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-8 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" extraClasses="text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1"> 4815<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 4816</svg> 4817<!--[if ENDBLOCK]><![endif]--> </div> 4818<div class="text-sm text-blue-100 mt-3.5"> 4819Invest in your future with our extensive range of programmes - Achieve a Degree, Diploma, or Certificate Today! 4820</div> 4821</a> 4822<!--[if ENDBLOCK]><![endif]--> 4823<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4824<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4825<!--[if BLOCK]><![endif]--> <a href="https://admissions.ucc.edu.gh/catalogue" 4826class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4827target="_self" 4828title="Browse programmes across all modes of study" 4829aria-label="Programmes & Learning: Browse programmes across all modes of study" 4830> 4831<!--[if BLOCK]><![endif]--> Programmes & Learning 4832<!--[if ENDBLOCK]><![endif]--> 4833<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4834<!--[if ENDBLOCK]><![endif]--> 4835<!--[if BLOCK]><![endif]--> <ul role="list" 4836aria-label="Items under Programmes & Learning" 4837class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 4838<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4839<a href="https://sgs.ucc.edu.gh" 4840class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4841target="_blank" 4842rel="noopener noreferrer" title="Explore postgraduate programmes and research opportunities" 4843aria-label="School of Graduate Studies: Explore postgraduate programmes and research opportunities" 4844> 4845<!--[if BLOCK]><![endif]--> School of Graduate Studies 4846<!--[if ENDBLOCK]><![endif]--> 4847<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4848</li> 4849<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4850<a href="https://code.ucc.edu.gh" 4851class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4852target="_blank" 4853rel="noopener noreferrer" title="Information about distance and continuing education programmes" 4854aria-label="Distance Education: Information about distance and continuing education programmes" 4855> 4856<!--[if BLOCK]><![endif]--> Distance Education 4857<!--[if ENDBLOCK]><![endif]--> 4858<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4859</li> 4860<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4861<a href="https://international.ucc.edu.gh" 4862class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4863target="_blank" 4864rel="noopener noreferrer" title="Resources for international students and partnerships" 4865aria-label="International Education: Resources for international students and partnerships" 4866> 4867<!--[if BLOCK]><![endif]--> International Education 4868<!--[if ENDBLOCK]><![endif]--> 4869<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4870</li> 4871<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4872<a href="https://elearning.ucc.edu.gh" 4873class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4874target="_blank" 4875rel="noopener noreferrer" title="Access online courses and learning materials" 4876aria-label="Elearning Portal: Access online courses and learning materials" 4877> 4878<!--[if BLOCK]><![endif]--> Elearning Portal 4879<!--[if ENDBLOCK]><![endif]--> 4880<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4881</li> 4882<!--[if ENDBLOCK]><![endif]--> </ul> 4883<!--[if ENDBLOCK]><![endif]--> </div> 4884<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4885<!--[if BLOCK]><![endif]--> <a href="https://academics.ucc.edu.gh/colleges" 4886class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4887target="_self" 4888title="Explore colleges, faculties, departments and other academic units" 4889aria-label="Academic Structure: Explore colleges, faculties, departments and other academic units" 4890> 4891<!--[if BLOCK]><![endif]--> Academic Structure 4892<!--[if ENDBLOCK]><![endif]--> 4893<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4894<!--[if ENDBLOCK]><![endif]--> 4895<!--[if BLOCK]><![endif]--> <ul role="list" 4896aria-label="Items under Academic Structure" 4897class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 4898<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4899<a href="https://academics.ucc.edu.gh/colleges" 4900class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4901target="_self" 4902title="Browse all academic colleges and their programmes" 4903aria-label="Colleges: Browse all academic colleges and their programmes" 4904> 4905<!--[if BLOCK]><![endif]--> Colleges 4906<!--[if ENDBLOCK]><![endif]--> 4907<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4908</li> 4909<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4910<a href="https://academics.ucc.edu.gh/faculties.schools" 4911class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4912target="_self" 4913title="Explore faculties and schools across the university" 4914aria-label="Faculties & Schools: Explore faculties and schools across the university" 4915> 4916<!--[if BLOCK]><![endif]--> Faculties & Schools 4917<!--[if ENDBLOCK]><![endif]--> 4918<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4919</li> 4920<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4921<a href="https://academics.ucc.edu.gh/departments" 4922class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4923target="_self" 4924title="Discover academic departments and their programmes" 4925aria-label="Departments: Discover academic departments and their programmes" 4926> 4927<!--[if BLOCK]><![endif]--> Departments 4928<!--[if ENDBLOCK]><![endif]--> 4929<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4930</li> 4931<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4932<a href="https://academics.ucc.edu.gh/centres" 4933class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4934target="_self" 4935title="Explore research and excellence centres" 4936aria-label="Centres: Explore research and excellence centres" 4937> 4938<!--[if BLOCK]><![endif]--> Centres 4939<!--[if ENDBLOCK]><![endif]--> 4940<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4941</li> 4942<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4943<a href="https://academics.ucc.edu.gh/institutions" 4944class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4945target="_self" 4946title="Browse academic institutions and their offerings" 4947aria-label="Institutions: Browse academic institutions and their offerings" 4948> 4949<!--[if BLOCK]><![endif]--> Institutions 4950<!--[if ENDBLOCK]><![endif]--> 4951<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4952</li> 4953<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4954<a href="https://academics.ucc.edu.gh/units" 4955class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4956target="_self" 4957title="View academic and administrative units" 4958aria-label="Units: View academic and administrative units" 4959> 4960<!--[if BLOCK]><![endif]--> Units 4961<!--[if ENDBLOCK]><![endif]--> 4962<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4963</li> 4964<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4965<a href="https://academics.ucc.edu.gh/affiliated-institutions" 4966class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4967target="_self" 4968title="Learn about institutions affiliated with UCC" 4969aria-label="Affiliate Institutions: Learn about institutions affiliated with UCC" 4970> 4971<!--[if BLOCK]><![endif]--> Affiliate Institutions 4972<!--[if ENDBLOCK]><![endif]--> 4973<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4974</li> 4975<!--[if ENDBLOCK]><![endif]--> </ul> 4976<!--[if ENDBLOCK]><![endif]--> </div> 4977<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4978<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/applicants-and-students" 4979class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4980target="_self" 4981wire:navigate title="Information and support for prospective and current students" 4982aria-label="Student Resources: Information and support for prospective and current students" 4983> 4984<!--[if BLOCK]><![endif]--> Student Resources 4985<!--[if ENDBLOCK]><![endif]--> 4986<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4987<!--[if ENDBLOCK]><![endif]--> 4988<!--[if BLOCK]><![endif]--> <ul role="list" 4989aria-label="Items under Student Resources" 4990class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 4991<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4992<a href="https://ucc.edu.gh/main/applicants-and-students" 4993class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 4994target="_self" 4995wire:navigate title="Resources and information for prospective and current students" 4996aria-label="Applicants and Students: Resources and information for prospective and current students" 4997> 4998<!--[if BLOCK]><![endif]--> Applicants and Students 4999<!--[if ENDBLOCK]><![endif]--> 5000<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5001</li> 5002<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5003<a href="https://academics.ucc.edu.gh/academic-calendar" 5004class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5005target="_self" 5006title="View important dates and academic schedules" 5007aria-label="Academic Calendar: View important dates and academic schedules" 5008> 5009<!--[if BLOCK]><![endif]--> Academic Calendar 5010<!--[if ENDBLOCK]><![endif]--> 5011<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5012</li> 5013<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5014<a href="https://stufso.ucc.edu.gh" 5015class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-transl
5015ate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5016target="_blank" 5017rel="noopener noreferrer" title="Explore scholarships and financial aid options" 5018aria-label="Financial Support: Explore scholarships and financial aid options" 5019> 5020<!--[if BLOCK]><![endif]--> Financial Support 5021<!--[if ENDBLOCK]><![endif]--> 5022<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5023</li> 5024<!--[if ENDBLOCK]><![endif]--> </ul> 5025<!--[if ENDBLOCK]><![endif]--> </div> 5026<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5027<!--[if BLOCK]><![endif]--> <a href="https://library.ucc.edu.gh" 5028class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5029target="_blank" 5030rel="noopener noreferrer" title="Access the Sam Jonah Library and learning resources" 5031aria-label="Library: Access the Sam Jonah Library and learning resources" 5032> 5033<!--[if BLOCK]><![endif]--> Library 5034<!--[if ENDBLOCK]><![endif]--> 5035<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5036<!--[if ENDBLOCK]><![endif]--> 5037<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5038<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5039<!--[if BLOCK]><![endif]--> <a href="https://journal.ucc.edu.gh" 5040class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5041target="_blank" 5042rel="noopener noreferrer" title="Explore academic journals and publications" 5043aria-label="UCC Journals: Explore academic journals and publications" 5044> 5045<!--[if BLOCK]><![endif]--> UCC Journals 5046<!--[if ENDBLOCK]><![endif]--> 5047<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5048<!--[if ENDBLOCK]><![endif]--> 5049<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5050<!--[if ENDBLOCK]><![endif]--> </div> 5051</div> 5052</div> 5053</div> 5054<div x-data="{ open: false }"> 5055<div @click.outside="open = false"> 5056<button 5057@click="open = !open" 5058:aria-expanded="open.toString()" 5059class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 5060> 5061<span class="text-2xl font-semibold tracking-wider relative" 5062:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 5063Admissions 5064<span x-show="!open" class="absolute bottom-0 left-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 5065</span> 5066</button> 5067<div x-cloak x-show="open" x-collapse class="mt-5"> 5068<div class="flex flex-col"> 5069<!--[if BLOCK]><![endif]--> 5070<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5071<!--[if BLOCK]><![endif]--> <a href="https://admissions.ucc.edu.gh" 5072class="group bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 flex flex-col px-3 sm:px-5 py-6 sm:py-8 rounded-lg transition-all duration-300 hover:shadow-lg hover:bg-blue-950 dark:hover:bg-neutral-700 transform hover:-translate-y-1" 5073target="_self" 5074> 5075<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 5076<div class="text-white text-xl font-bold grow" 5077> 5078Experience what UCC can offer you 5079</div> 5080<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-8 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" extraClasses="text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1"> 5081<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 5082</svg> 5083<!--[if ENDBLOCK]><![endif]--> </div> 5084<div class="text-sm text-blue-100 mt-3.5"> 5085Explore our admissions domain to learn about entry requirements, available programmes, and how to begin your academic journey with us. 5086</div> 5087</a> 5088<!--[if ENDBLOCK]><![endif]--> 5089<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5090<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5091<!--[if BLOCK]><![endif]--> <a href="https://admissions.ucc.edu.gh/how-to-apply" 5092class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5093target="_self" 5094title="Everything you need to apply to UCC" 5095aria-label="Apply: Everything you need to apply to UCC" 5096> 5097<!--[if BLOCK]><![endif]--> Apply 5098<!--[if ENDBLOCK]><![endif]--> 5099<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5100<!--[if ENDBLOCK]><![endif]--> 5101<!--[if BLOCK]><![endif]--> <ul role="list" 5102aria-label="Items under Apply" 5103class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5104<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5105<a href="https://admissions.ucc.edu.gh/how-to-apply" 5106class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5107target="_self" 5108title="Step-by-step guide to applying for a programme at UCC" 5109aria-label="How to Apply: Step-by-step guide to applying for a programme at UCC" 5110> 5111<!--[if BLOCK]><![endif]--> How to Apply 5112<!--[if ENDBLOCK]><![endif]--> 5113<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5114</li> 5115<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5116<a href="https://admissions.ucc.edu.gh/catalogue/programme/requirements" 5117class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5118target="_self" 5119title="Learn about entry requirements and qualifications" 5120aria-label="Admission Requirements: Learn about entry requirements and qualifications" 5121> 5122<!--[if BLOCK]><![endif]--> Admission Requirements 5123<!--[if ENDBLOCK]><![endif]--> 5124<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5125</li> 5126<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5127<a href="https://admissions.ucc.edu.gh/catalogue/programme/cut-off-points" 5128class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5129target="_self" 5130title="View minimum entry requirements for programmes" 5131aria-label="Cut-Off Points: View minimum entry requirements for programmes" 5132> 5133<!--[if BLOCK]><![endif]--> Cut-Off Points 5134<!--[if ENDBLOCK]><![endif]--> 5135<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5136</li> 5137<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5138<a href="https://admissionlist.ucc.edu.gh/online_letters/admList.php" 5139class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5140target="_blank" 5141rel="noopener noreferrer" title="Check admission status and download admission letters" 5142aria-label="Admission List: Check admission status and download admission letters" 5143> 5144<!--[if BLOCK]><![endif]--> Admission List 5145<!--[if ENDBLOCK]><![endif]--> 5146<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5147</li> 5148<!--[if ENDBLOCK]><![endif]--> </ul> 5149<!--[if ENDBLOCK]><![endif]--> </div> 5150<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5151<!--[if BLOCK]><![endif]--> <a href="https://admissions.ucc.edu.gh/catalogue" 5152class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5153target="_self" 5154title="Explore available programmes by department" 5155aria-label="Browse Programmes: Explore available programmes by department" 5156> 5157<!--[if BLOCK]><![endif]--> Browse Programmes 5158<!--[if ENDBLOCK]><![endif]--> 5159<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5160<!--[if ENDBLOCK]><![endif]--> 5161<!--[if BLOCK]><![endif]--> <ul role="list" 5162aria-label="Items under Browse Programmes" 5163class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5164<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5165<a href="https://admissions.ucc.edu.gh/catalogue" 5166class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5167target="_self" 5168title="Browse all available undergraduate and postgraduate programmes" 5169aria-label="Programmes Catalogue: Browse all available undergraduate and postgraduate programmes" 5170> 5171<!--[if BLOCK]><![endif]--> Programmes Catalogue 5172<!--[if ENDBLOCK]><![endif]--> 5173<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5174</li> 5175<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5176<a href="https://admissions.ucc.edu.gh/catalogue/departments" 5177class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5178target="_self" 5179title="View programmes offered by academic departments" 5180aria-label="Departments: View programmes offered by academic departments" 5181> 5182<!--[if BLOCK]><![endif]--> Departments 5183<!--[if ENDBLOCK]><![endif]--> 5184<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5185</li> 5186<!--[if ENDBLOCK]><![endif]--> </ul> 5187<!--[if ENDBLOCK]><![endif]--> </div> 5188<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5189<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements?type=admission" 5190class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5191target="_self" 5192wire:navigate title="Latest admission-related news and updates" 5193aria-label="Announcements: Latest admission-related news and updates" 5194> 5195<!--[if BLOCK]><![endif]--> Announcements 5196<!--[if ENDBLOCK]><![endif]--> 5197<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5198<!--[if ENDBLOCK]><![endif]--> 5199<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5200<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5201<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/applicants-and-students" 5202class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5203target="_self" 5204wire:navigate title="Essential information for applicants and students" 5205aria-label="Applicants and Students: Essential information for applicants and students" 5206> 5207<!--[if BLOCK]><![endif]--> Applicants and Students 5208<!--[if ENDBLOCK]><![endif]--> 5209<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5210<!--[if ENDBLOCK]><![endif]--> 5211<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5212<!--[if ENDBLOCK]><![endif]--> </div> 5213</div> 5214</div> 5215</div> 5216<div x-data="{ open: false }"> 5217<div @click.outside="open = false"> 5218<button 5219@click="open = !open" 5220:aria-expanded="open.toString()" 5221class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 5222> 5223<span class="text-2xl font-semibold tracking-wider relative" 5224:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 5225Explore UCC 5226<span x-show="!open" class="absolute bottom-0 left-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 5227</span> 5228</button> 5229<div x-cloak x-show="open" x-collapse class="mt-5"> 5230<div class="flex flex-col"> 5231<!--[if BLOCK]><![endif]--> 5232<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5233<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/explore-ucc/corporate-strategic-plan" 5234class="group bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 flex flex-col px-3 sm:px-5 py-6 sm:py-8 rounded-lg transition-all duration-300 hover:shadow-lg hover:bg-blue-950 dar
5234k:hover:bg-neutral-700 transform hover:-translate-y-1" 5235target="_self" 5236wire:navigate > 5237<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 5238<div class="text-white text-xl font-bold grow" 5239> 5240Corporate Strategic Plan 5241</div> 5242<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-8 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" extraClasses="text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1"> 5243<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 5244</svg> 5245<!--[if ENDBLOCK]><![endif]--> </div> 5246<div class="text-sm text-blue-100 mt-3.5"> 5247Explore the University's compelling Vision, Mission, and Values, as well as its Strategic Plan for Advancing Tertiary Education. Discover how the university's dedication to excellence and innovation can help shape your future and contribute to the development of a brighter tomorrow. 5248</div> 5249</a> 5250<!--[if ENDBLOCK]><![endif]--> 5251<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5252<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5253<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/about" 5254class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5255target="_self" 5256wire:navigate title="History, achievements, and key facts about UCC" 5257aria-label="About the University: History, achievements, and key facts about UCC" 5258> 5259<!--[if BLOCK]><![endif]--> About the University 5260<!--[if ENDBLOCK]><![endif]--> 5261<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5262<!--[if ENDBLOCK]><![endif]--> 5263<!--[if BLOCK]><![endif]--> <ul role="list" 5264aria-label="Items under About the University" 5265class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5266<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5267<a href="https://ucc.edu.gh/main/about" 5268class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5269target="_self" 5270wire:navigate title="Learn about UCC's rich history and heritage" 5271aria-label="History: Learn about UCC's rich history and heritage" 5272> 5273<!--[if BLOCK]><![endif]--> History 5274<!--[if ENDBLOCK]><![endif]--> 5275<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5276</li> 5277<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5278<a href="#" 5279class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5280target="_self" 5281title="Discover UCC's recognitions and accomplishments" 5282aria-label="Awards and Achievements: Discover UCC's recognitions and accomplishments" 5283> 5284<!--[if BLOCK]><![endif]--> Awards and Achievements 5285<!--[if ENDBLOCK]><![endif]--> 5286<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5287</li> 5288<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5289<a href="#" 5290class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5291target="_self" 5292title="View key facts and figures about the university" 5293aria-label="Summary Statistics: View key facts and figures about the university" 5294> 5295<!--[if BLOCK]><![endif]--> Summary Statistics 5296<!--[if ENDBLOCK]><![endif]--> 5297<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5298</li> 5299<!--[if ENDBLOCK]><![endif]--> </ul> 5300<!--[if ENDBLOCK]><![endif]--> </div> 5301<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5302<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/publications" 5303class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5304target="_self" 5305wire:navigate title="Publications, policies, reports, and official forms" 5306aria-label="Official Documents: Publications, policies, reports, and official forms" 5307> 5308<!--[if BLOCK]><![endif]--> Official Documents 5309<!--[if ENDBLOCK]><![endif]--> 5310<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5311<!--[if ENDBLOCK]><![endif]--> 5312<!--[if BLOCK]><![endif]--> <ul role="list" 5313aria-label="Items under Official Documents" 5314class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5315<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5316<a href="https://ucc.edu.gh/main/publications" 5317class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5318target="_self" 5319wire:navigate title="Browse university publications and documents" 5320aria-label="Publications: Browse university publications and documents" 5321> 5322<!--[if BLOCK]><![endif]--> Publications 5323<!--[if ENDBLOCK]><![endif]--> 5324<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5325</li> 5326<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5327<a href="https://ucc.edu.gh/main/publications/policies" 5328class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5329target="_self" 5330wire:navigate title="Access university policies and guidelines" 5331aria-label="Policies: Access university policies and guidelines" 5332> 5333<!--[if BLOCK]><![endif]--> Policies 5334<!--[if ENDBLOCK]><![endif]--> 5335<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5336</li> 5337<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5338<a href="https://ucc.edu.gh/main/publications/reports" 5339class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5340target="_self" 5341wire:navigate title="Read institutional reports and documents" 5342aria-label="Reports: Read institutional reports and documents" 5343> 5344<!--[if BLOCK]><![endif]--> Reports 5345<!--[if ENDBLOCK]><![endif]--> 5346<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5347</li> 5348<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5349<a href="https://ucc.edu.gh/main/publications/forms" 5350class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5351target="_self" 5352wire:navigate title="Download official forms and templates" 5353aria-label="Forms: Download official forms and templates" 5354> 5355<!--[if BLOCK]><![endif]--> Forms 5356<!--[if ENDBLOCK]><![endif]--> 5357<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5358</li> 5359<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5360<a href="https://ucc.edu.gh/main/publications/statutes" 5361class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5362target="_self" 5363wire:navigate title="Review the university's statutes and regulations" 5364aria-label="Statutes of UCC: Review the university's statutes and regulations" 5365> 5366<!--[if BLOCK]><![endif]--> Statutes of UCC 5367<!--[if ENDBLOCK]><![endif]--> 5368<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5369</li> 5370<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5371<a href="https://ucc.edu.gh/main/publications/bookpaper-collaborations" 5372class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5373target="_self" 5374wire:navigate title="Explore collaborative research publications" 5375aria-label="Book/Paper Collaborations: Explore collaborative research publications" 5376> 5377<!--[if BLOCK]><![endif]--> Book/Paper Collaborations 5378<!--[if ENDBLOCK]><![endif]--> 5379<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5380</li> 5381<!--[if ENDBLOCK]><![endif]--> </ul> 5382<!--[if ENDBLOCK]><![endif]--> </div> 5383<!--[if ENDBLOCK]><![endif]--> </div> 5384</div> 5385</div> 5386</div> 5387<div x-data="{ open: false }"> 5388<div @click.outside="open = false"> 5389<button 5390@click="open = !open" 5391:aria-expanded="open.toString()" 5392class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 5393> 5394<span class="text-2xl font-semibold tracking-wider relative" 5395:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 5396Governance 5397<span x-show="!open" class="absolute bottom-0 left-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 5398</span> 5399</button> 5400<div x-cloak x-show="open" x-collapse class="mt-5"> 5401<div class="flex flex-col"> 5402<!--[if BLOCK]><![endif]--> 5403<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5404<!--[if BLOCK]><![endif]--> <a href="https://governance.ucc.edu.gh/university-council" 5405class="group bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 flex flex-col px-3 sm:px-5 py-6 sm:py-8 rounded-lg transition-all duration-300 hover:shadow-lg hover:bg-blue-950 dar
5405k:hover:bg-neutral-700 transform hover:-translate-y-1" 5406target="_self" 5407> 5408<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 5409<div class="text-white text-xl font-bold grow" 5410> 5411Governance and Administration 5412</div> 5413<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-8 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" extraClasses="text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1"> 5414<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 5415</svg> 5416<!--[if ENDBLOCK]><![endif]--> </div> 5417<div class="text-sm text-blue-100 mt-3.5"> 5418Governance and Administration ensure the university operates effectively, with decision-making bodies guiding strategy and leadership, while the administration manages daily operations. 5419</div> 5420</a> 5421<!--[if ENDBLOCK]><![endif]--> 5422<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5423<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5424<!--[if BLOCK]><![endif]--> <a href="https://governance.ucc.edu.gh/principal-officers" 5425class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5426target="_self" 5427title="The Chancellor, Vice-Chancellor, and principal officers" 5428aria-label="Executive Leadership: The Chancellor, Vice-Chancellor, and principal officers" 5429> 5430<!--[if BLOCK]><![endif]--> Executive Leadership 5431<!--[if ENDBLOCK]><![endif]--> 5432<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5433<!--[if ENDBLOCK]><![endif]--> 5434<!--[if BLOCK]><![endif]--> <ul role="list" 5435aria-label="Items under Executive Leadership" 5436class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5437<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5438<a href="https://chancellor.ucc.edu.gh" 5439class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5440target="_self" 5441title="Meet the Chancellor of the university" 5442aria-label="The Chancellor: Meet the Chancellor of the university" 5443> 5444<!--[if BLOCK]><![endif]--> The Chancellor 5445<!--[if ENDBLOCK]><![endif]--> 5446<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5447</li> 5448<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5449<a href="https://pro-chancellor.ucc.edu.gh" 5450class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5451target="_self" 5452title="Learn about the Pro Chancellor's role and responsibilities" 5453aria-label="The Pro Chancellor: Learn about the Pro Chancellor's role and responsibilities" 5454> 5455<!--[if BLOCK]><![endif]--> The Pro Chancellor 5456<!--[if ENDBLOCK]><![endif]--> 5457<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5458</li> 5459<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5460<a href="https://vc.ucc.edu.gh" 5461class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5462target="_self" 5463title="Learn about the Vice-Chancellor's vision and leadership" 5464aria-label="The Vice-Chancellor: Learn about the Vice-Chancellor's vision and leadership" 5465> 5466<!--[if BLOCK]><![endif]--> The Vice-Chancellor 5467<!--[if ENDBLOCK]><![endif]--> 5468<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5469</li> 5470<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5471<a href="https://pvc.ucc.edu.gh" 5472class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5473target="_self" 5474title="Meet the Pro Vice-Chancellor" 5475aria-label="The Pro Vice-Chancellor: Meet the Pro Vice-Chancellor" 5476> 5477<!--[if BLOCK]><![endif]--> The Pro Vice-Chancellor 5478<!--[if ENDBLOCK]><![endif]--> 5479<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5480</li> 5481<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)">
5482<a href="https://registrar.ucc.edu.gh" 5483class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5484target="_self" 5485title="Learn about the Registrar's office and services" 5486aria-label="The Registrar: Learn about the Registrar's office and services" 5487> 5488<!--[if BLOCK]><![endif]--> The Registrar 5489<!--[if ENDBLOCK]><![endif]--> 5490<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5491</li> 5492<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5493<a href="https://librarian.ucc.edu.gh" 5494class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5495target="_self" 5496title="Meet the University Librarian" 5497aria-label="The Librarian: Meet the University Librarian" 5498> 5499<!--[if BLOCK]><![endif]--> The Librarian 5500<!--[if ENDBLOCK]><![endif]--> 5501<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5502</li> 5503<!--[if ENDBLOCK]><![endif]--> </ul> 5504<!--[if ENDBLOCK]><![endif]--> </div> 5505<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5506<!--[if BLOCK]><![endif]--> <a href="https://governance.ucc.edu.gh/university-council" 5507class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5508target="_self" 5509title="University Council and principal officers" 5510aria-label="Governance Bodies: University Council and principal officers" 5511> 5512<!--[if BLOCK]><![endif]--> Governance Bodies 5513<!--[if ENDBLOCK]><![endif]--> 5514<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5515<!--[if ENDBLOCK]><![endif]--> 5516<!--[if BLOCK]><![endif]--> <ul role="list" 5517aria-label="Items under Governance Bodies" 5518class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5519<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5520<a href="https://governance.ucc.edu.gh/university-council" 5521class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5522target="_self" 5523title="View the governing body of the university" 5524aria-label="University Council: View the governing body of the university" 5525> 5526<!--[if BLOCK]><![endif]--> University Council 5527<!--[if ENDBLOCK]><![endif]--> 5528<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5529</li> 5530<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5531<a href="https://governance.ucc.edu.gh/principal-officers" 5532class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5533target="_self" 5534title="Meet the key leadership of the university" 5535aria-label="Principal Officers: Meet the key leadership of the university" 5536> 5537<!--[if BLOCK]><![endif]--> Principal Officers 5538<!--[if ENDBLOCK]><![endif]--> 5539<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5540</li> 5541<!--[if ENDBLOCK]><![endif]--> </ul> 5542<!--[if ENDBLOCK]><![endif]--> </div> 5543<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5544<!--[if BLOCK]><![endif]--> <a href="https://governance.ucc.edu.gh/deans" 5545class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5546target="_self" 5547title="Provosts, deans, directors, and department heads" 5548aria-label="Academic Leadership: Provosts, deans, directors, and department heads" 5549> 5550<!--[if BLOCK]><![endif]--> Academic Leadership 5551<!--[if ENDBLOCK]><![endif]--> 5552<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5553<!--[if ENDBLOCK]><![endif]--> 5554<!--[if BLOCK]><![endif]--> <ul role="list" 5555aria-label="Items under Academic Leadership" 5556class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5557<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5558<a href="https://governance.ucc.edu.gh/provosts" 5559class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5560target="_self" 5561title="View college provosts and their leadership" 5562aria-label="Provosts: View college provosts and their leadership" 5563> 5564<!--[if BLOCK]><![endif]--> Provosts 5565<!--[if ENDBLOCK]><![endif]--> 5566<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5567</li> 5568<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5569<a href="https://governance.ucc.edu.gh/directors" 5570class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5571target="_self" 5572title="Browse directors of various units and centres" 5573aria-label="Directors: Browse directors of various units and centres" 5574> 5575<!--[if BLOCK]><![endif]--> Directors 5576<!--[if ENDBLOCK]><![endif]--> 5577<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5578</li> 5579<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5580<a href="https://governance.ucc.edu.gh/deans" 5581class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5582target="_self" 5583title="Meet the deans of faculties and schools" 5584aria-label="Deans: Meet the deans of faculties and schools" 5585> 5586<!--[if BLOCK]><![endif]--> Deans 5587<!--[if ENDBLOCK]><![endif]--> 5588<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5589</li> 5590<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5591<a href="https://governance.ucc.edu.gh/head-departments" 5592class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5593target="_self" 5594title="View heads of academic departments" 5595aria-label="Heads of Department: View heads of academic departments" 5596> 5597<!--[if BLOCK]><![endif]--> Heads of Department 5598<!--[if ENDBLOCK]><![endif]--> 5599<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5600</li> 5601<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5602<a href="https://governance.ucc.edu.gh/head-sections" 5603class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5604target="_self" 5605title="Browse heads of administrative sections" 5606aria-label="Heads of Section: Browse heads of administrative sections" 5607> 5608<!--[if BLOCK]><![endif]--> Heads of Section 5609<!--[if ENDBLOCK]><![endif]--> 5610<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5611</li> 5612<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5613<a href="https://governance.ucc.edu.gh/heads" 5614class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5615target="_self" 5616title="View all heads across the university" 5617aria-label="Heads: View all heads across the university" 5618> 5619<!--[if BLOCK]><![endif]--> Heads 5620<!--[if ENDBLOCK]><![endif]--> 5621<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5622</li> 5623<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5624<a href="https://governance.ucc.edu.gh/coordinators" 5625class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5626target="_self" 5627title="Browse programme and unit coordinators" 5628aria-label="Coordinators: Browse programme and unit coordinators" 5629> 5630<!--[if BLOCK]><![endif]--> Coordinators 5631<!--[if ENDBLOCK]><![endif]--> 5632<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5633</li> 5634<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5635<a href="https://governance.ucc.edu.gh/hall-master-wardens" 5636class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5637target="_self" 5638title="Meet the hall masters and wardens" 5639aria-label="Hall Masters and Wardens: Meet the hall masters and wardens" 5640> 5641<!--[if BLOCK]><![endif]--> Hall Masters and Wardens 5642<!--[if ENDBLOCK]><![endif]--> 5643<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5644</li> 5645<!--[if ENDBLOCK]><![endif]--> </ul> 5646<!--[if ENDBLOCK]><![endif]--> </div> 5647<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5648<!--[if BLOCK]><![endif]--> <a href="https://directory.ucc.edu.gh" 5649class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5650target="_self" 5651title="Search and browse staff profiles across the university" 5652aria-label="Staff Directory: Search and browse staff profiles across the university" 5653> 5654<!--[if BLOCK]><![endif]--> Staff Directory 5655<!--[if ENDBLOCK]><![endif]--> 5656<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5657<!--[if ENDBLOCK]><![endif]--> 5658<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5659<!--[if ENDBLOCK]><![endif]--> </div> 5660</div> 5661</div> 5662</div> 5663<div x-data="{ open: false }"> 5664<div @click.outside="open = false"> 5665<button 5666@click="open = !open" 5667:aria-expanded="open.toString()" 5668class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 5669> 5670<span class="text-2xl font-semibold tracking-wider relative" 5671:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 5672Campus 5673<span x-show="!open" class="absolute bottom-0 left-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 5674</span> 5675</button> 5676<div x-cloak x-show="open" x-collapse class="mt-5"> 5677<div class="flex flex-col"> 5678<!--[if BLOCK]><![endif]--> 5679<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5680<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/explore-ucc/our-campu
5680s" 5681class="group bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 flex flex-col px-3 sm:px-5 py-6 sm:py-8 rounded-lg transition-all duration-300 hover:shadow-lg hover:bg-blue-950 dark:hover:bg-neutral-700 transform hover:-translate-y-1" 5682target="_self" 5683wire:navigate > 5684<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 5685<div class="text-white text-xl font-bold grow" 5686> 5687Our Campus 5688</div> 5689<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-8 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" extraClasses="text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1"> 5690<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 5691</svg> 5692<!--[if ENDBLOCK]><![endif]--> </div> 5693<div class="text-sm text-blue-100 mt-3.5"> 5694Discover the University of Cape Coast campus â its facilities, halls of residence, green spaces, and vibrant campus life. Whether you are a prospective or current student, explore everything that makes UCC home. 5695</div> 5696</a> 5697<!--[if ENDBLOCK]><![endif]--> 5698<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5699<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5700<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/explore-ucc/our-campus" 5701class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5702target="_self" 5703wire:navigate title="Libraries, halls, and sports facilities" 5704aria-label="Facilities: Libraries, halls, and sports facilities" 5705> 5706<!--[if BLOCK]><![endif]--> Facilities 5707<!--[if ENDBLOCK]><![endif]--> 5708<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5709<!--[if ENDBLOCK]><![endif]--> 5710<!--[if BLOCK]><![endif]--> <ul role="list" 5711aria-label="Items under Facilities" 5712class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5713<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5714<a href="https://library.ucc.edu.gh" 5715class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5716target="_blank" 5717rel="noopener noreferrer" title="Access the Sam Jonah Library and other learning spaces on campus" 5718aria-label="Libraries: Access the Sam Jonah Library and other learning spaces on campus" 5719> 5720<!--[if BLOCK]><![endif]--> Libraries 5721<!--[if ENDBLOCK]><![endif]--> 5722<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5723</li> 5724<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5725<a href="#" 5726class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5727target="_self" 5728title="Learn about residential halls and accommodation on campus" 5729aria-label="Halls: Learn about residential halls and accommodation on campus" 5730> 5731<!--[if BLOCK]><![endif]--> Halls 5732<!--[if ENDBLOCK]><![endif]--> 5733<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5734</li> 5735<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5736<a href="#" 5737class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5738target="_self" 5739title="Explore sports facilities and athletic programmes at UCC" 5740aria-label="Sports: Explore sports facilities and athletic programmes at UCC" 5741> 5742<!--[if BLOCK]><![endif]--> Sports 5743<!--[if ENDBLOCK]><![endif]--> 5744<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5745</li> 5746<!--[if ENDBLOCK]><![endif]--> </ul> 5747<!--[if ENDBLOCK]><![endif]--> </div> 5748<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5749<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/explore-ucc/our-campu
5749s" 5750class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5751target="_self" 5752wire:navigate title="Events, activities, and student life on campus" 5753aria-label="Life at UCC: Events, activities, and student life on campus" 5754> 5755<!--[if BLOCK]><![endif]--> Life at UCC 5756<!--[if ENDBLOCK]><![endif]--> 5757<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5758<!--[if ENDBLOCK]><![endif]--> 5759<!--[if BLOCK]><![endif]--> <ul role="list" 5760aria-label="Items under Life at UCC" 5761class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5762<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5763<a href="#" 5764class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5765target="_self" 5766title="Information about matriculation ceremonies and registration" 5767aria-label="Matriculation: Information about matriculation ceremonies and registration" 5768> 5769<!--[if BLOCK]><![endif]--> Matriculation 5770<!--[if ENDBLOCK]><![endif]--> 5771<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5772</li> 5773<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5774<a href="https://events.ucc.edu.gh" 5775class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5776target="_self" 5777title="Discover upcoming campus events and activities" 5778aria-label="Events: Discover upcoming campus events and activities" 5779> 5780<!--[if BLOCK]><![endif]--> Events 5781<!--[if ENDBLOCK]><![endif]--> 5782<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5783</li> 5784<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5785<a href="https://ucc.edu.gh/main/explore-ucc/recreational-and-social-activities" 5786class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5787target="_self" 5788wire:navigate title="Discover clubs, societies, and social activities" 5789aria-label="Recreation and Social Activities: Discover clubs, societies, and social activities" 5790> 5791<!--[if BLOCK]><![endif]--> Recreation and Social Activities 5792<!--[if ENDBLOCK]><![endif]--> 5793<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5794</li> 5795<!--[if ENDBLOCK]><![endif]--> </ul> 5796<!--[if ENDBLOCK]><![endif]--> </div> 5797<!--[if ENDBLOCK]><![endif]--> </div> 5798</div> 5799</div> 5800</div> 5801<div x-data="{ open: false }"> 5802<div @click.outside="open = false"> 5803<button 5804@click="open = !open" 5805:aria-expanded="open.toString()" 5806class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 5807> 5808<span class="text-2xl font-semibold tracking-wider relative" 5809:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 5810Research 5811<span x-show="!open" class="absolute bottom-0 left-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 5812</span> 5813</button> 5814<div x-cloak x-show="open" x-collapse class="mt-5"> 5815<div class="flex flex-col"> 5816<!--[if BLOCK]><![endif]--> 5817<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5818<!--[if BLOCK]><![endif]--> <a href="https://scholar.ucc.edu.gh" 5819class="group bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 flex flex-col px-3 sm:px-5 py-6 sm:py-8 rounded-lg transition-all duration-300 hover:shadow-lg hover:bg-blue-950 dark:hover:bg-neutral-700 transform hover:-translate-y-1" 5820target="_blank" 5821rel="noopener noreferrer" > 5822<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 5823<div class="text-white text-xl font-bold grow" 5824> 5825UCC Scholar 5826</div> 5827<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-8 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" extraClasse
5827s="text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1"> 5828<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 5829</svg> 5830<!--[if ENDBLOCK]><![endif]--> </div> 5831<div class="text-sm text-blue-100 mt-3.5"> 5832Gain access to a comprehensive repository of the University's academic research, including journal articles, theses, dissertations, and more. Find everything you need to support your research and stay at the forefront of your field. 5833</div> 5834</a> 5835<!--[if ENDBLOCK]><![endif]--> 5836<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5837<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5838<!--[if BLOCK]><![endif]--> <a href="https://journal.ucc.edu.gh" 5839class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5840target="_blank" 5841rel="noopener noreferrer" title="Journals, conferences, and lecture series" 5842aria-label="Publications & Conferences: Journals, conferences, and lecture series" 5843> 5844<!--[if BLOCK]><![endif]--> Publications & Conferences 5845<!--[if ENDBLOCK]><![endif]--> 5846<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5847<!--[if ENDBLOCK]><![endif]--> 5848<!--[if BLOCK]><![endif]--> <ul role="list" 5849aria-label="Items under Publications & Conferences" 5850class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5851<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5852<a href="https://journal.ucc.edu.gh" 5853class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5854target="_blank" 5855rel="noopener noreferrer" title="Browse academic journals published by UCC" 5856aria-label="Journals: Browse academic journals published by UCC" 5857> 5858<!--[if BLOCK]><![endif]--> Journals 5859<!--[if ENDBLOCK]><![endif]--> 5860<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5861</li> 5862<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5863<a href="https://research.ucc.edu.gh/" 5864class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5865target="_blank" 5866rel="noopener noreferrer" title="Discover research conferences hosted by UCC" 5867aria-label="Conference Portal: Discover research conferences hosted by UCC" 5868> 5869<!--[if BLOCK]><![endif]--> Conference Portal 5870<!--[if ENDBLOCK]><![endif]--> 5871<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5872</li> 5873<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5874<a href="https://ucc.edu.gh/lecture-series" 5875class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5876target="_self" 5877wire:navigate title="Browse inaugural, memorial, and public lecture series" 5878aria-label="Lecture Series: Browse inaugural, memorial, and public lecture series" 5879> 5880<!--[if BLOCK]><![endif]--> Lecture Series 5881<!--[if ENDBLOCK]><![endif]--> 5882<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5883</li> 5884<!--[if ENDBLOCK]><![endif]--> </ul> 5885<!--[if ENDBLOCK]><![endif]--> </div> 5886<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5887<!--[if BLOCK]><![endif]--> <a href="https://dric.ucc.edu.gh" 5888class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5889target="_blank" 5890rel="noopener noreferrer" title="Funding, ethics review, and research innovation"
5891aria-label="Research Support: Funding, ethics review, and research innovation" 5892> 5893<!--[if BLOCK]><![endif]--> Research Support 5894<!--[if ENDBLOCK]><![endif]--> 5895<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5896<!--[if ENDBLOCK]><![endif]--> 5897<!--[if BLOCK]><![endif]--> <ul role="list" 5898aria-label="Items under Research Support" 5899class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5900<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5901<a href="https://dric.ucc.edu.gh/news/fourth-research-awards-and-grants-rag-ceremony-20182019-academic-year" 5902class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5903target="_blank" 5904rel="noopener noreferrer" title="Learn about research funding opportunities" 5905aria-label="Research Award Grant (RAG): Learn about research funding opportunities" 5906> 5907<!--[if BLOCK]><![endif]--> Research Award Grant (RAG) 5908<!--[if ENDBLOCK]><![endif]--> 5909<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5910</li> 5911<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5912<a href="https://irb.ucc.edu.gh" 5913class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5914target="_blank" 5915rel="noopener noreferrer" title="Ethics review for research involving human participants" 5916aria-label="Institutional Review Board (IRB): Ethics review for research involving human participants" 5917> 5918<!--[if BLOCK]><![endif]--> Institutional Review Board (IRB) 5919<!--[if ENDBLOCK]><![endif]--> 5920<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5921</li> 5922<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5923<a href="https://dric.ucc.edu.gh" 5924class="text-blue-100 text-lg transition-all duration-200 hover:text-white hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5925target="_blank" 5926rel="noopener noreferrer" title="Support for research and innovation activities" 5927aria-label="Directorate of Research Innovation and Consultancy (DRIC): Support for research and innovation activities" 5928> 5929<!--[if BLOCK]><![endif]--> Directorate of Research Innovation and Consultancy (DRIC) 5930<!--[if ENDBLOCK]><![endif]--> 5931<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5932</li> 5933<!--[if ENDBLOCK]><![endif]--> </ul> 5934<!--[if ENDBLOCK]><![endif]--> </div> 5935<!--[if ENDBLOCK]><![endif]--> </div> 5936</div> 5937</div> 5938</div> 5939<div x-data="{ open: false }"> 5940<div @click.outside="open = false"> 5941<button 5942@click="open = !open" 5943:aria-expanded="open.toString()" 5944class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 5945> 5946<span class="text-2xl font-semibold tracking-wider relative" 5947:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 5948News & Media 5949<span x-show="!open" class="absolute bottom-0 left-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 5950</span> 5951</button> 5952<div x-cloak x-show="open" x-collapse class="mt-5"> 5953<div class="flex flex-col"> 5954<!--[if BLOCK]><![endif]--> 5955<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5956<!--[if BLOCK]><![endif]--> <a href="https://news.ucc.edu.gh" 5957class="group bg-blue-900 dark:bg-neutral-800 dark:text-neutral-300 flex flex-col px-3 sm:px-5 py-6 sm:py-8 rounded-lg transition-all duration-300 hover:shadow-lg hover:bg-blue-950 dark:hover:bg-neutral-700 transform hover:-translate-y-1" 5958target="_self" 5959> 5960<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 5961<div class="text-white text-xl font-bold grow" 5962> 5963News Updates 5964</div> 5965<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-8 text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1" extraClasse
5965s="text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1"> 5966<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 5967</svg> 5968<!--[if ENDBLOCK]><![endif]--> </div> 5969<div class="text-sm text-blue-100 mt-3.5"> 5970Don't miss out on the latest happenings at your university and beyond! Stay in the know with our reliable source of news and updates, tailored to keep the university community informed and engaged. 5971</div> 5972</a> 5973<!--[if ENDBLOCK]><![endif]--> 5974<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5975<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5976<!--[if BLOCK]><![endif]--> <a href="https://news.ucc.edu.gh" 5977class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5978target="_self" 5979title="The most popular news, announcements, and events right now" 5980aria-label="Trending: The most popular news, announcements, and events right now" 5981> 5982<!--[if BLOCK]><![endif]--> Trending 5983<!--[if ENDBLOCK]><![endif]--> 5984<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5985<!--[if ENDBLOCK]><![endif]--> 5986<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5987<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5988<!--[if BLOCK]><![endif]--> <a href="https://news.ucc.edu.gh" 5989class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 5990target="_self" 5991title="Read the latest news from the university" 5992aria-label="News: Read the latest news from the university" 5993> 5994<!--[if BLOCK]><![endif]--> News 5995<!--[if ENDBLOCK]><![endif]--> 5996<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5997<!--[if ENDBLOCK]><![endif]--> 5998<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5999<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 6000<!--[if BLOCK]><![endif]--> <a href="https://events.ucc.edu.gh" 6001class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 6002target="_self" 6003title="View upcoming events and activities" 6004aria-label="Events: View upcoming events and activities" 6005> 6006<!--[if BLOCK]><![endif]--> Events 6007<!--[if ENDBLOCK]><![endif]--> 6008<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 6009<!--[if ENDBLOCK]><![endif]--> 6010<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6011<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 6012<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/media/videos" 6013class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 6014target="_self" 6015wire:navigate title="Watch videos from UCC events and activities" 6016aria-label="Videos: Watch videos from UCC events and activities" 6017> 6018<!--[if BLOCK]><![endif]--> Videos 6019<!--[if ENDBLOCK]><![endif]--> 6020<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 6021<!--[if ENDBLOCK]><![endif]--> 6022<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6023<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 6024<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements?type=press-release" 6025class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 6026target="_self" 6027wire:navigate title="Official press releases and media statements" 6028aria-label="Press Releases: Official press releases and media statements" 6029> 6030<!--[if BLOCK]><![endif]--> Press Releases 6031<!--[if ENDBLOCK]><![endif]--> 6032<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 6033<!--[if ENDBLOCK]><![endif]--> 6034<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6035<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 6036<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements" 6037class="text-white text-xl ms-4 mt-6 transition-all duration-200 hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1 inline-flex items-center gap-2 min-h-[44px]" 6038target="_self" 6039wire:navigate title="Important announcements and notices" 6040aria-label="Announcements: Important announcements and notices" 6041> 6042<!--[if BLOCK]><![endif]--> Announcements 6043<!--[if ENDBLOCK]><![endif]--> 6044<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 6045<!--[if ENDBLOCK]><![endif]--> 6046<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6047<!--[if ENDBLOCK]><![endif]--> </div> 6048</div> 6049</div> 6050</div> 6051<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> 6052</div> 6053</div> 6054<div class="bg-blue-900 bottom-0 fixed w-full dark:bg-neutral-950 z-50"> 6055<!--[if BLOCK]><![endif]--> <div class="overflow-x-scroll [scrollbar-width:none] w-full"> 6056<div class="flex items-center gap-5 px-5 py-3"> 6057<!--[if ENDBLOCK]><![endif]--> 6058<!--[if BLOCK]><![endif]--> 6059<div 6060class="flex gap-5 items-center my-auto" 6061aria-hidden="true"> 6062<div class="text-blue-100 text-sm text-nowrap"> 6063Quick Links 6064</div> 6065<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 6066stroke="currentColor" class="size-4 rtl:scale-x-[-1]"> 6067<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 6068</svg> 6069</div> 6070<nav class="text-sm items-start flex gap-x-5 my-auto *:text-nowrap *:font-semibold pe-5" 6071role="navigation" 6072aria-label="Quick links navigation"> 6073<!--[if BLOCK]><![endif]--> <a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6074href="#" 6075target="_self" 6076> 6077A-Z list 6078</a> 6079<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6080href="https://ucc.edu.gh/main/web-services" 6081target="_self" 6082wire:navigate > 6083Web Services 6084</a> 6085<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6086href="https://alumni.ucc.edu.gh/" 6087target="_blank" 6088rel="noopener noreferrer" > 6089Alumni 6090</a> 6091<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6092href="https://library.ucc.edu.gh" 6093target="_blank" 6094rel="noopener noreferrer" > 6095Libraries 6096</a> 6097<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6098href="https://ucc.edu.gh/main/publications/forms" 6099target="_self" 6100wire:navigate > 6101Forms 6102</a> 6103<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6104href="https://events.ucc.edu.gh" 6105target="_self" 6106> 6107Events 6108</a> 6109<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6110href="https://directory.ucc.edu.gh" 6111target="_self" 6112> 6113Staff Directory 6114</a> 6115<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6116href="https://my.ucc.edu.gh" 6117target="_blank" 6118rel="noopener noreferrer" > 6119MyUCC 6120</a> 6121<!--[if ENDBLOCK]><![endif]--> </nav> 6122<!--[if ENDBLOCK]><![endif]--> 6123<!--[if BLOCK]><![endif]--> </div> 6124</div> 6125<!--[if ENDBLOCK]><![endif]--></div> 6126</div> 6127</template> 6128</div> 6129<!--[if BLOCK]><![endif]-->
6129<script> 6130window._menuBeaconSession = window._menuBeaconSession || null; 6131window._menuClickFired = window._menuClickFired || false; 6132if (typeof window.menuBeacon === 'undefined') { 6133window.menuBeacon = function (event, extra) { 6134var payload = Object.assign({ event: event, session_hash: window._menuBeaconSession }, extra || {}); 6135fetch('https://ucc.edu.gh/api/menu/analytics', { 6136method: 'POST', 6137headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, 6138body: JSON.stringify(payload), 6139keepalive: true, 6140}).catch(function () {}); 6141}; 6142} 6143</script>
6143 6144<!--[if ENDBLOCK]><![endif]--></header> 6145</div> 6146<div :style="{ height: headerFixed ? headerHeight + 'px' : '0px' }" class="shrink-0"></div> 6147<div wire:key="lw-2734668480-1-18" wire:snapshot="{"data":[],"memo":{"id":"bewazwkdTU4H0WcMkTj8","name":"web.urgent-announcements-banner","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"en","islands":[]},"checksum":"5db6ad65cf5bb5a91c950328d71c72fb1174c4217a49e6d439db48d51ba2f439"}" wire:effects="{"partials":[]}" wire:id="bewazwkdTU4H0WcMkTj8" wire:name="web.urgent-announcements-banner" x-intersect="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dLCJmb3JDb21wb25lbnQiOiJ3ZWIudXJnZW50LWFubm91bmNlbWVudHMtYmFubmVyIn0sIm1lbW8iOnsiaWQiOiJUMWRFelZqM1ptZXZrWkFqblNPUCIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6IlwvIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiZjMwMmY2MWQ0MWE2MjZhZjQ5MDc4MDYzMjFmM2EwMjNlOTAyOGMyMjAzMTdjM2U4YWY4NDYxYTVhOGZiZGZiZCJ9')"></div> 6148<main id="main-content" tabindex="-1" class="dark:bg-neutral-900 dark:text-white min-h-screen flex flex-col" 6149role="main" aria-label="Main content"> 6150<div wire:snapshot="{"data":[],"memo":{"id":"QZiKfLKIyXpzxPPSmifD","name":"web","path":"\/","method":"GET","release":"a-a-a","children":{"lw-2896298947-0":["","eIl34SIpCNWVS6E2yPcV"],"lw-2896298947-1-7":["div","Ce2IPUgsxho8a3Vpl3n1"],"lw-2896298947-2-8":["div","3mzIgXF0F3jlh4MmrE0H"]},"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"beec290d29e717d5a648c1c08b2d3344588f625dff90c95920ba4ca0fd9bfde3"}" wire:effects="{"partials":[]}" wire:id="QZiKfLKIyXpzxPPSmifD" wire:name="web" class="dark:bg-neutral-800 bg-neutral-100 relative"> 6151<h1 class="sr-only">University of Cape Coast</h1> 6152<!-- Hero Section --> 6153<!--[if BLOCK]><![endif]--> 6154<!--[if BLOCK]><![endif]--> 6155<!--[if BLOCK]><![endif]--> <link rel="preload" as="image" imagesrcset="/media/secure/85232?conversion=sm&expires=1790844638&signature=93478d2c4d3c37022051c290fe17ebc7e70879ec29fe7e634acb347d62b0642c 640w, /media/secure/85232?conversion=md&expires=1790844638&signature=ffd17983c6e7462b5d3b67740ebb500a29b1ecd45a6b62ed172c6ca57abd9098 768w, /media/secure/85232?conversion=lg&expires=1790844638&signature=eebcea62507bed893f7b18b2a0f83c2ba2a92701778c8f1a98581989784113f6 1024w, /media/secure/85232?conversion=xl&expires=1790844638&signature=30e9cfc2aaf22c72d39e6d848d46056b1ddfc246ee2bade2492cd74827564abe 1280w, /media/secure/85232?conversion=2xl&expires=1790844638&signature=3285fc9d21ce8d9a78b70d09b69edccc5f5a0cf13a2d6c5937adc649c3d6a31d 1536w" imagesizes="100vw" type="image/webp" 6156fetchpriority="high"> 6157<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 6158<div wire:key="lw-2896298947-0" wire:snapshot="{"data":[],"memo":{"id":"eIl34SIpCNWVS6E2yPcV","name":"web.featured","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"63bb041e8ff2a7ee3d730cbcbebc714bc5694ccda4f7bfab4ae77aacd436304b"}" wire:effects="{"partials":[]}" wire:id="eIl34SIpCNWVS6E2yPcV" wire:name="web.featured" x-data="carouselHero({ 6159slides: 3, 6160interval: 5000, 6161enableTouch: true 6162})" 6163x-init="$nextTick(() => { /* Ensure children can access scope */ })" 6164class="relative w-full overflow-hidden" 6165role="region" 6166aria-roledescription="carousel" 6167aria-label="Featured news" 6168aria-live="polite" 6169tabindex="0" 6170@keydown.arrow-left.prevent="previous()" 6171@keydown.arrow-right.prevent="next()" 6172@mouseenter="stop()" 6173@mouseleave="start()" 6174@touchstart="touchStart($event)" 6175@touchmove="touchMove($event)" 6176@touchend="touchEnd($event)" 6177> 6178<!--[if BLOCK]><![endif]-->
6178 <div class="relative min-h-[60svh] md:min-h-[80svh] w-full bg-neutral-900"> 6179<!--[if BLOCK]><![endif]--> <div class="absolute inset-0 transition-opacity duration-1000 ease-in-out" 6180role="tabpanel" 6181:inert="currentSlideIndex !== 0 + 1" 6182:class="currentSlideIndex == 0 + 1 ? 'opacity-100 z-10' : 'opacity-0 z-0 pointer-events-none'" 6183> 6184<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 6185<div class="absolute w-full z-10 md:w-[70%] lg:w-[55%] bottom-0"> 6186<div 6187class="bg-blue-900/90 backdrop-blur-sm flex flex-col px-4 sm:px-6 lg:px-12 py-3 sm:py-4 items-start rounded-tr-lg"> 6188<div class="flex items-stretch justify-between gap-5 w-full"> 6189<!--[if BLOCK]><![endif]--> <a href="https://news.ucc.edu.gh/c/general-0001" wire:navigate 6190class="rounded-md w-fit border border-neutral-300 bg-neutral-50 px-2 py-1 text-xs font-medium text-neutral-600 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 text-[#171C48] border-yellow-500 bg-yellow-400 font-semibold" extraClasses="text-[#171C48] border-yellow-500 bg-yellow-400 font-semibold" text="General" category="{"id":1,"name":"General","slug":"general","hash_id":"0001","created_at":"2024-08-13T17:11:22.000000Z","updated_at":"2026-08-31T19:51:50.000000Z","deleted_at":null,"sort_order":9}" 6191> 6192General 6193</a> 6194<!--[if ENDBLOCK]><![endif]--> <div class="text-blue-50 text-xs sm:text-sm font-semibold my-auto"> 6195Sep 18, 2026 6196</div> 6197</div> 6198<a href="https://news.ucc.edu.gh/kwesi-pratt-calls-for-greater-economic-independence-and-industrialisation-in-africa-00JR" class="text-white text-lg sm:text-xl md:text-2xl lg:text-3xl font-bold mt-2 sm:mt-3 hover:text-yellow-400 transition-colors line-clamp-2"> 6199Kwesi Pratt Calls for Greater Economic Independence and Industrialisation in Africa 6200</a> 6201<div class="bg-red-500 w-[100px] sm:w-[150px] h-[2px] mt-2"></div> 6202</div> 6203</div> 6204<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <picture class="absolute w-full h-full inset-0 object-cover -z-10"> 6205<!--[if BLOCK]><![endif]--> <source 6206type="image/webp" 6207srcset="/media/secure/85232?conversion=sm&expires=1790844638&signature=93478d2c4d3c37022051c290fe17ebc7e70879ec29fe7e634acb347d62b0642c 640w, /media/secure/85232?conversion=md&expires=1790844638&signature=ffd17983c6e7462b5d3b67740ebb500a29b1ecd45a6b62ed172c6ca57abd9098 768w, /media/secure/85232?conversion=lg&expires=1790844638&signature=eebcea62507bed893f7b18b2a0f83c2ba2a92701778c8f1a98581989784113f6 1024w, /media/secure/85232?conversion=xl&expires=1790844638&signature=30e9cfc2aaf22c72d39e6d848d46056b1ddfc246ee2bade2492cd74827564abe 1280w, /media/secure/85232?conversion=2xl&expires=1790844638&signature=3285fc9d21ce8d9a78b70d09b69edccc5f5a0cf13a2d6c5937adc649c3d6a31d 1536w" 6208sizes="100vw" 6209> 6210<!--[if ENDBLOCK]><![endif]--> 6211<img 6212src="/media/secure/85232?conversion=webp&expires=1790844638&signature=b92c9cf51a9cd22d86da9a51b5e5440ca1c16b4179132db81af26cd12657274f" 6213alt="The Vice-Chancellor and Registrar with the ADB team" 6214loading="eager" 6215decoding="async" 6216fetchpriority="auto" 6217data-refresh-url="/media/85232/refresh?conversion=responsive&signature=deb149adef13eb3fbd2f80d0ebcde6e72f3592e55bdd7c2d2c128e715a24c31b" 6218data-placeholder="/img/placeholder.jpg" 6219onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.refreshUrl&&!i.dataset.refreshed){i.dataset.refreshed='1';i.src=i.dataset.refreshUrl;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.dataset.placeholder1='1';i.src=i.dataset.placeholder;}" 6220class="absolute w-full h-full inset-0 object-cover -z-10" 6221> 6222</picture> 6223<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></div> 6224<div class="absolute inset-0 transition-opacity duration-1000 ease-in-out" 6225role="tabpanel" 6226:inert="currentSlideIndex !== 1 + 1" 6227:class="currentSlideIndex == 1 + 1 ? 'opacity-100 z-10' : 'opacity-0 z-0 pointer-events-none'" 6228> 6229<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 6230<div class="absolute w-full z-10 md:w-[70%] lg:w-[55%] bottom-0"> 6231<div 6232class="bg-blue-900/90 backdrop-blur-sm flex flex-col px-4 sm:px-6 lg:px-12 py-3 sm:py-4 items-start rounded-tr-lg"> 6233<div class="flex items-stretch justify-between gap-5 w-full"> 6234<!--[if BLOCK]><![endif]--> <a href="https://news.ucc.edu.gh/c/general-0001" wire:navigate 6235class="rounded-md w-fit border border-neutral-300 bg-neutral-50 px-2 py-1 text-xs font-medium text-neutral-600 dar
6235k:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 text-[#171C48] border-yellow-500 bg-yellow-400 font-semibold" extraClasses="text-[#171C48] border-yellow-500 bg-yellow-400 font-semibold" text="General" category="{"id":1,"name":"General","slug":"general","hash_id":"0001","created_at":"2024-08-13T17:11:22.000000Z","updated_at":"2026-08-31T19:51:50.000000Z","deleted_at":null,"sort_order":9}" 6236> 6237General 6238</a> 6239<!--[if ENDBLOCK]><![endif]--> <div class="text-blue-50 text-xs sm:text-sm font-semibold my-auto"> 6240Sep 17, 2026 6241</div> 6242</div> 6243<a href="https://news.ucc.edu.gh/constitutional-review-alone-will-not-solve-ghanas-problems-kwesi-pratt-00JP" class="text-white text-lg sm:text-xl md:text-2xl lg:text-3xl font-bold mt-2 sm:mt-3 hover:text-yellow-400 transition-colors line-clamp-2"> 6244Constitutional Review Alone Will Not Solve Ghanaâs Problems -Kwesi Pratt 6245</a> 6246<div class="bg-red-500 w-[100px] sm:w-[150px] h-[2px] mt-2"></div> 6247</div> 6248</div> 6249<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <picture class="absolute w-full h-full inset-0 object-cover -z-10"> 6250<!--[if BLOCK]><![endif]--> <source 6251type="image/webp" 6252srcset="/media/secure/85230?conversion=sm&expires=1790844590&signature=50b8eaee3bc72973c2bd6252ae9c11366bcbfac11b19562e5e5610ddb32ca545 640w, /media/secure/85230?conversion=md&expires=1790844590&signature=2d587bbbd60ed7740687a569e11e8b919b7dd3eb491d90c22bec7f758b6e4f3b 768w, /media/secure/85230?conversion=lg&expires=1790844590&signature=8228ad7ccecc775371ca8f0abe98d380adcc1f677e74e6b0e5944a4c3db4a391 1024w, /media/secure/85230?conversion=xl&expires=1790844590&signature=55566950ba1ecc175b1c3fc008163fa3e1f4e16ee9cfaad1469554a23ad9b573 1280w, /media/secure/85230?conversion=2xl&expires=1790844590&signature=286741ae332eaa0e9c0a0396bacb6c0b234e4dcc6d571bd0112f7cb57fa33fbe 1536w" 6253sizes="100vw" 6254> 6255<!--[if ENDBLOCK]><![endif]--> 6256<img 6257src="/media/secure/85230?conversion=webp&expires=1790844590&signature=4e963f00df544dff8ad523a9edffced41c0a71153a3ebc69b4a7741410f39c1c" 6258alt="The Vice-Chancellor and Registrar with the ADB team" 6259loading="eager" 6260decoding="async" 6261fetchpriority="auto" 6262data-refresh-url="/media/85230/refresh?conversion=responsive&signature=c179c7e61101dbbe7ded510694b7b0026b4b5b2a875067a22b0d0e703977e2b8" 6263data-placeholder="/img/placeholder.jpg" 6264onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.refreshUrl&&!i.dataset.refreshed){i.dataset.refreshed='1';i.src=i.dataset.refreshUrl;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.dataset.placeholder1='1';i.src=i.dataset.placeholder;}" 6265class="absolute w-full h-full inset-0 object-cover -z-10" 6266> 6267</picture> 6268<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></div> 6269<div class="absolute inset-0 transition-opacity duration-1000 ease-in-out" 6270role="tabpanel" 6271:inert="currentSlideIndex !== 2 + 1" 6272:class="currentSlideIndex == 2 + 1 ? 'opacity-100 z-10' : 'opacity-0 z-0 pointer-events-none'" 6273> 6274<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 6275<div class="absolute w-full z-10 md:w-[70%] lg:w-[55%] bottom-0"> 6276<div 6277class="bg-blue-900/90 backdrop-blur-sm flex flex-col px-4 sm:px-6 lg:px-12 py-3 sm:py-4 items-start rounded-tr-lg"> 6278<div class="flex items-stretch justify-between gap-5 w-full"> 6279<!--[if BLOCK]><![endif]--> <a href="https://news.ucc.edu.gh/c/student-in-focus-0008" wire:navigate 6280class="rounded-md w-fit border border-neutral-300 bg-neutral-50 px-2 py-1 text-xs font-medium text-neutral-600 dar
6280k:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 text-[#171C48] border-yellow-500 bg-yellow-400 font-semibold" extraClasses="text-[#171C48] border-yellow-500 bg-yellow-400 font-semibold" text="Student in Focus" category="{"id":8,"name":"Student in Focus","slug":"student-in-focus","hash_id":"0008","created_at":"2024-08-13T17:11:22.000000Z","updated_at":"2026-08-31T18:25:15.000000Z","deleted_at":null,"sort_order":9}" 6281> 6282Student in Focus 6283</a> 6284<!--[if ENDBLOCK]><![endif]--> <div class="text-blue-50 text-xs sm:text-sm font-semibold my-auto"> 6285Sep 17, 2026 6286</div> 6287</div> 6288<a href="https://news.ucc.edu.gh/ucc-secures-us500m-ppp-deal-for-28000-bed-student-housing-project-00JO" class="text-white text-lg sm:text-xl md:text-2xl lg:text-3xl font-bold mt-2 sm:mt-3 hover:text-yellow-400 transition-colors line-clamp-2"> 6289UCC Secures US$500m PPP Deal for 28,000-Bed Student Housing Project 6290</a> 6291<div class="bg-red-500 w-[100px] sm:w-[150px] h-[2px] mt-2"></div> 6292</div> 6293</div> 6294<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <picture class="absolute w-full h-full inset-0 object-cover -z-10"> 6295<!--[if BLOCK]><![endif]--> <source 6296type="image/webp" 6297srcset="/media/secure/85229?conversion=sm&expires=1790844576&signature=bb0160b26d20038755f777199f5621a623eed7bc81498b30d80c08f1db282805 640w, /media/secure/85229?conversion=md&expires=1790844576&signature=80d38f98b18b167d21401d70b452c37568ac2acad0ff9797e32e07c4c9823521 768w, /media/secure/85229?conversion=lg&expires=1790844576&signature=2f31ba4d27e0d793f150ca9757c1516fdb8d92c262ec328dfe4da79ca7802224 1024w, /media/secure/85229?conversion=xl&expires=1790844576&signature=528b844e49b7a2d645edda6b96d915ea3d5dd8ef36f4b1392a63323819a9d22b 1280w, /media/secure/85229?conversion=2xl&expires=1790844576&signature=4233b2ad812aa0dde879fbd14771ecae77c6bf8333f5c5603dd29cb1269725c5 1536w" 6298sizes="100vw" 6299> 6300<!--[if ENDBLOCK]><![endif]--> 6301<img 6302src="/media/secure/85229?conversion=webp&expires=1790844576&signature=ef3cc702cefbd358056a13a54f81b0ae73132c6d8110a3d0d5d93de1ef53f00f" 6303alt="Exchange of MoU" 6304loading="eager" 6305decoding="async" 6306fetchpriority="auto" 6307data-refresh-url="/media/85229/refresh?conversion=responsive&signature=a5711287dc9e7200746885a1e3b639eb00b2642528fcad889c80dd0f263c5f19" 6308data-placeholder="/img/placeholder.jpg" 6309onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.refreshUrl&&!i.dataset.refreshed){i.dataset.refreshed='1';i.src=i.dataset.refreshUrl;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.dataset.placeholder1='1';i.src=i.dataset.placeholder;}" 6310class="absolute w-full h-full inset-0 object-cover -z-10" 6311> 6312</picture> 6313<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></div> 6314<!--[if ENDBLOCK]><![endif]--> 6315</div> 6316<!--[if BLOCK]><![endif]--> <!-- Right-aligned navigation + play controls --> 6317<div class="absolute right-5 bottom-7 sm:bottom-16 z-10"> 6318<div class="hidden md:flex items-center gap-4 lg:gap-8"> 6319<button class="group bg-blue-900 hover:bg-yellow-500 dark:hover:bg-neutral-600 hover:bg-opacity-70 hover:text-blue-900 text-sm font-semibold p-2 sm:p-3 rounded-full border-solid border dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 transform-gpu motion-safe:transition motion-safe:duration-200 motion-safe:ease-out motion-safe:hover:scale-105 active:scale-95 focus:outline-none focus:ring-2 focus:ring-yellow-400 focus:ring-offset-2" 6320x-on:click="previous()" aria-label="Previous slide" type="button" 6321> 6322<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white w-6 h-6 motion-safe:transition-transform motion-safe:duration-200 group-hover:-translate-x-1 group-active:-translate-x-0.5 group-hover:scale-110"> 6323<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" /> 6324</svg> 6325</button> 6326<button class="group bg-blue-900 hover:bg-yellow-500 dark:hover:bg-neutral-600 hover:bg-opacity-70 hover:text-blue-900 text-sm font-semibold p-2 sm:p-3 rounded-full border-solid border dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 transform-gpu motion-safe:transition motion-safe:duration-200 motion-safe:ease-out motion-safe:hover:scale-105 active:scale-95 focus:outline-none focus:ring-2 focus:ring-yellow-400 focus:ring-offset-2" 6327x-on:click="toggleAutoplay()" aria-label="Toggle autoplay" type="button" 6328> 6329<span x-show="autoPlay" x-cloak aria-label="Pause"> 6330<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white w-6 h-6 motion-safe:transition-transform motion-safe:duration-200 group-hover:scale-110" extraClasse
6330s="text-white w-6 h-6 motion-safe:transition-transform motion-safe:duration-200 group-hover:scale-110"> 6331<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25v13.5m-7.5-13.5v13.5" /> 6332</svg> 6333<span class="sr-only">Pause</span> 6334</span> 6335<span x-show="!autoPlay" x-cloak aria-label="Play"> 6336<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white w-6 h-6 motion-safe:transition-transform motion-safe:duration-200 group-hover:scale-110 group-hover:rotate-3" extraClasses="text-white w-6 h-6 motion-safe:transition-transform motion-safe:duration-200 group-hover:scale-110 group-hover:rotate-3"> 6337<path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.25v13.5L18.75 12 5.25 5.25z" /> 6338</svg> 6339<span class="sr-only">Play</span> 6340</span> 6341</button> 6342<button class="group bg-blue-900 hover:bg-yellow-500 dark:hover:bg-neutral-600 hover:bg-opacity-70 hover:text-blue-900 text-sm font-semibold p-2 sm:p-3 rounded-full border-solid border dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 transform-gpu motion-safe:transition motion-safe:duration-200 motion-safe:ease-out motion-safe:hover:scale-105 active:scale-95 focus:outline-none focus:ring-2 focus:ring-yellow-400 focus:ring-offset-2" 6343x-on:click="next()" aria-label="Next slide" type="button" 6344> 6345<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="text-white w-6 h-6 motion-safe:transition-transform motion-safe:duration-200 group-hover:translate-x-1 group-active:translate-x-0.5 group-hover:scale-110"> 6346<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 6347</svg> 6348</button> 6349</div> 6350</div> 6351<!--[if ENDBLOCK]><![endif]--> 6352<!--[if BLOCK]><![endif]--> <!-- Centered dots --> 6353<div class="absolute bottom-4 left-1/2 -translate-x-1/2 sm:bottom-5 z-10"> 6354<div class="flex items-center gap-0.5 sm:gap-1" role="tablist" aria-label="Slide pagination"> 6355<!--[if BLOCK]><![endif]--> <button type="button" 6356@click="userInteracted(); go(1)" 6357role="tab" 6358:aria-selected="(currentSlideIndex === 1).toString()" 6359:aria-current="(currentSlideIndex === 1) ? 'true' : 'false'" 6360class="w-6 h-6 grid place-items-center rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400 focus-visible:ring-offset-2" 6361aria-label="Go to slide 1" 6362> 6363<span class="w-2.5 h-2.5 rounded-full border border-white/80 dark:border-neutral-600 transition-colors" 6364:class="currentSlideIndex === 1 ? 'bg-yellow-400 border-yellow-400' : 'bg-white/40 dark:bg-neutral-500'" 6365aria-hidden="true"></span> 6366<span class="sr-only">Slide 1</span> 6367</button> 6368<button type="button" 6369@click="userInteracted(); go(2)" 6370role="tab" 6371:aria-selected="(currentSlideIndex === 2).toString()" 6372:aria-current="(currentSlideIndex === 2) ? 'true' : 'false'" 6373class="w-6 h-6 grid place-items-center rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400 focus-visible:ring-offset-2" 6374aria-label="Go to slide 2" 6375> 6376<span class="w-2.5 h-2.5 rounded-full border border-white/80 dark:border-neutral-600 transition-colors" 6377:class="currentSlideIndex === 2 ? 'bg-yellow-400 border-yellow-400' : 'bg-white/40 dark:bg-neutral-500'" 6378aria-hidden="true"></span> 6379<span class="sr-only">Slide 2</span> 6380</button> 6381<button type="button" 6382@click="userInteracted(); go(3)" 6383role="tab" 6384:aria-selected="(currentSlideIndex === 3).toString()" 6385:aria-current="(currentSlideIndex === 3) ? 'true' : 'false'" 6386class="w-6 h-6 grid place-items-center rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400 focus-visible:ring-offset-2" 6387aria-label="Go to slide 3" 6388> 6389<span class="w-2.5 h-2.5 rounded-full border border-white/80 dark:border-neutral-600 transition-colors" 6390:class="currentSlideIndex === 3 ? 'bg-yellow-400 border-yellow-400' : 'bg-white/40 dark:bg-neutral-500'" 6391aria-hidden="true"></span> 6392<span class="sr-only">Slide 3</span> 6393</button> 6394<!--[if ENDBLOCK]><![endif]--> </div> 6395</div> 6396<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></div> 6397<!-- Quick Links Section â task navigation immediately after hero --> 6398<section data-quicklinks 6399aria-label="Quick links" 6400class="relative overflow-hidden bg-white py-3 dark:bg-neutral-900 sm:py-4"> 6401<div class="absolute inset-0 opacity-[0.03] dark:opacity-[0.02]"> 6402<div class="absolute inset-0" 6403style="background-image: radial-gradient(circle at 1px 1px, rgb(59 130 246) 1px, transparent 0); background-size: 40px 40px;"></div> 6404</div> 6405<div class="relative mx-auto max-w-7xl px-3 sm:px-4 lg:px-8"> 6406<div class="flex flex-col gap-2.5 lg:flex-row lg:items-stretch lg:gap-3"> 6407<a href="https://apply.ucc.edu.gh" target="_blank" rel="noopener noreferrer" 6408class="ql-rise group relative flex min-h-[52px] shrink-0 items-center justify-center gap-2 rounded-xl bg-blue-700 px-6 font-bold text-white shadow-lg shadow-blue-700/25 outline-none transition-[transform,box-shadow,background-color] duration-200 ease-out hover:-translate-y-0.5 hover:bg-blue-800 hover:shadow-xl hover:shadow-blue-700/35 focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-offset-2 active:translate-y-0 active:scale-[.96] lg:w-52 dark:focus-visible:ring-offset-neutral-900" 6409style="animation-delay: 0ms"> 6410<svg class="h-4 w-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 6411<path stroke-linecap="round" stroke-linejoin="round" 6412d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586"/> 6413</svg> 6414<span class="text-sm">Apply Now</span> 6415<svg class="h-4 w-4 shrink-0 transition-transform duration-200 ease-out group-hover:translate-x-1" 6416fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" aria-hidden="true"> 6417<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 6418</svg> 6419</a>
6420<div class="hidden w-px shrink-0 bg-blue-100 dark:bg-neutral-500 lg:block"></div> 6421<div class="grid flex-1 grid-cols-2 gap-2.5 lg:grid-cols-5 lg:gap-3"> 6422<!--[if BLOCK]><![endif]--> 6423<!--[if BLOCK]><![endif]--> <a href="https://portal.ucc.edu.gh" target="_blank" rel="noopener noreferrer" 6424class="group relative flex min-h-[52px] items-center justify-center gap-2 rounded-xl border border-blue-100 bg-white px-3 text-neutral-800 outline-none transition-[transform,box-shadow,border-color,background-color] duration-200 ease-out hover:-translate-y-0.5 hover:border-blue-300 hover:bg-blue-50 hover:shadow-md hover:shadow-blue-500/10 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 active:translate-y-0 active:scale-[.96] dark:border-neutral-500 dark:bg-neutral-800 dark:text-neutral-100 dark:hover:border-blue-700 dark:hover:bg-neutral-700 dark:focus-visible:ring-offset-neutral-900 ql-rise" style="animation-delay: 60ms"> 6425<svg class="h-[18px] w-[18px] shrink-0 text-blue-600 transition-transform duration-200 ease-out group-hover:scale-110 group-active:scale-95 dark:text-blue-400" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 6426<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"/> 6427</svg> 6428<span class="text-sm font-semibold">Portal</span> 6429<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 6430<!--[if ENDBLOCK]><![endif]--> 6431<!--[if BLOCK]><![endif]--> <a href="https://library.ucc.edu.gh" target="_blank" rel="noopener noreferrer" 6432class="group relative flex min-h-[52px] items-center justify-center gap-2 rounded-xl border border-blue-100 bg-white px-3 text-neutral-800 outline-none transition-[transform,box-shadow,border-color,background-color] duration-200 ease-out hover:-translate-y-0.5 hover:border-blue-300 hover:bg-blue-50 hover:shadow-md hover:shadow-blue-500/10 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 active:translate-y-0 active:scale-[.96] dark:border-neutral-500 dark:bg-neutral-800 dark:text-neutral-100 dark:hover:border-blue-700 dark:hover:bg-neutral-700 dark:focus-visible:ring-offset-neutral-900 ql-rise" style="animation-delay: 115ms"> 6433<svg class="h-[18px] w-[18px] shrink-0 text-blue-600 transition-transform duration-200 ease-out group-hover:scale-110 group-active:scale-95 dark:text-blue-400" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 6434<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"/> 6435</svg> 6436<span class="text-sm font-semibold">Library</span> 6437<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 6438<!--[if ENDBLOCK]><![endif]--> 6439<!--[if BLOCK]><![endif]--> <a href="https://ecampus.ucc.edu.gh" target="_blank" rel="noopener noreferrer" 6440class="group relative flex min-h-[52px] items-center justify-center gap-2 rounded-xl border border-blue-100 bg-white px-3 text-neutral-800 outline-none transition-[transform,box-shadow,border-color,background-color] duration-200 ease-out hover:-translate-y-0.5 hover:border-blue-300 hover:bg-blue-50 hover:shadow-md hover:shadow-blue-500/10 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 active:translate-y-0 active:scale-[.96] dark:border-neutral-500 dark:bg-neutral-800 dark:text-neutral-100 dark:hover:border-blue-700 dark:hover:bg-neutral-700 dark:focus-visible:ring-offset-neutral-900 ql-rise ql-halo" style="animation-delay: 170ms"> 6441<svg class="h-[18px] w-[18px] shrink-0 text-blue-600 transition-transform duration-200 ease-out group-hover:scale-110 group-active:scale-95 dark:text-blue-400" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 6442<path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25"/> 6443</svg> 6444<span class="text-sm font-semibold">eCampus</span> 6445<!--[if BLOCK]><![endif]--> 6446<span class="absolute right-2.5 top-2.5 h-1.5 w-1.5 rounded-full bg-blue-500 dark:bg-blue-100" aria-hidden="true"></span> 6447<span class="sr-only">(new)</span> 6448<!--[if ENDBLOCK]><![endif]--> </a> 6449<!--[if ENDBLOCK]><![endif]--> 6450<!--[if BLOCK]><![endif]--> <a href="https://admissions.ucc.edu.gh/catalogue" class="group relative flex min-h-[52px] items-center justify-center gap-2 rounded-xl border border-blue-100 bg-white px-3 text-neutral-800 outline-none transition-[transform,box-shadow,border-color,background-color] duration-200 ease-out hover:-translate-y-0.5 hover:border-blue-300 hover:bg-blue-50 hover:shadow-md hover:shadow-blue-500/10 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 active:translate-y-0 active:scale-[.96] dark:border-neutral-500 dark:bg-neutral-800 dark:text-neutral-100 dar
6450k:hover:border-blue-700 dark:hover:bg-neutral-700 dark:focus-visible:ring-offset-neutral-900 ql-rise" style="animation-delay: 225ms;"> 6451<svg class="h-[18px] w-[18px] shrink-0 text-blue-600 transition-transform duration-200 ease-out group-hover:scale-110 group-active:scale-95 dark:text-blue-400" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 6452<path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5"/> 6453</svg> 6454<span class="text-sm font-semibold">Programmes</span> 6455<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 6456</a> 6457<!--[if ENDBLOCK]><![endif]--> 6458<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/about" class="group relative flex min-h-[52px] items-center justify-center gap-2 rounded-xl border border-blue-100 bg-white px-3 text-neutral-800 outline-none transition-[transform,box-shadow,border-color,background-color] duration-200 ease-out hover:-translate-y-0.5 hover:border-blue-300 hover:bg-blue-50 hover:shadow-md hover:shadow-blue-500/10 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 active:translate-y-0 active:scale-[.96] dark:border-neutral-500 dark:bg-neutral-800 dark:text-neutral-100 dark:hover:border-blue-700 dark:hover:bg-neutral-700 dark:focus-visible:ring-offset-neutral-900 ql-rise col-span-2 lg:col-span-1" style="animation-delay: 280ms;"> 6459<svg class="h-[18px] w-[18px] shrink-0 text-blue-600 transition-transform duration-200 ease-out group-hover:scale-110 group-active:scale-95 dark:text-blue-400" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 6460<path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/> 6461</svg> 6462<span class="text-sm font-semibold">About</span> 6463<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 6464</a> 6465<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> 6466</div> 6467</div> 6468</section> 6469<!-- Programmes Section â primary conversion: "what can I study?" answered early --> 6470<!-- Programmes Section --> 6471<section class="programme-band bg-neutral-100 dark:bg-neutral-900"> 6472<div class="programme-band-inner"> 6473<div class="programme-band-head"> 6474<div> 6475<h2 class="programme-band-title text-blue-900 dark:text-blue-100">Explore Our Programmes</h2>
6476<p class="programme-band-lede text-neutral-600 dark:text-neutral-300"> 6477Over 527 active programmes across undergraduate, 6478postgraduate, and doctoral levels â designed to shape future leaders 6479</p> 6480</div> 6481<div class="programme-band-action"> 6482<a href="https://admissions.ucc.edu.gh/programmes/undergraduate" class="programme-band-link text-blue-900 dark:text-blue-100 hover:underline"> 6483<span>Browse all programmes</span> 6484<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 6485<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z"/> 6486</svg> 6487</a> 6488</div> 6489</div> 6490<span class="programme-band-rule bg-neutral-300 dark:bg-neutral-700"></span> 6491<div class="programme-grid"> 6492<!--[if BLOCK]><![endif]--> <a href="https://admissions.ucc.edu.gh/programmes/undergraduate" class="programme-card shadow-xl hover:shadow-2xl" aria-label="Explore Undergraduate Programmes"> 6493<span class="programme-media"> 6494<!--[if BLOCK]><![endif]--> <picture> 6495<source srcset="https://ucc.edu.gh/img/undergraduate.webp" type="image/webp"> 6496<img 6497src="https://ucc.edu.gh/img/undergraduate.png" 6498alt="Students in the anatomy lab" 6499loading="lazy" 6500data-placeholder="/img/placeholder.jpg" 6501onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.src=i.dataset.placeholder;}" 6502class="programme-img" 6503> 6504</picture> 6505<!--[if ENDBLOCK]><![endif]--> <span class="media-scrim"></span> 6506</span> 6507<!--[if BLOCK]><![endif]--> <span class="programme-count shadow-md">139 programmes</span> 6508<!--[if ENDBLOCK]><![endif]--> <span class="programme-body"> 6509<span class="programme-level"> 6510<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 6511<path d="M10 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM6 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM1.49 15.326a.78.78 0 0 1-.358-.442 3 3 0 0 1 4.308-3.516 6.484 6.484 0 0 0-1.905 3.959c-.023.222-.014.442.025.654a4.97 4.97 0 0 1-2.07-.655ZM16.44 15.98a4.97 4.97 0 0 0 2.07-.654.78.78 0 0 0 .357-.442 3 3 0 0 0-4.308-3.517 6.484 6.484 0 0 1 1.907 3.96 2.32 2.32 0 0 1-.026.654ZM18 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM5.304 16.19a.844.844 0 0 1-.277-.71 5 5 0 0 1 9.947 0 .843.843 0 0 1-.277.71A6.975 6.975 0 0 1 10 18a6.974 6.974 0 0 1-4.696-1.81Z"/> 6512</svg> 6513Bachelor's Degree 6514</span> 6515<h3 class="programme-title">Undergraduate</h3> 6516<p class="programme-desc">Comprehensive degree programmes preparing you for successful careers</p> 6517<span class="programme-cta"> 6518Explore 6519<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 6520<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z"/> 6521</svg> 6522</span> 6523</span> 6524</a> 6525<a href="https://admissions.ucc.edu.gh/programmes/masters" class="programme-card shadow-xl hover:shadow-2xl" aria-label="Explore Masters Programmes"> 6526<span class="programme-media"> 6527<!--[if BLOCK]><![endif]--> <picture> 6528<source srcset="https://ucc.edu.gh/img/graduate.webp" type="image/webp"> 6529<img 6530src="https://ucc.edu.gh/img/graduate.png" 6531alt="Graduate students on campus" 6532loading="lazy" 6533data-placeholder="/img/placeholder.jpg" 6534onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.src=i.dataset.placeholder;}" 6535class="programme-img" 6536> 6537</picture> 6538<!--[if ENDBLOCK]><![endif]--> <span class="media-scrim"></span> 6539</span> 6540<!--[if BLOCK]><![endif]--> <span class="programme-count shadow-md">276 programmes</span> 6541<!--[if ENDBLOCK]><![endif]-->
6541 <span class="programme-body"> 6542<span class="programme-level"> 6543<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 6544<path fill-rule="evenodd" clip-rule="evenodd" d="M9.664 1.319a.75.75 0 0 1 .672 0 41.059 41.059 0 0 1 8.198 5.424.75.75 0 0 1-.254 1.285 31.372 31.372 0 0 0-7.86 3.83.75.75 0 0 1-.84 0 31.508 31.508 0 0 0-2.08-1.287V9.394c0-.244.116-.463.302-.592a35.504 35.504 0 0 1 3.305-2.033.75.75 0 0 0-.714-1.319 37 37 0 0 0-3.446 2.12A2.216 2.216 0 0 0 6 9.393v.38a31.293 31.293 0 0 0-4.28-1.746.75.75 0 0 1-.254-1.285 41.059 41.059 0 0 1 8.198-5.424ZM6 11.459a29.848 29.848 0 0 0-2.455-1.158 41.029 41.029 0 0 0-.39 3.114.75.75 0 0 0 .419.74c.528.256 1.046.53 1.554.82-.21.324-.455.63-.739.914a.75.75 0 1 0 1.06 1.06c.37-.369.69-.77.96-1.193a26.61 26.61 0 0 1 3.095 2.348.75.75 0 0 0 .992 0 26.547 26.547 0 0 1 5.93-3.95.75.75 0 0 0 .42-.739 41.053 41.053 0 0 0-.39-3.114 29.925 29.925 0 0 0-5.199 2.801 2.25 2.25 0 0 1-2.514 0c-.41-.275-.826-.541-1.25-.797a6.985 6.985 0 0 1-1.084 3.45 26.503 26.503 0 0 0-1.409-.933Z"/> 6545</svg> 6546Master's Degree 6547</span> 6548<h3 class="programme-title">Masters</h3> 6549<p class="programme-desc">Taught and research master's programmes across diverse disciplines</p> 6550<span class="programme-cta"> 6551Explore 6552<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 6553<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z"/> 6554</svg> 6555</span> 6556</span> 6557</a> 6558<a href="https://admissions.ucc.edu.gh/programmes/doctorate" class="programme-card shadow-xl hover:shadow-2xl" aria-label="Explore Doctoral Programmes"> 6559<span class="programme-media"> 6560<!--[if BLOCK]><![endif]--> <picture> 6561<source srcset="https://ucc.edu.gh/img/masters-graduation.webp" type="image/webp"> 6562<img 6563src="https://ucc.edu.gh/img/masters-graduation.jpg" 6564alt="Doctoral graduation ceremony" 6565loading="lazy" 6566data-placeholder="/img/placeholder.jpg" 6567onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.src=i.dataset.placeholder;}" 6568class="programme-img" 6569> 6570</picture> 6571<!--[if ENDBLOCK]><![endif]--> <span class="media-scrim"></span> 6572</span> 6573<!--[if BLOCK]><![endif]--> <span class="programme-count shadow-md">93 programmes</span> 6574<!--[if ENDBLOCK]><![endif]--> <span class="programme-body"> 6575<span class="programme-level"> 6576<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 6577<path fill-rule="evenodd" clip-rule="evenodd" d="M10 1a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 1ZM5.05 3.05a.75.75 0 0 1 1.06 0l1.062 1.06A.75.75 0 1 1 6.11 5.173L5.05 4.11a.75.75 0 0 1 0-1.06ZM14.95 3.05a.75.75 0 0 1 0 1.06l-1.06 1.062a.75.75 0 0 1-1.062-1.061l1.061-1.061a.75.75 0 0 1 1.06 0ZM3 8a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5A.75.75 0 0 1 3 8ZM14 8a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5A.75.75 0 0 1 14 8ZM7.172 11.828a.75.75 0 0 1 0 1.06l-1.061 1.062a.75.75 0 0 1-1.06-1.061l1.06-1.062a.75.75 0 0 1 1.061 0ZM12.828 11.828a.75.75 0 0 1 1.061 0l1.062 1.061a.75.75 0 0 1-1.061 1.062l-1.062-1.062a.75.75 0 0 1 0-1.06ZM10 14a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 14ZM7 10a3 3 0 1 1 6 0 3 3 0 0 1-6 0Z"/> 6578</svg> 6579PhD & Doctoral 6580</span> 6581<h3 class="programme-title">Doctoral</h3> 6582<p class="programme-desc">Advanced research programmes leading to doctoral and PhD degrees</p> 6583<span class="programme-cta"> 6584Explore 6585<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 6586<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z"/> 6587</svg> 6588</span> 6589</span> 6590</a> 6591<a href="https://admissions.ucc.edu.gh/programmes/postgraduate" class="programme-card shadow-xl hover:shadow-2xl" aria-label="Explore Postgraduate Certificate and Diploma Programmes"> 6592<span class="programme-media"> 6593<!--[if BLOCK]><![endif]--> <picture> 6594<source srcset="https://ucc.edu.gh/img/distance.webp" type="image/webp"> 6595<img 6596src="https://ucc.edu.gh/img/distance.png" 6597alt="A student studying independently" 6598loading="lazy" 6599data-placeholder="/img/placeholder.jpg" 6600onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];
6600if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.src=i.dataset.placeholder;}" 6601class="programme-img" 6602> 6603</picture> 6604<!--[if ENDBLOCK]><![endif]--> <span class="media-scrim"></span> 6605</span> 6606<!--[if BLOCK]><![endif]--> <span class="programme-count shadow-md">19 programmes</span> 6607<!--[if ENDBLOCK]><![endif]--> <span class="programme-body"> 6608<span class="programme-level"> 6609<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 6610<path d="M1 12.5A4.5 4.5 0 0 0 5.5 17H15a4 4 0 0 0 1.866-7.539 3.504 3.504 0 0 0-4.504-4.272A4.5 4.5 0 0 0 4.06 8.235 4.502 4.502 0 0 0 1 12.5Z"/> 6611</svg> 6612PGDip & PGCert 6613</span> 6614<h3 class="programme-title">Certs & Diplomas</h3> 6615<p class="programme-desc">Postgraduate certificates and diplomas for professional development</p> 6616<span class="programme-cta"> 6617Explore 6618<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 6619<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z"/> 6620</svg> 6621</span> 6622</span> 6623</a> 6624<!--[if ENDBLOCK]><![endif]--> </div> 6625</div> 6626</section> 6627<!-- Ranking Section â credibility signal immediately after programmes --> 6628<!-- Structured Data for Rankings --> 6629<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 6630<!-- Ranking Section --> 6631<section 6632class="bg-gradient-to-br from-blue-50 via-white to-neutral-50 dark:from-neutral-950 dark:via-neutral-900 dark:to-neutral-800 band-support"> 6633<div class="mx-auto max-w-7xl px-6 lg:px-8"> 6634<!-- Section Header --> 6635<div class="mx-auto max-w-2xl text-center mb-12"> 6636<h2 class="text-3xl font-bold tracking-tight text-neutral-900 dark:text-white sm:text-4xl">Global 6637Recognition & Excellence</h2>
6638<p class="mt-4 text-lg leading-8 text-neutral-600 dark:text-neutral-300"> 6639UCC continues to lead in Ghana and West Africa, consistently ranking among Africa's top universities 6640</p> 6641<p class="mt-3 text-sm font-medium text-neutral-500 dark:text-neutral-400"> 6642Source: Times Higher Education Rankings 6643</p> 6644</div> 6645<!-- Latest Rankings Grid --> 6646<!--[if BLOCK]><![endif]--> <div class="mx-auto max-w-2xl lg:max-w-none grid gap-6 sm:grid-cols-2 lg:grid-cols-4 mb-12"> 6647<!--[if BLOCK]><![endif]--> <div> 6648<div 6649x-data="{ 6650visible: false, 6651// Starts at the TRUE figure, not at zero. The counter used to initialise to 0 and 6652// count up, so any paint before animate() ran published a wrong rank â '#0 in 6653// Africa' on the university's homepage. animate() drops it to zero itself, at the 6654// moment it actually starts, so the wrong value is never a resting state. 6655count: 1, 6656target: 1, 6657animate() { 6658if (this.target === 0) return; 6659// Three of the four featured rankings are '#1'. Counting 0 â 1 over 1.5s is a 6660// timer that renders as nothing, so only a figure with somewhere to travel 6661// animates; the rest keep the value they were rendered with. 6662if (this.target <= 1 || window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 6663return; 6664} 6665this.count = 0; 6666const duration = 1500; 6667const steps = 30; 6668const increment = this.target / steps; 6669const stepDuration = duration / steps; 6670let current = 0; 6671const timer = setInterval(() => { 6672current += increment; 6673if (current >= this.target) { 6674this.count = this.target; 6675clearInterval(timer); 6676} else { 6677this.count = Math.floor(current); 6678} 6679}, stepDuration); 6680} 6681}" 6682x-intersect:enter="visible = true; animate()" 6683x-bind:class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'" 6684class="group relative h-full flex flex-col bg-white dark:bg-neutral-800 rounded-2xl p-6 ring-1 ring-neutral-200 dark:ring-neutral-700 transition-all duration-700 hover:-translate-y-1 hover:shadow-lg overflow-hidden"> 6685<div class="flex items-center justify-between mb-5"> 6686<div class="flex-shrink-0 w-10 h-10 bg-yellow-400 rounded-xl flex items-center justify-center"> 6687<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5 text-blue-900"> 6688<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 0 1-.982-3.172M9.497 14.25a7.454 7.454 0 0 0 .981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 0 1 2.916.52 6.003 6.003 0 0 1-5.395 4.972m0 0a6.726 6.726 0 0 1-2.749 1.35m0 0a6.772 6.772 0 0 1-3.044 0" /> 6689</svg> 6690</div> 6691<!--[if BLOCK]><![endif]--> <span class="inline-flex items-center rounded-full bg-yellow-400 text-blue-900 px-2.5 py-1 text-xs font-semibold">2025</span> 6692<!--[if ENDBLOCK]><![endif]--> </div> 6693<h3 class="text-4xl font-extrabold tracking-tight text-blue-900 dark:text-blue-100 mb-1"> 6694<!--[if BLOCK]><![endif]--> 6695<span x-text="'#' + count + ''">#1</span> 6696<!--[if ENDBLOCK]><![endif]--> </h3> 6697<p class="font-semibold text-neutral-900 dark:text-white mb-1">in Ghana</p>
6698<p class="text-sm text-neutral-600 dark:text-neutral-400 flex-grow">Leading university nationwide</p> 6699<div class="absolute inset-x-6 bottom-0 h-px bg-gradient-to-r from-yellow-400 to-yellow-600 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6700</div> 6701</div> 6702<div> 6703<div 6704x-data="{ 6705visible: false, 6706// Starts at the TRUE figure, not at zero. The counter used to initialise to 0 and 6707// count up, so any paint before animate() ran published a wrong rank â '#0 in 6708// Africa' on the university's homepage. animate() drops it to zero itself, at the 6709// moment it actually starts, so the wrong value is never a resting state. 6710count: 1, 6711target: 1, 6712animate() { 6713if (this.target === 0) return; 6714// Three of the four featured rankings are '#1'. Counting 0 â 1 over 1.5s is a 6715// timer that renders as nothing, so only a figure with somewhere to travel 6716// animates; the rest keep the value they were rendered with. 6717if (this.target <= 1 || window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 6718return; 6719} 6720this.count = 0; 6721const duration = 1500; 6722const steps = 30; 6723const increment = this.target / steps; 6724const stepDuration = duration / steps; 6725let current = 0; 6726const timer = setInterval(() => { 6727current += increment; 6728if (current >= this.target) { 6729this.count = this.target; 6730clearInterval(timer); 6731} else { 6732this.count = Math.floor(current); 6733} 6734}, stepDuration); 6735} 6736}" 6737x-intersect:enter="visible = true; animate()" 6738x-bind:class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'" 6739class="group relative h-full flex flex-col bg-white dark:bg-neutral-800 rounded-2xl p-6 ring-1 ring-neutral-200 dark:ring-neutral-700 transition-all duration-700 hover:-translate-y-1 hover:shadow-lg overflow-hidden"> 6740<div class="flex items-center justify-between mb-5"> 6741<div class="flex-shrink-0 w-10 h-10 bg-blue-100 dark:bg-blue-900/30 rounded-xl flex items-center justify-center"> 6742<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5 text-blue-900 dark:text-blue-100"> 6743<path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z" /> 6744</svg> 6745</div> 6746<!--[if BLOCK]><![endif]--> <span class="inline-flex items-center rounded-full bg-blue-100 dark:bg-blue-900/30 text-blue-900 dark:text-blue-100 px-2.5 py-1 text-xs font-semibold">2025</span> 6747<!--[if ENDBLOCK]><![endif]--> </div> 6748<h3 class="text-4xl font-extrabold tracking-tight text-blue-900 dark:text-blue-100 mb-1"> 6749<!--[if BLOCK]><![endif]--> 6750<span x-text="'#' + count + ''">#1</span> 6751<!--[if ENDBLOCK]><![endif]--> </h3> 6752<p class="font-semibold text-neutral-900 dark:text-white mb-1">in West Africa</p>
6753<p class="text-sm text-neutral-600 dark:text-neutral-400 flex-grow">Regional excellence leader</p> 6754<div class="absolute inset-x-6 bottom-0 h-px bg-gradient-to-r from-blue-400 to-blue-600 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6755</div> 6756</div> 6757<div> 6758<div 6759x-data="{ 6760visible: false, 6761// Starts at the TRUE figure, not at zero. The counter used to initialise to 0 and 6762// count up, so any paint before animate() ran published a wrong rank â '#0 in 6763// Africa' on the university's homepage. animate() drops it to zero itself, at the 6764// moment it actually starts, so the wrong value is never a resting state. 6765count: 11, 6766target: 11, 6767animate() { 6768if (this.target === 0) return; 6769// Three of the four featured rankings are '#1'. Counting 0 â 1 over 1.5s is a 6770// timer that renders as nothing, so only a figure with somewhere to travel 6771// animates; the rest keep the value they were rendered with. 6772if (this.target <= 1 || window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 6773return; 6774} 6775this.count = 0; 6776const duration = 1500; 6777const steps = 30; 6778const increment = this.target / steps; 6779const stepDuration = duration / steps; 6780let current = 0; 6781const timer = setInterval(() => { 6782current += increment; 6783if (current >= this.target) { 6784this.count = this.target; 6785clearInterval(timer); 6786} else { 6787this.count = Math.floor(current); 6788} 6789}, stepDuration); 6790} 6791}" 6792x-intersect:enter="visible = true; animate()" 6793x-bind:class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'" 6794class="group relative h-full flex flex-col bg-white dark:bg-neutral-800 rounded-2xl p-6 ring-1 ring-neutral-200 dark:ring-neutral-700 transition-all duration-700 hover:-translate-y-1 hover:shadow-lg overflow-hidden"> 6795<div class="flex items-center justify-between mb-5"> 6796<div class="flex-shrink-0 w-10 h-10 bg-blue-100 dark:bg-blue-900/30 rounded-xl flex items-center justify-center"> 6797<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5 text-blue-900 dark:text-blue-100"> 6798<path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" /> 6799</svg> 6800</div> 6801<!--[if BLOCK]><![endif]--> <span class="inline-flex items-center rounded-full bg-blue-100 dark:bg-blue-900/30 text-blue-900 dark:text-blue-100 px-2.5 py-1 text-xs font-semibold">2025</span> 6802<!--[if ENDBLOCK]><![endif]--> </div> 6803<h3 class="text-4xl font-extrabold tracking-tight text-blue-900 dark:text-blue-100 mb-1"> 6804<!--[if BLOCK]><![endif]--> 6805<span x-text="'#' + count + ''">#11</span> 6806<!--[if ENDBLOCK]><![endif]--> </h3> 6807<p class="font-semibold text-neutral-900 dark:text-white mb-1">in Africa</p>
6808<p class="text-sm text-neutral-600 dark:text-neutral-400 flex-grow">Ranked 11th among African universities</p> 6809<div class="absolute inset-x-6 bottom-0 h-px bg-gradient-to-r from-blue-400 to-blue-600 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6810</div> 6811</div> 6812<div> 6813<div 6814x-data="{ 6815visible: false, 6816// Starts at the TRUE figure, not at zero. The counter used to initialise to 0 and 6817// count up, so any paint before animate() ran published a wrong rank â '#0 in 6818// Africa' on the university's homepage. animate() drops it to zero itself, at the 6819// moment it actually starts, so the wrong value is never a resting state. 6820count: 1, 6821target: 1, 6822animate() { 6823if (this.target === 0) return; 6824// Three of the four featured rankings are '#1'. Counting 0 â 1 over 1.5s is a 6825// timer that renders as nothing, so only a figure with somewhere to travel 6826// animates; the rest keep the value they were rendered with. 6827if (this.target <= 1 || window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 6828return; 6829} 6830this.count = 0; 6831const duration = 1500; 6832const steps = 30; 6833const increment = this.target / steps; 6834const stepDuration = duration / steps; 6835let current = 0; 6836const timer = setInterval(() => { 6837current += increment; 6838if (current >= this.target) { 6839this.count = this.target; 6840clearInterval(timer); 6841} else { 6842this.count = Math.floor(current); 6843} 6844}, stepDuration); 6845} 6846}" 6847x-intersect:enter="visible = true; animate()" 6848x-bind:class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'" 6849class="group relative h-full flex flex-col bg-white dark:bg-neutral-800 rounded-2xl p-6 ring-1 ring-neutral-200 dark:ring-neutral-700 transition-all duration-700 hover:-translate-y-1 hover:shadow-lg overflow-hidden"> 6850<div class="flex items-center justify-between mb-5"> 6851<div class="flex-shrink-0 w-10 h-10 bg-blue-100 dark:bg-blue-900/30 rounded-xl flex items-center justify-center"> 6852<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5 text-blue-900 dark:text-blue-100"> 6853<path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" /> 6854</svg> 6855</div> 6856<!--[if BLOCK]><![endif]--> <span class="inline-flex items-center rounded-full bg-blue-100 dark:bg-blue-900/30 text-blue-900 dark:text-blue-100 px-2.5 py-1 text-xs font-semibold">Global</span> 6857<!--[if ENDBLOCK]><![endif]--> </div> 6858<h3 class="text-4xl font-extrabold tracking-tight text-blue-900 dark:text-blue-100 mb-1"> 6859<!--[if BLOCK]><![endif]--> 6860<span x-text="'#' + count + ''">#1</span> 6861<!--[if ENDBLOCK]><![endif]--> </h3> 6862<p class="font-semibold text-neutral-900 dark:text-white mb-1">Research Influence</p>
6863<p class="text-sm text-neutral-600 dark:text-neutral-400 flex-grow">Worldwide research impact</p> 6864<div class="absolute inset-x-6 bottom-0 h-px bg-gradient-to-r from-blue-400 to-blue-600 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6865</div> 6866</div> 6867<!--[if ENDBLOCK]><![endif]--> </div> 6868<!--[if ENDBLOCK]><![endif]--> 6869<!-- View All Rankings Link --> 6870<!--[if BLOCK]><![endif]--> <div class="text-center"> 6871<a href="https://ucc.edu.gh/rankings/history" class="inline-flex items-center gap-2 py-1.5 text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 font-semibold text-sm group transition-colors"> 6872<span>View Historical Rankings</span> 6873<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 6874stroke="currentColor" class="w-4 h-4 group-hover:translate-x-1 transition-transform"> 6875<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/> 6876</svg> 6877</a> 6878</div> 6879<!--[if ENDBLOCK]><![endif]--> </div> 6880</section> 6881<!-- Quick Stats Section â reinforce scale and excellence --> 6882<!-- Quick Stats Section --> 6883<section 6884class="relative overflow-hidden bg-gradient-to-br from-blue-900 via-blue-800 to-blue-900 dark:from-neutral-950 dark:via-neutral-900 dark:to-neutral-950 band-support" 6885aria-labelledby="quick-stats-6ab4e4f716076-title"> 6886<!-- Background Pattern --> 6887<div class="absolute inset-0 opacity-10"> 6888<div class="absolute inset-0" 6889style="background-image: radial-gradient(circle at 1px 1px, white 1px, transparent 0); background-size: 40px 40px;"></div> 6890</div> 6891<div class="relative mx-auto max-w-7xl px-6 lg:px-8"> 6892<div class="mx-auto max-w-2xl lg:max-w-none"> 6893<!-- Header --> 6894<div class="text-center mb-12"> 6895<h2 id="quick-stats-6ab4e4f716076-title" 6896class="text-3xl font-bold tracking-tight text-white sm:text-4xl">UCC at a Glance</h2> 6897<p class="mt-4 text-lg leading-8 text-blue-100 dark:text-neutral-300">Building excellence through decades of academic leadership</p> 6898</div> 6899<!--[if BLOCK]><![endif]--> <!-- Stats Grid --> 6900<dl class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4" role="list" id="quick-stats-6ab4e4f716076-container"> 6901<!--[if BLOCK]><![endif]--> 6902<div 6903id="quick-stats-6ab4e4f716076-stat-0" 6904class="group relative flex flex-col items-center justify-center text-center bg-gradient-to-br 6905from-white/10 to-white/5 dark:from-neutral-900/50 dark:to-neutral-900/30 rounded-xl p-6 6906backdrop-blur-sm border border-white/10 dark:border-neutral-700/50 transition-[box-shadow,border-color] duration-300 6907hover:shadow-2xl hover:shadow-yellow-400/20 hover:border-yellow-400/30 " 6908role="listitem" 6909aria-label="Students Enrolled: 102233" 6910> 6911<!-- Icon --> 6912<div class="mb-4 relative"> 6913<div 6914class="relative flex h-14 w-14 items-center justify-center rounded-full bg-gradient-to-br from-yellow-400/30 to-yellow-500/20 dark:from-yellow-300/30 dark:to-yellow-400/20 transition-[background] duration-300 group-hover:from-yellow-400/40 group-hover:to-yellow-500/30"> 6915<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 h-7 w-7 text-yellow-400 dark:text-yellow-300"> 6916<path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /> 6917</svg> 6918<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6919</div> 6920<!-- Label --> 6921<dt class="text-base leading-7 text-blue-100 dark:text-neutral-300 font-semibold">Students Enrolled</dt> 6922<!-- Value with Counter Animation --> 6923<dd class="mt-2 flex flex-col items-center gap-2"> 6924<div class="flex items-baseline gap-x-1"> 6925<span 6926class="stat-counter tabular-nums inline-block text-4xl sm:text-5xl font-bold tracking-tight text-yellow-400 dark:text-yellow-300" 6927x-data="{ 6928count: 102233, 6929target: 102233, 6930suffix: '', 6931animated: false 6932}" 6933x-init=" 6934let observer = new IntersectionObserver((entries) => { 6935if (entries[0].isIntersecting && !animated) { 6936animated = true; 6937let duration = 2000; 6938let steps = 60; 6939let increment = target / steps; 6940let current = 0; 6941count = 0; 6942let interval = setInterval(() => { 6943current += increment; 6944if (current >= target) { 6945count = target; 6946clearInterval(interval); 6947} else { 6948count = Math.round(current); 6949} 6950}, duration / steps); 6951observer.disconnect(); 6952} 6953}, { threshold: 0.3 }); 6954observer.observe($el); 6955"
6956x-text="count.toLocaleString() + suffix" 6957> 6958</span> 6959</div> 6960<!-- Description --> 6961<!--[if BLOCK]><![endif]--> <p class="text-xs text-blue-200 dark:text-neutral-400 font-medium">Across all campuses</p> 6962<!--[if ENDBLOCK]><![endif]--> 6963<!-- Trend Indicator --> 6964<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </dd> 6965<!-- Link Indicator --> 6966<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6967<div 6968id="quick-stats-6ab4e4f716076-stat-1" 6969class="group relative flex flex-col items-center justify-center text-center bg-gradient-to-br 6970from-white/10 to-white/5 dark:from-neutral-900/50 dark:to-neutral-900/30 rounded-xl p-6 6971backdrop-blur-sm border border-white/10 dark:border-neutral-700/50 transition-[box-shadow,border-color] duration-300 6972hover:shadow-2xl hover:shadow-yellow-400/20 hover:border-yellow-400/30 " 6973role="listitem" 6974aria-label="Programmes: 528" 6975> 6976<!-- Icon --> 6977<div class="mb-4 relative"> 6978<div 6979class="relative flex h-14 w-14 items-center justify-center rounded-full bg-gradient-to-br from-yellow-400/30 to-yellow-500/20 dark:from-yellow-300/30 dark:to-yellow-400/20 transition-[background] duration-300 group-hover:from-yellow-400/40 group-hover:to-yellow-500/30"> 6980<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 h-7 w-7 text-yellow-400 dark:text-yellow-300"> 6981<path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" /> 6982</svg> 6983<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6984</div> 6985<!-- Label --> 6986<dt class="text-base leading-7 text-blue-100 dark:text-neutral-300 font-semibold">Programmes</dt> 6987<!-- Value with Counter Animation --> 6988<dd class="mt-2 flex flex-col items-center gap-2"> 6989<div class="flex items-baseline gap-x-1"> 6990<span 6991class="stat-counter tabular-nums inline-block text-4xl sm:text-5xl font-bold tracking-tight text-yellow-400 dark:text-yellow-300" 6992x-data="{ 6993count: 528, 6994target: 528, 6995suffix: '', 6996animated: false 6997}" 6998x-init=" 6999let observer = new IntersectionObserver((entries) => { 7000if (entries[0].isIntersecting && !animated) { 7001animated = true; 7002let duration = 2000; 7003let steps = 60; 7004let increment = target / steps; 7005let current = 0; 7006count = 0; 7007let interval = setInterval(() => { 7008current += increment; 7009if (current >= target) { 7010count = target; 7011clearInterval(interval); 7012} else { 7013count = Math.round(current); 7014} 7015}, duration / steps); 7016observer.disconnect(); 7017} 7018}, { threshold: 0.3 }); 7019observer.observe($el); 7020" 7021x-text="count.toLocaleString() + suffix" 7022> 7023</span> 7024</div> 7025<!-- Description --> 7026<!--[if BLOCK]><![endif]--> <p class="text-xs text-blue-200 dark:text-neutral-400 font-medium">Diverse fields of study</p> 7027<!--[if ENDBLOCK]><![endif]--> 7028<!-- Trend Indicator --> 7029<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </dd> 7030<!-- Link Indicator --> 7031<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 7032<div 7033id="quick-stats-6ab4e4f716076-stat-2" 7034class="group relative flex flex-col items-center justify-center text-center bg-gradient-to-br 7035from-white/10 to-white/5 dark:from-neutral-900/50 dark:to-neutral-900/30 rounded-xl p-6 7036backdrop-blur-sm border border-white/10 dark:border-neutral-700/50 transition-[box-shadow,border-color] duration-300 7037hover:shadow-2xl hover:shadow-yellow-400/20 hover:border-yellow-400/30 " 7038role="listitem" 7039aria-label="Academic Staff: 1123" 7040> 7041<!-- Icon --> 7042<div class="mb-4 relative"> 7043<div 7044class="relative flex h-14 w-14 items-center justify-center rounded-full bg-gradient-to-br from-yellow-400/30 to-yellow-500/20 dark:from-yellow-300/30 dark:to-yellow-400/20 transition-[background] duration-300 group-hover:from-yellow-400/40 group-hover:to-yellow-500/30"> 7045<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 h-7 w-7 text-yellow-400 dark:text-yellow-300"> 7046<path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" /> 7047</svg> 7048<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 7049</div> 7050<!-- Label -->
7051<dt class="text-base leading-7 text-blue-100 dark:text-neutral-300 font-semibold">Academic Staff</dt> 7052<!-- Value with Counter Animation --> 7053<dd class="mt-2 flex flex-col items-center gap-2"> 7054<div class="flex items-baseline gap-x-1"> 7055<span 7056class="stat-counter tabular-nums inline-block text-4xl sm:text-5xl font-bold tracking-tight text-yellow-400 dark:text-yellow-300" 7057x-data="{ 7058count: 1123, 7059target: 1123, 7060suffix: '', 7061animated: false 7062}" 7063x-init=" 7064let observer = new IntersectionObserver((entries) => { 7065if (entries[0].isIntersecting && !animated) { 7066animated = true; 7067let duration = 2000; 7068let steps = 60; 7069let increment = target / steps; 7070let current = 0; 7071count = 0; 7072let interval = setInterval(() => { 7073current += increment; 7074if (current >= target) { 7075count = target; 7076clearInterval(interval); 7077} else { 7078count = Math.round(current); 7079} 7080}, duration / steps); 7081observer.disconnect(); 7082} 7083}, { threshold: 0.3 }); 7084observer.observe($el); 7085" 7086x-text="count.toLocaleString() + suffix" 7087> 7088</span> 7089</div> 7090<!-- Description --> 7091<!--[if BLOCK]><![endif]--> <p class="text-xs text-blue-200 dark:text-neutral-400 font-medium">Expert educators</p> 7092<!--[if ENDBLOCK]><![endif]--> 7093<!-- Trend Indicator --> 7094<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </dd> 7095<!-- Link Indicator --> 7096<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 7097<div 7098id="quick-stats-6ab4e4f716076-stat-3" 7099class="group relative flex flex-col items-center justify-center text-center bg-gradient-to-br 7100from-white/10 to-white/5 dark:from-neutral-900/50 dark:to-neutral-900/30 rounded-xl p-6 7101backdrop-blur-sm border border-white/10 dark:border-neutral-700/50 transition-[box-shadow,border-color] duration-300 7102hover:shadow-2xl hover:shadow-yellow-400/20 hover:border-yellow-400/30 " 7103role="listitem" 7104aria-label="Years of Excellence: 64" 7105> 7106<!-- Icon --> 7107<div class="mb-4 relative"> 7108<div 7109class="relative flex h-14 w-14 items-center justify-center rounded-full bg-gradient-to-br from-yellow-400/30 to-yellow-500/20 dark:from-yellow-300/30 dark:to-yellow-400/20 transition-[background] duration-300 group-hover:from-yellow-400/40 group-hover:to-yellow-500/30"> 7110<!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 h-7 w-7 text-yellow-400 dark:text-yellow-300"> 7111<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 0 1-.982-3.172M9.497 14.25a7.454 7.454 0 0 0 .981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 0 1 2.916.52 6.003 6.003 0 0 1-5.395 4.972m0 0a6.726 6.726 0 0 1-2.749 1.35m0 0a6.772 6.772 0 0 1-3.044 0" /> 7112</svg> 7113<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 7114</div> 7115<!-- Label --> 7116<dt class="text-base leading-7 text-blue-100 dark:text-neutral-300 font-semibold">Years of Excellence</dt> 7117<!-- Value with Counter Animation --> 7118<dd class="mt-2 flex flex-col items-center gap-2"> 7119<div class="flex items-baseline gap-x-1"> 7120<span 7121class="stat-counter tabular-nums inline-block text-4xl sm:text-5xl font-bold tracking-tight text-yellow-400 dark:text-yellow-300" 7122x-data="{ 7123count: 64, 7124target: 64, 7125suffix: '', 7126animated: false 7127}" 7128x-init=" 7129let observer = new IntersectionObserver((entries) => { 7130if (entries[0].isIntersecting && !animated) { 7131animated = true; 7132let duration = 2000; 7133let steps = 60; 7134let increment = target / steps; 7135let current = 0; 7136count = 0; 7137let interval = setInterval(() => { 7138current += increment; 7139if (current >= target) { 7140count = target; 7141clearInterval(interval); 7142} else { 7143count = Math.round(current); 7144} 7145}, duration / steps); 7146observer.disconnect(); 7147} 7148}, { threshold: 0.3 }); 7149observer.observe($el); 7150"
7151x-text="count.toLocaleString() + suffix" 7152> 7153</span> 7154</div> 7155<!-- Description --> 7156<!--[if BLOCK]><![endif]--> <p class="text-xs text-blue-200 dark:text-neutral-400 font-medium">Since 1962</p> 7157<!--[if ENDBLOCK]><![endif]--> 7158<!-- Trend Indicator --> 7159<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </dd> 7160<!-- Link Indicator --> 7161<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 7162<!--[if ENDBLOCK]><![endif]--> </dl> 7163<!--[if ENDBLOCK]><![endif]--> </div> 7164</div> 7165</section> 7166<!-- Latest News â establish currency and activity --> 7167<!--[if BLOCK]><![endif]--><!-- News Section --> 7168<section 7169class="relative bg-gradient-to-b from-white via-neutral-50 to-white dark:from-neutral-800 dark:via-neutral-850 dark:to-neutral-800 band-feed overflow-hidden"> 7170<div class="relative mx-auto max-w-7xl px-6 lg:px-8"> 7171<!-- Section Header --> 7172<div class="mx-auto max-w-2xl text-center"> 7173<h2 class="band-feed-title font-bold tracking-tight text-blue-900 dark:text-blue-100"> 7174Latest News 7175</h2>
7176<p class="mt-4 text-lg leading-8 text-neutral-600 dark:text-neutral-300"> 7177Stay informed with the latest news and updates from UCC 7178</p> 7179</div> 7180<!-- News Grid --> 7181<div class="mx-auto mt-12 grid max-w-2xl grid-cols-1 gap-8 lg:mx-0 lg:max-w-none lg:grid-cols-3"> 7182<!--[if BLOCK]><![endif]--> <article 7183class="flex flex-col group relative bg-white dark:bg-neutral-800 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-1 border border-neutral-200 dark:border-neutral-700"> 7184<!-- Image Container --> 7185<div 7186class="relative w-full h-56 overflow-hidden bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/30 dark:to-neutral-800"> 7187<!--[if BLOCK]><![endif]--> <picture class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1"> 7188<!--[if BLOCK]><![endif]--> <source 7189type="image/webp" 7190srcset="/media/secure/85391?conversion=sm&expires=1790844638&signature=fb3fa9dfed796573e8603219bf1ea1d207949de1f80e67d3d47338ab889d7c37 640w, /media/secure/85391?conversion=md&expires=1790844638&signature=94d519f0c82cf83f297a96feb3f413cfaaa54518f31ac0979ef176b3c660bf47 768w, /media/secure/85391?conversion=lg&expires=1790844638&signature=bb9807b47877b777e5b33506ed312c88b1241ef526fc5f1384a182920eb77b1a 1024w, /media/secure/85391?conversion=xl&expires=1790844638&signature=f0c291cfec15ddddfb603c8b3bc9a0dd5226e30ce47b46aa1d3771540d63665c 1280w, /media/secure/85391?conversion=2xl&expires=1790844638&signature=dcb1f48a7ff1b2a8fd7fd2c7dcabb5373395f7fb52c1cb947d1f354cfaadc502 1536w" 7191sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" 7192> 7193<!--[if ENDBLOCK]><![endif]--> 7194<img 7195src="/media/secure/85391?conversion=webp&expires=1790844638&signature=08735c5beeaf7ff1ba8c8d447c3d23656b7284669722b2b344a6690af564f481" 7196alt="The Vice-Chancellor and Registrar with the ADB team" 7197loading="lazy" 7198decoding="async" 7199fetchpriority="auto" 7200data-refresh-url="/media/85391/refresh?conversion=responsive&signature=b11fb516a5ab3dd101e55e59cdee7bacf84ee1e0264c99fa468d96f8c9bef4f1" 7201data-placeholder="/img/placeholder.jpg" 7202onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.refreshUrl&&!i.dataset.refreshed){i.dataset.refreshed='1';i.src=i.dataset.refreshUrl;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.dataset.placeholder1='1';i.src=i.dataset.placeholder;}" 7203class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1" 7204> 7205</picture> 7206<!--[if ENDBLOCK]><![endif]--> 7207<!-- Overlay Gradient --> 7208<div 7209class="absolute inset-0 bg-gradient-to-t from-neutral-900/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 7210<!-- Category Badge on Image --> 7211<!--[if BLOCK]><![endif]--> <div class="absolute top-4 left-4 z-20"> 7212<a href="https://news.ucc.edu.gh/c/general-0001" class="relative inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/95 dark:bg-neutral-900/95 backdrop-blur-sm text-xs font-semibold text-blue-900 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-neutral-800 transition-colors duration-200 shadow-md cursor-pointer" onclick="event.stopPropagation()"> 7213<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-3.5 h-3.5"> 7214<path fill-rule="evenodd" 7215d="M5.5 3A2.5 2.5 0 0 0 3 5.5v2.879a2.5 2.5 0 0 0 .732 1.767l6.5 6.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-6.5-6.5A2.5 2.5 0 0 0 8.38 3H5.5ZM6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" 7216clip-rule="evenodd"/> 7217</svg> 7218General 7219</a> 7220</div> 7221<!--[if ENDBLOCK]><![endif]--> </div> 7222<!-- Content Container --> 7223<div class="flex-1 flex flex-col p-6"> 7224<!-- Date --> 7225<div class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium mb-3"> 7226<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 7227<path fill-rule="evenodd" 7228d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z" 7229clip-rule="evenodd"/> 7230</svg> 7231<time datetime="2026-09-22T18:14:00+00:00"> 7232Sep 22, 2026 7233</time> 7234</div> 7235<!-- Title --> 7236<h3 class="text-xl font-bold leading-snug text-neutral-900 dark:text-white group-hover:text-blue-600 dar
7236k:group-hover:text-blue-400 transition-colors duration-300 mb-3"> 7237<a href="https://news.ucc.edu.gh/ucc-school-of-optometry-and-vision-science-secures-additional-us25000-grant-for-community-eye-care-project-00JU"> 7238<span class="absolute inset-0"></span> 7239UCC School of Optometry and Vision Science Secures Additional US$25,000 Grant for Community Eye Care Project 7240</a> 7241</h3> 7242<!-- Excerpt --> 7243<p class="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400 line-clamp-3 flex-1 mb-4"> 7244The School of Optometry and Vision Science (SOVS) at the University of Cape Coast (UCC) has 7245</p> 7246<!-- Visual Indicator --> 7247<div 7248class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300"> 7249<span>Read more</span> 7250<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7251class="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform duration-300"> 7252<path fill-rule="evenodd" 7253d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 7254clip-rule="evenodd"/> 7255</svg> 7256</div> 7257</div> 7258</article> 7259<article 7260class="flex flex-col group relative bg-white dark:bg-neutral-800 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-1 border border-neutral-200 dark:border-neutral-700"> 7261<!-- Image Container --> 7262<div 7263class="relative w-full h-56 overflow-hidden bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/30 dark:to-neutral-800"> 7264<!--[if BLOCK]><![endif]--> <picture class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1"> 7265<!--[if BLOCK]><![endif]--> <source 7266type="image/webp" 7267srcset="/media/secure/85235?conversion=sm&expires=1790844638&signature=009a26841e57696515bb02d25a449f33d6f1ae1c1456cdcbb7383827d9eb1c9c 640w, /media/secure/85235?conversion=md&expires=1790844638&signature=708975a2feb38ce24ab1c02df7eb4f8c628dae86334513f2ab89e9b27a303d32 768w, /media/secure/85235?conversion=lg&expires=1790844638&signature=65dda20e007935d009575f2aadb37cbbf07407338752e07826d44fc2dcff73e4 1024w, /media/secure/85235?conversion=xl&expires=1790844638&signature=6a30780749f7c9d179be97e403fa8f3f49e0869bb3c797b4ea004ef5ad3fadc2 1280w, /media/secure/85235?conversion=2xl&expires=1790844638&signature=bf254d446a94c9440d6dd703555f8edaa9dfc305133b9448dc0c10563800179c 1536w" 7268sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" 7269> 7270<!--[if ENDBLOCK]><![endif]--> 7271<img 7272src="/media/secure/85235?conversion=webp&expires=1790844638&signature=08f916eb061c1e53bbc5c3aab46c2245724d286a88ba357f5b956aecabeb166c" 7273alt="Participants " 7274loading="lazy" 7275decoding="async" 7276fetchpriority="auto" 7277data-refresh-url="/media/85235/refresh?conversion=responsive&signature=0aa7e59dc5d3b3f44c8a9b1eb06c826eba4707dcd7d1b34da0751b6a7f755536" 7278data-placeholder="/img/placeholder.jpg" 7279onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.refreshUrl&&!i.dataset.refreshed){i.dataset.refreshed='1';i.src=i.dataset.refreshUrl;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.dataset.placeholder1='1';i.src=i.dataset.placeholder;}" 7280class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1" 7281> 7282</picture> 7283<!--[if ENDBLOCK]><![endif]--> 7284<!-- Overlay Gradient --> 7285<div 7286class="absolute inset-0 bg-gradient-to-t from-neutral-900/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 7287<!-- Category Badge on Image --> 7288<!--[if BLOCK]><![endif]--> <div class="absolute top-4 left-4 z-20"> 7289<a href="https://news.ucc.edu.gh/c/seminarworkshop-0006" class="relative inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/95 dar
7289k:bg-neutral-900/95 backdrop-blur-sm text-xs font-semibold text-blue-900 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-neutral-800 transition-colors duration-200 shadow-md cursor-pointer" onclick="event.stopPropagation()"> 7290<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-3.5 h-3.5"> 7291<path fill-rule="evenodd" 7292d="M5.5 3A2.5 2.5 0 0 0 3 5.5v2.879a2.5 2.5 0 0 0 .732 1.767l6.5 6.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-6.5-6.5A2.5 2.5 0 0 0 8.38 3H5.5ZM6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" 7293clip-rule="evenodd"/> 7294</svg> 7295Seminar/Workshop 7296</a> 7297</div> 7298<!--[if ENDBLOCK]><![endif]--> </div> 7299<!-- Content Container --> 7300<div class="flex-1 flex flex-col p-6"> 7301<!-- Date --> 7302<div class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium mb-3"> 7303<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 7304<path fill-rule="evenodd" 7305d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z" 7306clip-rule="evenodd"/> 7307</svg> 7308<time datetime="2026-09-20T17:59:00+00:00"> 7309Sep 20, 2026 7310</time> 7311</div> 7312<!-- Title --> 7313<h3 class="text-xl font-bold leading-snug text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300 mb-3"> 7314<a href="https://news.ucc.edu.gh/gsaa-conference-calls-for-stronger-governance-and-resource-justice-in-africa-00JT"> 7315<span class="absolute inset-0"></span> 7316GSAA Conference Calls for Stronger Governance and Resource Justice in Africa 7317</a> 7318</h3> 7319<!-- Excerpt -->
7320<p class="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400 line-clamp-3 flex-1 mb-4"> 7321The 10th Annual Conference of the Ghana Sociological and Anthropological Association (GSAA) has been held at the University of Cape Coast (UCC) 7322</p> 7323<!-- Visual Indicator --> 7324<div 7325class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300"> 7326<span>Read more</span> 7327<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7328class="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform duration-300"> 7329<path fill-rule="evenodd" 7330d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 7331clip-rule="evenodd"/> 7332</svg> 7333</div> 7334</div> 7335</article> 7336<article 7337class="flex flex-col group relative bg-white dark:bg-neutral-800 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-1 border border-neutral-200 dark:border-neutral-700"> 7338<!-- Image Container --> 7339<div 7340class="relative w-full h-56 overflow-hidden bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/30 dark:to-neutral-800"> 7341<!--[if BLOCK]><![endif]--> <picture class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1"> 7342<!--[if BLOCK]><![endif]--> <source 7343type="image/webp" 7344srcset="/media/secure/85234?conversion=sm&expires=1790844638&signature=7967962906661724f4db2b9c4298af6aed1e087538e448e7e3e83140d23cd3ce 640w, /media/secure/85234?conversion=md&expires=1790844638&signature=618c844ac22c02fe6ece188cfb3d6ec67a1f8fd15699226c4c3af496af891003 768w, /media/secure/85234?conversion=lg&expires=1790844638&signature=4e7617e5430325075908326327e4d06905a7fb103c195efeef9681937268b14e 1024w, /media/secure/85234?conversion=xl&expires=1790844638&signature=15d6abb453122ff5b4d33fe6f67b952b6e768891dcc2e5dd7d49471f601d5f54 1280w, /media/secure/85234?conversion=2xl&expires=1790844638&signature=6f899342ca4a8b5810e2732fba5a9ef3e116b137a50aafd4eb521384866a9535 1536w" 7345sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" 7346> 7347<!--[if ENDBLOCK]><![endif]--> 7348<img 7349src="/media/secure/85234?conversion=webp&expires=1790844638&signature=36e4e8e2433a76a5075330efc3ee5bbedaf0ef8872a818e400bff6f051c25f54" 7350alt="The Vice-Chancellor and Registrar with the ADB team" 7351loading="lazy" 7352decoding="async" 7353fetchpriority="auto" 7354data-refresh-url="/media/85234/refresh?conversion=responsive&signature=a00741d322285680ca02dfdc211552a877d8e2de0e0ce9dbed918ad754063c2a" 7355data-placeholder="/img/placeholder.jpg" 7356onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.refreshUrl&&!i.dataset.refreshed){i.dataset.refreshed='1';i.src=i.dataset.refreshUrl;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.dataset.placeholder1='1';i.src=i.dataset.placeholder;}" 7357class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1" 7358> 7359</picture> 7360<!--[if ENDBLOCK]><![endif]--> 7361<!-- Overlay Gradient --> 7362<div 7363class="absolute inset-0 bg-gradient-to-t from-neutral-900/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 7364<!-- Category Badge on Image --> 7365<!--[if BLOCK]><![endif]--> <div class="absolute top-4 left-4 z-20"> 7366<a href="https://news.ucc.edu.gh/c/general-0001" class="relative inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/95 dark:bg-neutral-900/95 backdrop-blur-sm text-xs font-semibold text-blue-900 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-neutral-800 transition-colors duration-200 shadow-md cursor-pointer" onclick="event.stopPropagation()"> 7367<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-3.5 h-3.5"> 7368<path fill-rule="evenodd" 7369d="M5.5 3A2.5 2.5 0 0 0 3 5.5v2.879a2.5 2.5 0 0 0 .732 1.767l6.5 6.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-6.5-6.5A2.5 2.5 0 0 0 8.38 3H5.5ZM6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" 7370clip-rule="evenodd"/> 7371</svg> 7372General 7373</a> 7374</div> 7375<!--[if ENDBLOCK]><![endif]--> </div> 7376<!-- Content Container --> 7377<div class="flex-1 flex flex-col p-6"> 7378<!-- Date --> 7379<div class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium mb-3"> 7380<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 7381<path fill-rule="evenodd" 7382d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z" 7383clip-rule="evenodd"/> 7384</svg> 7385<time datetime="2026-09-18T20:36:00+00:00"> 7386Sep 18, 2026 7387</time> 7388</div> 7389<!-- Title --> 7390<h3 class="text-xl font-bold leading-snug text-neutral-900 dark:text-white group-hover:text-blue-600 dar
7390k:group-hover:text-blue-400 transition-colors duration-300 mb-3"> 7391<a href="https://news.ucc.edu.gh/ucc-honours-kwesi-pratt-for-contributions-to-journalism-public-discourse-00JS"> 7392<span class="absolute inset-0"></span> 7393UCC Honours Kwesi Pratt for Contributions to Journalism, Public Discourse 7394</a> 7395</h3> 7396<!-- Excerpt --> 7397<p class="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400 line-clamp-3 flex-1 mb-4"> 7398The Vice-Chancellor of the University of Cape Coast (UCC), Prof. Denis Worlanyo Aheto, has described veteran journalist, 7399</p> 7400<!-- Visual Indicator --> 7401<div 7402class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300"> 7403<span>Read more</span> 7404<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7405class="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform duration-300"> 7406<path fill-rule="evenodd" 7407d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 7408clip-rule="evenodd"/> 7409</svg> 7410</div> 7411</div> 7412</article> 7413<!--[if ENDBLOCK]><![endif]--> </div> 7414<!-- View More Button --> 7415<div class="mx-auto mt-12 flex items-center justify-center"> 7416<a href="https://news.ucc.edu.gh" class="group inline-flex items-center gap-3 rounded-full bg-blue-900 dark:bg-blue-800 px-8 py-4 text-base font-semibold text-white shadow-lg hover:bg-blue-800 dark:hover:bg-blue-700 hover:shadow-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-900 transition-all duration-300 hover:-translate-y-0.5"> 7417View All News 7418<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" 7419stroke="currentColor" 7420class="w-5 h-5 group-hover:translate-x-1 transition-transform duration-300"> 7421<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/> 7422</svg> 7423</a> 7424</div> 7425</div> 7426</section> 7427<!--[if ENDBLOCK]><![endif]--> 7428<!-- Announcements & Press Releases â time-sensitive official communications --> 7429<!--[if BLOCK]><![endif]--><!-- Announcements & Press Releases Section --> 7430<section class="relative bg-neutral-50 dark:bg-neutral-900 band-feed overflow-hidden"> 7431<div class="relative mx-auto max-w-7xl px-6 lg:px-8"> 7432<!-- Section Header --> 7433<div class="mx-auto max-w-2xl text-center mb-12"> 7434<h2 class="band-feed-title font-bold tracking-tight text-blue-900 dark:text-blue-100"> 7435Latest Announcements 7436</h2>
7437<p class="mt-4 text-base leading-7 text-neutral-600 dark:text-neutral-300"> 7438Stay informed with our most recent official announcements and press releases 7439</p> 7440</div> 7441<!-- Announcements Grid --> 7442<div class="grid grid-cols-1 gap-6 lg:grid-cols-2"> 7443<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements/re-opening-for-level-100-students-20262027-academic-year" class="group relative flex items-start gap-5 rounded-2xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-800 p-8 shadow-sm hover:shadow-md transition-[transform,box-shadow,border-color] duration-300 hover:border-blue-300 dark:hover:border-blue-700 hover:-translate-y-1"> 7444<!-- Icon --> 7445<div class="flex-shrink-0"> 7446<div 7447class="flex h-16 w-16 items-center justify-center rounded-2xl bg-blue-900 dark:bg-blue-800 group-hover:scale-105 transition-transform duration-300"> 7448<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 7449class="h-8 w-8 text-white"> 7450<path 7451d="M16.881 4.345A23.112 23.112 0 0 1 8.25 6H7.5a5.25 5.25 0 0 0-.88 10.427 21.593 21.593 0 0 0 1.378 3.94c.464 1.004 1.674 1.32 2.582.796l.657-.379c.88-.508 1.165-1.592.772-2.468a17.116 17.116 0 0 1-.628-1.607c1.918.258 3.76.75 5.5 1.446A21.727 21.727 0 0 0 18 11.25c0-2.414-.393-4.735-1.119-6.905ZM18.26 3.74a23.22 23.22 0 0 1 1.24 7.51 23.22 23.22 0 0 1-1.24 7.51c-.055.161-.111.322-.17.482a.75.75 0 1 0 1.409.516 24.555 24.555 0 0 0 1.415-6.43 2.992 2.992 0 0 0 0-3.635 24.6 24.6 0 0 0-1.414-6.43.75.75 0 0 0-1.409.516c.059.16.116.321.17.482Z"/> 7452</svg> 7453</div> 7454</div> 7455<!-- Content --> 7456<div class="flex-1 min-w-0"> 7457<div class="flex items-center gap-2 mb-3"> 7458<span 7459class="inline-flex items-center gap-1.5 rounded-full bg-blue-50 dark:bg-blue-900/50 px-3 py-1 text-xs font-semibold text-blue-900 dark:text-blue-100"> 7460<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7461class="w-3.5 h-3.5"> 7462<path fill-rule="evenodd" 7463d="M10 2a6 6 0 0 0-6 6c0 1.887-.454 3.665-1.257 5.234a.75.75 0 0 0 .515 1.076 32.91 32.91 0 0 0 3.256.508 3.5 3.5 0 0 0 6.972 0 32.903 32.903 0 0 0 3.256-.508.75.75 0 0 0 .515-1.076A11.448 11.448 0 0 1 16 8a6 6 0 0 0-6-6ZM8.05 14.943a33.54 33.54 0 0 0 3.9 0 2 2 0 0 1-3.9 0Z" 7464clip-rule="evenodd"/> 7465</svg> 7466Announcement 7467</span> 7468<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7469class="w-4 h-4 text-blue-700 dark:text-blue-300 group-hover:translate-x-1 transition-transform duration-300"> 7470<path fill-rule="evenodd" 7471d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 7472clip-rule="evenodd"/> 7473</svg> 7474</div> 7475<h3 class="text-lg font-bold text-neutral-900 dark:text-white leading-snug line-clamp-2 group-hover:text-blue-900 dark:group-hover:text-blue-200 transition-colors duration-300"> 7476Re-Opening for Level 100 Students-(2026/2027 Academic Year) 7477</h3> 7478<!--[if BLOCK]><![endif]--> <p class="mt-2 text-sm text-neutral-600 dar
7478k:text-neutral-400 line-clamp-2"> 7479Fresh students admitted to the 2026/2027 to report on 26th September, 2026 7480</p> 7481<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="mt-3 text-xs text-neutral-500 dark:text-neutral-400 flex items-center gap-1.5"> 7482<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7483class="w-3.5 h-3.5 shrink-0"> 7484<path fill-rule="evenodd" 7485d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm.75-13a.75.75 0 0 0-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 0 0 0-1.5h-3.25V5Z" 7486clip-rule="evenodd"/> 7487</svg> 7488Sep 12, 2026 7489<span class="text-neutral-500 dark:text-neutral-400">·</span> 74901 week ago 7491</p> 7492<!--[if ENDBLOCK]><![endif]--> </div> 7493</a> 7494<!--[if ENDBLOCK]><![endif]--> 7495<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/press-releases/university-of-cape-coast-student-found-dead-at-hutchland-beach-investigations-underway" class="group relative flex items-start gap-5 rounded-2xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-800 p-8 shadow-sm hover:shadow-md transition-[transform,box-shadow,border-color] duration-300 hover:border-blue-300 dark:hover:border-blue-700 hover:-translate-y-1"> 7496<!-- Icon --> 7497<div class="flex-shrink-0"> 7498<div 7499class="flex h-16 w-16 items-center justify-center rounded-2xl bg-blue-900 dark:bg-blue-800 group-hover:scale-105 transition-transform duration-300"> 7500<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 7501class="h-8 w-8 text-white"> 7502<path fill-rule="evenodd" 7503d="M4.125 3C3.089 3 2.25 3.84 2.25 4.875V18a3 3 0 0 0 3 3h15a3 3 0 0 1-3-3V4.875C17.25 3.839 16.41 3 15.375 3H4.125ZM12 9.75a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5H12Zm-.75-2.25a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75ZM6 12.75a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5H6Zm-.75 3.75a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75ZM6 6.75a.75.75 0 0 0-.75.75v3c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75v-3A.75.75 0 0 0 9 6.75H6Z" 7504clip-rule="evenodd"/> 7505<path 7506d="M18.75 6.75h1.875c.621 0 1.125.504 1.125 1.125V18a1.5 1.5 0 0 1-3 0V6.75Z"/> 7507</svg> 7508</div> 7509</div> 7510<!-- Content --> 7511<div class="flex-1 min-w-0"> 7512<div class="flex items-center gap-2 mb-3"> 7513<span 7514class="inline-flex items-center gap-1.5 rounded-full bg-blue-50 dark:bg-blue-900/50 px-3 py-1 text-xs font-semibold text-blue-900 dark:text-blue-100"> 7515<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7516class="w-3.5 h-3.5"> 7517<path fill-rule="evenodd" 7518d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z" 7519clip-rule="evenodd"/> 7520</svg> 7521Press Release 7522</span> 7523<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7524class="w-4 h-4 text-blue-700 dark:text-blue-300 group-hover:translate-x-1 transition-transform duration-300"> 7525<path fill-rule="evenodd" 7526d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 7527clip-rule="evenodd"/> 7528</svg> 7529</div> 7530<h3 class="text-lg font-bold text-neutral-900 dark:text-white leading-snug line-clamp-2 group-hover:text-blue-900 dark:group-hover:text-blue-200 transition-colors duration-300"> 7531University of Cape Coast Student Found Dead at Hutchland Beach - Investigations Underway 7532</h3> 7533<!--[if BLOCK]><![endif]--> <p class="mt-2 text-sm text-neutral-600 dar
7533k:text-neutral-400 line-clamp-2"> 7534UCC Student Found Dead at Hutchland Beach Investigations Underway 7535</p> 7536<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="mt-3 text-xs text-neutral-500 dark:text-neutral-400 flex items-center gap-1.5"> 7537<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7538class="w-3.5 h-3.5 shrink-0"> 7539<path fill-rule="evenodd" 7540d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm.75-13a.75.75 0 0 0-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 0 0 0-1.5h-3.25V5Z" 7541clip-rule="evenodd"/> 7542</svg> 7543Jun 14, 2026 7544<span class="text-neutral-500 dark:text-neutral-400">·</span> 75453 months ago 7546</p> 7547<!--[if ENDBLOCK]><![endif]--> </div> 7548</a> 7549<!--[if ENDBLOCK]><![endif]--> </div> 7550<!-- View More Links --> 7551<div class="mt-12 flex flex-col sm:flex-row items-center justify-center gap-4"> 7552<a href="https://ucc.edu.gh/announcements" class="group inline-flex items-center gap-2 px-6 py-3 rounded-full bg-neutral-100 dark:bg-neutral-700 text-neutral-900 dark:text-white font-semibold text-sm hover:bg-neutral-200 dark:hover:bg-neutral-600 transition-all duration-300 hover:shadow-md"> 7553<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5"> 7554<path fill-rule="evenodd" 7555d="M10 2a6 6 0 0 0-6 6c0 1.887-.454 3.665-1.257 5.234a.75.75 0 0 0 .515 1.076 32.91 32.91 0 0 0 3.256.508 3.5 3.5 0 0 0 6.972 0 32.903 32.903 0 0 0 3.256-.508.75.75 0 0 0 .515-1.076A11.448 11.448 0 0 1 16 8a6 6 0 0 0-6-6ZM8.05 14.943a33.54 33.54 0 0 0 3.9 0 2 2 0 0 1-3.9 0Z" 7556clip-rule="evenodd"/> 7557</svg> 7558All Announcements 7559<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7560class="w-4 h-4 group-hover:translate-x-1 transition-transform duration-300"> 7561<path fill-rule="evenodd" 7562d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 7563clip-rule="evenodd"/> 7564</svg> 7565</a> 7566<a href="https://ucc.edu.gh/press-releases" class="group inline-flex items-center gap-2 px-6 py-3 rounded-full bg-neutral-100 dark:bg-neutral-700 text-neutral-900 dark:text-white font-semibold text-sm hover:bg-neutral-200 dark:hover:bg-neutral-600 transition-all duration-300 hover:shadow-md"> 7567<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5"> 7568<path fill-rule="evenodd" 7569d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z" 7570clip-rule="evenodd"/> 7571</svg> 7572All Press Releases 7573<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7574class="w-4 h-4 group-hover:translate-x-1 transition-transform duration-300"> 7575<path fill-rule="evenodd" 7576d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 7577clip-rule="evenodd"/> 7578</svg> 7579</a> 7580</div> 7581</div> 7582</section> 7583<!--[if ENDBLOCK]><![endif]--> 7584<!-- Events Section â upcoming engagement --> 7585<!--[if BLOCK]><![endif]--><!-- Events Section --> 7586<section 7587class="relative bg-gradient-to-b from-neutral-100 via-neutral-50 to-neutral-100 dark:from-neutral-900 dark:via-neutral-850 dark:to-neutral-900 band-feed overflow-hidden"> 7588<div class="relative mx-auto max-w-7xl px-6 lg:px-8"> 7589<!-- Section Header --> 7590<div class="mx-auto max-w-2xl text-center"> 7591<h2 class="band-feed-title font-bold tracking-tight text-blue-900 dark:text-blue-100"> 7592<!--[if BLOCK]><![endif]--> Recent Events & Activities 7593<!--[if ENDBLOCK]><![endif]--> </h2>
7594<p class="mt-4 text-lg leading-8 text-neutral-600 dark:text-neutral-300"> 7595<!--[if BLOCK]><![endif]--> Explore recent events and activities at the University of Cape Coast 7596<!--[if ENDBLOCK]><![endif]--> </p> 7597</div> 7598<!-- Events Grid --> 7599<div class="mx-auto mt-12 grid max-w-2xl grid-cols-1 gap-8 lg:mx-0 lg:max-w-none lg:grid-cols-3"> 7600<!--[if BLOCK]><![endif]--> <article 7601class="flex flex-col group relative bg-white dark:bg-neutral-800 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-1 border border-neutral-200 dark:border-neutral-700"> 7602<!-- Image Container --> 7603<div 7604class="relative w-full h-56 overflow-hidden bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/30 dark:to-neutral-800"> 7605<!--[if BLOCK]><![endif]--> <picture class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1"> 7606<!--[if BLOCK]><![endif]--> <source 7607type="image/webp" 7608srcset="/media/secure/78949?conversion=sm&expires=1790844638&signature=d47a511f50b9691b3a2af56d24c2319ee922f4bc01f1c3a1bdfb7126416a2eed 640w, /media/secure/78949?conversion=md&expires=1790844638&signature=247a6436061873b7d4c851cb55b674a22446077d8b4f7ccdba74a405bbc8a0e0 768w, /media/secure/78949?conversion=lg&expires=1790844638&signature=033cb87bac15ffa248822f1e8cc1717fc7efdd8bd4f2c500ece1aedd7a96fc41 1024w, /media/secure/78949?conversion=xl&expires=1790844638&signature=b20f7ed27fcec44c8f2da8c9a6ba5ec78b3ce7d43c17e70e20e234540ed76987 1280w, /media/secure/78949?conversion=2xl&expires=1790844638&signature=0fec821cac051b2380cc1fe1d8241e340a6af72bc787e21247c4501addb47eaa 1536w" 7609sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" 7610> 7611<!--[if ENDBLOCK]><![endif]--> 7612<img 7613src="/media/secure/78949?conversion=webp&expires=1790844638&signature=868428b03385eff2bdafdb9f2ee7ab0aa724025f24f3a57f30ee66a13fb527e5" 7614alt="Conference in Honour of Professor Domwini Dabire Kuupole" 7615loading="lazy" 7616decoding="async" 7617fetchpriority="auto" 7618data-refresh-url="/media/78949/refresh?conversion=responsive&signature=5737d561fdcfb82cae311b3e90744205997a01978d5848474acdbc772f3366c6" 7619data-placeholder="/img/placeholder.jpg" 7620onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.refreshUrl&&!i.dataset.refreshed){i.dataset.refreshed='1';i.src=i.dataset.refreshUrl;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.dataset.placeholder1='1';i.src=i.dataset.placeholder;}" 7621class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1" 7622> 7623</picture> 7624<!--[if ENDBLOCK]><![endif]--> 7625<!-- Overlay Gradient --> 7626<div 7627class="absolute inset-0 bg-gradient-to-t from-neutral-900/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 7628<!-- Event Type Badge on Image --> 7629<!--[if BLOCK]><![endif]--> <div class="absolute top-4 left-4 z-20"> 7630<a href="https://events.ucc.edu.gh/type/conference" class="relative inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/95 dark:bg-neutral-900/95 backdrop-blur-sm text-xs font-semibold text-blue-900 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-neutral-800 transition-colors duration-200 shadow-md cursor-pointer" onclick="event.stopPropagation()"> 7631<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-3.5 h-3.5"> 7632<path 7633d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.
763306-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z"/> 7634</svg> 7635Conferences 7636</a> 7637</div> 7638<!--[if ENDBLOCK]><![endif]--> </div> 7639<!-- Content Container --> 7640<div class="flex-1 flex flex-col p-6"> 7641<!-- Date --> 7642<div class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium mb-3"> 7643<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 7644<path fill-rule="evenodd" 7645d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z" 7646clip-rule="evenodd"/> 7647</svg> 7648<time datetime="2026-06-24T00:00:00+00:00"> 7649Jun 24, 2026 7650</time> 7651</div> 7652<!-- Title --> 7653<h3 class="text-xl font-bold leading-snug text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300 mb-3"> 7654<a href="https://events.ucc.edu.gh/conference-in-honour-of-professor-domwini-dabire-kuupole"> 7655<span class="absolute inset-0"></span> 7656Conference in Honour of Professor Domwini Dabire Kuupole 7657</a> 7658</h3> 7659<!-- Excerpt -->
7660<p class="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400 line-clamp-3 flex-1 mb-4"> 7661A three-day conference honouring Professor Domwini Dabire Kuupole featuring prominent speakers and academic sessions 7662</p> 7663<!-- Location --> 7664<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium mb-4"> 7665<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 7666<path fill-rule="evenodd" 7667d="m9.69 18.933.003.001C9.89 19.02 10 19 10 19s.11.02.308-.066l.002-.001.006-.003.018-.008a5.741 5.741 0 0 0 .281-.14c.186-.096.446-.24.757-.433.62-.384 1.445-.966 2.274-1.765C15.302 14.988 17 12.493 17 9A7 7 0 1 0 3 9c0 3.492 1.698 5.988 3.355 7.584a13.731 13.731 0 0 0 2.273 1.765 11.842 11.842 0 0 0 .976.544l.062.029.018.008.006.003ZM10 11.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5Z" 7668clip-rule="evenodd"/> 7669</svg> 7670<span>School of Graduate Studies, University of Cape Coast, Cape Coast, Ghana.</span> 7671</div> 7672<!--[if ENDBLOCK]><![endif]--> 7673<!-- Visual Indicator --> 7674<div 7675class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300"> 7676<span>View details</span> 7677<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7678class="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform duration-300"> 7679<path fill-rule="evenodd" 7680d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 7681clip-rule="evenodd"/> 7682</svg> 7683</div> 7684</div> 7685</article> 7686<article 7687class="flex flex-col group relative bg-white dark:bg-neutral-800 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-1 border border-neutral-200 dark:border-neutral-700"> 7688<!-- Image Container --> 7689<div 7690class="relative w-full h-56 overflow-hidden bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/30 dark:to-neutral-800"> 7691<!--[if BLOCK]><![endif]--> 7692<img 7693src="/img/placeholder.jpg" 7694alt="2nd Research and Innovation Week and 10th Research Awards and Grants (rags) Ceremony" 7695loading="lazy" 7696decoding="async" 7697fetchpriority="auto" 7698class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1" 7699> 7700<!--[if ENDBLOCK]><![endif]--> 7701<!-- Overlay Gradient --> 7702<div 7703class="absolute inset-0 bg-gradient-to-t from-neutral-900/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 7704<!-- Event Type Badge on Image --> 7705<!--[if BLOCK]><![endif]--> <div class="absolute top-4 left-4 z-20"> 7706<a href="https://events.ucc.edu.gh/type/general" class="relative inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/95 dark:bg-neutral-900/95 backdrop-blur-sm text-xs font-semibold text-blue-900 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-neutral-800 transition-colors duration-200 shadow-md cursor-pointer" onclick="event.stopPropagation()"> 7707<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-3.5 h-3.5"> 7708<path 7709d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z"/> 7710</svg> 7711Generals 7712</a> 7713</div> 7714<!--[if ENDBLOCK]><![endif]--> </div> 7715<!-- Content Container --> 7716<div class="flex-1 flex flex-col p-6"> 7717<!-- Date --> 7718<div class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium mb-3"> 7719<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 7720<path fill-rule="evenodd" 7721d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z" 7722clip-rule="evenodd"/> 7723</svg> 7724<time datetime="2025-11-11T00:00:00+00:00"> 7725Nov 11, 2025 7726</time> 7727</div> 7728<!-- Title --> 7729<h3 class="text-xl font-bold leading-snug text-neutral-900 dark:text-white group-hover:text-blue-600 dar
7729k:group-hover:text-blue-400 transition-colors duration-300 mb-3"> 7730<a href="https://events.ucc.edu.gh/2nd-research-and-innovation-week-and-10th-research-awards-and-grants-rags-ceremony"> 7731<span class="absolute inset-0"></span> 77322nd Research and Innovation Week and 10th Research Awards and Grants (rags) Ceremony 7733</a> 7734</h3> 7735<!-- Excerpt --> 7736<p class="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400 line-clamp-3 flex-1 mb-4"> 7737The University Community is hereby informed that the University of Cape Coast, through the Directorate of Research, Innovation and Consultancy (DRIC), will hold the 2 Research and Innovation Week⦠7738</p> 7739<!-- Location --> 7740<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium mb-4"> 7741<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 7742<path fill-rule="evenodd" 7743d="m9.69 18.933.003.001C9.89 19.02 10 19 10 19s.11.02.308-.066l.002-.001.006-.003.018-.008a5.741 5.741 0 0 0 .281-.14c.186-.096.446-.24.757-.433.62-.384 1.445-.966 2.274-1.765C15.302 14.988 17 12.493 17 9A7 7 0 1 0 3 9c0 3.492 1.698 5.988 3.355 7.584a13.731 13.731 0 0 0 2.273 1.765 11.842 11.842 0 0 0 .976.544l.062.029.018.008.006.003ZM10 11.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5Z" 7744clip-rule="evenodd"/> 7745</svg> 7746<span>TBD</span> 7747</div> 7748<!--[if ENDBLOCK]><![endif]--> 7749<!-- Visual Indicator --> 7750<div 7751class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300"> 7752<span>View details</span> 7753<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7754class="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform duration-300"> 7755<path fill-rule="evenodd" 7756d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 7757clip-rule="evenodd"/> 7758</svg> 7759</div> 7760</div> 7761</article> 7762<article 7763class="flex flex-col group relative bg-white dark:bg-neutral-800 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-1 border border-neutral-200 dark:border-neutral-700"> 7764<!-- Image Container --> 7765<div 7766class="relative w-full h-56 overflow-hidden bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/30 dark:to-neutral-800"> 7767<!--[if BLOCK]><![endif]--> 7768<img 7769src="/img/placeholder.jpg" 7770alt="Divagri Project Policy Dissemination Workshop" 7771loading="lazy" 7772decoding="async" 7773fetchpriority="auto" 7774class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1" 7775> 7776<!--[if ENDBLOCK]><![endif]--> 7777<!-- Overlay Gradient --> 7778<div 7779class="absolute inset-0 bg-gradient-to-t from-neutral-900/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 7780<!-- Event Type Badge on Image --> 7781<!--[if BLOCK]><![endif]--> <div class="absolute top-4 left-4 z-20"> 7782<a href="https://events.ucc.edu.gh/type/general" class="relative inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/95 dark:bg-neutral-900/95 backdrop-blur-sm text-xs font-semibold text-blue-900 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-neutral-800 transition-colors duration-200 shadow-md cursor-pointer" onclick="event.stopPropagation()"> 7783<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-3.5 h-3.5"> 7784<path 7785d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.
778506-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z"/> 7786</svg> 7787Generals 7788</a> 7789</div> 7790<!--[if ENDBLOCK]><![endif]--> </div> 7791<!-- Content Container --> 7792<div class="flex-1 flex flex-col p-6"> 7793<!-- Date --> 7794<div class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium mb-3"> 7795<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 7796<path fill-rule="evenodd" 7797d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z" 7798clip-rule="evenodd"/> 7799</svg> 7800<time datetime="2025-11-10T00:00:00+00:00"> 7801Nov 10, 2025 7802</time> 7803</div> 7804<!-- Title --> 7805<h3 class="text-xl font-bold leading-snug text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300 mb-3"> 7806<a href="https://events.ucc.edu.gh/divagri-project-policy-dissemination-workshop"> 7807<span class="absolute inset-0"></span> 7808Divagri Project Policy Dissemination Workshop 7809</a> 7810</h3> 7811<!-- Excerpt -->
7812<p class="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400 line-clamp-3 flex-1 mb-4"> 7813The University of Cape Coast, in collaboration with the CSIRâCrops Research Institute (Kumasi) and the Lake Agege Farm Institute (Mankessim), announces a one-day Policy Workshop under the DIVAGRI⦠7814</p> 7815<!-- Location --> 7816<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium mb-4"> 7817<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 7818<path fill-rule="evenodd" 7819d="m9.69 18.933.003.001C9.89 19.02 10 19 10 19s.11.02.308-.066l.002-.001.006-.003.018-.008a5.741 5.741 0 0 0 .281-.14c.186-.096.446-.24.757-.433.62-.384 1.445-.966 2.274-1.765C15.302 14.988 17 12.493 17 9A7 7 0 1 0 3 9c0 3.492 1.698 5.988 3.355 7.584a13.731 13.731 0 0 0 2.273 1.765 11.842 11.842 0 0 0 .976.544l.062.029.018.008.006.003ZM10 11.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5Z" 7820clip-rule="evenodd"/> 7821</svg> 7822<span>TBD</span> 7823</div> 7824<!--[if ENDBLOCK]><![endif]--> 7825<!-- Visual Indicator --> 7826<div 7827class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300"> 7828<span>View details</span> 7829<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7830class="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform duration-300"> 7831<path fill-rule="evenodd" 7832d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 7833clip-rule="evenodd"/> 7834</svg> 7835</div> 7836</div> 7837</article> 7838<!--[if ENDBLOCK]><![endif]--> </div> 7839<!-- View More Button --> 7840<div class="mx-auto mt-12 flex items-center justify-center"> 7841<a href="https://events.ucc.edu.gh/all" class="group inline-flex items-center gap-3 rounded-full bg-blue-600 dark:bg-blue-700 px-8 py-4 text-base font-semibold text-white shadow-lg hover:bg-blue-500 dark:hover:bg-blue-600 hover:shadow-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 transition-all duration-300 hover:-translate-y-0.5"> 7842View All Events 7843<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" 7844stroke="currentColor" 7845class="w-5 h-5 group-hover:translate-x-1 transition-transform duration-300"> 7846<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/> 7847</svg> 7848</a> 7849</div> 7850</div> 7851</section> 7852<!--[if ENDBLOCK]><![endif]--> 7853<!-- Lecture Series â academic depth and culture --> 7854<div wire:key="lw-2896298947-1-7" wire:snapshot="{"data":{"limit":4},"memo":{"id":"Ce2IPUgsxho8a3Vpl3n1","name":"widgets.featured-series","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"961ddee83d72b5a90846357aaa1842ad28e6f98fa1b538ade444c4eb6afacac1"}" wire:effects="{"partials":[]}" wire:id="Ce2IPUgsxho8a3Vpl3n1" wire:name="widgets.featured-series"> 7855<!--[if BLOCK]><![endif]--> <section class="relative bg-white dark:bg-neutral-800 band-feed overflow-hidden"> 7856<!-- Decorative Elements --> 7857<div class="absolute inset-0 pointer-events-none"> 7858<div 7859class="absolute top-0 left-1/4 w-72 h-72 bg-blue-100 dark:bg-blue-900/10 rounded-full blur-3xl op
7859acity-30"></div> 7860<div 7861class="absolute bottom-0 right-1/4 w-72 h-72 bg-pink-100 dark:bg-pink-900/10 rounded-full blur-3xl opacity-20"></div> 7862</div> 7863<div class="relative mx-auto max-w-7xl px-6 lg:px-8"> 7864<!-- Section Header --> 7865<div class="mx-auto max-w-2xl text-center mb-16"> 7866<h2 class="text-3xl font-bold tracking-tight text-blue-900 dark:text-blue-100 sm:text-4xl"> 7867Featured Lecture Series 7868</h2> 7869<p class="mt-4 text-lg leading-8 text-neutral-600 dark:text-neutral-300"> 7870Explore distinguished lecture series featuring renowned scholars, researchers, and thought 7871leaders 7872</p> 7873</div> 7874<div class="mx-auto mt-12 grid max-w-2xl grid-cols-1 gap-8 lg:mx-0 lg:max-w-none lg:grid-cols-3"> 7875<!--[if BLOCK]><![endif]--> <article 7876class="group relative flex flex-col overflow-hidden rounded-3xl bg-white dark:bg-neutral-800 shadow-xl ring-1 ring-neutral-200 dark:ring-neutral-700 transition-[transform,box-shadow] duration-300 hover:shadow-2xl hover:-translate-y-2"> 7877<!-- Featured Image with Gradient Overlay --> 7878<div class="relative h-72 overflow-hidden"> 7879<!--[if BLOCK]><![endif]--> <picture> 7880<source srcset="https://ucc.edu.gh/img/lecture-series/environment.webp" type="image/webp"> 7881<img loading="lazy" 7882src="https://ucc.edu.gh/img/lecture-series/environment.jpg" 7883alt="Public Lecture Series on Climate Change" 7884class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-110"/> 7885</picture> 7886<!--[if ENDBLOCK]><![endif]--> 7887<!-- Blue Gradient Overlay --> 7888<div 7889class="absolute inset-0 bg-gradient-to-t from-blue-900/80 via-blue-900/40 to-transparent"></div> 7890<!-- Type Badge with Glassmorphism --> 7891<!--[if BLOCK]><![endif]--> <div class="absolute top-4 right-4"> 7892<span 7893class="inline-flex items-center gap-1.5 rounded-full bg-white/90 dark:bg-neutral-900/90 backdrop-blur-md px-3 py-1.5 text-xs font-semibold text-blue-900 dark:text-blue-300 shadow-lg"> 7894<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7895class="w-3.5 h-3.5"> 7896<path fill-rule="evenodd" 7897d="M5.5 3A2.5 2.5 0 0 0 3 5.5v2.879a2.5 2.5 0 0 0 .732 1.767l6.5 6.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-6.5-6.5A2.5 2.5 0 0 0 8.38 3H5.5ZM6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" 7898clip-rule="evenodd"/> 7899</svg> 7900Public Lecture 7901</span> 7902</div> 7903<!--[if ENDBLOCK]><![endif]--> 7904<!-- Title Overlay on Image --> 7905<div class="absolute bottom-0 left-0 right-0 p-6"> 7906<h3 class="text-2xl font-bold text-white group-hover:text-blue-200 transition-colors duration-300"> 7907<a href="https://ucc.edu.gh/lecture-series/public-lecture-series-climate-change" wire:navigate> 7908<span class="absolute inset-0"></span> 7909Public Lecture Series on Climate Change 7910</a> 7911</h3> 7912</div> 7913</div> 7914<!-- Content Section --> 7915<div 7916class="flex-1 flex flex-col p-6 bg-gradient-to-br from-blue-50 to-white dark:from-neutral-800 dark:to-neutral-800"> 7917<!-- Excerpt --> 7918<!--[if BLOCK]><![endif]--> <p class="text-sm leading-relaxed text-neutral-700 dark:text-neutral-300 line-clamp-2 mb-6"> 7919Addressing climate change challenges and environmental sustainability in Africa. 7920</p> 7921<!--[if ENDBLOCK]><![endif]--> 7922<!-- Meta Grid --> 7923<div class="mt-auto space-y-3"> 7924<!-- Lecture Count with Blue Accent --> 7925<div class="flex items-center gap-3 text-sm"> 7926<div 7927class="flex-shrink-0 w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 7928<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 7929stroke-width="2" stroke="currentColor" 7930class="w-5 h-5 text-blue-600 dark:text-blue-400"> 7931<path stroke-linecap="round" stroke-linejoin="round" 7932d="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"/> 7933</svg> 7934</div> 7935<div class="flex-1"> 7936<p class="font-semibold text-neutral-900 dark:text-white">0 Lectures</p> 7937<p class="text-xs text-neutral-500 dark:text-neutral-400">In this series</p> 7938</div> 7939</div> 7940<!-- Next Lecture --> 7941<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 7942<!-- Year Range --> 7943<!--[if BLOCK]><![endif]--> <div class="pt-3 border-t border-neutral-200 dark:border-neutral-700"> 7944<div
7945class="flex items-center gap-2 text-xs text-neutral-600 dark:text-neutral-400"> 7946<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 7947stroke-width="2" stroke="currentColor" class="w-4 h-4"> 7948<path stroke-linecap="round" stroke-linejoin="round" 7949d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 7950</svg> 7951<span class="font-medium"> 79522020 7953<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 7954</div> 7955</div> 7956<!--[if ENDBLOCK]><![endif]--> </div> 7957</div> 7958</article> 7959<article 7960class="group relative flex flex-col overflow-hidden rounded-3xl bg-white dark:bg-neutral-800 shadow-xl ring-1 ring-neutral-200 dark:ring-neutral-700 transition-[transform,box-shadow] duration-300 hover:shadow-2xl hover:-translate-y-2"> 7961<!-- Featured Image with Gradient Overlay --> 7962<div class="relative h-72 overflow-hidden"> 7963<!--[if BLOCK]><![endif]--> <picture> 7964<source srcset="https://ucc.edu.gh/img/lecture-series/default.webp" type="image/webp"> 7965<img loading="lazy" 7966src="https://ucc.edu.gh/img/lecture-series/default.jpg" 7967alt="Kwame Nkrumah Memorial Lectures" 7968class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-110"/> 7969</picture> 7970<!--[if ENDBLOCK]><![endif]--> 7971<!-- Blue Gradient Overlay --> 7972<div 7973class="absolute inset-0 bg-gradient-to-t from-blue-900/80 via-blue-900/40 to-transparent"></div> 7974<!-- Type Badge with Glassmorphism --> 7975<!--[if BLOCK]><![endif]--> <div class="absolute top-4 right-4"> 7976<span 7977class="inline-flex items-center gap-1.5 rounded-full bg-white/90 dark:bg-neutral-900/90 backdrop-blur-md px-3 py-1.5 text-xs font-semibold text-blue-900 dark:text-blue-300 shadow-lg"> 7978<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 7979class="w-3.5 h-3.5"> 7980<path fill-rule="evenodd" 7981d="M5.5 3A2.5 2.5 0 0 0 3 5.5v2.879a2.5 2.5 0 0 0 .732 1.767l6.5 6.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-6.5-6.5A2.5 2.5 0 0 0 8.38 3H5.5ZM6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" 7982clip-rule="evenodd"/> 7983</svg> 7984Memorial Lecture 7985</span> 7986</div> 7987<!--[if ENDBLOCK]><![endif]--> 7988<!-- Title Overlay on Image --> 7989<div class="absolute bottom-0 left-0 right-0 p-6"> 7990<h3 class="text-2xl font-bold text-white group-hover:text-blue-200 transition-colors duration-300"> 7991<a href="https://ucc.edu.gh/lecture-series/kwame-nkrumah-memorial-lectures" wire:navigate> 7992<span class="absolute inset-0"></span> 7993Kwame Nkrumah Memorial Lectures 7994</a> 7995</h3> 7996</div> 7997</div> 7998<!-- Content Section --> 7999<div 8000class="flex-1 flex flex-col p-6 bg-gradient-to-br from-blue-50 to-white dark:from-neutral-800 dark:to-neutral-800"> 8001<!-- Excerpt --> 8002<!--[if BLOCK]><![endif]--> <p class="text-sm leading-relaxed text-neutral-700 dark:text-neutral-300 line-clamp-2 mb-6"> 8003Honoring Ghana's first President through discussions on Pan-Africanism and development. 8004</p> 8005<!--[if ENDBLOCK]><![endif]--> 8006<!-- Meta Grid --> 8007<div class="mt-auto space-y-3"> 8008<!-- Lecture Count with Blue Accent --> 8009<div class="flex items-center gap-3 text-sm"> 8010<div 8011class="flex-shrink-0 w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 8012<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 8013stroke-width="2" stroke="currentColor" 8014class="w-5 h-5 text-blue-600 dark:text-blue-400"> 8015<path stroke-linecap="round" stroke-linejoin="round" 8016d="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"/> 8017</svg> 8018</div> 8019<div class="flex-1"> 8020<p class="font-semibold text-neutral-900 dark:text-white">0 Lectures</p> 8021<p class="text-xs text-neutral-500 dark:text-neutral-400">In this series</p> 8022</div> 8023</div> 8024<!-- Next Lecture --> 8025<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 8026<!-- Year Range --> 8027<!--[if BLOCK]><![endif]--> <div class="pt-3 border-t border-neutral-200 dark:border-neutral-700"> 8028<div
8029class="flex items-center gap-2 text-xs text-neutral-600 dark:text-neutral-400"> 8030<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 8031stroke-width="2" stroke="currentColor" class="w-4 h-4"> 8032<path stroke-linecap="round" stroke-linejoin="round" 8033d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 8034</svg> 8035<span class="font-medium"> 80362005 8037<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 8038</div> 8039</div> 8040<!--[if ENDBLOCK]><![endif]--> </div> 8041</div> 8042</article> 8043<article 8044class="group relative flex flex-col overflow-hidden rounded-3xl bg-white dark:bg-neutral-800 shadow-xl ring-1 ring-neutral-200 dark:ring-neutral-700 transition-[transform,box-shadow] duration-300 hover:shadow-2xl hover:-translate-y-2"> 8045<!-- Featured Image with Gradient Overlay --> 8046<div class="relative h-72 overflow-hidden"> 8047<!--[if BLOCK]><![endif]--> <picture> 8048<source srcset="https://ucc.edu.gh/img/lecture-series/default.webp" type="image/webp"> 8049<img loading="lazy" 8050src="https://ucc.edu.gh/img/lecture-series/default.jpg" 8051alt="UCC Inaugural Lecture Series" 8052class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-110"/> 8053</picture> 8054<!--[if ENDBLOCK]><![endif]--> 8055<!-- Blue Gradient Overlay --> 8056<div 8057class="absolute inset-0 bg-gradient-to-t from-blue-900/80 via-blue-900/40 to-transparent"></div> 8058<!-- Type Badge with Glassmorphism --> 8059<!--[if BLOCK]><![endif]--> <div class="absolute top-4 right-4"> 8060<span 8061class="inline-flex items-center gap-1.5 rounded-full bg-white/90 dark:bg-neutral-900/90 backdrop-blur-md px-3 py-1.5 text-xs font-semibold text-blue-900 dark:text-blue-300 shadow-lg"> 8062<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8063class="w-3.5 h-3.5"> 8064<path fill-rule="evenodd" 8065d="M5.5 3A2.5 2.5 0 0 0 3 5.5v2.879a2.5 2.5 0 0 0 .732 1.767l6.5 6.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-6.5-6.5A2.5 2.5 0 0 0 8.38 3H5.5ZM6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" 8066clip-rule="evenodd"/> 8067</svg> 8068Inaugural Lecture 8069</span> 8070</div> 8071<!--[if ENDBLOCK]><![endif]--> 8072<!-- Title Overlay on Image --> 8073<div class="absolute bottom-0 left-0 right-0 p-6"> 8074<h3 class="text-2xl font-bold text-white group-hover:text-blue-200 transition-colors duration-300"> 8075<a href="https://ucc.edu.gh/lecture-series/ucc-inaugural-lecture-series" wire:navigate> 8076<span class="absolute inset-0"></span> 8077UCC Inaugural Lecture Series 8078</a> 8079</h3> 8080</div> 8081</div> 8082<!-- Content Section --> 8083<div 8084class="flex-1 flex flex-col p-6 bg-gradient-to-br from-blue-50 to-white dark:from-neutral-800 dark:to-neutral-800"> 8085<!-- Excerpt --> 8086<!--[if BLOCK]><![endif]--> <p class="text-sm leading-relaxed text-neutral-700 dark:text-neutral-300 line-clamp-2 mb-6"> 8087Professorial inaugural lectures showcasing scholarly achievements and research contributions. 8088</p> 8089<!--[if ENDBLOCK]><![endif]--> 8090<!-- Meta Grid --> 8091<div class="mt-auto space-y-3"> 8092<!-- Lecture Count with Blue Accent --> 8093<div class="flex items-center gap-3 text-sm"> 8094<div 8095class="flex-shrink-0 w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 8096<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 8097stroke-width="2" stroke="currentColor" 8098class="w-5 h-5 text-blue-600 dark:text-blue-400"> 8099<path stroke-linecap="round" stroke-linejoin="round" 8100d="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"/> 8101</svg> 8102</div> 8103<div class="flex-1"> 8104<p class="font-semibold text-neutral-900 dark:text-white">22 Lectures</p> 8105<p class="text-xs text-neutral-500 dark:text-neutral-400">In this series</p> 8106</div> 8107</div> 8108<!-- Next Lecture --> 8109<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 8110<!-- Year Range --> 8111<!--[if BLOCK]><![endif]--> <div class="pt-3 border-t border-neutral-200 dark:border-neutral-700"> 8112<div
8113class="flex items-center gap-2 text-xs text-neutral-600 dark:text-neutral-400"> 8114<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 8115stroke-width="2" stroke="currentColor" class="w-4 h-4"> 8116<path stroke-linecap="round" stroke-linejoin="round" 8117d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 8118</svg> 8119<span class="font-medium"> 81201995 8121<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 8122</div> 8123</div> 8124<!--[if ENDBLOCK]><![endif]--> </div> 8125</div> 8126</article> 8127<!--[if ENDBLOCK]><![endif]--> </div> 8128<!-- View All Link --> 8129<div class="mt-10 text-center"> 8130<a href="https://ucc.edu.gh/lecture-series" wire:navigate 8131class="inline-flex items-center gap-2 rounded-full bg-blue-600 dark:bg-blue-700 px-6 py-3 text-sm font-semibold text-white shadow-lg hover:bg-blue-500 dark:hover:bg-blue-600 hover:shadow-xl transition-all duration-300 hover:-translate-y-0.5"> 8132View All Lecture Series 8133<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 8134<path fill-rule="evenodd" 8135d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 8136clip-rule="evenodd"/> 8137</svg> 8138</a> 8139</div> 8140</div> 8141</section> 8142<!--[if ENDBLOCK]><![endif]--></div> 8143<!-- Upcoming Lectures Widget --> 8144<div wire:key="lw-2896298947-2-8" wire:snapshot="{"data":{"limit":6},"memo":{"id":"3mzIgXF0F3jlh4MmrE0H","name":"widgets.upcoming-lectures","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"00282dae9ee0f8fe27a3e9e1cfebe7638309848c34a411d9d133b9326f08427e"}" wire:effects="{"partials":[]}" wire:id="3mzIgXF0F3jlh4MmrE0H" wire:name="widgets.upcoming-lectures"> 8145<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 8146<!-- Research Highlights Section (if enabled and content available) --> 8147<!--[if BLOCK]><![endif]--><!-- Research Highlights Section --> 8148<section 8149class="relative bg-gradient-to-b from-neutral-50 via-white to-neutral-50 dark:from-neutral-850 dark:via-neutral-800 dark:to-neutral-850 band-feed overflow-hidden"> 8150<div class="relative mx-auto max-w-7xl px-6 lg:px-8"> 8151<!-- Section Header --> 8152<div class="mx-auto max-w-2xl text-center"> 8153<h2 class="band-feed-title font-bold tracking-tight text-blue-900 dark:text-blue-100"> 8154Research Highlights 8155</h2>
8156<p class="mt-4 text-lg leading-8 text-neutral-600 dark:text-neutral-300"> 8157Discover groundbreaking research and innovation initiatives from our faculty and students 8158</p> 8159</div> 8160<!-- Research Grid --> 8161<div class="mx-auto mt-12 grid max-w-2xl grid-cols-1 gap-8 lg:mx-0 lg:max-w-none lg:grid-cols-3"> 8162<!--[if BLOCK]><![endif]--> <article 8163class="flex flex-col group relative bg-white dark:bg-neutral-800 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-1 border border-neutral-200 dark:border-neutral-700"> 8164<!-- Image Container --> 8165<div 8166class="relative w-full h-56 overflow-hidden bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/30 dark:to-neutral-800"> 8167<!--[if BLOCK]><![endif]--> <picture class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1"> 8168<!--[if BLOCK]><![endif]--> <source 8169type="image/webp" 8170srcset="/media/secure/85221?conversion=sm&expires=1790844638&signature=344f6ee436005b97fe4afd82bff6905fcb9ac4f7de130733c2491c1ad26ec6b3 640w, /media/secure/85221?conversion=md&expires=1790844638&signature=b41f65098bbfd15505fa827d461f938b660c2df7493dbda31fd340a408e721a2 768w, /media/secure/85221?conversion=lg&expires=1790844638&signature=60bcde429a98d15e36f823d905d28666a41a653e8e30bb38e18ad6e14bbb08ff 1024w, /media/secure/85221?conversion=xl&expires=1790844638&signature=3608cefce4652ca7c3d3a2f027e1dd7d653a97307fa6b258b915726a820fbd33 1280w, /media/secure/85221?conversion=2xl&expires=1790844638&signature=e6976eb39ef12e9f4d6bc432e31704b2281d22f033bd57410184318891bca4a6 1536w" 8171sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" 8172> 8173<!--[if ENDBLOCK]><![endif]--> 8174<img 8175src="/media/secure/85221?conversion=webp&expires=1790844638&signature=33dd1125a21e20988583aed26dc8322408db8d1f96402c014b51baa91acaceac" 8176alt="Participants in the conference" 8177loading="lazy" 8178decoding="async" 8179fetchpriority="auto" 8180data-refresh-url="/media/85221/refresh?conversion=responsive&signature=6132cf8fe6320074483d177e317ab8d4036bdff6b4a479d8c76b3fa482af5576" 8181data-placeholder="/img/placeholder.jpg" 8182onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.refreshUrl&&!i.dataset.refreshed){i.dataset.refreshed='1';i.src=i.dataset.refreshUrl;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.dataset.placeholder1='1';i.src=i.dataset.placeholder;}" 8183class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1" 8184> 8185</picture> 8186<!--[if ENDBLOCK]><![endif]--> 8187<!-- Overlay Gradient --> 8188<div 8189class="absolute inset-0 bg-gradient-to-t from-neutral-900/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 8190<!-- Category Badge on Image --> 8191<!--[if BLOCK]><![endif]--> <div class="absolute top-4 left-4 z-20"> 8192<a href="https://news.ucc.edu.gh/c/research-and-innovation-000a" class="relative inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/95 dark:bg-neutral-900/95 backdrop-blur-sm text-xs font-semibold text-blue-900 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-neutral-800 transition-colors duration-200 shadow-md cursor-pointer" onclick="event.stopPropagation()"> 8193<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-3.5 h-3.5"> 8194<path fill-rule="evenodd" 8195d="M5.5 3A2.5 2.5 0 0 0 3 5.5v2.879a2.5 2.5 0 0 0 .732 1.767l6.5 6.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-6.5-6.5A2.5 2.5 0 0 0 8.38 3H5.5ZM6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" 8196clip-rule="evenodd"/> 8197</svg> 8198Research and Innovation 8199</a> 8200</div> 8201<!--[if ENDBLOCK]><![endif]--> </div> 8202<!-- Content Container --> 8203<div class="flex-1 flex flex-col p-6"> 8204<!-- Date --> 8205<div class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium mb-3"> 8206<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 8207<path fill-rule="evenodd" 8208d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z" 8209clip-rule="evenodd"/> 8210</svg> 8211<time datetime="2026-09-16T08:50:00+00:00"> 8212Sep 16, 2026 8213</time> 8214</div> 8215<!-- Title --> 8216<h3 class="text-xl font-bold leading-snug text-neutral-900 dark:text-white group-hover:text-blue-600 dar
8216k:group-hover:text-blue-400 transition-colors duration-300 mb-3"> 8217<a href="https://news.ucc.edu.gh/ueed-africa-conference-opens-at-ucc-with-focus-on-youth-ai-and-enterprise-development-00JL"> 8218<span class="absolute inset-0"></span> 8219UEED Africa Conference Opens at UCC with Focus on Youth, AI and Enterprise Development 8220</a> 8221</h3> 8222<!-- Excerpt --> 8223<p class="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400 line-clamp-3 flex-1 mb-4"> 8224The 14th Universities, Entrepreneurship and Enterprise Development (UEED) Africa Conference has opened at the University of Cape Coast (UCC), bringing together academia, industry, business and development stakeholders 8225</p> 8226<!-- Visual Indicator --> 8227<div 8228class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300"> 8229<span>Read more</span> 8230<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8231class="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform duration-300"> 8232<path fill-rule="evenodd" 8233d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 8234clip-rule="evenodd"/> 8235</svg> 8236</div> 8237</div> 8238</article> 8239<article 8240class="flex flex-col group relative bg-white dark:bg-neutral-800 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-1 border border-neutral-200 dark:border-neutral-700"> 8241<!-- Image Container --> 8242<div 8243class="relative w-full h-56 overflow-hidden bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/30 dark:to-neutral-800"> 8244<!--[if BLOCK]><![endif]--> <picture class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1"> 8245<!--[if BLOCK]><![endif]--> <source 8246type="image/webp" 8247srcset="/media/secure/79222?conversion=sm&expires=1790844638&signature=246c22a004ef13f4fbc315fafae50d499b80a4cec39d173364ef4080ba48b016 640w, /media/secure/79222?conversion=md&expires=1790844638&signature=74479fadacfdba2fe23e5a883e962644c5a4b7bd8ffd16296abb0daf9ecbcafd 768w, /media/secure/79222?conversion=lg&expires=1790844638&signature=60aeddcba46ca7fb4810141d638719379f3d00086090d46ce2839e7fef8df815 1024w, /media/secure/79222?conversion=xl&expires=1790844638&signature=22469cc0221b41ba23497696f1ddecdad97ede6b852760f794c997f0d85dfa1d 1280w, /media/secure/79222?conversion=2xl&expires=1790844638&signature=82e120db7a1265c96bd6a38a609a9aecd4a92a0e6b909ced44fbe3799b35898d 1536w" 8248sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" 8249> 8250<!--[if ENDBLOCK]><![endif]--> 8251<img 8252src="/media/secure/79222?conversion=webp&expires=1790844641&signature=620ec5105c0312af020a869ec40616e3105ae17d176c7dc00e46a4838bb4788a" 8253alt="Creative Display by St. mas Aquinas SHS" 8254loading="lazy" 8255decoding="async" 8256fetchpriority="auto" 8257data-refresh-url="/media/79222/refresh?conversion=responsive&signature=3db60fdd63653f1210fb54cf194556c8893ab35da1192b26f3991006eefa7845" 8258data-placeholder="/img/placeholder.jpg" 8259onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.refreshUrl&&!i.dataset.refreshed){i.dataset.refreshed='1';i.src=i.dataset.refreshUrl;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.dataset.placeholder1='1';i.src=i.dataset.placeholder;}" 8260class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1" 8261> 8262</picture> 8263<!--[if ENDBLOCK]><![endif]--> 8264<!-- Overlay Gradient --> 8265<div 8266class="absolute inset-0 bg-gradient-to-t from-neutral-900/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 8267<!-- Category Badge on Image --> 8268<!--[if BLOCK]><![endif]--> <div class="absolute top-4 left-4 z-20"> 8269<a href="https://news.ucc.edu.gh/c/research-and-innovation-000a" class="relative inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/95 dar
8269k:bg-neutral-900/95 backdrop-blur-sm text-xs font-semibold text-blue-900 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-neutral-800 transition-colors duration-200 shadow-md cursor-pointer" onclick="event.stopPropagation()"> 8270<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-3.5 h-3.5"> 8271<path fill-rule="evenodd" 8272d="M5.5 3A2.5 2.5 0 0 0 3 5.5v2.879a2.5 2.5 0 0 0 .732 1.767l6.5 6.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-6.5-6.5A2.5 2.5 0 0 0 8.38 3H5.5ZM6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" 8273clip-rule="evenodd"/> 8274</svg> 8275Research and Innovation 8276</a> 8277</div> 8278<!--[if ENDBLOCK]><![endif]--> </div> 8279<!-- Content Container --> 8280<div class="flex-1 flex flex-col p-6"> 8281<!-- Date --> 8282<div class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium mb-3"> 8283<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 8284<path fill-rule="evenodd" 8285d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z" 8286clip-rule="evenodd"/> 8287</svg> 8288<time datetime="2026-07-06T00:00:00+00:00"> 8289Jul 06, 2026 8290</time> 8291</div> 8292<!-- Title --> 8293<h3 class="text-xl font-bold leading-snug text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300 mb-3"> 8294<a href="https://news.ucc.edu.gh/evidence-based-research-to-drive-gender-equality-in-africas-creative-sector-00IK"> 8295<span class="absolute inset-0"></span> 8296Evidence-Based Research to Drive Gender Equality in Africa's Creative Sector 8297</a> 8298</h3> 8299<!-- Excerpt -->
8300<p class="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400 line-clamp-3 flex-1 mb-4"> 8301Prof. Georgina Yaa Oduro, has called for concerted efforts to address gender-based inequities that continue to undermine women's growth and safety within the creative industry. 8302</p> 8303<!-- Visual Indicator --> 8304<div 8305class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300"> 8306<span>Read more</span> 8307<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8308class="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform duration-300"> 8309<path fill-rule="evenodd" 8310d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 8311clip-rule="evenodd"/> 8312</svg> 8313</div> 8314</div> 8315</article> 8316<article 8317class="flex flex-col group relative bg-white dark:bg-neutral-800 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-1 border border-neutral-200 dark:border-neutral-700"> 8318<!-- Image Container --> 8319<div 8320class="relative w-full h-56 overflow-hidden bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/30 dark:to-neutral-800"> 8321<!--[if BLOCK]><![endif]--> <picture class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1"> 8322<!--[if BLOCK]><![endif]--> <source 8323type="image/webp" 8324srcset="/media/secure/78938?conversion=sm&expires=1790844638&signature=68425a054f3a86c9b1255dd1bec0021519693ac7a4dee8f0444317f46bae359a 640w, /media/secure/78938?conversion=md&expires=1790844638&signature=1c92132159bff7bca149ce65ad11d0469d718aaf964e3e904e395222425d8f12 768w, /media/secure/78938?conversion=lg&expires=1790844638&signature=ff93d3c8f6e77b9152e83b44cebe088b21f477bb14cd63bc159d44447b9c6d10 1024w, /media/secure/78938?conversion=xl&expires=1790844641&signature=9855dbbc0443b8cba27e3de89597a4760c65e26a32c5a827066805f909f5cf6d 1280w, /media/secure/78938?conversion=2xl&expires=1790844641&signature=5489cdfb251651c18ac48dc1bf8b50d2ab3c9b8e71fad94563569f0f053cf235 1536w" 8325sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" 8326> 8327<!--[if ENDBLOCK]><![endif]--> 8328<img 8329src="/media/secure/78938?conversion=webp&expires=1790844641&signature=629fdac8346251a0c4a5e4928126e3e8a7a60eb1de629b975b101e867939ca56" 8330alt="Partners Logo" 8331loading="lazy" 8332decoding="async" 8333fetchpriority="auto" 8334data-refresh-url="/media/78938/refresh?conversion=responsive&signature=cf8f17fa5860f07f3963ee75a66747f04434c132709d7777eca4d36248054c83" 8335data-placeholder="/img/placeholder.jpg" 8336onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.refreshUrl&&!i.dataset.refreshed){i.dataset.refreshed='1';i.src=i.dataset.refreshUrl;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.dataset.placeholder1='1';i.src=i.dataset.placeholder;}" 8337class="object-cover w-full h-full transition-transform duration-700 group-hover:scale-110 group-hover:rotate-1" 8338> 8339</picture> 8340<!--[if ENDBLOCK]><![endif]--> 8341<!-- Overlay Gradient --> 8342<div 8343class="absolute inset-0 bg-gradient-to-t from-neutral-900/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 8344<!-- Category Badge on Image --> 8345<!--[if BLOCK]><![endif]--> <div class="absolute top-4 left-4 z-20"> 8346<a href="https://news.ucc.edu.gh/c/research-and-innovation-000a" class="relative inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/95 dark:bg-neutral-900/95 backdrop-blur-sm text-xs font-semibold text-blue-900 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-neutral-800 transition-colors duration-200 shadow-md cursor-pointer" onclick="event.stopPropagation()"> 8347<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-3.5 h-3.5"> 8348<path fill-rule="evenodd" 8349d="M5.5 3A2.5 2.5 0 0 0 3 5.5v2.879a2.5 2.5 0 0 0 .732 1.767l6.5 6.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-6.5-6.5A2.5 2.5 0 0 0 8.38 3H5.5ZM6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" 8350clip-rule="evenodd"/> 8351</svg> 8352Research and Innovation 8353</a> 8354</div> 8355<!--[if ENDBLOCK]><![endif]--> </div> 8356<!-- Content Container --> 8357<div class="flex-1 flex flex-col p-6"> 8358<!-- Date --> 8359<div class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium mb-3"> 8360<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"> 8361<path fill-rule="evenodd" 8362d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z" 8363clip-rule="evenodd"/> 8364</svg> 8365<time datetime="2026-05-26T21:15:00+00:00"> 8366May 26, 2026 8367</time> 8368</div> 8369<!-- Title --> 8370<h3 class="text-xl font-bold leading-snug text-neutral-900 dark:text-white group-hover:text-blue-600 dar
8370k:group-hover:text-blue-400 transition-colors duration-300 mb-3"> 8371<a href="https://news.ucc.edu.gh/ucc-partners-secure-yen2-million-grant-for-china-ghana-food-security-and-storage-laboratory-00Hj"> 8372<span class="absolute inset-0"></span> 8373UCC, Partners Secure Â¥2 Million Grant for China-Ghana Food Security and Storage Laboratory 8374</a> 8375</h3> 8376<!-- Excerpt --> 8377<p class="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400 line-clamp-3 flex-1 mb-4"> 8378Researchers from the University of Cape Coast (UCC) and Accra Technical University, in collaboration with the Jimei University, Jiangsu University and Sinograin Chengdu Storage Research Institute Co., Ltd., have secured a Â¥2 million grant 8379</p> 8380<!-- Visual Indicator --> 8381<div 8382class="flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400 font-medium group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300"> 8383<span>Read more</span> 8384<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8385class="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform duration-300"> 8386<path fill-rule="evenodd" 8387d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 8388clip-rule="evenodd"/> 8389</svg> 8390</div> 8391</div> 8392</article> 8393<!--[if ENDBLOCK]><![endif]--> </div> 8394<!-- View More Button --> 8395<!--[if BLOCK]><![endif]--> <div class="mx-auto mt-12 flex items-center justify-center"> 8396<a href="https://news.ucc.edu.gh/c/research-and-innovation-000a" class="group inline-flex items-center gap-3 rounded-full bg-blue-900 dark:bg-blue-800 px-8 py-4 text-base font-semibold text-white shadow-sm hover:bg-blue-800 dark:hover:bg-blue-700 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-900 transition-all duration-300 hover:-translate-y-0.5"> 8397View All Research News 8398<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" 8399stroke="currentColor" 8400class="w-5 h-5 group-hover:translate-x-1 transition-transform duration-300"> 8401<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/> 8402</svg> 8403</a> 8404</div> 8405<!--[if ENDBLOCK]><![endif]--> </div> 8406</section> 8407<!--[if ENDBLOCK]><![endif]--> 8408<!-- Campus Life Section â the experience of being here --> 8409<!-- Campus Life Section --> 8410<section 8411class="relative bg-gradient-to-br from-blue-900 via-blue-800 to-blue-900 dark:from-neutral-950 dark:via-neutral-900 dark:to-neutral-950 band-support overflow-hidden"> 8412<!-- Decorative Elements --> 8413<div class="absolute inset-0 pointer-events-none"> 8414<div class="absolute top-0 right-0 w-96 h-96 bg-yellow-500/10 rounded-full blur-3xl"></div> 8415<div class="absolute bottom-0 left-0 w-96 h-96 bg-blue-500/10 rounded-full blur-3xl"></div> 8416</div> 8417<div class="relative mx-auto max-w-7xl px-6 lg:px-8"> 8418<!-- Section Header --> 8419<div class="mx-auto max-w-2xl text-center mb-16"> 8420<h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl"> 8421Experience UCC 8422</h2> 8423<p class="mt-4 text-lg leading-8 text-blue-100 dark:text-neutral-300"> 8424Discover vibrant student life with diverse activities, world-class facilities, and a thriving 8425community 8426</p> 8427</div> 8428<!-- Campus Life Cards --> 8429<div class="grid grid-cols-1 gap-8 lg:grid-cols-2"> 8430<!-- Student Organizations --> 8431<a href="https://news.ucc.edu.gh/c/student-in-focus-0008" class="group relative overflow-hidden rounded-2xl bg-white dark:bg-neutral-800 shadow-2xl hover:shadow-yellow-500/20 transition-[transform,box-shadow] duration-300 hover:-translate-y-1"> 8432<div class="grid lg:grid-cols-2 h-full"> 8433<!-- Image Side --> 8434<div class="relative h-64 lg:h-auto overflow-hidden"> 8435<!--[if BLOCK]><![endif]--> <picture> 8436<source srcset="https://ucc.edu.gh/img/statue-1.webp" type="image/webp"> 8437<img 8438src="https://ucc.edu.gh/img/statue-1.jpeg" 8439alt="A statue holding book in hand" 8440loading="lazy" 8441data-placeholder="/img/placeholder.jpg" 8442onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];
8442if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.src=i.dataset.placeholder;}" 8443class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-110" 8444> 8445</picture> 8446<!--[if ENDBLOCK]><![endif]--> <div 8447class="absolute inset-0 bg-gradient-to-r from-transparent to-white/10 dark:to-neutral-800/50"></div> 8448</div> 8449<!-- Content Side --> 8450<div class="flex flex-col justify-between p-8 lg:p-10"> 8451<div> 8452<div 8453class="inline-flex items-center gap-2 rounded-full bg-blue-50 dark:bg-blue-900/50 px-3 py-1 text-xs font-semibold text-blue-900 dark:text-blue-100 mb-4"> 8454<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8455class="w-4 h-4"> 8456<path 8457d="M10 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM6 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM1.49 15.326a.78.78 0 0 1-.358-.442 3 3 0 0 1 4.308-3.516 6.484 6.484 0 0 0-1.905 3.959c-.023.222-.014.442.025.654a4.97 4.97 0 0 1-2.07-.655ZM16.44 15.98a4.97 4.97 0 0 0 2.07-.654.78.78 0 0 0 .357-.442 3 3 0 0 0-4.308-3.517 6.484 6.484 0 0 1 1.907 3.96 2.32 2.32 0 0 1-.026.654ZM18 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM5.304 16.19a.844.844 0 0 1-.277-.71 5 5 0 0 1 9.947 0 .843.843 0 0 1-.277.71A6.975 6.975 0 0 1 10 18a6.974 6.974 0 0 1-4.696-1.81Z"/> 8458</svg> 8459Student Life 8460</div> 8461<h3 class="text-2xl font-bold text-neutral-900 dark:text-white mb-4 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300"> 8462Student Organizations 8463</h3>
8464<p class="text-base text-neutral-600 dark:text-neutral-300 leading-relaxed"> 8465Join diverse student organizations and clubs to connect with like-minded peers, 8466develop leadership skills, and make a lasting impact in the community. 8467</p> 8468</div> 8469<div class="mt-6 inline-flex items-center gap-2 text-blue-600 dark:text-blue-400 font-semibold"> 8470<span>Learn more</span> 8471<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8472class="w-5 h-5 group-hover:translate-x-1 transition-transform duration-200"> 8473<path fill-rule="evenodd" 8474d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 8475clip-rule="evenodd"/> 8476</svg> 8477</div> 8478</div> 8479</div> 8480</a> 8481<!-- Sports and Recreation --> 8482<a href="https://news.ucc.edu.gh/c/sport-and-recreation-000c" class="group relative overflow-hidden rounded-2xl bg-white dark:bg-neutral-800 shadow-2xl hover:shadow-yellow-500/20 transition-[transform,box-shadow] duration-300 hover:-translate-y-1"> 8483<div class="grid lg:grid-cols-2 h-full"> 8484<!-- Image Side --> 8485<div class="relative h-64 lg:h-auto overflow-hidden"> 8486<!--[if BLOCK]><![endif]--> <picture> 8487<source srcset="https://ucc.edu.gh/img/sport-2.webp" type="image/webp"> 8488<img 8489src="https://ucc.edu.gh/img/sport-2.jpeg" 8490alt="Three students holding trophy" 8491loading="lazy" 8492data-placeholder="/img/placeholder.jpg" 8493onerror="var i=this,p=i.parentNode,s=p&&p.tagName==='PICTURE'?p.querySelectorAll('source'):[];if(s.length){s.forEach(function(e){e.remove()});i.src=i.src;return;}if(i.dataset.placeholder&&i.src!==i.dataset.placeholder){i.src=i.dataset.placeholder;}" 8494class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-110" 8495> 8496</picture> 8497<!--[if ENDBLOCK]><![endif]--> <div 8498class="absolute inset-0 bg-gradient-to-r from-transparent to-white/10 dark:to-neutral-800/50"></div> 8499</div> 8500<!-- Content Side --> 8501<div class="flex flex-col justify-between p-8 lg:p-10"> 8502<div> 8503<div 8504class="inline-flex items-center gap-2 rounded-full bg-blue-50 dark:bg-blue-900/50 px-3 py-1 text-xs font-semibold text-blue-900 dark:text-blue-100 mb-4"> 8505<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8506class="w-4 h-4"> 8507<path fill-rule="evenodd" 8508d="M15.98 1.804a1 1 0 0 0-1.96 0l-.24 1.192a1 1 0 0 1-.784.785l-1.192.238a1 1 0 0 0 0 1.962l1.192.238a1 1 0 0 1 .785.785l.238 1.192a1 1 0 0 0 1.962 0l.238-1.192a1 1 0 0 1 .785-.785l1.192-.238a1 1 0 0 0 0-1.962l-1.192-.238a1 1 0 0 1-.785-.785l-.238-1.192ZM6.949 5.684a1 1 0 0 0-1.898 0l-.683 2.051a1 1 0 0 1-.633.633l-2.051.683a1 1 0 0 0 0 1.898l2.051.684a1 1 0 0 1 .633.632l.683 2.051a1 1 0 0 0 1.898 0l.683-2.051a1 1 0 0 1 .633-.633l2.051-.683a1 1 0 0 0 0-1.898l-2.051-.683a1 1 0 0 1-.633-.633L6.95 5.684ZM13.949 13.684a1 1 0 0 0-1.898 0l-.184.551a1 1 0 0 1-.632.633l-.551.183a1 1 0 0 0 0 1.898l.551.183a1 1 0 0 1 .633.633l.183.551a1 1 0 0 0 1.898 0l.184-.551a1 1 0 0 1 .632-.633l.551-.183a1 1 0 0 0 0-1.898l-.551-.184a1 1 0 0 1-.633-.632l-.183-.551Z" 8509clip-rule="evenodd"/> 8510</svg> 8511Athletics 8512</div> 8513<h3 class="text-2xl font-bold text-neutral-900 dark:text-white mb-4 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300"> 8514Sports & Recreation 8515</h3>
8516<p class="text-base text-neutral-600 dark:text-neutral-300 leading-relaxed"> 8517Stay active with state-of-the-art facilities including swimming pools, tennis 8518courts, football fields, and a modern gymnasium. 8519</p> 8520</div> 8521<div class="mt-6 inline-flex items-center gap-2 text-blue-600 dark:text-blue-400 font-semibold"> 8522<span>Learn more</span> 8523<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8524class="w-5 h-5 group-hover:translate-x-1 transition-transform duration-200"> 8525<path fill-rule="evenodd" 8526d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 8527clip-rule="evenodd"/> 8528</svg> 8529</div> 8530</div> 8531</div> 8532</a> 8533</div> 8534</div> 8535</section> 8536<!-- CTA Section â apply now --> 8537<!-- CTA Section --> 8538<section 8539class="relative bg-gradient-to-br from-blue-600 via-blue-700 to-blue-900 dark:from-blue-800 dark:via-neutral-900 dark:to-neutral-950 band-support overflow-hidden"> 8540<!-- Decorative Pattern Overlay --> 8541<div class="absolute inset-0 opacity-10"> 8542<svg class="absolute inset-0 h-full w-full" xmlns="http://www.w3.org/2000/svg"> 8543<defs> 8544<pattern id="grid-pattern" width="32" height="32" patternUnits="userSpaceOnUse"> 8545<path d="M0 32V.5H32" fill="none" stroke="white" stroke-width="1"></path> 8546</pattern> 8547</defs> 8548<rect width="100%" height="100%" fill="url(#grid-pattern)"></rect> 8549</svg> 8550</div> 8551<div class="absolute top-8 left-8 w-20 h-20 bg-white/5 rounded-full blur-xl"></div> 8552<div class="absolute bottom-8 right-8 w-32 h-32 bg-white/5 rounded-full blur-2xl"></div> 8553<div class="relative mx-auto max-w-7xl px-6 lg:px-8"> 8554<div class="relative text-center"> 8555<!-- Content --> 8556<div class="relative z-10"> 8557<!-- Icon Badge --> 8558<div 8559class="inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-white/10 backdrop-blur-sm mb-6"> 8560<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 8561class="w-8 h-8 text-blue-100"> 8562<path 8563d="M11.7 2.805a.75.75 0 0 1 .6 0A60.65 60.65 0 0 1 22.83 8.72a.75.75 0 0 1-.231 1.337 49.948 49.948 0 0 0-9.902 3.912l-.003.002c-.114.06-.227.119-.34.18a.75.75 0 0 1-.707 0A50.88 50.88 0 0 0 7.5 12.173v-.224c0-.131.067-.248.172-.311a54.615 54.615 0 0 1 4.653-2.52.75.75 0 0 0-.65-1.352 56.123 56.123 0 0 0-4.78 2.589 1.858 1.858 0 0 0-.859 1.228 49.803 49.803 0 0 0-4.634-1.527.75.75 0 0 1-.231-1.337A60.653 60.653 0 0 1 11.7 2.805Z"/> 8564<path 8565d="M13.06 15.473a48.45 48.45 0 0 1 7.666-3.282c.134 1.414.22 2.843.255 4.284a.75.75 0 0 1-.46.711 47.87 47.87 0 0 0-8.105 4.342.75.75 0 0 1-.832 0 47.87 47.87 0 0 0-8.104-4.342.75.75 0 0 1-.461-.71c.035-1.442.121-2.87.255-4.286.921.304 1.83.634 2.726.99v1.27a1.5 1.5 0 0 0-.14 2.508c-.09.38-.222.753-.397 1.11.452.213.901.434 1.346.66a6.727 6.727 0 0 0 .551-1.607 1.5 1.5 0 0 0 .14-2.67v-.645a48.549 48.549 0 0 1 3.44 1.667 2.25 2.25 0 0 0 2.12 0Z"/> 8566<path 8567d="M4.462 19.462c.42-.419.753-.89 1-1.395.453.214.902.435 1.347.662a6.742 6.742 0 0 1-1.286 1.794.75.75 0 0 1-1.06-1.06Z"/> 8568</svg> 8569</div> 8570<h2 class="mx-auto max-w-5xl text-4xl font-bold tracking-tight text-white sm:text-5xl lg:text-6xl mb-6"> 8571Ready to Join the<br class="hidden sm:block"/> 8572<span class="text-yellow-400">UCC Community?</span> 8573</h2> 8574<p class="mx-auto mt-6 max-w-4xl text-lg sm:text-xl leading-8 text-blue-50"> 8575Apply now to become part of our vibrant academic community and start your journey towards a 8576successful future 8577</p> 8578<!-- CTA Buttons --> 8579<div class="mt-12 flex flex-col sm:flex-row items-center justify-center gap-4"> 8580<a href="https://apply.ucc.edu.gh" class="group inline-flex items-center gap-2 rounded-full bg-yellow-400 hover:bg-yellow-500 px-8 py-4 text-base font-bold text-blue-900 shadow-lg hover:shadow-2xl transition-all duration-300 hover:scale-105"> 8581Apply Now 8582<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8583class="w-5 h-5 group-hover:translate-x-1 transition-transform duration-300"> 8584<path fill-rule="evenodd" 8585d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 8586clip-rule="evenodd"/> 8587</svg> 8588</a> 8589<a href="https://admissions.ucc.edu.gh/catalogue" class="group inline-flex items-center gap-2 rounded-full bg-white/10 hover:bg-white/20 backdrop-blur-sm border-2 border-white/30 px-8 py-4 text-base font-semibold text-white transition-all duration-300"> 8590Learn More 8591<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8592class="w-5 h-5 group-hover:translate-x-1 transition-transform duration-300"> 8593<path fill-rule="evenodd" 8594d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" 8595clip-rule="evenodd"/> 8596</svg> 8597</a> 8598</div> 8599<!-- Trust Indicators --> 8600<div class="mt-12 pt-8 border-t border-white/20"> 8601<p class="text-sm text-blue-100 mb-4">Join over 85,000+ students and alumni worldwide</p> 8602<div class="flex flex-wrap items-center justify-center gap-x-8 gap-y-4 text-xs text-blue-100/80"> 8603<div class="flex items-center gap-2"> 8604<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8605class="w-4 h-4 text-blue-200"> 8606<path fill-rule="evenodd" 8607d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z" 8608clip-rule="evenodd"/> 8609</svg> 8610<span>Premier University</span> 8611</div> 8612<div class="flex items-center gap-2"> 8613<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8614class="w-4 h-4 text-blue-200"> 8615<path fill-rule="evenodd" 8616d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z" 8617clip-rule="evenodd"/> 8618</svg> 8619<span>Accredited Programmes</span> 8620</div> 8621<div class="flex items-center gap-2"> 8622<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 8623class="w-4 h-4 text-blue-200"> 8624<path
8625d="M10 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM6 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM1.49 15.326a.78.78 0 0 1-.358-.442 3 3 0 0 1 4.308-3.516 6.484 6.484 0 0 0-1.905 3.959c-.023.222-.014.442.025.654a4.97 4.97 0 0 1-2.07-.655ZM16.44 15.98a4.97 4.97 0 0 0 2.07-.654.78.78 0 0 0 .357-.442 3 3 0 0 0-4.308-3.517 6.484 6.484 0 0 1 1.907 3.96 2.32 2.32 0 0 1-.026.654ZM18 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM5.304 16.19a.844.844 0 0 1-.277-.71 5 5 0 0 1 9.947 0 .843.843 0 0 1-.277.71A6.975 6.975 0 0 1 10 18a6.974 6.974 0 0 1-4.696-1.81Z"/> 8626</svg> 8627<span>64 Years Excellence</span> 8628</div> 8629</div> 8630</div> 8631</div> 8632</div> 8633</div> 8634</section> 8635</div> 8636</main> 8637<footer class="bg-blue-900 dark:bg-neutral-900 relative overflow-hidden" role="contentinfo" aria-label="Site footer"> 8638<!-- Floating Share Button --> 8639<div 8640x-data="{ 8641showButton: true, 8642showModal: false, 8643loading: false, 8644currentUrl: 'https:\/\/ucc.edu.gh', 8645currentTitle: 'University of Cape Coast', 8646currentDescription: 'Leading institution of higher learning in Ghana - Quality education, research, and community service', 8647supportsNativeShare: false, 8648init() { 8649// Check if Web Share API is available (mobile browsers) 8650this.supportsNativeShare = navigator.share !== undefined; 8651}, 8652async shareNative() { 8653if (!this.supportsNativeShare) { 8654return this.openModal(); 8655} 8656try { 8657await navigator.share({ 8658title: this.currentTitle, 8659text: this.currentDescription, 8660url: this.currentUrl 8661}); 8662// Track successful share (optional) 8663console.log('Shared successfully via native API'); 8664} catch (error) { 8665// User cancelled or error occurred - fallback to modal 8666if (error.name !== 'AbortError') { 8667console.log('Native share failed, opening modal', error); 8668this.openModal(); 8669} 8670} 8671}, 8672openModal(event = null) { 8673// Update share data if provided via event 8674if (event && event.detail) { 8675// Livewire v3 passes data as the first element in detail array 8676const data = Array.isArray(event.detail) ? event.detail[0] : event.detail; 8677if (data && typeof data === 'object') { 8678if (data.url) this.currentUrl = data.url; 8679if (data.title) this.currentTitle = data.title; 8680if (data.description) this.currentDescription = data.description; 8681} 8682} 8683this.loading = false; 8684this.showModal = true; 8685document.body.style.overflow = 'hidden'; 8686}, 8687closeModal() { 8688this.showModal = false; 8689this.loading = false; 8690document.body.style.overflow = ''; 8691}, 8692copyToClipboard() { 8693navigator.clipboard.writeText(this.currentUrl).then(() => { 8694// Show success feedback 8695const button = this.$refs.copyButton; 8696const originalText = button.innerHTML; 8697button.textContent = 'Copied!'; 8698button.classList.add('text-green-600'); 8699setTimeout(() => { 8700button.innerHTML = originalText; 8701button.classList.remove('text-green-600'); 8702}, 2000); 8703}).catch(err => { 8704console.error('Could not copy text: ', err); 8705}); 8706}, 8707getEncodedUrl() { 8708return encodeURIComponent(this.currentUrl); 8709}, 8710getEncodedTitle() { 8711return encodeURIComponent(this.currentTitle); 8712}, 8713getEncodedDescription() { 8714return encodeURIComponent(this.currentDescription); 8715} 8716}" 8717@open-share-modal.window="openModal($event)" 8718class="fixed bottom-10 right-16 z-40" 8719x-show="showButton" 8720x-transition:enter="transition ease-out duration-300" 8721x-transition:enter-start="opacity-0 transform translate-y-8" 8722x-transition:enter-end="opacity-100 transform translate-y-0" 8723x-transition:leave="transition ease-in duration-300" 8724x-transition:leave-start="opacity-100 transform translate-y-0" 8725x-transition:leave-end="opacity-0 transform translate-y-8" 8726x-cloak 8727> 8728<!-- Share Button --> 8729<button 8730@click="loading = true; $dispatch('trigger-share-from-floating'); if (supportsNativeShare) { shareNative(); } else { setTimeout(() => openModal(), 100); }" 8731:disabled="loading" 8732class="bg-blue-600 hover:bg-blue-700 text-white rounded-full p-3 shadow-lg hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-blue-400 transition-all duration-300 transform hover:scale-105 mb-3 disabled:opacity-70 disabled:cursor-not-allowed disabled:scale-100" 8733aria-label="Share this page" 8734:title="supportsNativeShare ? 'Share via system' : 'Share this page'" 8735> 8736<svg x-show="loading" class="animate-spin h-6 w-6" fill="none" viewBox="0 0 24 24"> 8737<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 8738<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 8739</svg> 8740<svg x-show="!loading" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 8741<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
8742d="M7.217 10.907a2.25 2.25 0 100 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186l9.566-5.314m-9.566 7.5l9.566 5.314m0 0a2.25 2.25 0 103.935 2.186 2.25 2.25 0 00-3.935-2.186zm0-12.814a2.25 2.25 0 103.935-2.186 2.25 2.25 0 00-3.935 2.186z"/> 8743</svg> 8744</button> 8745<!-- Share Modal --> 8746<div 8747x-show="showModal" 8748x-transition:enter="transition ease-out duration-300" 8749x-transition:enter-start="opacity-0" 8750x-transition:enter-end="opacity-100" 8751x-transition:leave="transition ease-in duration-200" 8752x-transition:leave-start="opacity-100" 8753x-transition:leave-end="opacity-0" 8754class="fixed inset-0 z-50 overflow-y-auto" 8755@keydown.escape.window="closeModal" 8756style="display: none;" 8757x-cloak 8758> 8759<!-- Backdrop --> 8760<div 8761class="fixed inset-0 bg-black bg-opacity-50 transition-opacity" 8762@click="closeModal" 8763aria-hidden="true" 8764></div> 8765<!-- Modal Content Container - Better Centering --> 8766<div class="flex min-h-screen items-center justify-center p-4 sm:p-6 lg:p-8"> 8767<div 8768x-show="showModal" 8769x-transition:enter="transition ease-out duration-300" 8770x-transition:enter-start="opacity-0 transform scale-95" 8771x-transition:enter-end="opacity-100 transform scale-100" 8772x-transition:leave="transition ease-in duration-200" 8773x-transition:leave-start="opacity-100 transform scale-100" 8774x-transition:leave-end="opacity-0 transform scale-95" 8775class="relative bg-white dark:bg-neutral-800 rounded-2xl shadow-xl border border-neutral-200 dark:border-neutral-700 p-6 w-full max-w-md mx-auto" 8776@click.stop 8777> 8778<!-- Header --> 8779<div class="mb-6"> 8780<div class="flex items-center justify-between mb-4"> 8781<div class="flex items-center gap-3"> 8782<div 8783class="flex items-center justify-center w-10 h-10 bg-blue-100 dark:bg-blue-900/30 rounded-xl"> 8784<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 8785stroke-width="1.5" stroke="currentColor" 8786class="w-5 h-5 text-blue-600 dark:text-blue-100"> 8787<path stroke-linecap="round" stroke-linejoin="round"
8788d="M7.217 10.907a2.25 2.25 0 100 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186l9.566-5.314m-9.566 7.5l9.566 5.314m0 0a2.25 2.25 0 103.935 2.186 2.25 2.25 0 00-3.935-2.186zm0-12.814a2.25 2.25 0 103.935-2.186 2.25 2.25 0 00-3.935 2.186z"/> 8789</svg> 8790</div> 8791<div> 8792<h3 class="text-lg font-semibold text-neutral-900 dark:text-neutral-100" x-text="currentTitle"></h3> 8793<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">Share via social media or copy link</p> 8794</div> 8795</div> 8796<button 8797@click="closeModal" 8798class="text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-300 transition-colors" 8799aria-label="Close modal" 8800> 8801<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 8802<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 8803d="M6 18L18 6M6 6l12 12"></path> 8804</svg> 8805</button> 8806</div> 8807</div> 8808<!-- Social Media Share Buttons --> 8809<div class="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-6"> 8810<!-- Facebook --> 8811<a 8812:href="'https://www.facebook.com/sharer/sharer.php?u=' + getEncodedUrl()" 8813target="_blank" 8814rel="noopener noreferrer" 8815class="inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-lg transition-colors duration-200" 8816> 8817<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"> 8818<path fill-rule="evenodd" 8819d="M20 10C20 4.477 15.523 0 10 0S0 4.477 0 10c0 4.991 3.657 9.128 8.438 9.878v-6.987
8819h-2.54V10h2.54V7.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V10h2.773l-.443 2.89h-2.33v6.988C16.343 19.128 20 14.991 20 10z" 8820clip-rule="evenodd"></path> 8821</svg> 8822Facebook 8823</a> 8824<!-- Twitter --> 8825<a 8826:href="'https://twitter.com/intent/tweet?text=' + encodeURIComponent((currentTitle + (currentDescription ? ' - ' + currentDescription : '')).substring(0, 240)) + '&url=' + getEncodedUrl() + '&hashtags=UCC,UniversityOfCapeCoast'" 8827target="_blank" 8828rel="noopener noreferrer" 8829class="inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-sky-500 hover:bg-sky-600 rounded-lg transition-colors duration-200" 8830> 8831<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"> 8832<path 8833d="M6.29 18.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0020 3.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.073 4.073 0 01.8 7.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 010 16.407a11.616 11.616 0 006.29 1.84"></path> 8834</svg> 8835Twitter 8836</a> 8837<!-- LinkedIn --> 8838<a 8839:href="'https://www.linkedin.com/sharing/share-offsite/?url=' + getEncodedUrl()" 8840target="_blank" 8841rel="noopener noreferrer" 8842class="inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-blue-700 hover:bg-blue-800 rounded-lg transition-colors duration-200" 8843> 8844<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"> 8845<path fill-rule="evenodd" 8846d="M16.338 16.338H13.67V12.16c0-.995-.017-2.277-1.387-2.277-1.39 0-1.601 1.086-1.601 2.207v4.248H8.014v-8.59h2.559v1.174h.037c.356-.675 1.227-1.387 2.526-1.387 2.703 0 3.203 1.778 3.203 4.092v4.711zM5.005 6.575a1.548 1.548 0 11-.003-3.096 1.548 1.548 0 01.003 3.096zm-1.337 9.763H6.34v-8.59H3.667v8.59zM17.668 1H2.328C1.595 1 1 1.581 1 2.298v15.403C1 18.418 1.595 19 2.328 19h15.34c.734 0 1.332-.582 1.332-1.299V2.298C19 1.581 18.402 1 17.668 1z" 8847clip-rule="evenodd"></path> 8848</svg> 8849LinkedIn 8850</a> 8851<!-- WhatsApp --> 8852<a 8853:href="'https://wa.me/?text=' + encodeURIComponent((currentTitle + (currentDescription ? ' - ' + currentDescription : '') + ' ' + currentUrl).substring(0, 300))" 8854target="_blank" 8855rel="noopener noreferrer" 8856class="inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-green-500 hover:bg-green-600 rounded-lg transition-colors duration-200" 8857> 8858<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"> 8859<path 8860d="M16.338 14.082c-.197-.099-1.164-.573-1.344-.638-.18-.065-.311-.097-.442.099-.131.196-.509.638-.624.769-.115.131-.23.148-.427.049-.197-.099-.832-.307-1.585-.978-.586-.523-.982-1.169-1.097-1.366-.115-.198-.012-.305.086-.404.089-.089.198-.231.296-.347.099-.115.131-.198.197-.329.066-.131.033-.246-.016-.347-.05-.099-.442-1.063-.606-1.456-.16-.384-.323-.332-.442-.338-.115-.006-.246-.007-.377-.007a.726.726 0 0 0-.524.246c-.18.198-.688.673-.688 1.64 0 .967.705 1.901.803 2.033.099.131 1.394 2.132 3.383 2.992.473.205.842.328 1.129.42.475.151.906.129 1.246.078.38-.057 1.171-.479 1.338-.941.164-.464.164-.861.115-.946-.05-.085-.18-.131-.377-.23zM10.026 18.27c-1.42 0-2.806-.382-4.03-1.1l-.289-.172-2.99
88606.786.8-2.917-.188-.3a8.257 8.257 0 0 1-1.267-4.41c.002-4.571 3.721-8.29 8.296-8.29 2.218 0 4.302.864 5.865 2.43a8.243 8.243 0 0 1 2.427 5.873c-.002 4.571-3.722 8.291-8.296 8.291l-.622-.001zm7.131-15.403C15.611 1.32 12.977 0 10.026 0 4.547 0 .088 4.458.086 9.937c0 1.751.459 3.457 1.332 4.961L0 20l5.226-1.37a9.98 9.98 0 0 0 4.803 1.225h.004c5.479 0 9.938-4.459 9.94-9.937-.001-2.653-1.035-5.148-2.916-7.021z"></path> 8861</svg> 8862WhatsApp 8863</a> 8864<!-- Email --> 8865<a 8866:href="'mailto:?subject=' + encodeURIComponent('Check this out: ' + currentTitle) + '&body=' + encodeURIComponent('I thought you might be interested in this:\\n\\n' + currentTitle + '\\n' + (currentDescription ? currentDescription + '\\n\\n' : '') + 'View it here: ' + currentUrl)" 8867class="inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-neutral-600 hover:bg-neutral-700 rounded-lg transition-colors duration-200" 8868> 8869<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 8870<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 8871d="M3 8l7.89 3.26a2 2 0 001.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> 8872</svg> 8873Email 8874</a> 8875</div> 8876<!-- Copy Link Section --> 8877<div class="pt-4 border-t border-neutral-200 dark:border-neutral-700"> 8878<div class="flex items-center space-x-3"> 8879<div class="flex-1"> 8880<ui-field class="[&:has([data-flux-control][disabled])_[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 8881<ui-label class="text-sm font-medium select-none text-neutral-800 dark:text-white" data-flux-label> 8882Page Link 8883</ui-label> 8884<div class="w-full relative block group/input font-mono text-sm" data-flux-input> 8885<input 8886type="text" 8887class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-sm py-2 h-10 leading-5.5 pl-3 pr-3 bg-white dark:bg-white/10 dark:disabled:bg-white/7 text-neutral-700 disabled:text-neutral-500 placeholder-neutral-400 disabled:placeholder-neutral-400/70 dark:text-neutral-300 dark:disabled:text-neutral-400 dark:placeholder-neutral-400 dark:disabled:placeholder-neutral-500 shadow-sm border-neutral-200 border-b-neutral-300/80 disabled:border-b-neutral-200 dark:border-white/10 dark:disabled:border-white/5" value="https://ucc.edu.gh" readonly="readonly" 8888data-flux-control 8889data-flux-group-target 8890> 8891</div> 8892</ui-field> 8893</div> 8894<div class="pt-6"> 8895<button type="button" class="relative inline-flex items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-8 text-sm rounded-md px-3 bg-white hover:bg-zinc-50 dark:bg-neutral-700 dark:hover:bg-neutral-600/75 text-neutral-800 dark:text-white border border-neutral-200 hover:border-neutral-200 border-b-neutral-300/80 dark:border-neutral-600 dar
8895k:hover:border-neutral-600 shadow-sm in-data-flux-button-group:border-l-0 [[data-flux-button-group]_&:first-child]:border-l" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" @click="copyToClipboard" x-ref="copyButton"> 8896<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 8897<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 8898d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> 8899</svg> 8900Copy 8901</button> 8902</div> 8903</div> 8904</div> 8905</div> 8906</div> 8907</div> 8908</div> 8909<!-- Back to Top Button --> 8910<div 8911x-data="{ 8912showButton: false, 8913scrollToTop() { 8914window.scrollTo({ 8915top: 0, 8916behavior: 'smooth' 8917}); 8918} 8919}" 8920@scroll.window="showButton = window.pageYOffset > 500" 8921class="fixed bottom-0 right-16 z-50" 8922x-show="showButton" 8923x-transition:enter="transition ease-out duration-300" 8924x-transition:enter-start="opacity-0 transform translate-y-8" 8925x-transition:enter-end="opacity-100 transform translate-y-0" 8926x-transition:leave="transition ease-in duration-300" 8927x-transition:leave-start="opacity-100 transform translate-y-0" 8928x-transition:leave-end="opacity-0 transform translate-y-8" 8929x-cloak 8930> 8931<button 8932@click="scrollToTop" 8933class="bg-blue-600 hover:bg-blue-600 text-white rounded-full p-3 shadow-lg hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-blue-400 transition-all duration-300 transform hover:scale-105" 8934aria-label="Back to top" 8935> 8936<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 8937<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"/> 8938</svg> 8939</button> 8940</div>
8941<!-- Decorative Background Pattern --> 8942<div class="absolute inset-0 opacity-5"> 8943<div 8944class="absolute top-0 left-0 w-96 h-96 bg-white rounded-full blur-3xl transform -translate-x-1/2 -translate-y-1/2"></div> 8945<div 8946class="absolute bottom-0 right-0 w-96 h-96 bg-white rounded-full blur-3xl transform translate-x-1/2 translate-y-1/2"></div> 8947</div> 8948<div class="relative mx-auto max-w-7xl px-6 pb-8 pt-16 lg:px-8 lg:pt-20"> 8949<!-- Top Section: Branding & CTA --> 8950<div class="mb-12 pb-12 border-b border-white/10"> 8951<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center"> 8952<!-- Branding --> 8953<div> 8954<a href="https://ucc.edu.gh" class="inline-block" aria-label="University of Cape Coast - Go to homepage"> 8955<picture> 8956<source type="image/webp" 8957srcset="https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white-2x.webp 530w, https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.webp 1352w" 8958sizes="(min-width: 768px) 265px, 165px" > 8959<img 8960src="https://ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.png" 8961alt="University of Cape Coast" 8962width="1352" 8963height="286" 8964style="aspect-ratio: 1352/286" 8965loading="lazy" 8966class="h-12 w-auto mb-5 hover:scale-105 transition-transform duration-300" 8967> 8968</picture> 8969<span class="sr-only">University of Cape Coast</span> 8970</a> 8971<a href="https://ucc.edu.gh/rankings/history" class="block group"> 8972<p class="text-lg leading-relaxed text-neutral-200 mb-4 group-hover:text-white transition-colors"> 8973The #1 University in Ghana and West Africa</p> 8974</a> 8975<p class="text-sm text-neutral-400 leading-relaxed">Empowering minds, transforming lives, and 8976building the future through excellence in education and research.</p> 8977</div> 8978<!-- Quick Contact Card --> 8979<div 8980class="bg-white/5 backdrop-blur-sm rounded-2xl p-6 lg:p-8 border border-white/10 transition-all duration-300"> 8981<h3 class="text-lg font-semibold text-white mb-4"> 8982<a href="https://directory.ucc.edu.gh/contacts" class="hover:text-blue-200 focus-visible:text-blue-200 transition-colors"> 8983Get in Touch 8984</a> 8985</h3> 8986<address class="space-y-3 text-sm text-neutral-300 not-italic"> 8987<div class="flex items-start gap-3 group"> 8988<svg class="w-5 h-5 text-blue-300 flex-shrink-0 group-hover:scale-110 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 8989<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 8990d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/> 8991<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 8992d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/> 8993</svg> 8994<span>University of Cape Coast<br>Cape Coast, Ghana</span> 8995</div> 8996<div class="flex items-center gap-3 group"> 8997<svg class="w-5 h-5 text-blue-300 flex-shrink-0 group-hover:scale-110 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 8998<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 8999d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/> 9000</svg> 9001<a href="tel:+233332132440" 9002class="hover:text-white focus-visible:text-white transition-colors"> 9003+233 (03321) 32440 9004</a> 9005</div> 9006<div class="flex items-center gap-3 group"> 9007<svg class="w-5 h-5 text-blue-300 flex-shrink-0 group-hover:scale-110 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 9008<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 9009d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/> 9010</svg> 9011<a href="mailto:[email protected]" 9012class="hover:text-white focus-visible:text-white transition-colors"> 9013[email protected] 9014</a> 9015</div> 9016<div class="flex items-start gap-3 group"> 9017<svg class="w-5 h-5 text-blue-300 flex-shrink-0 group-hover:scale-110 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 9018<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 9019d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"/> 9020</svg> 9021<span> 9022Data protection: 9023<a href="mailto:[email protected]" 9024class="hover:text-white focus-visible:text-white transition-colors"> 9025[email protected] 9026</a> 9027</span> 9028</div> 9029</address> 9030</div> 9031</div> 9032</div> 9033<!-- Main Footer Content --> 9034<div class="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 mb-12"> 9035<!-- Navigation Links --> 9036<div class="lg:col-span-9"> 9037<nav aria-label="Footer navigation"> 9038<div class="grid grid-cols-2 md:grid-cols-4 gap-8"> 9039<!-- Quick Links --> 9040<div> 9041<h3 class="text-xs font-bold text-blue-200 uppercase tracking-wider mb-4">Quick Links</h3> 9042<ul class="space-y-0.5 text-sm"> 9043<li> 9044<a href="https://admissions.ucc.edu.gh/catalogue" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9045Programmes 9046</a> 9047</li> 9048<li> 9049<a href="https://ucc.edu.gh/main/web-services" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9050Web Services 9051</a> 9052</li> 9053<li> 9054<a href="https://ucc.edu.gh/main/publications/forms" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9055Forms 9056</a> 9057</li> 9058<li> 9059<a href="https://directory.ucc.edu.gh" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9060Directory 9061</a> 9062</li> 9063<li> 9064<a href="https://my.ucc.edu.gh" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9065MyUCC 9066</a> 9067</li> 9068</ul> 9069</div> 9070<!-- The University --> 9071<div> 9072<h3 class="text-xs font-bold text-blue-200 uppercase tracking-wider mb-4">University</h3> 9073<ul class="space-y-0.5 text-sm"> 9074<li> 9075<a href="https://ucc.edu.gh/main/about" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9076About UCC 9077</a> 9078</li> 9079<li> 9080<a href="https://ucc.edu.gh/announcements" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9081Announcements 9082</a> 9083</li> 9084<li> 9085<a href="https://events.ucc.edu.gh" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9086Events 9087</a> 9088</li> 9089<li> 9090<a href="https://news.ucc.edu.gh" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9091News 9092</a> 9093</li> 9094</ul> 9095</div> 9096<!-- Research --> 9097<div> 9098<h3 class="text-xs font-bold text-blue-200 uppercase tracking-wider mb-4">Research</h3> 9099<ul class="space-y-0.5 text-sm"> 9100<li> 9101<a href="https://journal.ucc.edu.gh" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9102Journals 9103</a> 9104</li> 9105<li> 9106<a href="https://scholar.ucc.edu.gh" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9107UCC Scholar 9108</a> 9109</li> 9110<li> 9111<a href="https://conferences.ucc.edu.gh" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9112Conferences 9113</a> 9114</li> 9115</ul> 9116</div> 9117<!-- Resources --> 9118<div> 9119<h3 class="text-xs font-bold text-blue-200 uppercase tracking-wider mb-4">Resources</h3> 9120<ul class="space-y-0.5 text-sm"> 9121<li> 9122<a href="https://library.ucc.edu.gh" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9123Library 9124</a> 9125</li> 9126<li> 9127<a href="https://elearning.ucc.edu.gh" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9128E-Learning 9129</a> 9130</li> 9131<li> 9132<a href="https://ucc.edu.gh/media/videos" class="text-neutral-300 hover:text-white hover:pl-2 transition-all duration-200 inline-block py-1"> 9133Videos 9134</a> 9135</li> 9136</ul> 9137</div> 9138</div> 9139</nav> 9140</div> 9141<!-- Social Media Column --> 9142<div class="lg:col-span-3"> 9143<h3 class="text-xs font-bold text-blue-200 uppercase tracking-wider mb-4">Connect With Us</h3> 9144<div class="flex flex-wrap gap-3" role="list" aria-label="Social media links"> 9145<a href="https://www.facebook.com/capevars" 9146class="group bg-white/5 hover:bg-blue-600 p-3 rounded-xl transition-all duration-300 border border-white/10 hover:border-blue-400" 9147role="listitem" target="_blank" rel="noopener noreferrer" aria-label="Visit UCC on Facebook"> 9148<svg class="w-5 h-5 text-neutral-300 group-hover:text-white transition-colors" 9149fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 9150<path 9151d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987
9151h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"/> 9152</svg> 9153</a> 9154<a href="https://www.instagram.com/capevars/" 9155class="group bg-white/5 hover:bg-pink-600 p-3 rounded-xl transition-all duration-300 border border-white/10 hover:border-pink-400" 9156role="listitem" target="_blank" rel="noopener noreferrer" aria-label="Visit UCC on Instagram"> 9157<svg class="w-5 h-5 text-neutral-300 group-hover:text-white transition-colors" 9158fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 9159<path 9160d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.9 4.9 0 011.772 1.153 4.9 4.9 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.9 4.9 0 01-1.153 1.772 4.9 4.9 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.9 4.9 0 01-1.772-1.153 4.9 4.9 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.9 4.9 0 011.153-1.772A4.9 4.9 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.1 3.1 0 00-.748-1.15 3.1 3.1 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"/> 9161</svg> 9162</a> 9163<a href="https://x.com/UCCGH_Official" 9164class="group bg-white/5 hover:bg-black p-3 rounded-xl transition-all duration-300 border border-white/10 hover:border-neutral-400" 9165role="listitem" target="_blank" rel="noopener noreferrer" aria-label="Visit UCC on X (formerly Twitter)"> 9166<svg class="w-5 h-5 text-neutral-300 group-hover:text-white transition-colors" 9167fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 9168<path 9169d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z"/> 9170</svg> 9171</a> 9172<a href="https://www.linkedin.com/school/university-of-cape-coast" 9173class="group bg-white/5 hover:bg-blue-700 p-3 rounded-xl transition-all duration-300 border border-white/10 hover:border-blue-400" 9174role="listitem" target="_blank" rel="noopener noreferrer" aria-label="Visit UCC on LinkedIn"> 9175<svg class="w-5 h-5 text-neutral-300 group-hover:text-white transition-colors" 9176fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 9177<path 9178d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/> 9179</svg> 9180</a> 9181<a href="https://www.youtube.com/@capevars" 9182class="group bg-white/5 hover:bg-red-600 p-3 rounded-xl transition-all duration-300 border border-white/10 hover:border-red-400" 9183role="listitem" target="_blank" rel="noopener noreferrer" aria-label="Visit UCC on YouTube"> 9184<svg class="w-5 h-5 text-neutral-300 group-hover:text-white transition-colors" 9185fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 9186<path 9187d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/> 9188</svg> 9189</a> 9190<a href="https://en.wikipedia.org/wiki/University_of_Cape_Coast" 9191class="group bg-white/5 hover:bg-neutral-700 p-3 rounded-xl transition-all duration-300 border border-white/10 hover:border-neutral-400" 9192role="listitem" target="_blank" rel="noopener noreferrer" aria-label="Visit UCC on Wikipedia"> 9193<svg class="w-5 h-5 text-neutral-300 group-hover:text-white transition-colors" 9194fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 9195<path d="M12.09 13.119c-.936 1.932-2.217 4.548-2.853 5.728-.616 1.074-1.127.931-1.532.029-1.406-3.321-4.293-9.144-5.651-12.409-.251-.601-.441-.987-.619-1.139-.181-.15-.554-.24-1.122-.271C.103 5.033 0 4.982 0 4.898v-.455l.052-.045c.924-.005 5.401 0 5.401 0l.051.045v.434c0 .119-.075.176-.225.176l-.564.031c-.485.029-.727.164-.727.436 0 .135.053.33.166.601 1.082 2.646 4.818 10.521 4.818 10.521l.136.046 2.411-4.81-.482-.93s-2.679-5.333-2.928-5.813c-.174-.345-.379-.574-.619-.69-.24-.115-.473-.18-.874-.195l-.24-.015c-.15 0-.225-.074-.225-.224v-.434l.051-.045c.461 0 3.15.014 3.15.014l.051.045v.434c0 .119-.075.181-.225.181l-.359.029c-.443.029-.659.166-.659.421 0 .105.023.211.074.315 1.217 2.764 2.833 6.174 2.833 6.174l2.04-4.051c.271-.601.406-1.006.406-1.215 0-.315-.105-.479-.315-.495l-.9-.015c-.15 0-.226-.074-.226-.224v-.434l.051-.045c1.696 0 3.24-.015 3.24-.015l.06.045v.434c0 .15-.074.224-.226.224-.21 0-.526.03-.945.089-.42.061-.78.27-1.215.856-.451.6-.705 1.064-1.156 2.174l-3.465 6.951z"/> 9196</svg> 9197</a> 9198</div> 9199</div> 9200</div> 9201<!-- Bottom Bar --> 9202<div class="pt-8 border-t border-white/10"> 9203<div class="flex flex-col md:flex-row justify-between items-center gap-4"> 9204<p class="text-sm text-neutral-400 text-center md:text-left"> 9205© 2026 University of Cape Coast. All rights reserved. 9206</p> 9207<div class="flex flex-wrap justify-center gap-6 text-xs text-neutral-400"> 9208<a href="https://ucc.edu.gh/main/privacy-policy" class="hover:text-white transition-colors inline-flex items-center min-h-6"> 9209Privacy Policy 9210</a> 9211<span class="text-neutral-600" aria-hidden="true">|</span> 9212<a href="https://ucc.edu.gh/main/terms-of-service" class="hover:text-white transition-colors inline-flex items-center min-h-6"> 9213Terms of Service 9214</a> 9215<span class="text-neutral-600" aria-hidden="true">|</span> 9216<a href="https://ucc.edu.gh/main/cookie-policy" class="hover:text-white transition-colors inline-flex items-center min-h-6"> 9217Cookie Policy 9218</a> 9219<span class="text-neutral-600" aria-hidden="true">|</span> 9220<a href="https://ucc.edu.gh/main/accessibility" class="hover:text-white transition-colors inline-flex items-center min-h-6"> 9221Accessibility 9222</a> 9223<span class="text-neutral-600" aria-hidden="true">|</span> 9224<button type="button" data-consent-action="settings" 9225class="hover:text-white transition-colors inline-flex items-center min-h-6 underline-offset-2 hover:underline"> 9226Cookie Settings 9227</button> 9228<span class="text-neutral-600" aria-hidden="true">|</span> 9229<a href="https://ucc.edu.gh/main/your-data" class="hover:text-white transition-colors inline-flex items-center min-h-6"> 9230Your Data 9231</a> 9232</div> 9233</div> 9234</div> 9235</div> 9236</footer> 9237<div x-persist="lightbox"> 9238<div x-data="lightbox()" @keydown.window="onKey($event)"> 9239<div 9240x-show="open" 9241x-cloak 9242style="display: none" 9243role="dialog" 9244aria-modal="true" 9245aria-label="Image viewer" 9246class="fixed inset-0 z-[200] flex items-center justify-center" 9247x-trap.noscroll.inert="open" 9248@touchstart.passive="touchStart($event)" 9249@touchend.passive="touchEnd($event)" 9250> 9251<div 9252x-show="open" 9253x-transition.opacity.duration.200ms 9254class="absolute inset-0 bg-black/90 backdrop-blur-sm" 9255@click="close()" 9256aria-hidden="true" 9257></div> 9258<div class="absolute inset-x-0 top-0 z-10 flex items-center justify-between gap-4 p-4 sm:p-6"> 9259<span class="mono rounded-full bg-white/10 px-3 py-1 text-xs font-semibold tabular-nums text-white/90" 9260x-show="hasMultiple" x-text="counter" aria-live="polite"></span> 9261<span class="grow"></span> 9262<button 9263type="button" 9264@click="close()" 9265class="grid h-11 w-11 place-items-center rounded-full bg-white/10 text-white motion-safe:transition hover:bg-white/20 focu
9265s-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" 9266aria-label="Close image viewer" 9267> 9268<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg> 9269</button> 9270</div> 9271<button 9272type="button" 9273x-show="hasMultiple" 9274@click="prev()" 9275class="absolute left-2 top-1/2 z-10 grid h-12 w-12 -translate-y-1/2 place-items-center rounded-full bg-white/10 text-white motion-safe:transition hover:bg-white/20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white sm:left-5" 9276aria-label="Previous image" 9277> 9278<svg class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" /></svg> 9279</button> 9280<figure class="relative z-0 flex max-h-[88vh] max-w-[92vw] flex-col items-center" @click.stop> 9281<div class="relative flex items-center justify-center"> 9282<div x-show="loading" class="absolute inset-0 grid place-items-center" aria-hidden="true"> 9283<svg class="h-10 w-10 animate-spin text-white/70" viewBox="0 0 24 24" fill="none"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 0 1 8-8v4a4 4 0 0 0-4 4H4z"></path></svg> 9284</div> 9285<img 9286src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 9287:src="current?.src || 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'" 9288alt="" 9289:alt="current?.caption || ''" 9290@load="onLoaded()" 9291x-on:error="onError()" 9292x-show="open" 9293class="max-h-[80vh] max-w-[92vw] rounded-lg object-contain shadow-2xl motion-safe:transition-opacity motion-safe:duration-200" 9294:class="loading ? 'opacity-0' : 'opacity-100'" 9295draggable="false" 9296> 9297</div> 9298<figcaption 9299x-show="current?.caption" 9300x-text="current?.caption" 9301class="mono mt-4 max-w-2xl text-center text-sm text-white/80" 9302></figcaption> 9303</figure> 9304<button 9305type="button" 9306x-show="hasMultiple" 9307@click="next()" 9308class="absolute right-2 top-1/2 z-10 grid h-12 w-12 -translate-y-1/2 place-items-center rounded-full bg-white/10 text-white motion-safe:transition hover:bg-white/20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white sm:right-5" 9309aria-label="Next image" 9310> 9311<svg class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg> 9312</button> 9313</div> 9314</div> 9315<style> 9316[data-lightbox], 9317[data-lightbox-content] img:not(a img):not([data-no-lightbox]) { cursor: zoom-in; } 9318</style> 9319</div> 9320<div x-persist="toast"> 9321<ui-toast x-data x-on:toast-show.document="$el.showToast($event.detail)" wire:ignore> 9322<template> 9323<div popover="manual" class="m-0 p-6 bg-transparent [&[data-position*=top]]:mb-auto [&[data-position*=bottom]]:mt-auto [&[data-position*=right]]:ml-auto [&[data-position*=left]]:mr-auto" data-position="bottom start" data-variant="" data-flux-toast-dialog> 9324<div class="max-w-sm p-2 rounded-xl shadow-lg bg-white border border-neutral-200 border-b-neutral-300/80 dark:bg-neutral-700 dark:border-neutral-600"> 9325<div class="flex items-start gap-4"> 9326<div class="flex-1 py-1.5 pl-2.5 flex gap-2"> 9327<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=success]_&]:block shrink-0 mt-0.5 size-4 text-lime-600 dark:text-lime-400"> 9328<path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.844-8.791a.75.75 0 0 0-1.188-.918l-3.7 4.79-1.649-1.833a.75.75 0 1 0-1.114 1.004l2.25 2.5a.75.75 0 0 0 1.15-.043l4.25-5.5Z" clip-rule="evenodd" /> 9329</svg> 9330<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=warning]_&]:block shrink-0 mt-0.5 size-4 text-amber-500 dark:text-amber-400"> 9331<path fill-rule="evenodd" d="M6.701 2.25c.577-1 2.02-1 2.598 0l5.196 9a1.5 1.5 0 0 1-1.299 2.25H2.804a1.5 1.5 0 0 1-1.3-2.25l5.197-9ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /> 9332</svg> 9333<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=danger]_&]:block shrink-0 mt-0.5 size-4 text-rose-500 dark:text-rose-400"> 9334<path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /> 9335</svg> 9336<div> 9337<div class="font-medium text-sm text-neutral-800 dark:text-white [&:not(:empty)+div]:font-normal [&:not(:empty)+div]:text-neutral-500 [&:not(:empty)+div]:dark:text-neutral-300 [&:not(:empty)]:pb-2"><slot name="heading"></slot></div> 9338<div class="font-medium text-sm text-neutral-800 dark:text-white"><slot name="text"></slot></div> 9339</div> 9340</div> 9341<div class="flex items-center"> 9342<button type="button" onclick="this.closest('ui-toast').hideToast()" class="inline-flex items-center font-medium justify-center gap-2 truncate disabled:opacity-50 dark:disabled:opacity-75 disabled:cursor-default h-8 text-sm rounded-md w-8 bg-transparent hover:bg-neutral-800/5 dark:hover:bg-white/15 text-neutral-400 hover:text-neutral-800 dark:text-neutral-400 dark:hover:text-white" as="button"> 9343<div> 9344<svg class="[:where(&)]:size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 9345<path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"></path> 9346</svg> 9347</div> 9348</button> 9349</div> 9350</div> 9351</div> 9352</div> 9353</template> 9354</ui-toast> 9355</div>
9356<script src="https://ucc.edu.gh/flux/flux.min.js?id=2d7e3896" data-navigate-once></script>
vendor: 1 bytes, line 9356
9356
9357<script src="https://ucc.edu.gh/vendor/livewire/livewire.min.js?id=8642c1d5" data-csrf="1olgXnajpKPp92i9SxJbWq5szNYIfu0LQZV9tuIR" data-module-url="https://ucc.edu.gh/livewire-736887f2" data-update-uri="https://ucc.edu.gh/livewire-736887f2/update" data-navigate-once="true"></script>
9357 9358<div 9359id="cookie-consent" 9360class="fixed inset-x-0 bottom-0 z-[60] print:hidden" 9361role="region" 9362aria-labelledby="cookie-consent-heading" 9363> 9364<div class="mx-auto max-w-5xl m-3 rounded-xl border border-neutral-200 bg-white shadow-2xl dark:border-neutral-700 dark:bg-neutral-900"> 9365<div class="p-4 sm:p-5"> 9366<h2 id="cookie-consent-heading" class="text-base font-semibold text-neutral-900 dark:text-white"> 9367Cookies on this site 9368</h2> 9369<p class="mt-1.5 text-sm text-neutral-600 dark:text-neutral-300"> 9370We need some cookies to make the site work at all, and those are already set. Beyond 9371those, we would like to measure which pages are read so we can decide what to fix. We 9372will not set anything for that until you say yes, and saying no costs you nothing â 9373the site works exactly the same either way. You can change your mind at any time from 9374<strong>Cookie Settings</strong> in the footer. 9375</p> 9376<details class="mt-3 group"> 9377<summary class="cursor-pointer text-sm font-medium text-blue-500 hover:underline dark:text-blue-100"> 9378What each one does 9379</summary> 9380<div class="mt-3 space-y-3 border-l-2 border-neutral-200 pl-3 dark:border-neutral-700"> 9381<div class="text-sm"> 9382<p class="font-medium text-neutral-900 dark:text-white"> 9383Strictly necessary 9384<span class="ml-1 font-normal text-neutral-500 dark:text-neutral-400">â always on, no choice offered</span> 9385</p>
9386<p class="mt-0.5 text-neutral-600 dark:text-neutral-300"> 9387Keeps you signed in and lets forms be submitted safely. Nothing here follows 9388you to other websites. 9389</p> 9390</div> 9391<div class="text-sm"> 9392<label class="flex items-start gap-2"> 9393<input 9394type="checkbox" 9395class="mt-1 size-4 rounded border-neutral-500 text-blue-500 focus:ring-blue-500 dark:border-neutral-400" 9396data-consent-category="analytics" 9397> 9398<span> 9399<span class="font-medium text-neutral-900 dark:text-white">Analytics</span> 9400<span class="mt-0.5 block text-neutral-600 dark:text-neutral-300">These tell us which pages people read, how they arrived, and where they give up, and we use that to decide what to fix. They are not used to advertise to you, and we do not sell what they collect.</span> 9401</span> 9402</label> 9403</div> 9404<div class="text-sm"> 9405<label class="flex items-start gap-2"> 9406<input 9407type="checkbox" 9408class="mt-1 size-4 rounded border-neutral-500 text-blue-500 focus:ring-blue-500 dark:border-neutral-400" 9409data-consent-category="behaviour" 9410> 9411<span> 9412<span class="font-medium text-neutral-900 dark:text-white">Behaviour analytics</span>
9413<span class="mt-0.5 block text-neutral-600 dark:text-neutral-300">Set only while the siteâs heatmap feature is switched on, which it is not by default. It records anonymised interaction â where on a page people click, how far they scroll â to show us which parts of a page are being missed.</span> 9414</span> 9415</label> 9416</div> 9417<p class="text-sm text-neutral-600 dark:text-neutral-300"> 9418Every cookie named, and the companies behind them, are listed in the 9419<a href="https://ucc.edu.gh/main/cookie-policy" class="text-blue-500 underline dark:text-blue-100"> 9420cookie policy 9421</a> 9422. 9423</p> 9424</div> 9425</details> 9426<div class="mt-4 flex flex-col gap-2 sm:flex-row sm:items-center"> 9427<button 9428type="button" 9429data-consent-action="reject" 9430class="w-full rounded-lg border border-neutral-500 px-4 py-2.5 text-sm font-semibold text-neutral-900 transition hover:bg-neutral-50 focus:outline-none focus:ring-2 focus:ring-blue-500 sm:w-auto dark:border-neutral-400 dark:text-white dark:hover:bg-neutral-800" 9431> 9432Reject all 9433</button> 9434<button 9435type="button" 9436data-consent-action="accept" 9437class="w-full rounded-lg border border-transparent bg-blue-500 px-4 py-2.5 text-sm font-semibold text-white transition hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 sm:w-auto" 9438> 9439Accept all 9440</button> 9441<button 9442type="button" 9443data-consent-action="save" 9444class="w-full rounded-lg px-4 py-2.5 text-sm font-semibold text-blue-500 underline transition hover:bg-neutral-50 focus:outline-none focus:ring-2 focus:ring-blue-500 sm:w-auto dark:text-blue-100 dark:hover:bg-neutral-800" 9445> 9446Save my choices 9447</button> 9448</div> 9449</div> 9450</div> 9451</div>
9452<script data-cookie-consent-script> 9453(function () { 9454var CONSENT = {"cookie":"ucc_cookie_consent","value":{"all":"v1:analytics,behaviour","none":"v1:"},"version":1,"days":180,"clear":{"analytics":["_ga","_ga_","_gid","_gat"],"behaviour":["_clck","_clsk"]}}; 9455function write(name, value, days) { 9456var expires = new Date(Date.now() + days * 864e5).toUTCString(); 9457document.cookie = name + '=' + value + ';expires=' + expires + ';path=/;SameSite=Lax' 9458+ (location.protocol === 'https:' ? ';Secure' : ''); 9459} 9460// Deleting a cookie means re-setting it with an expiry in the past, on the same domain 9461// and path it was written with. GA4 writes on the registrable domain with a leading dot, 9462// so the bare host alone is not enough â we walk up the host, trying each suffix. 9463function erase(name) { 9464var parts = location.hostname.split('.'); 9465var paths = ['/', location.pathname]; 9466for (var i = 0; i < parts.length - 1; i++) { 9467var domain = parts.slice(i).join('.'); 9468for (var p = 0; p < paths.length; p++) { 9469document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=' + paths[p] + ';domain=' + domain; 9470document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=' + paths[p] + ';domain=.' + domain; 9471} 9472} 9473document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/'; 9474} 9475// Anything the visitor did NOT just accept gets cleared, which is what makes consent 9476// revocable rather than merely re-askable. Refusing analytics after having accepted it 9477// has to remove the identifier Google already put on the device, or "reject" would only 9478// mean "stop adding to the profile you already have". 9479function apply(accepted) { 9480Object.keys(CONSENT.clear).forEach(function (slug) { 9481if (accepted.indexOf(slug) !== -1) { 9482return; 9483} 9484CONSENT.clear[slug].forEach(erase); 9485}); 9486write(CONSENT.cookie, 'v' + CONSENT.version + ':' + accepted.join(','), CONSENT.days); 9487// A full reload, not a wire:navigate. The tags live in Livewire asset blocks that 9488// are evaluated once per real page load, so the server has to render the page again 9489// for the decision to take effect in either direction. 9490// 9491// (Spelling that directive out in full here would be a bug, not a typo: this is a 9492// JavaScript comment inside a Blade template, so Blade compiles the directive even 9493// though JavaScript treats the line as a comment, and it would open an output 9494// buffer that nothing ever closes.) 9495window.location.reload(); 9496} 9497function checked() { 9498return Array.prototype.slice 9499.call(document.querySelectorAll('[data-consent-category]')) 9500.filter(function (input) { return input.checked; }) 9501.map(function (input) { return input.getAttribute('data-consent-category'); }); 9502} 9503document.addEventListener('click', function (event) { 9504var trigger = event.target.closest('[data-consent-action]'); 9505if (! trigger) { 9506return; 9507} 9508event.preventDefault(); 9509var action = trigger.getAttribute('data-consent-action'); 9510if (action === 'accept') { 9511return apply(Object.keys(CONSENT.clear)); 9512} 9513if (action === 'reject') { 9514return apply([]); 9515} 9516if (action === 'save') { 9517return apply(checked()); 9518} 9519// "settings" â from the footer. Re-open the banner rather than sending the visitor 9520// to another page; their current answer is already ticked into the checkboxes. 9521if (action === 'settings') { 9522var banner = document.getElementById('cookie-consent'); 9523if (banner) { 9524banner.hidden = false; 9525banner.classList.remove('hidden'); 9526var details = banner.querySelector('details'); 9527if (details) { 9528details.open = true; 9529} 9530banner.scrollIntoView({ block: 'end' }); 9531banner.querySelector('[data-consent-action]').focus(); 9532} 9533} 9534}); 9535})(); 9536</script>
9536 9537</body> 9538</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.