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="e8sShMPuYX0Bfudk6vO3CB2GkRHgzpaj26XkMPow"> 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<meta name="description" content="The colleges of the University of Cape Coast â what each one covers and the faculties, schools and departments that sit within it."> 12<link rel="canonical" href="https://academics.ucc.edu.gh/colleges"> 13<meta property="og:title" content="Colleges"> 14<meta property="og:description" content="The colleges of the University of Cape Coast â what each one covers and the faculties, schools and departments that sit within it."> 15<meta property="og:type" content="website"> 16<meta property="og:url" content="https://academics.ucc.edu.gh/colleges"> 17<meta property="og:site_name" content="University of Cape Coast"> 18<meta property="og:locale" content="en"> 19<meta property="og:image" content="https://academics.ucc.edu.gh/img/og/ucc-default.png"> 20<meta property="og:image:alt" content="University of Cape Coast"> 21<meta property="og:image:width" content="1200"> 22<meta property="og:image:height" content="630"> 23<meta name="twitter:card" content="summary_large_image"> 24<meta name="twitter:title" content="Colleges"> 25<meta name="twitter:description" content="The colleges of the University of Cape Coast â what each one covers and the faculties, schools and departments that sit within it."> 26<meta name="twitter:image" content="https://academics.ucc.edu.gh/img/og/ucc-default.png"> 27<meta name="twitter:image:alt" content="University of Cape Coast"> 28<title>Colleges | University of Cape Coast</title>
29<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://academics.ucc.edu.gh#organization","name":"Academic Affairs","url":"https://academics.ucc.edu.gh","description":"Academic affairs at the University of Cape Coast â colleges, faculties and departments, the academic calendar, and the institutions affiliated to the...","logo":{"@type":"ImageObject","url":"https://academics.ucc.edu.gh/img/logo.png"},"parentOrganization":{"@type":"EducationalOrganization","name":"University of Cape Coast","url":"https://ucc.edu.gh"},"address":{"@type":"PostalAddress","addressLocality":"Cape Coast","addressRegion":"Central Region","addressCountry":"GH"}},{"@type":"WebSite","@id":"https://academics.ucc.edu.gh#website","name":"Academic Affairs","url":"https://academics.ucc.edu.gh","inLanguage":"en","publisher":{"@id":"https://academics.ucc.edu.gh#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://ucc.edu.gh/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}</script>
29 30<link rel="preload" as="image" 31imagesrcset="https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white-2x.webp 530w, 32https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.webp 1352w" 33imagesizes="(min-width: 768px) 265px, 165px" 34type="image/webp" 35fetchpriority="high"> 36<link rel="preload" as="font" type="font/woff2" 37href="https://academics.ucc.edu.gh/fonts/montserrat/montserrat-normal-latin.woff2" crossorigin> 38<style> 39[x-cloak] { 40display: none !important; 41} 42/* Flux's <ui-toast> host is display:inline, so it generates a stray ~24px line box 43at the end of <body> â visible as white space below the footer. It shows toasts via 44the popover top layer, so collapsing its box has no effect on functionality. */ 45ui-toast { 46display: contents; 47} 48</style> 49<!-- 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> 50<style> 51:root.dark { 52color-scheme: dark; 53} 54</style>
55<script> 56window.Flux = { 57applyAppearance (appearance) { 58let applyDark = () => document.documentElement.classList.add('dark') 59let applyLight = () => document.documentElement.classList.remove('dark') 60if (appearance === 'system') { 61let media = window.matchMedia('(prefers-color-scheme: dark)') 62window.localStorage.removeItem('flux.appearance') 63media.matches ? applyDark() : applyLight() 64} else if (appearance === 'dark') { 65window.localStorage.setItem('flux.appearance', 'dark') 66applyDark() 67} else if (appearance === 'light') { 68window.localStorage.setItem('flux.appearance', 'light') 69applyLight() 70} 71} 72} 73window.Flux.applyAppearance(window.localStorage.getItem('flux.appearance') || 'system') 74</script>
74 75<link rel="preload" as="style" href="https://academics.ucc.edu.gh/build/assets/app-MmoXiAMP.css" /><link rel="modulepreload" as="script" href="https://academics.ucc.edu.gh/build/assets/app-IRB8AinI.js" /><link rel="stylesheet" href="https://academics.ucc.edu.gh/build/assets/app-MmoXiAMP.css" data-navigate-track="reload" />
75<script type="module" src="https://academics.ucc.edu.gh/build/assets/app-IRB8AinI.js" data-navigate-track="reload"></script>
75 </head> 76<body x-data="webLayout()" 77x-init="init()" 78@keydown.meta.k.prevent.document="toggleSearchActivity()" 79@keydown.ctrl.k.prevent.document="toggleSearchActivity()" 80@keydown.meta.m.prevent.document="toggleMegaMenuActivity()" 81@keydown.ctrl.m.prevent.document="toggleMegaMenuActivity()" 82:class="{'overflow-hidden': openActivity}" 83class="antialiased" 84> 85<a href="#main-content" 86class="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" 87aria-label="Skip to main content"> 88Skip to main content 89</a> 90<div x-ref="menuWrapper"> 91<header wire:key="lw-2734668480-0-5" 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":"academics","seasonalTab":["academics",{"class":"App\\Enums\\MenuType","s":"enm"}],"analyticsBeaconEnabled":true},"memo":{"id":"6bhL7gYzEvVlSrEg5H7B","name":"menu.mega-menu","path":"colleges","method":"GET","release":"a-a-a","children":{"lw-1108858133-0-6":["div","WhR82n7jGbzgMHD4k2qZ"]},"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"8856184f023090ecde2b9f2d86fd074961833986bb65b2ef0097fb3c1c374319"}" wire:effects="{"partials":[]}" wire:id="6bhL7gYzEvVlSrEg5H7B" wire:name="menu.mega-menu" 92class="inset-x-0 justify-between z-50 text-white dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300" 93:class="headerFixed ? 'top-0 fixed z-[60]': ''" 94role="banner" 95aria-label="Site header" 96> 97<noscript> 98<nav class="bg-blue-900 text-white px-5 py-3" aria-label="Main navigation"> 99<ul class="flex flex-wrap gap-x-8 gap-y-3 list-none m-0 p-0"> 100<!--[if BLOCK]><![endif]--> <li> 101<strong class="block text-white text-sm font-semibold mb-1">Academics</strong> 102<ul class="list-none p-0 m-0 space-y-1"> 103<!--[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> 104<li><a href="https://admissions.ucc.edu.gh/catalogue" class="text-blue-200 text-xs hover:text-white hover:underline">Programmes & Learning</a></li> 105<li><a href="https://academics.ucc.edu.gh/colleges" class="text-blue-200 text-xs hover:text-white hover:underline">Academic Structure</a></li> 106<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> 107<li><a href="https://library.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Library</a></li> 108<!--[if ENDBLOCK]><![endif]--> </ul> 109</li> 110<li> 111<strong class="block text-white text-sm font-semibold mb-1">Admissions</strong> 112<ul class="list-none p-0 m-0 space-y-1"> 113<!--[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> 114<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> 115<li><a href="https://admissions.ucc.edu.gh/catalogue" class="text-blue-200 text-xs hover:text-white hover:underline">Browse Programmes</a></li> 116<li><a href="https://ucc.edu.gh/announcements?type=admission" class="text-blue-200 text-xs hover:text-white hover:underline">Announcements</a></li> 117<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> 118<!--[if ENDBLOCK]><![endif]--> </ul> 119</li> 120<li> 121<strong class="block text-white text-sm font-semibold mb-1">Explore UCC</strong> 122<ul class="list-none p-0 m-0 space-y-1"> 123<!--[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> 124<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> 125<li><a href="https://ucc.edu.gh/main/publications" class="text-blue-200 text-xs hover:text-white hover:underline">Official Documents</a></li> 126<!--[if ENDBLOCK]><![endif]--> </ul> 127</li> 128<li> 129<strong class="block text-white text-sm font-semibold mb-1">Governance</strong> 130<ul class="list-none p-0 m-0 space-y-1"> 131<!--[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> 132<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> 133<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> 134<li><a href="https://governance.ucc.edu.gh/deans" class="text-blue-200 text-xs hover:text-white hover:underline">Academic Leadership</a></li> 135<li><a href="https://directory.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Staff Directory</a></li> 136<!--[if ENDBLOCK]><![endif]--> </ul> 137</li> 138<li> 139<strong class="block text-white text-sm font-semibold mb-1">Campus</strong> 140<ul class="list-none p-0 m-0 space-y-1"> 141<!--[if BLOCK]><![endif]--> <li>
141<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> 142<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> 143<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> 144<!--[if ENDBLOCK]><![endif]--> </ul> 145</li> 146<li> 147<strong class="block text-white text-sm font-semibold mb-1">Research</strong> 148<ul class="list-none p-0 m-0 space-y-1"> 149<!--[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> 150<li><a href="https://journal.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Publications & Conferences</a></li> 151<li><a href="https://dric.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Research Support</a></li> 152<!--[if ENDBLOCK]><![endif]--> </ul> 153</li> 154<li> 155<strong class="block text-white text-sm font-semibold mb-1">News & Media</strong> 156<ul class="list-none p-0 m-0 space-y-1"> 157<!--[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> 158<li><a href="https://news.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Trending</a></li> 159<li><a href="https://news.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">News</a></li> 160<li><a href="https://events.ucc.edu.gh" class="text-blue-200 text-xs hover:text-white hover:underline">Events</a></li> 161<li><a href="https://ucc.edu.gh/media/videos" class="text-blue-200 text-xs hover:text-white hover:underline">Videos</a></li> 162<!--[if ENDBLOCK]><![endif]--> </ul> 163</li> 164<!--[if ENDBLOCK]><![endif]--> </ul> 165</nav> 166</noscript> 167<nav class="flex items-stretch justify-between w-full bg-blue-900 dark:bg-neutral-900" x-show="!megaMenu" role="navigation" 168aria-label="Main navigation" :inert="megaMenu" 169:aria-hidden="megaMenu.toString()" data-menu-surface> 170<div class="flex lg:flex-1 ps-3 sm:ps-20 my-auto"> 171<a href="https://ucc.edu.gh" class="p-1.5 flex items-center" aria-label="University of Cape Coast - Go to homepage"> 172<!--[if BLOCK]><![endif]--> 173<picture> 174<source type="image/webp" 175srcset="https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white-2x.webp 530w, https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.webp 1352w" 176sizes="(min-width: 768px) 265px, 165px" > 177<img 178src="https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.png" 179alt="University of Cape Coast" 180width="1352" 181height="286" 182style="aspect-ratio: 1352/286" 183fetchpriority="high" 184loading="eager" 185class="h-10 md:h-16 w-auto" 186> 187</picture> 188<!--[if ENDBLOCK]><![endif]--> 189<span class="sr-only">University of Cape Coast</span> 190</a> 191</div> 192<div class="self-stretch flex items-center px-2 sm:px-4"> 193<button x-data 194@click="$flux.appearance = $flux.appearance === 'light' ? 'dark' : $flux.appearance === 'dark' ? 'system' : 'light'" 195aria-label="Toggle colour theme" 196:aria-label="$flux.appearance === 'light' ? 'Switch to dark mode' : $flux.appearance === 'dark' ? 'Switch to system mode' : 'Switch to light mode'" 197class="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" 198:title="'Current theme: ' + $flux.appearance + ' (click to cycle)'"> 199<div class="items-center flex"> 200<!-- Sun Icon (Light Mode) --> 201<svg x-cloak x-show="$flux.appearance === 'light'" 202xmlns="http://www.w3.org/2000/svg" 203fill="none" 204viewBox="0 0 24 24" 205stroke-width="1.5" 206stroke="currentColor" 207class="w-5 h-5 text-white" 208aria-hidden="true"> 209<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" /> 210</svg> 211<!-- Moon Icon (Dark Mode) --> 212<svg x-cloak x-show="$flux.appearance === 'dark'" 213xmlns="http://www.w3.org/2000/svg" 214fill="none" 215viewBox="0 0 24 24" 216stroke-width="1.5" 217stroke="currentColor" 218class="w-5 h-5 text-white" 219aria-hidden="true"> 220<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" /> 221</svg> 222<!-- Computer Desktop Icon (System Mode) --> 223<svg x-cloak x-show="$flux.appearance === 'system'" 224xmlns="http://www.w3.org/2000/svg" 225fill="none" 226viewBox="0 0 24 24" 227stroke-width="1.5" 228stroke="currentColor" 229class="w-5 h-5 text-white" 230aria-hidden="true"> 231<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" /> 232</svg> 233</div> 234</button> 235</div> 236<div 237class="bg-blue-50 self-stretch flex items-center justify-between dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-300" 238role="toolbar" 239aria-label="Navigation toolbar"> 240<button @click="toggleSearchActivity()" 241aria-label="Open search" 242:aria-expanded="searchMenu.toString()" 243aria-controls="search-panel"
244class="self-stretch z-[60] flex justify-center ps-8 pe-8 lg:pe-16 items-center max-md:px-5 dark:text-neutral-300"> 245<div class="items-center flex gap-4 lg:my-auto px-2 lg:px-5 py-2 lg:py-5"> 246<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"> 247<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" /> 248</svg> 249<div 250class="hidden sm:flex text-blue-900 dark:text-neutral-300 sm:text-base font-semibold self-center"> 251Search 252</div> 253<span 254x-data="{ mac: navigator.userAgent.includes('Mac') }" 255class="hidden lg:inline-flex items-center gap-1 select-none" 256> 257<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> 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">K</kbd> 259</span> 260</div> 261</button> 262<button @click="toggleMegaMenuActivity($event)" 263aria-label="Open navigation menu" 264:aria-expanded="megaMenu.toString()" 265aria-controls="mega-menu-panel" 266aria-haspopup="dialog" 267x-ref="menuToggle" 268class="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"> 269<div class="items-center flex gap-4 lg:my-auto px-2 lg:px-5 py-2 lg:py-5"> 270<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"> 271<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> 272</svg> 273<div class="hidden sm:flex text-white sm:text-base font-semibold self-center"> 274Menu 275</div> 276<span 277x-data="{ mac: navigator.userAgent.includes('Mac') }" 278class="hidden lg:inline-flex items-center gap-1 select-none" 279> 280<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> 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">M</kbd> 282</span> 283</div> 284</button> 285</div> 286</nav> 287<div id="breadcrumbs-container"> 288</div> 289<div wire:key="lw-1108858133-0-6" wire:snapshot="{"data":{"searchTerm":null,"contextScope":null},"memo":{"id":"WhR82n7jGbzgMHD4k2qZ","name":"modal.search","path":"colleges","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"en","islands":[]},"checksum":"e55642afdf4e0cd5eb48f10a4c751f4a2aad73e1fca71c2c298bce58ba377295"}" wire:effects="{"partials":[]}" wire:id="WhR82n7jGbzgMHD4k2qZ" wire:name="modal.search" x-intersect="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dLCJmb3JDb21wb25lbnQiOiJtb2RhbC5zZWFyY2gifSwibWVtbyI6eyJpZCI6IkdJMHdWbHg5Z2JiM25RdlJESkJpIiwibmFtZSI6Il9fbW91bnRQYXJhbXNDb250YWluZXIiLCJwYXRoIjoiY29sbGVnZXMiLCJtZXRob2QiOiJHRVQiLCJyZWxlYXNlIjoiYS1hLWEifSwiY2hlY2tzdW0iOiJmMTRiYjU3N2Q0ZWMwNGY0MzEzMjRhMzJlNDA3NmE1YWE1ZmJhZDQ2OTg2MGY4MjAwM2Y1MmU3ZjFkM2I5YjVkIn0=')" 290x-show="searchMenu" 291x-cloak 292role="status" 293aria-live="polite" 294aria-label="Loading search" 295class="fixed inset-0 z-[70] flex items-center justify-center bg-white dark:bg-neutral-900 motion-reduce:transition-none" 296> 297<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"> 298<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/> 299<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12h4z"/> 300</svg> 301<span class="sr-only">Loading searchâ¦</span> 302</div>
303<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
303nces":[]},{"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":[]}
303,{"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":[]}
303,{"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
303nces":[]},{"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
303nces":[]},{"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
303nces":[]},{"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>
303 304<div id="mega-menu-panel" 305data-menu-surface 306class="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%]" 307x-show="megaMenu && isDesktop" 308x-trap="megaMenu && isDesktop" 309@keyup.escape.window="escapeCloseMenu()" 310@keydown.window="(typeof handleMenuKeyDown === 'function') && handleMenuKeyDown($event)" 311x-transition:enter="transition ease-[cubic-bezier(0.4,0,0.2,1)] duration-[350ms]" 312x-transition:enter-start="opacity-0 -translate-y-3" 313x-transition:enter-end="opacity-100 translate-y-0" 314x-transition:leave="transition ease-[cubic-bezier(0.4,0,1,1)] duration-200" 315x-transition:leave-start="opacity-100 translate-y-0" 316x-transition:leave-end="opacity-0 -translate-y-2" 317role="dialog" 318aria-modal="true" 319aria-labelledby="mega-menu-heading" 320tabindex="-1" x-ref="megaMenuPanel" 321data-auto-tab="academics" 322x-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(); } }); } })" 323x-cloak> 324<div class="absolute inset-y-0 start-0 w-[var(--menu-tab-w)] bg-blue-800 dark:bg-neutral-900" 325aria-hidden="true"></div> 326<p id="mega-menu-heading" class="sr-only">Site navigation menu</p> 327<div 328class="hidden" 329aria-hidden="true" 330x-init=" 331$watch('megaMenu', (open) => { 332if (open) { 333window._menuClickFired = false; 334window._menuSearchLogged = {}; 335window._menuBeaconSession = (typeof crypto !== 'undefined' && crypto.randomUUID) ? crypto.randomUUID() : Math.random().toString(36).slice(2); 336typeof window.menuBeacon === 'function' && window.menuBeacon('open', { page_path: window.location.pathname }); 337} else { 338if (!window._menuClickFired) { 339typeof window.menuBeacon === 'function' && window.menuBeacon('abandon', { menu_type: openSubMenu }); 340} 341window._menuBeaconSession = null; 342} 343}) 344" 345></div> 346<!--[if BLOCK]><![endif]--> <template x-if="megaMenu"> 347<div 348x-data="{ 349...menuFilterKeyboard(), 350menuSearch: '', 351selectedAudience: (()=>{ 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]); } })(), 352audienceLabels: 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}'), 353recentItems: [], 354_loadRecent() { 355this.recentItems = this.getCookie('menuRecent') || []; 356}, 357trackVisit(title, url) { 358const item = { title, url }; 359this.recentItems = [item, ...this.recentItems.filter(r => r.url !== url)].slice(0, 5); 360this.setCookie('menuRecent', this.recentItems); 361}, 362searchItems: (() => { try { return JSON.parse(document.getElementById('mega-menu-search-data')?.textContent || '[]'); } catch (e) { return []; } })(), 363hiddenCount: 0, 364recomputeHidden() { 365this.hiddenCount = this.selectedAudience 366? this.searchItems.filter(i => i.audiences && i.audiences.length > 0 && ! i.audiences.includes(this.selectedAudience)).length 367: 0; 368}, 369clearAudience() { 370this.selectedAudience = ''; 371this.setCookie('menuAudience', ''); 372if (typeof window.menuBeacon === 'function') { window.menuBeacon('audience_clear', {}); } 373}, 374searchResults: [], 375recomputeSearch() { 376const q = this.menuSearch.toLowerCase().trim(); 377if (!q) { this.searchResults = []; return; } 378this.searchResults = this.searchItems.filter(i => 379(i.title.toLowerCase().includes(q) || i.desc.toLowerCase().includes(q)) && 380(!this.selectedAudience || !i.audiences || i.audiences.length === 0 || i.audiences.includes(this.selectedAudience)) 381); 382}, 383init() { 384this._loadRecent(); 385this.recomputeSearch(); 386this.recomputeHidden(); 387this.$watch('menuSearch', () => { this.recomputeSearch(); this.resetActive(); this.scheduleEscalation(); }); 388this.$watch('selectedAudience', () => { this.recomputeSearch(); this.recomputeHidden(); this.resetActive(); }); 389}, 390getCookie(name) { 391const m = document.cookie.match('(?:^|; )' + name + '=([^;]*)'); 392try { return m ? JSON.parse(decodeURIComponent(m[1])) : null; } catch(e) { return null; } 393}, 394setCookie(name, value) { 395const exp = new Date(Date.now() + 30 * 864e5).toUTCString(); 396const d = '.ucc.edu.gh'; 397document.cookie = name + '=' + encodeURIComponent(JSON.stringify(value)) + '; expires=' + exp + '; path=/; SameSite=Lax' + (d ? '; domain=' + d : ''); 398}, 399logMenuSearch() { 400const term = this.menuSearch.trim(); 401if (term.length < 2) return; 402const key = term.toLowerCase(); 403window._menuSearchLogged = window._menuSearchLogged || {}; 404if (window._menuSearchLogged[key]) return; 405window._menuSearchLogged[key] = true; 406const items = this.searchResults; 407const counts = items.reduce((acc, i) => { acc[i.tabKey] = (acc[i.tabKey] || 0) + 1; return acc; }, {}); 408fetch('https://academics.ucc.edu.gh/api/menu/search-log', { 409method: 'POST', 410headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, 411body: JSON.stringify({ term, counts }), 412keepalive: true, 413}).catch(() => {}); 414} 415}" 416class="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">
417<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"> 418<a href="https://ucc.edu.gh" class="p-1.5 flex items-center" aria-label="University of Cape Coast - Go to homepage"> 419<!--[if BLOCK]><![endif]--> 420<picture> 421<source type="image/webp" 422srcset="https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white-2x.webp 530w, https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.webp 1352w" 423sizes="(min-width: 768px) 265px, 165px" > 424<img 425src="https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.png" 426alt="University of Cape Coast" 427width="1352" 428height="286" 429style="aspect-ratio: 1352/286" 430fetchpriority="high" 431loading="eager" 432class="h-10 md:h-16 w-auto" 433> 434</picture> 435<!--[if ENDBLOCK]><![endif]--> 436<span class="sr-only">University of Cape Coast</span> 437</a> 438<button 439class="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" 440@click="escapeCloseMenu()" 441aria-label="Close menu"> 442<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"> 443<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" /> 444</svg> 445<div class="text-white text-base font-semibold self-center my-auto"> 446Close 447</div> 448</button> 449</div> 450<div class="w-full shrink-0 bg-blue-800 dark:bg-neutral-900 border-y border-white/25"> 451<div class="flex items-center px-20"> 452<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"> 453Jump to 454</span> 455<div class="relative flex-1"> 456<div class="pointer-events-none absolute inset-y-0 start-0 flex items-center ps-1" aria-hidden="true"> 457<svg class="w-4 h-4 text-white/50" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 458<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"/> 459</svg> 460</div> 461<input 462x-model.debounce.150ms="menuSearch" 463x-ref="globalMenuSearch" 464type="text" 465placeholder="Jump to a menu itemâ¦" 466autocomplete="off" 467aria-label="Jump to a menu item. This filters the menu, not the whole site." 468role="combobox" 469aria-controls="menu-results-desktop" 470aria-autocomplete="list" 471:aria-expanded="searchResults.length > 0 ? 'true' : 'false'" 472:aria-activedescendant="activeDescendant()" 473@keydown.arrow-down.prevent="moveActive(1)" 474@keydown.arrow-up.prevent="moveActive(-1)" 475@keydown.enter.prevent="submitMenuSearch()" 476class="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" 477/> 478<button 479x-show="menuSearch.trim()" 480@click="menuSearch = ''" 481type="button" 482aria-label="Clear search" 483class="absolute inset-y-0 end-0 flex items-center justify-center min-w-[44px] min-h-[44px] text-white/60 hover:text-white transition" 484> 485<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 486<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> 487</svg> 488</button> 489</div> 490<!--[if BLOCK]><![endif]--> 491<div class="relative shrink-0 ms-3 border-s border-white/30 ps-5" 492x-show="!menuSearch.trim()" 493x-transition:enter="transition ease-out duration-150" 494x-transition:enter-start="opacity-0" 495x-transition:enter-end="opacity-100" 496x-transition:leave="transition ease-in duration-100" 497x-transition:leave-start="opacity-100" 498x-transition:leave-end="opacity-0" 499@click.outside="closeList(false)" 500x-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]') })" 501> 502<button 503type="button" 504id="menu-audience-desktop-button" 505x-ref="audienceButton"
506aria-controls="menu-audience-desktop-listbox" 507aria-haspopup="listbox" 508@click="toggleList()" 509@keydown.enter.stop.prevent="toggleList()" 510@keydown.space.stop.prevent="toggleList()" 511@keydown.arrow-down.stop.prevent="openList()" 512@keydown.arrow-up.stop.prevent="openList()" 513@keydown.escape.stop.prevent="closeList()" 514:aria-expanded="audienceOpen.toString()" 515:aria-label="'I am ' + (selectedAudience ? audienceLabels[selectedAudience] : 'Everyone')" 516class="flex items-center gap-2 py-3.5 min-h-[44px] text-sm transition group cursor-pointer select-none" 517:class="selectedAudience ? 'text-white' : 'text-white/65 hover:text-white'" 518> 519<svg class="w-4 h-4 shrink-0 opacity-80" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 520<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"/> 521</svg> 522<span class="text-white/55 text-xs font-medium shrink-0 group-hover:text-white/75 transition">I am</span> 523<span class="inline-grid font-semibold whitespace-nowrap select-none pointer-events-none" aria-hidden="true"> 524<span class="invisible [grid-area:1/1]">Everyone</span> 525<!--[if BLOCK]><![endif]--> <span class="invisible [grid-area:1/1]">Prospective Student</span> 526<span class="invisible [grid-area:1/1]">Current Student</span> 527<span class="invisible [grid-area:1/1]">Staff</span> 528<span class="invisible [grid-area:1/1]">Researcher</span> 529<span class="invisible [grid-area:1/1]">Visitor</span> 530<span class="invisible [grid-area:1/1]">Alumni</span> 531<span class="invisible [grid-area:1/1]">Parent</span> 532<!--[if ENDBLOCK]><![endif]--> <span class="[grid-area:1/1] flex items-center" x-text="selectedAudience ? audienceLabels[selectedAudience] : 'Everyone'"></span> 533</span> 534<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"> 535<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/> 536</svg> 537</button> 538<div 539x-show="audienceOpen" 540x-transition:enter="transition ease-out duration-150" 541x-transition:enter-start="opacity-0 -translate-y-1" 542x-transition:enter-end="opacity-100 translate-y-0" 543x-transition:leave="transition ease-in duration-100" 544x-transition:leave-start="opacity-100" 545x-transition:leave-end="opacity-0" 546id="menu-audience-desktop-listbox" 547x-ref="audienceList" 548role="listbox" 549tabindex="-1" 550aria-label="Filter by audience" 551:aria-activedescendant="audienceOpen ? activeOptionId : null" 552@keydown.arrow-down.stop.prevent="moveActive(1)" 553@keydown.arrow-up.stop.prevent="moveActive(-1)" 554@keydown.home.stop.prevent="firstActive()" 555@keydown.end.stop.prevent="lastActive()" 556@keydown.enter.stop.prevent="selectActive()" 557@keydown.space.stop.prevent="selectActive()" 558@keydown.escape.stop.prevent="closeList()" 559@keydown.tab="closeList(false)" 560class="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" 561> 562<!--[if BLOCK]><![endif]--> <div 563id="menu-audience-desktop-option-0" 564role="option" 565:aria-selected="(selectedAudience === '').toString()" 566@click="selectIndex(0)" 567@mousemove="activeIndex = 0" 568class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 569:class="{ 570'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === '', 571'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== '', 572'bg-white/10 dark:bg-white/10 text-white': activeIndex === 0, 573}" 574> 575Everyone 576</div> 577<div 578id="menu-audience-desktop-option-1" 579role="option" 580:aria-selected="(selectedAudience === 'prospective_student').toString()" 581@click="selectIndex(1)" 582@mousemove="activeIndex = 1" 583class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 584:class="{ 585'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'prospective_student', 586'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'prospective_student', 587'bg-white/10 dark:bg-white/10 text-white': activeIndex === 1, 588}" 589> 590Prospective Student 591</div> 592<div 593id="menu-audience-desktop-option-2" 594role="option" 595:aria-selected="(selectedAudience === 'current_student').toString()" 596@click="selectIndex(2)" 597@mousemove="activeIndex = 2" 598class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 599:class="{ 600'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'current_student', 601'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'current_student', 602'bg-white/10 dark:bg-white/10 text-white': activeIndex === 2, 603}" 604> 605Current Student 606</div> 607<div 608id="menu-audience-desktop-option-3" 609role="option" 610:aria-selected="(selectedAudience === 'staff').toString()" 611@click="selectIndex(3)" 612@mousemove="activeIndex = 3" 613class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 614:class="{ 615'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'staff', 616'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'staff', 617'bg-white/10 dark:bg-white/10 text-white': activeIndex === 3, 618}" 619> 620Staff 621</div> 622<div 623id="menu-audience-desktop-option-4" 624role="option" 625:aria-selected="(selectedAudience === 'researcher').toString()" 626@click="selectIndex(4)" 627@mousemove="activeIndex = 4" 628class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 629:class="{ 630'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'researcher', 631'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'researcher', 632'bg-white/10 dark:bg-white/10 text-white': activeIndex === 4, 633}" 634> 635Researcher 636</div> 637<div 638id="menu-audience-desktop-option-5" 639role="option" 640:aria-selected="(selectedAudience === 'visitor').toString()"
641@click="selectIndex(5)" 642@mousemove="activeIndex = 5" 643class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 644:class="{ 645'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'visitor', 646'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'visitor', 647'bg-white/10 dark:bg-white/10 text-white': activeIndex === 5, 648}" 649> 650Visitor 651</div> 652<div 653id="menu-audience-desktop-option-6" 654role="option" 655:aria-selected="(selectedAudience === 'alumni').toString()" 656@click="selectIndex(6)" 657@mousemove="activeIndex = 6" 658class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 659:class="{ 660'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'alumni', 661'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'alumni', 662'bg-white/10 dark:bg-white/10 text-white': activeIndex === 6, 663}" 664> 665Alumni 666</div> 667<div 668id="menu-audience-desktop-option-7" 669role="option" 670:aria-selected="(selectedAudience === 'parent').toString()" 671@click="selectIndex(7)" 672@mousemove="activeIndex = 7" 673class="w-full text-start px-4 py-2 text-sm transition whitespace-nowrap cursor-pointer" 674:class="{ 675'text-white font-semibold bg-white/10 dark:bg-white/10': selectedAudience === 'parent', 676'text-blue-200 dark:text-neutral-300 hover:bg-white/5 hover:text-white': selectedAudience !== 'parent', 677'bg-white/10 dark:bg-white/10 text-white': activeIndex === 7, 678}" 679> 680Parent 681</div> 682<!--[if ENDBLOCK]><![endif]--> </div> 683</div> 684<div x-cloak 685x-show="selectedAudience && !menuSearch.trim()" 686role="status" 687class="shrink-0 ms-4 flex items-center gap-2 text-xs"> 688<span class="text-white/70 shrink-0">Viewing as:</span> 689<span class="inline-flex items-center gap-1 rounded-full bg-white/15 ps-3 pe-0.5 font-semibold text-white"> 690<span x-text="audienceLabels[selectedAudience] || selectedAudience"></span> 691<button 692type="button" 693data-persona-clear 694@click="clearAudience()" 695aria-label="Show everything â clear this audience filter" 696class="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" 697> 698<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 699<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"/> 700</svg> 701</button> 702</span> 703<span class="text-white/70 shrink-0" 704x-show="hiddenCount > 0" 705x-text="'(%d hidden)'.replace('%d', hiddenCount)"></span> 706</div> 707<!--[if ENDBLOCK]><![endif]--> </div> 708</div> 709<div 710class="self-center w-full max-md:max-w-full flex-1 min-h-0 flex max-md:flex-col" 711x-show="!menuSearch.trim()"> 712<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"> 713<div 714x-ref="tablist" 715class="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" 716role="tablist" aria-orientation="vertical" 717@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();})()" 718@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();})()" 719@keydown.home.prevent="(()=>{const t=Array.from($refs.tablist.querySelectorAll('[role=tab]'));t[0]?.focus();})()" 720@keydown.end.prevent="(()=>{const t=Array.from($refs.tablist.querySelectorAll('[role=tab]'));t[t.length-1]?.focus();})()" 721> 722<!--[if BLOCK]><![endif]--> <button @click.prevent="openSubMenu='academics'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'academics', tab_label: 'Academics' })" 723@focus="openSubMenu='academics'" 724id="tab-academics" 725role="tab" 726:tabindex="openSubMenu == 'academics' ? 0 : -1" 727data-attribute="academics" 728data-menu-item 729data-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"]" 730:aria-selected="(openSubMenu == 'academics').toString()" 731aria-controls="submenu-academics" 732class="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" 733:class="openSubMenu == 'academics' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 734<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"> 735<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"/> 736</svg>
736 <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" 737:class="openSubMenu == 'academics' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 738Academics 739<!--[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"> 740Now 741</span> 742<!--[if ENDBLOCK]><![endif]--> </span> 743</button> 744<button @click.prevent="openSubMenu='admissions'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'admissions', tab_label: 'Admissions' })" 745@focus="openSubMenu='admissions'" 746id="tab-admissions" 747role="tab" 748:tabindex="openSubMenu == 'admissions' ? 0 : -1" 749data-attribute="admissions" 750data-menu-item 751data-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"]" 752:aria-selected="(openSubMenu == 'admissions').toString()" 753aria-controls="submenu-admissions" 754class="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" 755:class="openSubMenu == 'admissions' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 756<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"> 757<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"/> 758</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" 759:class="openSubMenu == 'admissions' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 760Admissions 761<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 762</button> 763<button @click.prevent="openSubMenu='exploreUcc'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'exploreUcc', tab_label: 'Explore UCC' })" 764@focus="openSubMenu='exploreUcc'" 765id="tab-exploreUcc" 766role="tab" 767:tabindex="openSubMenu == 'exploreUcc' ? 0 : -1" 768data-attribute="exploreUcc" 769data-menu-item 770data-prefetch-urls="["https:\/\/ucc.edu.gh\/main\/explore-ucc\/corporate-strategic-plan","https:\/\/ucc.edu.gh\/main\/about","https:\/\/ucc.edu.gh\/main\/publications"]" 771:aria-selected="(openSubMenu == 'exploreUcc').toString()" 772aria-controls="submenu-exploreUcc" 773class="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" 774:class="openSubMenu == 'exploreUcc' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 775<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"> 776<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/> 777<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"/> 778</svg>
778 <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" 779:class="openSubMenu == 'exploreUcc' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 780Explore UCC 781<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 782</button> 783<button @click.prevent="openSubMenu='governance'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'governance', tab_label: 'Governance' })" 784@focus="openSubMenu='governance'" 785id="tab-governance" 786role="tab" 787:tabindex="openSubMenu == 'governance' ? 0 : -1" 788data-attribute="governance" 789data-menu-item 790data-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"]" 791:aria-selected="(openSubMenu == 'governance').toString()" 792aria-controls="submenu-governance" 793class="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" 794:class="openSubMenu == 'governance' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 795<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"> 796<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"/> 797</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" 798:class="openSubMenu == 'governance' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 799Governance 800<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 801</button> 802<button @click.prevent="openSubMenu='campus'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'campus', tab_label: 'Campus' })" 803@focus="openSubMenu='campus'" 804id="tab-campus" 805role="tab" 806:tabindex="openSubMenu == 'campus' ? 0 : -1" 807data-attribute="campus" 808data-menu-item 809data-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"]" 810:aria-selected="(openSubMenu == 'campus').toString()" 811aria-controls="submenu-campus" 812class="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" 813:class="openSubMenu == 'campus' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 814<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"> 815<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"/> 816</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" 817:class="openSubMenu == 'campus' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 818Campus 819<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 820</button> 821<button @click.prevent="openSubMenu='research'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'research', tab_label: 'Re
821search' })" 822@focus="openSubMenu='research'" 823id="tab-research" 824role="tab" 825:tabindex="openSubMenu == 'research' ? 0 : -1" 826data-attribute="research" 827data-menu-item 828data-prefetch-urls="["https:\/\/scholar.ucc.edu.gh","https:\/\/journal.ucc.edu.gh","https:\/\/dric.ucc.edu.gh"]" 829:aria-selected="(openSubMenu == 'research').toString()" 830aria-controls="submenu-research" 831class="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" 832:class="openSubMenu == 'research' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 833<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"> 834<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"/> 835</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" 836:class="openSubMenu == 'research' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 837Research 838<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 839</button> 840<button @click.prevent="openSubMenu='newsMedia'; typeof window.menuBeacon === 'function' && window.menuBeacon('tab_switch', { menu_type: 'newsMedia', tab_label: 'News \u0026 Media' })" 841@focus="openSubMenu='newsMedia'" 842id="tab-newsMedia" 843role="tab" 844:tabindex="openSubMenu == 'newsMedia' ? 0 : -1" 845data-attribute="newsMedia" 846data-menu-item 847data-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"]" 848:aria-selected="(openSubMenu == 'newsMedia').toString()" 849aria-controls="submenu-newsMedia" 850class="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" 851:class="openSubMenu == 'newsMedia' ? 'text-white' : 'text-white hover:text-blue-200 hover:translate-x-1 rtl:hover:-translate-x-1'"> 852<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"> 853<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"/> 854</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" 855:class="openSubMenu == 'newsMedia' ? 'after:w-full after:bg-white' : 'after:bg-blue-200 group-hover:after:w-full group-focus-visible:after:w-full'"> 856News & Media 857<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 858</button> 859<!--[if ENDBLOCK]><![endif]--> </div> 860</div> 861<div class="flex-1 min-w-0 overflow-y-auto [scrollbar-width:none] 862backdrop-blur-sm 863bg-blue-800/95 dark:bg-neutral-800/90 864shadow-[inset_1px_0_0_0_rgba(255,255,255,0.08)]"> 865<div class="flex flex-col items-stretch" 866role="navigation" 867aria-label="Submenu navigation"> 868<!--[if BLOCK]><![endif]--> <div id="submenu-academics" 869class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 870x-show="openSubMenu == 'academics'" 871x-transition:enter="transition ease-out duration-[250ms]"
872x-transition:enter-start="opacity-0 -translate-x-8" 873x-transition:enter-end="opacity-100 translate-x-0" 874x-transition:leave="transition ease-in duration-150" 875x-transition:leave-start="opacity-100" 876x-transition:leave-end="opacity-0 -translate-x-8" 877role="tabpanel" 878tabindex="0" 879aria-labelledby="tab-academics" 880> 881<div class="submenu-content"> 882<div class="px-8 pe-20"> 883<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 884<a href="https://admissions.ucc.edu.gh/catalogue" 885class="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" 886target="_self" 887> 888<!--[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"> 889Featured 890</span> 891<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 892<div class="text-white text-2xl font-bold grow break-words" 893aria-describedby="featured-desc-1" > 894Explore all programmes 895</div> 896<!--[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"> 897<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 898</svg> <!--[if ENDBLOCK]><![endif]--> </div> 899<div id="featured-desc-1" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 900Invest in your future with our extensive range of programmes - Achieve a Degree, Diploma, or Certificate Today! 901</div> 902</a> 903</div> 904<!--[if ENDBLOCK]><![endif]--> 905<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 906<hr class="flex-1 border-white/10" /> 907<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 908<hr class="flex-1 border-white/10" /> 909</div> 910<!--[if ENDBLOCK]><![endif]--> </div> 911<div x-data="menuPreviewRail({ 912curatedId: null, 913curatedTitle: '', 914defaultId: 85, 915defaultTitle: 'Programmes \u0026 Learning' 916})" 917x-effect="if(openSubMenu != 'academics') resetPreview()" 918class="flex gap-0" 919> 920<div class="shrink-0 px-8 pe-6" 921:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 922> 923<ul class="flex flex-col items-start" role="list"> 924<!--[if BLOCK]><![endif]--> <li 925x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 926class="w-full" 927@click.capture=" 928window._menuClickFired = true; 929trackVisit('Programmes \u0026 Learning', 'https:\/\/admissions.ucc.edu.gh\/catalogue'); 930typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 931menu_type: 'academics', 932tab_label: 'Academics', 933sub_menu_id: 85, 934audience: selectedAudience || null, 935search_query: menuSearch.trim() || null 936}) 937" 938> 939<!--[if BLOCK]><![endif]--> 940<button 941type="button" 942@click.prevent="choosePreview(85, 'Programmes \u0026 Learning')" 943:aria-expanded="(slidePanel === 85).toString()" 944aria-controls="slide-panel-85" 945class="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]" 946:class="slidePanel === 85 && ! isDefaultPreview && 'text-white'" 947> 948<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" 949:class="slidePanel === 85 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 950Programmes & Learning 951</span> 952<!--[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"> 953<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 954</svg> 955</button> 956<!--[if ENDBLOCK]><![endif]--> </li> 957<li 958x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 959class="w-full" 960@click.capture=" 961window._menuClickFired = true; 962trackVisit('Academic Structure', 'https:\/\/academics.ucc.edu.gh\/colleges'); 963typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 964menu_type: 'academics', 965tab_label: 'Academics', 966sub_menu_id: 86, 967audience: selectedAudience || null, 968search_query: menuSearch.trim() || null 969}) 970" 971> 972<!--[if BLOCK]><![endif]--> 973<button 974type="button" 975@click.prevent="choosePreview(86, 'Academic Structure')" 976:aria-expanded="(slidePanel === 86).toString()" 977aria-controls="slide-panel-86" 978class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
978ine-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]" 979:class="slidePanel === 86 && ! isDefaultPreview && 'text-white'" 980> 981<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" 982:class="slidePanel === 86 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 983Academic Structure 984</span> 985<!--[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"> 986<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 987</svg> 988</button> 989<!--[if ENDBLOCK]><![endif]--> </li> 990<li 991x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 992class="w-full" 993@click.capture=" 994window._menuClickFired = true; 995trackVisit('Student Resources', 'https:\/\/ucc.edu.gh\/main\/applicants-and-students'); 996typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 997menu_type: 'academics', 998tab_label: 'Academics', 999sub_menu_id: 87, 1000audience: selectedAudience || null, 1001search_query: menuSearch.trim() || null 1002}) 1003" 1004> 1005<!--[if BLOCK]><![endif]--> 1006<button 1007type="button" 1008@click.prevent="choosePreview(87, 'Student Resources')" 1009:aria-expanded="(slidePanel === 87).toString()" 1010aria-controls="slide-panel-87" 1011class="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]" 1012:class="slidePanel === 87 && ! isDefaultPreview && 'text-white'" 1013> 1014<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" 1015:class="slidePanel === 87 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 1016Student Resources 1017</span> 1018<!--[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"> 1019<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1020</svg> 1021</button> 1022<!--[if ENDBLOCK]><![endif]--> </li> 1023<li 1024x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1025class="w-full" 1026@click.capture=" 1027window._menuClickFired = true; 1028trackVisit('Library', 'https:\/\/library.ucc.edu.gh'); 1029typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1030menu_type: 'academics', 1031tab_label: 'Academics', 1032sub_menu_id: 11, 1033audience: selectedAudience || null, 1034search_query: menuSearch.trim() || null 1035}) 1036" 1037> 1038<!--[if BLOCK]><![endif]--> <a href="https://library.ucc.edu.gh" 1039class="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" 1040target="_blank" 1041rel="noopener noreferrer" title="Access the Sam Jonah Library and learning resources" 1042aria-label="Library: Access the Sam Jonah Library and learning resources" 1043> 1044<!--[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"> 1045Library 1046</span> 1047<!--[if ENDBLOCK]><![endif]--> 1048<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1049<!--[if ENDBLOCK]><![endif]--> </li> 1050<li 1051x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1052class="w-full" 1053@click.capture=" 1054window._menuClickFired = true; 1055trackVisit('UCC Journals', 'https:\/\/journal.ucc.edu.gh'); 1056typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1057menu_type: 'academics', 1058tab_label: 'Academics', 1059sub_menu_id: 12, 1060audience: selectedAudience || null, 1061search_query: menuSearch.trim() || null 1062}) 1063" 1064> 1065<!--[if BLOCK]><![endif]--> <a href="https://journal.ucc.edu.gh" 1066class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1066ine-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" 1067target="_blank" 1068rel="noopener noreferrer" title="Explore academic journals and publications" 1069aria-label="UCC Journals: Explore academic journals and publications" 1070> 1071<!--[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"> 1072UCC Journals 1073</span> 1074<!--[if ENDBLOCK]><![endif]--> 1075<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1076<!--[if ENDBLOCK]><![endif]--> </li> 1077<!--[if ENDBLOCK]><![endif]--> </ul> 1078</div> 1079<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-85" 1080class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 1081x-show="slidePanel === 85" 1082x-transition:enter="transition ease-out duration-[250ms]" 1083x-transition:enter-start="opacity-0 translate-x-4" 1084x-transition:enter-end="opacity-100 translate-x-0" 1085x-transition:leave="transition ease-in duration-150" 1086x-transition:leave-start="opacity-100" 1087x-transition:leave-end="opacity-0 translate-x-4" 1088role="region" 1089aria-label="Programmes & Learning submenu" 1090> 1091<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 1092x-show="! isDefaultPreview" 1093aria-label="Menu breadcrumb"> 1094<button type="button" 1095@click="closePreview()" 1096class="hover:text-white transition-colors cursor-pointer"> 1097Academics 1098</button> 1099<span class="text-blue-300" aria-hidden="true">âº</span> 1100<span class="text-white/90">Programmes & Learning</span> 1101</nav> 1102<a href="https://admissions.ucc.edu.gh/catalogue" 1103target="_self" 1104class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 1105@click.capture=" 1106window._menuClickFired = true; 1107trackVisit('Programmes \u0026 Learning', 'https:\/\/admissions.ucc.edu.gh\/catalogue'); 1108typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1109menu_type: 'academics', 1110tab_label: 'Academics', 1111sub_menu_id: 85, 1112audience: selectedAudience || null, 1113search_query: menuSearch.trim() || null 1114}) 1115"> 1116Programmes & Learning 1117<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"> 1118<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 1119</svg> 1120</a> 1121<ul class="flex flex-col items-start" role="list"> 1122<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1123class="w-full" 1124@click.capture=" 1125window._menuClickFired = true; 1126trackVisit('School of Graduate Studies', 'https:\/\/sgs.ucc.edu.gh'); 1127typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1128menu_type: 'academics', 1129tab_label: 'Academics', 1130sub_menu_id: 2, 1131audience: selectedAudience || null, 1132search_query: menuSearch.trim() || null 1133}) 1134"> 1135<a href="https://sgs.ucc.edu.gh" 1136class="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" 1137target="_blank" 1138rel="noopener noreferrer" title="Explore postgraduate programmes and research opportunities" 1139aria-label="School of Graduate Studies: Explore postgraduate programmes and research opportunities" 1140> 1141<!--[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"> 1142School of Graduate Studies 1143</span> 1144<!--[if ENDBLOCK]><![endif]--> 1145<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1146</li> 1147<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1148class="w-full" 1149@click.capture=" 1150window._menuClickFired = true; 1151trackVisit('Distance Education', 'https:\/\/code.ucc.edu.gh'); 1152typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1153menu_type: 'academics', 1154tab_label: 'Academics', 1155sub_menu_id: 15, 1156audience: selectedAudience || null, 1157search_query: menuSearch.trim() || null 1158}) 1159"> 1160<a href="https://code.ucc.edu.gh" 1161class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1161ine-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" 1162target="_blank" 1163rel="noopener noreferrer" title="Information about distance and continuing education programmes" 1164aria-label="Distance Education: Information about distance and continuing education programmes" 1165> 1166<!--[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"> 1167Distance Education 1168</span> 1169<!--[if ENDBLOCK]><![endif]--> 1170<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1171</li> 1172<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1173class="w-full" 1174@click.capture=" 1175window._menuClickFired = true; 1176trackVisit('International Education', 'https:\/\/international.ucc.edu.gh'); 1177typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1178menu_type: 'academics', 1179tab_label: 'Academics', 1180sub_menu_id: 16, 1181audience: selectedAudience || null, 1182search_query: menuSearch.trim() || null 1183}) 1184"> 1185<a href="https://international.ucc.edu.gh" 1186class="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" 1187target="_blank" 1188rel="noopener noreferrer" title="Resources for international students and partnerships" 1189aria-label="International Education: Resources for international students and partnerships" 1190> 1191<!--[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"> 1192International Education 1193</span> 1194<!--[if ENDBLOCK]><![endif]--> 1195<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1196</li> 1197<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1198class="w-full" 1199@click.capture=" 1200window._menuClickFired = true; 1201trackVisit('Elearning Portal', 'https:\/\/elearning.ucc.edu.gh'); 1202typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1203menu_type: 'academics', 1204tab_label: 'Academics', 1205sub_menu_id: 14, 1206audience: selectedAudience || null, 1207search_query: menuSearch.trim() || null 1208}) 1209"> 1210<a href="https://elearning.ucc.edu.gh" 1211class="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" 1212target="_blank" 1213rel="noopener noreferrer" title="Access online courses and learning materials" 1214aria-label="Elearning Portal: Access online courses and learning materials" 1215> 1216<!--[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"> 1217Elearning Portal 1218</span> 1219<!--[if ENDBLOCK]><![endif]--> 1220<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1221</li> 1222<!--[if ENDBLOCK]><![endif]--> </ul> 1223</div> 1224<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-86" 1225class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 1226x-show="slidePanel === 86" 1227x-transition:enter="transition ease-out duration-[250ms]" 1228x-transition:enter-start="opacity-0 translate-x-4" 1229x-transition:enter-end="opacity-100 translate-x-0" 1230x-transition:leave="transition ease-in duration-150" 1231x-transition:leave-start="opacity-100" 1232x-transition:leave-end="opacity-0 translate-x-4" 1233role="region" 1234aria-label="Academic Structure submenu" 1235> 1236<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 1237x-show="! isDefaultPreview" 1238aria-label="Menu breadcrumb"> 1239<button type="button" 1240@click="closePreview()" 1241class="hover:text-white transition-colors cursor-pointer"> 1242Academics 1243</button> 1244<span class="text-blue-300" aria-hidden="true">âº</span> 1245<span class="text-white/90">Academic Structure</span> 1246</nav> 1247<a href="https://academics.ucc.edu.gh/colleges" 1248target="_self" 1249wire:navigate class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 1250@click.capture=" 1251window._menuClickFired = true; 1252trackVisit('Academic Structure', 'https:\/\/academics.ucc.edu.gh\/colleges'); 1253typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1254menu_type: 'academics', 1255tab_label: 'Academics', 1256sub_menu_id: 86, 1257audience: selectedAudience || null, 1258search_query: menuSearch.trim() || null 1259}) 1260"> 1261Academic Structure 1262<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"> 1263<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 1264</svg> 1265</a> 1266<ul class="flex flex-col items-start" role="list"> 1267<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1268class="w-full" 1269@click.capture=" 1270window._menuClickFired = true; 1271trackVisit('Colleges', 'https:\/\/academics.ucc.edu.gh\/colleges'); 1272typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1273menu_type: 'academics', 1274tab_label: 'Academics', 1275sub_menu_id: 3, 1276audience: selectedAudience || null, 1277search_query: menuSearch.trim() || null 1278}) 1279"> 1280<a href="https://academics.ucc.edu.gh/colleges" 1281class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1281ine-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" 1282target="_self" 1283wire:navigate aria-current="page" title="Browse all academic colleges and their programmes" 1284aria-label="Colleges: Browse all academic colleges and their programmes" 1285> 1286<!--[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"> 1287Colleges 1288</span> 1289<!--[if ENDBLOCK]><![endif]--> 1290<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1291</li> 1292<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1293class="w-full" 1294@click.capture=" 1295window._menuClickFired = true; 1296trackVisit('Faculties \u0026 Schools', 'https:\/\/academics.ucc.edu.gh\/faculties.schools'); 1297typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1298menu_type: 'academics', 1299tab_label: 'Academics', 1300sub_menu_id: 4, 1301audience: selectedAudience || null, 1302search_query: menuSearch.trim() || null 1303}) 1304"> 1305<a href="https://academics.ucc.edu.gh/faculties.schools" 1306class="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" 1307target="_self" 1308wire:navigate title="Explore faculties and schools across the university" 1309aria-label="Faculties & Schools: Explore faculties and schools across the university" 1310> 1311<!--[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"> 1312Faculties & Schools 1313</span> 1314<!--[if ENDBLOCK]><![endif]--> 1315<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1316</li> 1317<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1318class="w-full" 1319@click.capture=" 1320window._menuClickFired = true; 1321trackVisit('Departments', 'https:\/\/academics.ucc.edu.gh\/departments'); 1322typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1323menu_type: 'academics', 1324tab_label: 'Academics', 1325sub_menu_id: 5, 1326audience: selectedAudience || null, 1327search_query: menuSearch.trim() || null 1328}) 1329"> 1330<a href="https://academics.ucc.edu.gh/departments" 1331class="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" 1332target="_self" 1333wire:navigate title="Discover academic departments and their programmes" 1334aria-label="Departments: Discover academic departments and their programmes" 1335> 1336<!--[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"> 1337Departments 1338</span> 1339<!--[if ENDBLOCK]><![endif]--> 1340<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1341</li> 1342<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1343class="w-full" 1344@click.capture=" 1345window._menuClickFired = true; 1346trackVisit('Centres', 'https:\/\/academics.ucc.edu.gh\/centres'); 1347typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1348menu_type: 'academics', 1349tab_label: 'Academics', 1350sub_menu_id: 6, 1351audience: selectedAudience || null, 1352search_query: menuSearch.trim() || null 1353}) 1354"> 1355<a href="https://academics.ucc.edu.gh/centres" 1356class="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" 1357target="_self" 1358wire:navigate title="Explore research and excellence centres" 1359aria-label="Centres: Explore research and excellence centres" 1360> 1361<!--[if BLOCK]><![endif]-->
1361 <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"> 1362Centres 1363</span> 1364<!--[if ENDBLOCK]><![endif]--> 1365<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1366</li> 1367<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1368class="w-full" 1369@click.capture=" 1370window._menuClickFired = true; 1371trackVisit('Institutions', 'https:\/\/academics.ucc.edu.gh\/institutions'); 1372typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1373menu_type: 'academics', 1374tab_label: 'Academics', 1375sub_menu_id: 7, 1376audience: selectedAudience || null, 1377search_query: menuSearch.trim() || null 1378}) 1379"> 1380<a href="https://academics.ucc.edu.gh/institutions" 1381class="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" 1382target="_self" 1383wire:navigate title="Browse academic institutions and their offerings" 1384aria-label="Institutions: Browse academic institutions and their offerings" 1385> 1386<!--[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"> 1387Institutions 1388</span> 1389<!--[if ENDBLOCK]><![endif]--> 1390<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1391</li> 1392<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1393class="w-full" 1394@click.capture=" 1395window._menuClickFired = true; 1396trackVisit('Units', 'https:\/\/academics.ucc.edu.gh\/units'); 1397typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1398menu_type: 'academics', 1399tab_label: 'Academics', 1400sub_menu_id: 8, 1401audience: selectedAudience || null, 1402search_query: menuSearch.trim() || null 1403}) 1404"> 1405<a href="https://academics.ucc.edu.gh/units" 1406class="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" 1407target="_self" 1408wire:navigate title="View academic and administrative units" 1409aria-label="Units: View academic and administrative units" 1410> 1411<!--[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"> 1412Units 1413</span> 1414<!--[if ENDBLOCK]><![endif]--> 1415<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1416</li> 1417<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1418class="w-full" 1419@click.capture=" 1420window._menuClickFired = true; 1421trackVisit('Affiliate Institutions', 'https:\/\/academics.ucc.edu.gh\/affiliated-institutions'); 1422typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1423menu_type: 'academics', 1424tab_label: 'Academics', 1425sub_menu_id: 13, 1426audience: selectedAudience || null, 1427search_query: menuSearch.trim() || null 1428}) 1429"> 1430<a href="https://academics.ucc.edu.gh/affiliated-institutions" 1431class="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" 1432target="_self" 1433wire:navigate title="Learn about institutions affiliated with UCC" 1434aria-label="Affiliate Institutions: Learn about institutions affiliated with UCC" 1435> 1436<!--[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"> 1437Affiliate Institutions 1438</span> 1439<!--[if ENDBLOCK]><![endif]--> 1440<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1441</li> 1442<!--[if ENDBLOCK]><![endif]--> </ul> 1443</div> 1444<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-87" 1445class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 1446x-show="slidePanel === 87" 1447x-transition:enter="transition ease-out duration-[250ms]"
1448x-transition:enter-start="opacity-0 translate-x-4" 1449x-transition:enter-end="opacity-100 translate-x-0" 1450x-transition:leave="transition ease-in duration-150" 1451x-transition:leave-start="opacity-100" 1452x-transition:leave-end="opacity-0 translate-x-4" 1453role="region" 1454aria-label="Student Resources submenu" 1455> 1456<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 1457x-show="! isDefaultPreview" 1458aria-label="Menu breadcrumb"> 1459<button type="button" 1460@click="closePreview()" 1461class="hover:text-white transition-colors cursor-pointer"> 1462Academics 1463</button> 1464<span class="text-blue-300" aria-hidden="true">âº</span> 1465<span class="text-white/90">Student Resources</span> 1466</nav> 1467<a href="https://ucc.edu.gh/main/applicants-and-students" 1468target="_self" 1469class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 1470@click.capture=" 1471window._menuClickFired = true; 1472trackVisit('Student Resources', 'https:\/\/ucc.edu.gh\/main\/applicants-and-students'); 1473typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1474menu_type: 'academics', 1475tab_label: 'Academics', 1476sub_menu_id: 87, 1477audience: selectedAudience || null, 1478search_query: menuSearch.trim() || null 1479}) 1480"> 1481Student Resources 1482<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"> 1483<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 1484</svg> 1485</a> 1486<ul class="flex flex-col items-start" role="list"> 1487<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1488class="w-full" 1489@click.capture=" 1490window._menuClickFired = true; 1491trackVisit('Applicants and Students', 'https:\/\/ucc.edu.gh\/main\/applicants-and-students'); 1492typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1493menu_type: 'academics', 1494tab_label: 'Academics', 1495sub_menu_id: 9, 1496audience: selectedAudience || null, 1497search_query: menuSearch.trim() || null 1498}) 1499"> 1500<a href="https://ucc.edu.gh/main/applicants-and-students" 1501class="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" 1502target="_self" 1503title="Resources and information for prospective and current students" 1504aria-label="Applicants and Students: Resources and information for prospective and current students" 1505> 1506<!--[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"> 1507Applicants and Students 1508</span> 1509<!--[if ENDBLOCK]><![endif]--> 1510<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1511</li> 1512<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1513class="w-full" 1514@click.capture=" 1515window._menuClickFired = true; 1516trackVisit('Academic Calendar', 'https:\/\/academics.ucc.edu.gh\/academic-calendar'); 1517typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1518menu_type: 'academics', 1519tab_label: 'Academics', 1520sub_menu_id: 10, 1521audience: selectedAudience || null, 1522search_query: menuSearch.trim() || null 1523}) 1524"> 1525<a href="https://academics.ucc.edu.gh/academic-calendar" 1526class="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" 1527target="_self" 1528wire:navigate title="View important dates and academic schedules" 1529aria-label="Academic Calendar: View important dates and academic schedules" 1530> 1531<!--[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"> 1532Academic Calendar 1533</span> 1534<!--[if ENDBLOCK]><![endif]--> 1535<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1536</li> 1537<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1538class="w-full" 1539@click.capture=" 1540window._menuClickFired = true; 1541trackVisit('Financial Support', 'https:\/\/stufso.ucc.edu.gh'); 1542typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1543menu_type: 'academics', 1544tab_label: 'Academics', 1545sub_menu_id: 17, 1546audience: selectedAudience || null, 1547search_query: menuSearch.trim() || null 1548}) 1549"> 1550<a href="https://stufso.ucc.edu.gh" 1551class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1551ine-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" 1552target="_blank" 1553rel="noopener noreferrer" title="Explore scholarships and financial aid options" 1554aria-label="Financial Support: Explore scholarships and financial aid options" 1555> 1556<!--[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"> 1557Financial Support 1558</span> 1559<!--[if ENDBLOCK]><![endif]--> 1560<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1561</li> 1562<!--[if ENDBLOCK]><![endif]--> </ul> 1563</div> 1564<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 1565</div> 1566<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1567</div> 1568<div id="submenu-admissions" 1569class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 1570x-show="openSubMenu == 'admissions'" 1571x-transition:enter="transition ease-out duration-[250ms]" 1572x-transition:enter-start="opacity-0 -translate-x-8" 1573x-transition:enter-end="opacity-100 translate-x-0" 1574x-transition:leave="transition ease-in duration-150" 1575x-transition:leave-start="opacity-100" 1576x-transition:leave-end="opacity-0 -translate-x-8" 1577role="tabpanel" 1578tabindex="0" 1579aria-labelledby="tab-admissions" 1580> 1581<div class="submenu-content"> 1582<div class="px-8 pe-20"> 1583<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 1584<a href="https://admissions.ucc.edu.gh" 1585class="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" 1586target="_self" 1587> 1588<!--[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"> 1589Featured 1590</span> 1591<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 1592<div class="text-white text-2xl font-bold grow break-words" 1593aria-describedby="featured-desc-18" > 1594Experience what UCC can offer you 1595</div> 1596<!--[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"> 1597<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1598</svg> <!--[if ENDBLOCK]><![endif]--> </div> 1599<div id="featured-desc-18" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 1600Explore our admissions domain to learn about entry requirements, available programmes, and how to begin your academic journey with us. 1601</div> 1602</a> 1603</div> 1604<!--[if ENDBLOCK]><![endif]--> 1605<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 1606<hr class="flex-1 border-white/10" /> 1607<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 1608<hr class="flex-1 border-white/10" /> 1609</div> 1610<!--[if ENDBLOCK]><![endif]--> </div> 1611<div x-data="menuPreviewRail({ 1612curatedId: null, 1613curatedTitle: '', 1614defaultId: 88, 1615defaultTitle: 'Apply' 1616})" 1617x-effect="if(openSubMenu != 'admissions') resetPreview()" 1618class="flex gap-0" 1619> 1620<div class="shrink-0 px-8 pe-6" 1621:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 1622> 1623<ul class="flex flex-col items-start" role="list"> 1624<!--[if BLOCK]><![endif]--> <li 1625x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1626class="w-full" 1627@click.capture=" 1628window._menuClickFired = true; 1629trackVisit('Apply', 'https:\/\/admissions.ucc.edu.gh\/how-to-apply'); 1630typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1631menu_type: 'admissions', 1632tab_label: 'Admissions', 1633sub_menu_id: 88, 1634audience: selectedAudience || null, 1635search_query: menuSearch.trim() || null 1636}) 1637" 1638> 1639<!--[if BLOCK]><![endif]--> 1640<button 1641type="button" 1642@click.prevent="choosePreview(88, 'Apply')" 1643:aria-expanded="(slidePanel === 88).toString()" 1644aria-controls="slide-panel-88" 1645class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1645ine-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]" 1646:class="slidePanel === 88 && ! isDefaultPreview && 'text-white'" 1647> 1648<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" 1649:class="slidePanel === 88 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 1650Apply 1651</span> 1652<!--[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"> 1653<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1654</svg> 1655</button> 1656<!--[if ENDBLOCK]><![endif]--> </li> 1657<li 1658x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1659class="w-full" 1660@click.capture=" 1661window._menuClickFired = true; 1662trackVisit('Browse Programmes', 'https:\/\/admissions.ucc.edu.gh\/catalogue'); 1663typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1664menu_type: 'admissions', 1665tab_label: 'Admissions', 1666sub_menu_id: 89, 1667audience: selectedAudience || null, 1668search_query: menuSearch.trim() || null 1669}) 1670" 1671> 1672<!--[if BLOCK]><![endif]--> 1673<button 1674type="button" 1675@click.prevent="choosePreview(89, 'Browse Programmes')" 1676:aria-expanded="(slidePanel === 89).toString()" 1677aria-controls="slide-panel-89" 1678class="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]" 1679:class="slidePanel === 89 && ! isDefaultPreview && 'text-white'" 1680> 1681<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" 1682:class="slidePanel === 89 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 1683Browse Programmes 1684</span> 1685<!--[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"> 1686<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1687</svg> 1688</button> 1689<!--[if ENDBLOCK]><![endif]--> </li> 1690<li 1691x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1692class="w-full" 1693@click.capture=" 1694window._menuClickFired = true; 1695trackVisit('Announcements', 'https:\/\/ucc.edu.gh\/announcements?type=admission'); 1696typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1697menu_type: 'admissions', 1698tab_label: 'Admissions', 1699sub_menu_id: 23, 1700audience: selectedAudience || null, 1701search_query: menuSearch.trim() || null 1702}) 1703" 1704> 1705<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements?type=admission" 1706class="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" 1707target="_self" 1708title="Latest admission-related news and updates" 1709aria-label="Announcements: Latest admission-related news and updates" 1710> 1711<!--[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"> 1712Announcements 1713</span> 1714<!--[if ENDBLOCK]><![endif]--> 1715<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1716<!--[if ENDBLOCK]><![endif]--> </li> 1717<li 1718x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1719class="w-full" 1720@click.capture=" 1721window._menuClickFired = true; 1722trackVisit('Applicants and Students', 'https:\/\/ucc.edu.gh\/main\/applicants-and-students'); 1723typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1724menu_type: 'admissions', 1725tab_label: 'Admissions', 1726sub_menu_id: 24, 1727audience: selectedAudience || null, 1728search_query: menuSearch.trim() || null 1729}) 1730" 1731> 1732<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/applicants-and-students" 1733class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1733ine-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" 1734target="_self" 1735title="Essential information for applicants and students" 1736aria-label="Applicants and Students: Essential information for applicants and students" 1737> 1738<!--[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"> 1739Applicants and Students 1740</span> 1741<!--[if ENDBLOCK]><![endif]--> 1742<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1743<!--[if ENDBLOCK]><![endif]--> </li> 1744<!--[if ENDBLOCK]><![endif]--> </ul> 1745</div> 1746<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-88" 1747class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 1748x-show="slidePanel === 88" 1749x-transition:enter="transition ease-out duration-[250ms]" 1750x-transition:enter-start="opacity-0 translate-x-4" 1751x-transition:enter-end="opacity-100 translate-x-0" 1752x-transition:leave="transition ease-in duration-150" 1753x-transition:leave-start="opacity-100" 1754x-transition:leave-end="opacity-0 translate-x-4" 1755role="region" 1756aria-label="Apply submenu" 1757> 1758<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 1759x-show="! isDefaultPreview" 1760aria-label="Menu breadcrumb"> 1761<button type="button" 1762@click="closePreview()" 1763class="hover:text-white transition-colors cursor-pointer"> 1764Admissions 1765</button> 1766<span class="text-blue-300" aria-hidden="true">âº</span> 1767<span class="text-white/90">Apply</span> 1768</nav> 1769<a href="https://admissions.ucc.edu.gh/how-to-apply" 1770target="_self" 1771class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 1772@click.capture=" 1773window._menuClickFired = true; 1774trackVisit('Apply', 'https:\/\/admissions.ucc.edu.gh\/how-to-apply'); 1775typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1776menu_type: 'admissions', 1777tab_label: 'Admissions', 1778sub_menu_id: 88, 1779audience: selectedAudience || null, 1780search_query: menuSearch.trim() || null 1781}) 1782"> 1783Apply 1784<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"> 1785<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 1786</svg> 1787</a> 1788<ul class="flex flex-col items-start" role="list"> 1789<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1790class="w-full" 1791@click.capture=" 1792window._menuClickFired = true; 1793trackVisit('How to Apply', 'https:\/\/admissions.ucc.edu.gh\/how-to-apply'); 1794typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1795menu_type: 'admissions', 1796tab_label: 'Admissions', 1797sub_menu_id: 25,
1798audience: selectedAudience || null, 1799search_query: menuSearch.trim() || null 1800}) 1801"> 1802<a href="https://admissions.ucc.edu.gh/how-to-apply" 1803class="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" 1804target="_self" 1805title="Step-by-step guide to applying for a programme at UCC" 1806aria-label="How to Apply: Step-by-step guide to applying for a programme at UCC" 1807> 1808<!--[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"> 1809How to Apply 1810</span> 1811<!--[if ENDBLOCK]><![endif]--> 1812<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1813</li> 1814<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1815class="w-full" 1816@click.capture=" 1817window._menuClickFired = true; 1818trackVisit('Admission Requirements', 'https:\/\/admissions.ucc.edu.gh\/catalogue\/programme\/requirements'); 1819typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1820menu_type: 'admissions', 1821tab_label: 'Admissions', 1822sub_menu_id: 22, 1823audience: selectedAudience || null, 1824search_query: menuSearch.trim() || null 1825}) 1826"> 1827<a href="https://admissions.ucc.edu.gh/catalogue/programme/requirements" 1828class="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" 1829target="_self" 1830title="Learn about entry requirements and qualifications" 1831aria-label="Admission Requirements: Learn about entry requirements and qualifications" 1832> 1833<!--[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"> 1834Admission Requirements 1835</span> 1836<!--[if ENDBLOCK]><![endif]--> 1837<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1838</li> 1839<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1840class="w-full" 1841@click.capture=" 1842window._menuClickFired = true; 1843trackVisit('Cut-Off Points', 'https:\/\/admissions.ucc.edu.gh\/catalogue\/programme\/cut-off-points'); 1844typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1845menu_type: 'admissions', 1846tab_label: 'Admissions', 1847sub_menu_id: 21, 1848audience: selectedAudience || null, 1849search_query: menuSearch.trim() || null 1850}) 1851"> 1852<a href="https://admissions.ucc.edu.gh/catalogue/programme/cut-off-points" 1853class="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" 1854target="_self" 1855title="View minimum entry requirements for programmes" 1856aria-label="Cut-Off Points: View minimum entry requirements for programmes" 1857> 1858<!--[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"> 1859Cut-Off Points 1860</span> 1861<!--[if ENDBLOCK]><![endif]--> 1862<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1863</li> 1864<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1865class="w-full" 1866@click.capture=" 1867window._menuClickFired = true; 1868trackVisit('Admission List', 'https:\/\/admissionlist.ucc.edu.gh\/online_letters\/admList.php'); 1869typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1870menu_type: 'admissions', 1871tab_label: 'Admissions', 1872sub_menu_id: 26, 1873audience: selectedAudience || null, 1874search_query: menuSearch.trim() || null 1875}) 1876"> 1877<a href="https://admissionlist.ucc.edu.gh/online_letters/admList.php" 1878class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1878ine-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" 1879target="_blank" 1880rel="noopener noreferrer" title="Check admission status and download admission letters" 1881aria-label="Admission List: Check admission status and download admission letters" 1882> 1883<!--[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"> 1884Admission List 1885</span> 1886<!--[if ENDBLOCK]><![endif]--> 1887<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1888</li> 1889<!--[if ENDBLOCK]><![endif]--> </ul> 1890</div> 1891<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-89" 1892class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 1893x-show="slidePanel === 89" 1894x-transition:enter="transition ease-out duration-[250ms]" 1895x-transition:enter-start="opacity-0 translate-x-4" 1896x-transition:enter-end="opacity-100 translate-x-0" 1897x-transition:leave="transition ease-in duration-150" 1898x-transition:leave-start="opacity-100" 1899x-transition:leave-end="opacity-0 translate-x-4" 1900role="region" 1901aria-label="Browse Programmes submenu" 1902> 1903<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 1904x-show="! isDefaultPreview" 1905aria-label="Menu breadcrumb"> 1906<button type="button" 1907@click="closePreview()" 1908class="hover:text-white transition-colors cursor-pointer"> 1909Admissions 1910</button> 1911<span class="text-blue-300" aria-hidden="true">âº</span> 1912<span class="text-white/90">Browse Programmes</span> 1913</nav> 1914<a href="https://admissions.ucc.edu.gh/catalogue" 1915target="_self" 1916class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 1917@click.capture=" 1918window._menuClickFired = true; 1919trackVisit('Browse Programmes', 'https:\/\/admissions.ucc.edu.gh\/catalogue'); 1920typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1921menu_type: 'admissions', 1922tab_label: 'Admissions', 1923sub_menu_id: 89, 1924audience: selectedAudience || null, 1925search_query: menuSearch.trim() || null 1926}) 1927"> 1928Browse Programmes 1929<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"> 1930<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 1931</svg> 1932</a> 1933<ul class="flex flex-col items-start" role="list"> 1934<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1935class="w-full" 1936@click.capture=" 1937window._menuClickFired = true; 1938trackVisit('Programmes Catalogue', 'https:\/\/admissions.ucc.edu.gh\/catalogue'); 1939typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1940menu_type: 'admissions', 1941tab_label: 'Admissions', 1942sub_menu_id: 19, 1943audience: selectedAudience || null, 1944search_query: menuSearch.trim() || null 1945}) 1946"> 1947<a href="https://admissions.ucc.edu.gh/catalogue" 1948class="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" 1949target="_self" 1950title="Browse all available undergraduate and postgraduate programmes" 1951aria-label="Programmes Catalogue: Browse all available undergraduate and postgraduate programmes" 1952> 1953<!--[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"> 1954Programmes Catalogue 1955</span> 1956<!--[if ENDBLOCK]><![endif]--> 1957<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1958</li> 1959<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 1960class="w-full" 1961@click.capture=" 1962window._menuClickFired = true; 1963trackVisit('Departments', 'https:\/\/admissions.ucc.edu.gh\/catalogue\/departments'); 1964typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 1965menu_type: 'admissions', 1966tab_label: 'Admissions', 1967sub_menu_id: 20, 1968audience: selectedAudience || null, 1969search_query: menuSearch.trim() || null 1970}) 1971"> 1972<a href="https://admissions.ucc.edu.gh/catalogue/departments" 1973class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
1973ine-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" 1974target="_self" 1975title="View programmes offered by academic departments" 1976aria-label="Departments: View programmes offered by academic departments" 1977> 1978<!--[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"> 1979Departments 1980</span> 1981<!--[if ENDBLOCK]><![endif]--> 1982<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 1983</li> 1984<!--[if ENDBLOCK]><![endif]--> </ul> 1985</div> 1986<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 1987</div> 1988<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1989</div> 1990<div id="submenu-exploreUcc" 1991class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 1992x-show="openSubMenu == 'exploreUcc'" 1993x-transition:enter="transition ease-out duration-[250ms]" 1994x-transition:enter-start="opacity-0 -translate-x-8" 1995x-transition:enter-end="opacity-100 translate-x-0" 1996x-transition:leave="transition ease-in duration-150" 1997x-transition:leave-start="opacity-100" 1998x-transition:leave-end="opacity-0 -translate-x-8" 1999role="tabpanel" 2000tabindex="0" 2001aria-labelledby="tab-exploreUcc" 2002> 2003<div class="submenu-content"> 2004<div class="px-8 pe-20"> 2005<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 2006<a href="https://ucc.edu.gh/main/explore-ucc/corporate-strategic-plan" 2007class="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" 2008target="_self" 2009> 2010<!--[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"> 2011Featured 2012</span> 2013<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 2014<div class="text-white text-2xl font-bold grow break-words" 2015aria-describedby="featured-desc-27" > 2016Corporate Strategic Plan 2017</div> 2018<!--[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"> 2019<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2020</svg> <!--[if ENDBLOCK]><![endif]--> </div> 2021<div id="featured-desc-27" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 2022Explore 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. 2023</div> 2024</a> 2025</div> 2026<!--[if ENDBLOCK]><![endif]--> 2027<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 2028<hr class="flex-1 border-white/10" /> 2029<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 2030<hr class="flex-1 border-white/10" /> 2031</div> 2032<!--[if ENDBLOCK]><![endif]--> </div> 2033<div x-data="menuPreviewRail({ 2034curatedId: null, 2035curatedTitle: '', 2036defaultId: 90, 2037defaultTitle: 'About the University' 2038})" 2039x-effect="if(openSubMenu != 'exploreUcc') resetPreview()" 2040class="flex gap-0" 2041> 2042<div class="shrink-0 px-8 pe-6" 2043:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 2044> 2045<ul class="flex flex-col items-start" role="list"> 2046<!--[if BLOCK]><![endif]--> <li 2047x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2048class="w-full" 2049@click.capture=" 2050window._menuClickFired = true; 2051trackVisit('About the University', 'https:\/\/ucc.edu.gh\/main\/about'); 2052typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2053menu_type: 'exploreUcc', 2054tab_label: 'Explore UCC', 2055sub_menu_id: 90, 2056audience: selectedAudience || null, 2057search_query: menuSearch.trim() || null 2058}) 2059" 2060> 2061<!--[if BLOCK]><![endif]--> 2062<button 2063type="button" 2064@click.prevent="choosePreview(90, 'About the University')" 2065:aria-expanded="(slidePanel === 90).toString()" 2066aria-controls="slide-panel-90" 2067class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2067ine-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]" 2068:class="slidePanel === 90 && ! isDefaultPreview && 'text-white'" 2069> 2070<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" 2071:class="slidePanel === 90 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 2072About the University 2073</span> 2074<!--[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"> 2075<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2076</svg> 2077</button> 2078<!--[if ENDBLOCK]><![endif]--> </li> 2079<li 2080x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2081class="w-full" 2082@click.capture=" 2083window._menuClickFired = true; 2084trackVisit('Official Documents', 'https:\/\/ucc.edu.gh\/main\/publications'); 2085typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2086menu_type: 'exploreUcc', 2087tab_label: 'Explore UCC', 2088sub_menu_id: 91, 2089audience: selectedAudience || null, 2090search_query: menuSearch.trim() || null 2091}) 2092" 2093> 2094<!--[if BLOCK]><![endif]--> 2095<button 2096type="button" 2097@click.prevent="choosePreview(91, 'Official Documents')" 2098:aria-expanded="(slidePanel === 91).toString()" 2099aria-controls="slide-panel-91" 2100class="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]" 2101:class="slidePanel === 91 && ! isDefaultPreview && 'text-white'" 2102> 2103<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" 2104:class="slidePanel === 91 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 2105Official Documents 2106</span> 2107<!--[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"> 2108<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2109</svg> 2110</button> 2111<!--[if ENDBLOCK]><![endif]--> </li> 2112<!--[if ENDBLOCK]><![endif]--> </ul> 2113</div> 2114<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-90" 2115class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 2116x-show="slidePanel === 90" 2117x-transition:enter="transition ease-out duration-[250ms]" 2118x-transition:enter-start="opacity-0 translate-x-4" 2119x-transition:enter-end="opacity-100 translate-x-0" 2120x-transition:leave="transition ease-in duration-150" 2121x-transition:leave-start="opacity-100" 2122x-transition:leave-end="opacity-0 translate-x-4" 2123role="region" 2124aria-label="About the University submenu" 2125> 2126<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 2127x-show="! isDefaultPreview" 2128aria-label="Menu breadcrumb"> 2129<button type="button" 2130@click="closePreview()" 2131class="hover:text-white transition-colors cursor-pointer"> 2132Explore UCC 2133</button> 2134<span class="text-blue-300" aria-hidden="true">âº</span> 2135<span class="text-white/90">About the University</span> 2136</nav> 2137<a href="https://ucc.edu.gh/main/about" 2138target="_self" 2139class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 2140@click.capture=" 2141window._menuClickFired = true; 2142trackVisit('About the University', 'https:\/\/ucc.edu.gh\/main\/about'); 2143typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2144menu_type: 'exploreUcc', 2145tab_label: 'Explore UCC', 2146sub_menu_id: 90, 2147audience: selectedAudience || null, 2148search_query: menuSearch.trim() || null 2149}) 2150"> 2151About the University 2152<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"> 2153<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 2154</svg> 2155</a> 2156<ul class="flex flex-col items-start" role="list"> 2157<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2158class="w-full" 2159@click.capture=" 2160window._menuClickFired = true; 2161trackVisit('History', 'https:\/\/ucc.edu.gh\/main\/about'); 2162typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2163menu_type: 'exploreUcc', 2164tab_label: 'Explore UCC', 2165sub_menu_id: 28, 2166audience: selectedAudience || null, 2167search_query: menuSearch.trim() || null 2168}) 2169"> 2170<a href="https://ucc.edu.gh/main/about" 2171class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2171ine-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" 2172target="_self" 2173title="Learn about UCC's rich history and heritage" 2174aria-label="History: Learn about UCC's rich history and heritage" 2175> 2176<!--[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"> 2177History 2178</span> 2179<!--[if ENDBLOCK]><![endif]--> 2180<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2181</li> 2182<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2183class="w-full" 2184@click.capture=" 2185window._menuClickFired = true; 2186trackVisit('Awards and Achievements', '#'); 2187typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2188menu_type: 'exploreUcc', 2189tab_label: 'Explore UCC', 2190sub_menu_id: 29, 2191audience: selectedAudience || null, 2192search_query: menuSearch.trim() || null 2193}) 2194"> 2195<a href="#" 2196class="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" 2197target="_self" 2198title="Discover UCC's recognitions and accomplishments" 2199aria-label="Awards and Achievements: Discover UCC's recognitions and accomplishments" 2200> 2201<!--[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"> 2202Awards and Achievements 2203</span> 2204<!--[if ENDBLOCK]><![endif]--> 2205<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2206</li> 2207<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2208class="w-full" 2209@click.capture=" 2210window._menuClickFired = true; 2211trackVisit('Summary Statistics', '#'); 2212typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2213menu_type: 'exploreUcc', 2214tab_label: 'Explore UCC', 2215sub_menu_id: 30, 2216audience: selectedAudience || null, 2217search_query: menuSearch.trim() || null 2218}) 2219"> 2220<a href="#" 2221class="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" 2222target="_self" 2223title="View key facts and figures about the university" 2224aria-label="Summary Statistics: View key facts and figures about the university" 2225> 2226<!--[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"> 2227Summary Statistics 2228</span> 2229<!--[if ENDBLOCK]><![endif]--> 2230<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2231</li> 2232<!--[if ENDBLOCK]><![endif]--> </ul> 2233</div> 2234<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-91" 2235class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 2236x-show="slidePanel === 91" 2237x-transition:enter="transition ease-out duration-[250ms]" 2238x-transition:enter-start="opacity-0 translate-x-4" 2239x-transition:enter-end="opacity-100 translate-x-0" 2240x-transition:leave="transition ease-in duration-150" 2241x-transition:leave-start="opacity-100" 2242x-transition:leave-end="opacity-0 translate-x-4" 2243role="region" 2244aria-label="Official Documents submenu" 2245> 2246<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 2247x-show="! isDefaultPreview" 2248aria-label="Menu breadcrumb"> 2249<button type="button" 2250@click="closePreview()" 2251class="hover:text-white transition-colors cursor-pointer"> 2252Explore UCC 2253</button> 2254<span class="text-blue-300" aria-hidden="true">âº</span> 2255<span class="text-white/90">Official Documents</span> 2256</nav> 2257<a href="https://ucc.edu.gh/main/publications" 2258target="_self" 2259class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 2260@click.capture=" 2261window._menuClickFired = true; 2262trackVisit('Official Documents', 'https:\/\/ucc.edu.gh\/main\/publications'); 2263typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2264menu_type: 'exploreUcc', 2265tab_label: 'Explore UCC', 2266sub_menu_id: 91, 2267audience: selectedAudience || null, 2268search_query: menuSearch.trim() || null 2269}) 2270"> 2271Official Documents 2272<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"> 2273<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 2274</svg> 2275</a> 2276<ul class="flex flex-col items-start" role="list"> 2277<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2278class="w-full" 2279@click.capture=" 2280window._menuClickFired = true; 2281trackVisit('Publications', 'https:\/\/ucc.edu.gh\/main\/publications'); 2282typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2283menu_type: 'exploreUcc', 2284tab_label: 'Explore UCC', 2285sub_menu_id: 31, 2286audience: selectedAudience || null, 2287search_query: menuSearch.trim() || null 2288}) 2289"> 2290<a href="https://ucc.edu.gh/main/publications" 2291class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2291ine-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" 2292target="_self" 2293title="Browse university publications and documents" 2294aria-label="Publications: Browse university publications and documents" 2295> 2296<!--[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"> 2297Publications 2298</span> 2299<!--[if ENDBLOCK]><![endif]--> 2300<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2301</li> 2302<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2303class="w-full" 2304@click.capture=" 2305window._menuClickFired = true; 2306trackVisit('Policies', 'https:\/\/ucc.edu.gh\/main\/publications\/policies'); 2307typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2308menu_type: 'exploreUcc', 2309tab_label: 'Explore UCC', 2310sub_menu_id: 32, 2311audience: selectedAudience || null, 2312search_query: menuSearch.trim() || null 2313}) 2314"> 2315<a href="https://ucc.edu.gh/main/publications/policies" 2316class="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" 2317target="_self" 2318title="Access university policies and guidelines" 2319aria-label="Policies: Access university policies and guidelines" 2320> 2321<!--[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"> 2322Policies 2323</span> 2324<!--[if ENDBLOCK]><![endif]--> 2325<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2326</li> 2327<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2328class="w-full" 2329@click.capture=" 2330window._menuClickFired = true; 2331trackVisit('Reports', 'https:\/\/ucc.edu.gh\/main\/publications\/reports'); 2332typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2333menu_type: 'exploreUcc', 2334tab_label: 'Explore UCC', 2335sub_menu_id: 33, 2336audience: selectedAudience || null, 2337search_query: menuSearch.trim() || null 2338}) 2339"> 2340<a href="https://ucc.edu.gh/main/publications/reports" 2341class="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" 2342target="_self" 2343title="Read institutional reports and documents" 2344aria-label="Reports: Read institutional reports and documents" 2345> 2346<!--[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"> 2347Reports 2348</span> 2349<!--[if ENDBLOCK]><![endif]--> 2350<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2351</li> 2352<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2353class="w-full" 2354@click.capture=" 2355window._menuClickFired = true; 2356trackVisit('Forms', 'https:\/\/ucc.edu.gh\/main\/publications\/forms'); 2357typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2358menu_type: 'exploreUcc', 2359tab_label: 'Explore UCC', 2360sub_menu_id: 34, 2361audience: selectedAudience || null, 2362search_query: menuSearch.trim() || null 2363}) 2364"> 2365<a href="https://ucc.edu.gh/main/publications/forms" 2366class="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" 2367target="_self" 2368title="Download official forms and templates" 2369aria-label="Forms: Download official forms and templates" 2370> 2371<!--[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"> 2372Forms 2373</span> 2374<!--[if ENDBLOCK]><![endif]--> 2375<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2376</li> 2377<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2378class="w-full" 2379@click.capture=" 2380window._menuClickFired = true; 2381trackVisit('Statutes of UCC', 'https:\/\/ucc.edu.gh\/main\/publications\/statutes'); 2382typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2383menu_type: 'exploreUcc', 2384tab_label: 'Explore UCC', 2385sub_menu_id: 35, 2386audience: selectedAudience || null, 2387search_query: menuSearch.trim() || null 2388}) 2389"> 2390<a href="https://ucc.edu.gh/main/publications/statutes" 2391class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2391ine-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" 2392target="_self" 2393title="Review the university's statutes and regulations" 2394aria-label="Statutes of UCC: Review the university's statutes and regulations" 2395> 2396<!--[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"> 2397Statutes of UCC 2398</span> 2399<!--[if ENDBLOCK]><![endif]--> 2400<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2401</li> 2402<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2403class="w-full" 2404@click.capture=" 2405window._menuClickFired = true; 2406trackVisit('Book\/Paper Collaborations', 'https:\/\/ucc.edu.gh\/main\/publications\/bookpaper-collaborations'); 2407typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2408menu_type: 'exploreUcc', 2409tab_label: 'Explore UCC', 2410sub_menu_id: 36, 2411audience: selectedAudience || null, 2412search_query: menuSearch.trim() || null 2413}) 2414"> 2415<a href="https://ucc.edu.gh/main/publications/bookpaper-collaborations" 2416class="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" 2417target="_self" 2418title="Explore collaborative research publications" 2419aria-label="Book/Paper Collaborations: Explore collaborative research publications" 2420> 2421<!--[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"> 2422Book/Paper Collaborations 2423</span> 2424<!--[if ENDBLOCK]><![endif]--> 2425<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2426</li> 2427<!--[if ENDBLOCK]><![endif]--> </ul> 2428</div> 2429<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 2430</div> 2431<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 2432</div> 2433<div id="submenu-governance" 2434class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 2435x-show="openSubMenu == 'governance'" 2436x-transition:enter="transition ease-out duration-[250ms]" 2437x-transition:enter-start="opacity-0 -translate-x-8" 2438x-transition:enter-end="opacity-100 translate-x-0" 2439x-transition:leave="transition ease-in duration-150" 2440x-transition:leave-start="opacity-100" 2441x-transition:leave-end="opacity-0 -translate-x-8" 2442role="tabpanel" 2443tabindex="0" 2444aria-labelledby="tab-governance" 2445> 2446<div class="submenu-content"> 2447<div class="px-8 pe-20"> 2448<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 2449<a href="https://governance.ucc.edu.gh/university-council" 2450class="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" 2451target="_self" 2452> 2453<!--[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"> 2454Featured 2455</span> 2456<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 2457<div class="text-white text-2xl font-bold grow break-words" 2458aria-describedby="featured-desc-37" > 2459Governance and Administration 2460</div> 2461<!--[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"> 2462<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2463</svg> <!--[if ENDBLOCK]><![endif]--> </div> 2464<div id="featured-desc-37" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 2465Governance and Administration ensure the university operates effectively, with decision-making bodies guiding strategy and leadership, while the administration manages daily operations. 2466</div> 2467</a> 2468</div> 2469<!--[if ENDBLOCK]><![endif]--> 2470<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 2471<hr class="flex-1 border-white/10" /> 2472<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 2473<hr class="flex-1 border-white/10" /> 2474</div> 2475<!--[if ENDBLOCK]><![endif]--> </div> 2476<div x-data="menuPreviewRail({ 2477curatedId: null, 2478curatedTitle: '', 2479defaultId: 92, 2480defaultTitle: 'Executive Leadership' 2481})" 2482x-effect="if(openSubMenu != 'governance') resetPreview()" 2483class="flex gap-0" 2484> 2485<div class="shrink-0 px-8 pe-6" 2486:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 2487> 2488<ul class="flex flex-col items-start" role="list"> 2489<!--[if BLOCK]><![endif]--> <li 2490x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2491class="w-full" 2492@click.capture=" 2493window._menuClickFired = true; 2494trackVisit('Executive Leadership', 'https:\/\/governance.ucc.edu.gh\/principal-officers'); 2495typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2496menu_type: 'governance', 2497tab_label: 'Governance', 2498sub_menu_id: 92, 2499audience: selectedAudience || null, 2500search_query: menuSearch.trim() || null 2501}) 2502" 2503> 2504<!--[if BLOCK]><![endif]--> 2505<button 2506type="button" 2507@click.prevent="choosePreview(92, 'Executive Leadership')" 2508:aria-expanded="(slidePanel === 92).toString()" 2509aria-controls="slide-panel-92" 2510class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2510ine-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]" 2511:class="slidePanel === 92 && ! isDefaultPreview && 'text-white'" 2512> 2513<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" 2514:class="slidePanel === 92 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 2515Executive Leadership 2516</span> 2517<!--[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"> 2518<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2519</svg> 2520</button> 2521<!--[if ENDBLOCK]><![endif]--> </li> 2522<li 2523x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2524class="w-full" 2525@click.capture=" 2526window._menuClickFired = true; 2527trackVisit('Governance Bodies', 'https:\/\/governance.ucc.edu.gh\/university-council'); 2528typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2529menu_type: 'governance', 2530tab_label: 'Governance', 2531sub_menu_id: 93, 2532audience: selectedAudience || null, 2533search_query: menuSearch.trim() || null 2534}) 2535" 2536> 2537<!--[if BLOCK]><![endif]--> 2538<button 2539type="button" 2540@click.prevent="choosePreview(93, 'Governance Bodies')" 2541:aria-expanded="(slidePanel === 93).toString()" 2542aria-controls="slide-panel-93" 2543class="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]" 2544:class="slidePanel === 93 && ! isDefaultPreview && 'text-white'" 2545> 2546<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" 2547:class="slidePanel === 93 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 2548Governance Bodies 2549</span> 2550<!--[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"> 2551<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2552</svg> 2553</button> 2554<!--[if ENDBLOCK]><![endif]--> </li> 2555<li 2556x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2557class="w-full" 2558@click.capture=" 2559window._menuClickFired = true; 2560trackVisit('Academic Leadership', 'https:\/\/governance.ucc.edu.gh\/deans'); 2561typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2562menu_type: 'governance', 2563tab_label: 'Governance', 2564sub_menu_id: 94, 2565audience: selectedAudience || null, 2566search_query: menuSearch.trim() || null 2567}) 2568" 2569> 2570<!--[if BLOCK]><![endif]--> 2571<button 2572type="button" 2573@click.prevent="choosePreview(94, 'Academic Leadership')" 2574:aria-expanded="(slidePanel === 94).toString()" 2575aria-controls="slide-panel-94" 2576class="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]" 2577:class="slidePanel === 94 && ! isDefaultPreview && 'text-white'" 2578> 2579<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" 2580:class="slidePanel === 94 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 2581Academic Leadership 2582</span> 2583<!--[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"> 2584<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2585</svg> 2586</button> 2587<!--[if ENDBLOCK]><![endif]--> </li> 2588<li 2589x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2590class="w-full" 2591@click.capture=" 2592window._menuClickFired = true; 2593trackVisit('Staff Directory', 'https:\/\/directory.ucc.edu.gh'); 2594typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2595menu_type: 'governance', 2596tab_label: 'Governance', 2597sub_menu_id: 54, 2598audience: selectedAudience || null, 2599search_query: menuSearch.trim() || null 2600}) 2601" 2602> 2603<!--[if BLOCK]><![endif]--> <a href="https://directory.ucc.edu.gh" 2604class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2604ine-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" 2605target="_self" 2606title="Search and browse staff profiles across the university" 2607aria-label="Staff Directory: Search and browse staff profiles across the university" 2608> 2609<!--[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"> 2610Staff Directory 2611</span> 2612<!--[if ENDBLOCK]><![endif]--> 2613<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2614<!--[if ENDBLOCK]><![endif]--> </li> 2615<!--[if ENDBLOCK]><![endif]--> </ul> 2616</div> 2617<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-92" 2618class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 2619x-show="slidePanel === 92" 2620x-transition:enter="transition ease-out duration-[250ms]" 2621x-transition:enter-start="opacity-0 translate-x-4" 2622x-transition:enter-end="opacity-100 translate-x-0" 2623x-transition:leave="transition ease-in duration-150" 2624x-transition:leave-start="opacity-100" 2625x-transition:leave-end="opacity-0 translate-x-4" 2626role="region" 2627aria-label="Executive Leadership submenu" 2628> 2629<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 2630x-show="! isDefaultPreview" 2631aria-label="Menu breadcrumb"> 2632<button type="button" 2633@click="closePreview()" 2634class="hover:text-white transition-colors cursor-pointer"> 2635Governance 2636</button> 2637<span class="text-blue-300" aria-hidden="true">âº</span> 2638<span class="text-white/90">Executive Leadership</span> 2639</nav> 2640<a href="https://governance.ucc.edu.gh/principal-officers" 2641target="_self" 2642class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 2643@click.capture=" 2644window._menuClickFired = true; 2645trackVisit('Executive Leadership', 'https:\/\/governance.ucc.edu.gh\/principal-officers'); 2646typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2647menu_type: 'governance', 2648tab_label: 'Governance', 2649sub_menu_id: 92, 2650audience: selectedAudience || null, 2651search_query: menuSearch.trim() || null 2652}) 2653"> 2654Executive Leadership 2655<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"> 2656<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 2657</svg> 2658</a> 2659<ul class="flex flex-col items-start" role="list"> 2660<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2661class="w-full" 2662@click.capture=" 2663window._menuClickFired = true; 2664trackVisit('The Chancellor', 'https:\/\/chancellor.ucc.edu.gh'); 2665typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2666menu_type: 'governance', 2667tab_label: 'Governance', 2668sub_menu_id: 38, 2669audience: selectedAudience || null, 2670search_query: menuSearch.trim() || null 2671}) 2672"> 2673<a href="https://chancellor.ucc.edu.gh" 2674class="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" 2675target="_self" 2676title="Meet the Chancellor of the university" 2677aria-label="The Chancellor: Meet the Chancellor of the university" 2678> 2679<!--[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"> 2680The Chancellor 2681</span> 2682<!--[if ENDBLOCK]><![endif]--> 2683<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2684</li> 2685<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2686class="w-full" 2687@click.capture=" 2688window._menuClickFired = true; 2689trackVisit('The Pro Chancellor', 'https:\/\/pro-chancellor.ucc.edu.gh'); 2690typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2691menu_type: 'governance', 2692tab_label: 'Governance', 2693sub_menu_id: 39, 2694audience: selectedAudience || null, 2695search_query: menuSearch.trim() || null 2696}) 2697"> 2698<a href="https://pro-chancellor.ucc.edu.gh" 2699class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2699ine-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" 2700target="_self" 2701title="Learn about the Pro Chancellor's role and responsibilities" 2702aria-label="The Pro Chancellor: Learn about the Pro Chancellor's role and responsibilities" 2703> 2704<!--[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"> 2705The Pro Chancellor 2706</span> 2707<!--[if ENDBLOCK]><![endif]--> 2708<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2709</li> 2710<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2711class="w-full" 2712@click.capture=" 2713window._menuClickFired = true; 2714trackVisit('The Vice-Chancellor', 'https:\/\/vc.ucc.edu.gh'); 2715typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2716menu_type: 'governance', 2717tab_label: 'Governance', 2718sub_menu_id: 42, 2719audience: selectedAudience || null, 2720search_query: menuSearch.trim() || null 2721}) 2722"> 2723<a href="https://vc.ucc.edu.gh" 2724class="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" 2725target="_self" 2726title="Learn about the Vice-Chancellor's vision and leadership" 2727aria-label="The Vice-Chancellor: Learn about the Vice-Chancellor's vision and leadership" 2728> 2729<!--[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"> 2730The Vice-Chancellor 2731</span> 2732<!--[if ENDBLOCK]><![endif]--> 2733<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2734</li> 2735<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2736class="w-full" 2737@click.capture=" 2738window._menuClickFired = true; 2739trackVisit('The Pro Vice-Chancellor', 'https:\/\/pvc.ucc.edu.gh'); 2740typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2741menu_type: 'governance', 2742tab_label: 'Governance', 2743sub_menu_id: 43, 2744audience: selectedAudience || null, 2745search_query: menuSearch.trim() || null 2746}) 2747"> 2748<a href="https://pvc.ucc.edu.gh" 2749class="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" 2750target="_self" 2751title="Meet the Pro Vice-Chancellor" 2752aria-label="The Pro Vice-Chancellor: Meet the Pro Vice-Chancellor" 2753> 2754<!--[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"> 2755The Pro Vice-Chancellor 2756</span> 2757<!--[if ENDBLOCK]><![endif]--> 2758<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2759</li> 2760<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2761class="w-full" 2762@click.capture=" 2763window._menuClickFired = true; 2764trackVisit('The Registrar', 'https:\/\/registrar.ucc.edu.gh'); 2765typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2766menu_type: 'governance', 2767tab_label: 'Governance', 2768sub_menu_id: 44, 2769audience: selectedAudience || null, 2770search_query: menuSearch.trim() || null 2771}) 2772"> 2773<a href="https://registrar.ucc.edu.gh" 2774class="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" 2775target="_self" 2776title="Learn about the Registrar's office and services" 2777aria-label="The Registrar: Learn about the Registrar's office and services" 2778> 2779<!--[if BLOCK]><![endif]-->
2779 <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"> 2780The Registrar 2781</span> 2782<!--[if ENDBLOCK]><![endif]--> 2783<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2784</li> 2785<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2786class="w-full" 2787@click.capture=" 2788window._menuClickFired = true; 2789trackVisit('The Librarian', 'https:\/\/librarian.ucc.edu.gh'); 2790typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2791menu_type: 'governance', 2792tab_label: 'Governance', 2793sub_menu_id: 45, 2794audience: selectedAudience || null, 2795search_query: menuSearch.trim() || null 2796}) 2797"> 2798<a href="https://librarian.ucc.edu.gh" 2799class="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" 2800target="_self" 2801title="Meet the University Librarian" 2802aria-label="The Librarian: Meet the University Librarian" 2803> 2804<!--[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"> 2805The Librarian 2806</span> 2807<!--[if ENDBLOCK]><![endif]--> 2808<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2809</li> 2810<!--[if ENDBLOCK]><![endif]--> </ul> 2811</div> 2812<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-93" 2813class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 2814x-show="slidePanel === 93" 2815x-transition:enter="transition ease-out duration-[250ms]" 2816x-transition:enter-start="opacity-0 translate-x-4" 2817x-transition:enter-end="opacity-100 translate-x-0" 2818x-transition:leave="transition ease-in duration-150" 2819x-transition:leave-start="opacity-100" 2820x-transition:leave-end="opacity-0 translate-x-4" 2821role="region" 2822aria-label="Governance Bodies submenu" 2823> 2824<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 2825x-show="! isDefaultPreview" 2826aria-label="Menu breadcrumb"> 2827<button type="button" 2828@click="closePreview()" 2829class="hover:text-white transition-colors cursor-pointer"> 2830Governance 2831</button> 2832<span class="text-blue-300" aria-hidden="true">âº</span> 2833<span class="text-white/90">Governance Bodies</span> 2834</nav> 2835<a href="https://governance.ucc.edu.gh/university-council" 2836target="_self" 2837class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 2838@click.capture=" 2839window._menuClickFired = true; 2840trackVisit('Governance Bodies', 'https:\/\/governance.ucc.edu.gh\/university-council'); 2841typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2842menu_type: 'governance', 2843tab_label: 'Governance', 2844sub_menu_id: 93, 2845audience: selectedAudience || null, 2846search_query: menuSearch.trim() || null 2847}) 2848"> 2849Governance Bodies 2850<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"> 2851<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 2852</svg> 2853</a> 2854<ul class="flex flex-col items-start" role="list"> 2855<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2856class="w-full" 2857@click.capture=" 2858window._menuClickFired = true; 2859trackVisit('University Council', 'https:\/\/governance.ucc.edu.gh\/university-council'); 2860typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2861menu_type: 'governance', 2862tab_label: 'Governance', 2863sub_menu_id: 40, 2864audience: selectedAudience || null, 2865search_query: menuSearch.trim() || null 2866}) 2867"> 2868<a href="https://governance.ucc.edu.gh/university-council" 2869class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2869ine-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" 2870target="_self" 2871title="View the governing body of the university" 2872aria-label="University Council: View the governing body of the university" 2873> 2874<!--[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"> 2875University Council 2876</span> 2877<!--[if ENDBLOCK]><![endif]--> 2878<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2879</li> 2880<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2881class="w-full" 2882@click.capture=" 2883window._menuClickFired = true; 2884trackVisit('Principal Officers', 'https:\/\/governance.ucc.edu.gh\/principal-officers'); 2885typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2886menu_type: 'governance', 2887tab_label: 'Governance', 2888sub_menu_id: 41, 2889audience: selectedAudience || null, 2890search_query: menuSearch.trim() || null 2891}) 2892"> 2893<a href="https://governance.ucc.edu.gh/principal-officers" 2894class="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" 2895target="_self" 2896title="Meet the key leadership of the university" 2897aria-label="Principal Officers: Meet the key leadership of the university" 2898> 2899<!--[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"> 2900Principal Officers 2901</span> 2902<!--[if ENDBLOCK]><![endif]--> 2903<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2904</li> 2905<!--[if ENDBLOCK]><![endif]--> </ul> 2906</div> 2907<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-94" 2908class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 2909x-show="slidePanel === 94" 2910x-transition:enter="transition ease-out duration-[250ms]" 2911x-transition:enter-start="opacity-0 translate-x-4" 2912x-transition:enter-end="opacity-100 translate-x-0" 2913x-transition:leave="transition ease-in duration-150" 2914x-transition:leave-start="opacity-100" 2915x-transition:leave-end="opacity-0 translate-x-4" 2916role="region" 2917aria-label="Academic Leadership submenu" 2918> 2919<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 2920x-show="! isDefaultPreview" 2921aria-label="Menu breadcrumb"> 2922<button type="button" 2923@click="closePreview()" 2924class="hover:text-white transition-colors cursor-pointer"> 2925Governance 2926</button> 2927<span class="text-blue-300" aria-hidden="true">âº</span> 2928<span class="text-white/90">Academic Leadership</span> 2929</nav> 2930<a href="https://governance.ucc.edu.gh/deans" 2931target="_self" 2932class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 2933@click.capture=" 2934window._menuClickFired = true; 2935trackVisit('Academic Leadership', 'https:\/\/governance.ucc.edu.gh\/deans'); 2936typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2937menu_type: 'governance', 2938tab_label: 'Governance', 2939sub_menu_id: 94, 2940audience: selectedAudience || null, 2941search_query: menuSearch.trim() || null 2942}) 2943"> 2944Academic Leadership 2945<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"> 2946<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 2947</svg> 2948</a> 2949<ul class="flex flex-col items-start" role="list"> 2950<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2951class="w-full" 2952@click.capture=" 2953window._menuClickFired = true; 2954trackVisit('Provosts', 'https:\/\/governance.ucc.edu.gh\/provosts'); 2955typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2956menu_type: 'governance', 2957tab_label: 'Governance', 2958sub_menu_id: 46, 2959audience: selectedAudience || null, 2960search_query: menuSearch.trim() || null 2961}) 2962"> 2963<a href="https://governance.ucc.edu.gh/provosts" 2964class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
2964ine-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" 2965target="_self" 2966title="View college provosts and their leadership" 2967aria-label="Provosts: View college provosts and their leadership" 2968> 2969<!--[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"> 2970Provosts 2971</span> 2972<!--[if ENDBLOCK]><![endif]--> 2973<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2974</li> 2975<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 2976class="w-full" 2977@click.capture=" 2978window._menuClickFired = true; 2979trackVisit('Directors', 'https:\/\/governance.ucc.edu.gh\/directors'); 2980typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 2981menu_type: 'governance', 2982tab_label: 'Governance', 2983sub_menu_id: 47, 2984audience: selectedAudience || null, 2985search_query: menuSearch.trim() || null 2986}) 2987"> 2988<a href="https://governance.ucc.edu.gh/directors" 2989class="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" 2990target="_self" 2991title="Browse directors of various units and centres" 2992aria-label="Directors: Browse directors of various units and centres" 2993> 2994<!--[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"> 2995Directors 2996</span> 2997<!--[if ENDBLOCK]><![endif]--> 2998<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 2999</li> 3000<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3001class="w-full" 3002@click.capture=" 3003window._menuClickFired = true; 3004trackVisit('Deans', 'https:\/\/governance.ucc.edu.gh\/deans'); 3005typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3006menu_type: 'governance', 3007tab_label: 'Governance', 3008sub_menu_id: 48, 3009audience: selectedAudience || null, 3010search_query: menuSearch.trim() || null 3011}) 3012"> 3013<a href="https://governance.ucc.edu.gh/deans" 3014class="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" 3015target="_self" 3016title="Meet the deans of faculties and schools" 3017aria-label="Deans: Meet the deans of faculties and schools" 3018> 3019<!--[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"> 3020Deans 3021</span> 3022<!--[if ENDBLOCK]><![endif]--> 3023<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3024</li> 3025<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3026class="w-full" 3027@click.capture=" 3028window._menuClickFired = true; 3029trackVisit('Heads of Department', 'https:\/\/governance.ucc.edu.gh\/head-departments'); 3030typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3031menu_type: 'governance', 3032tab_label: 'Governance', 3033sub_menu_id: 49, 3034audience: selectedAudience || null, 3035search_query: menuSearch.trim() || null 3036}) 3037"> 3038<a href="https://governance.ucc.edu.gh/head-departments" 3039class="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" 3040target="_self" 3041title="View heads of academic departments" 3042aria-label="Heads of Department: View heads of academic departments" 3043> 3044<!--[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"> 3045Heads of Department 3046</span> 3047<!--[if ENDBLOCK]><![endif]--> 3048<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3049</li> 3050<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3051class="w-full" 3052@click.capture=" 3053window._menuClickFired = true; 3054trackVisit('Heads of Section', 'https:\/\/governance.ucc.edu.gh\/head-sections'); 3055typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3056menu_type: 'governance', 3057tab_label: 'Governance', 3058sub_menu_id: 50, 3059audience: selectedAudience || null, 3060search_query: menuSearch.trim() || null 3061}) 3062"> 3063<a href="https://governance.ucc.edu.gh/head-sections" 3064class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
3064ine-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" 3065target="_self" 3066title="Browse heads of administrative sections" 3067aria-label="Heads of Section: Browse heads of administrative sections" 3068> 3069<!--[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"> 3070Heads of Section 3071</span> 3072<!--[if ENDBLOCK]><![endif]--> 3073<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3074</li> 3075<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3076class="w-full" 3077@click.capture=" 3078window._menuClickFired = true; 3079trackVisit('Heads', 'https:\/\/governance.ucc.edu.gh\/heads'); 3080typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3081menu_type: 'governance', 3082tab_label: 'Governance', 3083sub_menu_id: 51, 3084audience: selectedAudience || null, 3085search_query: menuSearch.trim() || null 3086}) 3087"> 3088<a href="https://governance.ucc.edu.gh/heads" 3089class="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" 3090target="_self" 3091title="View all heads across the university" 3092aria-label="Heads: View all heads across the university" 3093> 3094<!--[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"> 3095Heads 3096</span> 3097<!--[if ENDBLOCK]><![endif]--> 3098<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3099</li> 3100<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3101class="w-full" 3102@click.capture=" 3103window._menuClickFired = true; 3104trackVisit('Coordinators', 'https:\/\/governance.ucc.edu.gh\/coordinators'); 3105typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3106menu_type: 'governance', 3107tab_label: 'Governance', 3108sub_menu_id: 52, 3109audience: selectedAudience || null, 3110search_query: menuSearch.trim() || null 3111}) 3112"> 3113<a href="https://governance.ucc.edu.gh/coordinators" 3114class="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" 3115target="_self" 3116title="Browse programme and unit coordinators" 3117aria-label="Coordinators: Browse programme and unit coordinators" 3118> 3119<!--[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"> 3120Coordinators 3121</span> 3122<!--[if ENDBLOCK]><![endif]--> 3123<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3124</li> 3125<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3126class="w-full" 3127@click.capture=" 3128window._menuClickFired = true; 3129trackVisit('Hall Masters and Wardens', 'https:\/\/governance.ucc.edu.gh\/hall-master-wardens'); 3130typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3131menu_type: 'governance', 3132tab_label: 'Governance', 3133sub_menu_id: 53, 3134audience: selectedAudience || null, 3135search_query: menuSearch.trim() || null 3136}) 3137"> 3138<a href="https://governance.ucc.edu.gh/hall-master-wardens" 3139class="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" 3140target="_self" 3141title="Meet the hall masters and wardens" 3142aria-label="Hall Masters and Wardens: Meet the hall masters and wardens" 3143> 3144<!--[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"> 3145Hall Masters and Wardens 3146</span> 3147<!--[if ENDBLOCK]><![endif]--> 3148<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3149</li> 3150<!--[if ENDBLOCK]><![endif]--> </ul> 3151</div> 3152<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 3153</div> 3154<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3155</div>
3156<div id="submenu-campus" 3157class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 3158x-show="openSubMenu == 'campus'" 3159x-transition:enter="transition ease-out duration-[250ms]" 3160x-transition:enter-start="opacity-0 -translate-x-8" 3161x-transition:enter-end="opacity-100 translate-x-0" 3162x-transition:leave="transition ease-in duration-150" 3163x-transition:leave-start="opacity-100" 3164x-transition:leave-end="opacity-0 -translate-x-8" 3165role="tabpanel" 3166tabindex="0" 3167aria-labelledby="tab-campus" 3168> 3169<div class="submenu-content"> 3170<div class="px-8 pe-20"> 3171<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 3172<a href="https://ucc.edu.gh/main/explore-ucc/our-campus" 3173class="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" 3174target="_self" 3175> 3176<!--[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"> 3177Featured 3178</span> 3179<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 3180<div class="text-white text-2xl font-bold grow break-words" 3181aria-describedby="featured-desc-55" > 3182Our Campus 3183</div> 3184<!--[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"> 3185<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 3186</svg> <!--[if ENDBLOCK]><![endif]--> </div> 3187<div id="featured-desc-55" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 3188Discover 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. 3189</div> 3190</a> 3191</div> 3192<!--[if ENDBLOCK]><![endif]--> 3193<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 3194<hr class="flex-1 border-white/10" /> 3195<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 3196<hr class="flex-1 border-white/10" /> 3197</div> 3198<!--[if ENDBLOCK]><![endif]--> </div> 3199<div x-data="menuPreviewRail({ 3200curatedId: null, 3201curatedTitle: '', 3202defaultId: 95, 3203defaultTitle: 'Facilities' 3204})" 3205x-effect="if(openSubMenu != 'campus') resetPreview()" 3206class="flex gap-0" 3207> 3208<div class="shrink-0 px-8 pe-6" 3209:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 3210> 3211<ul class="flex flex-col items-start" role="list"> 3212<!--[if BLOCK]><![endif]--> <li 3213x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3214class="w-full" 3215@click.capture=" 3216window._menuClickFired = true; 3217trackVisit('Facilities', 'https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campus'); 3218typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3219menu_type: 'campus', 3220tab_label: 'Campus', 3221sub_menu_id: 95, 3222audience: selectedAudience || null, 3223search_query: menuSearch.trim() || null 3224}) 3225" 3226> 3227<!--[if BLOCK]><![endif]--> 3228<button 3229type="button" 3230@click.prevent="choosePreview(95, 'Facilities')" 3231:aria-expanded="(slidePanel === 95).toString()" 3232aria-controls="slide-panel-95" 3233class="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]" 3234:class="slidePanel === 95 && ! isDefaultPreview && 'text-white'" 3235> 3236<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" 3237:class="slidePanel === 95 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 3238Facilities 3239</span> 3240<!--[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"> 3241<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3242</svg> 3243</button> 3244<!--[if ENDBLOCK]><![endif]--> </li> 3245<li 3246x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3247class="w-full" 3248@click.capture=" 3249window._menuClickFired = true; 3250trackVisit('Life at UCC', 'https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campu
3250s'); 3251typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3252menu_type: 'campus', 3253tab_label: 'Campus', 3254sub_menu_id: 96, 3255audience: selectedAudience || null, 3256search_query: menuSearch.trim() || null 3257}) 3258" 3259> 3260<!--[if BLOCK]><![endif]--> 3261<button 3262type="button" 3263@click.prevent="choosePreview(96, 'Life at UCC')" 3264:aria-expanded="(slidePanel === 96).toString()" 3265aria-controls="slide-panel-96" 3266class="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]" 3267:class="slidePanel === 96 && ! isDefaultPreview && 'text-white'" 3268> 3269<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" 3270:class="slidePanel === 96 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 3271Life at UCC 3272</span> 3273<!--[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"> 3274<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3275</svg> 3276</button> 3277<!--[if ENDBLOCK]><![endif]--> </li> 3278<!--[if ENDBLOCK]><![endif]--> </ul> 3279</div> 3280<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-95" 3281class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 3282x-show="slidePanel === 95" 3283x-transition:enter="transition ease-out duration-[250ms]" 3284x-transition:enter-start="opacity-0 translate-x-4" 3285x-transition:enter-end="opacity-100 translate-x-0" 3286x-transition:leave="transition ease-in duration-150" 3287x-transition:leave-start="opacity-100" 3288x-transition:leave-end="opacity-0 translate-x-4" 3289role="region" 3290aria-label="Facilities submenu" 3291> 3292<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 3293x-show="! isDefaultPreview" 3294aria-label="Menu breadcrumb"> 3295<button type="button" 3296@click="closePreview()" 3297class="hover:text-white transition-colors cursor-pointer"> 3298Campus 3299</button> 3300<span class="text-blue-300" aria-hidden="true">âº</span> 3301<span class="text-white/90">Facilities</span> 3302</nav> 3303<a href="https://ucc.edu.gh/main/explore-ucc/our-campus" 3304target="_self" 3305class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 3306@click.capture=" 3307window._menuClickFired = true; 3308trackVisit('Facilities', 'https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campus'); 3309typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3310menu_type: 'campus', 3311tab_label: 'Campus', 3312sub_menu_id: 95, 3313audience: selectedAudience || null, 3314search_query: menuSearch.trim() || null 3315}) 3316"> 3317Facilities 3318<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"> 3319<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3320</svg> 3321</a> 3322<ul class="flex flex-col items-start" role="list"> 3323<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3324class="w-full" 3325@click.capture=" 3326window._menuClickFired = true; 3327trackVisit('Libraries', 'https:\/\/library.ucc.edu.gh'); 3328typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3329menu_type: 'campus', 3330tab_label: 'Campus', 3331sub_menu_id: 56, 3332audience: selectedAudience || null, 3333search_query: menuSearch.trim() || null 3334}) 3335"> 3336<a href="https://library.ucc.edu.gh" 3337class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
3337ine-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" 3338target="_blank" 3339rel="noopener noreferrer" title="Access the Sam Jonah Library and other learning spaces on campus" 3340aria-label="Libraries: Access the Sam Jonah Library and other learning spaces on campus" 3341> 3342<!--[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"> 3343Libraries 3344</span> 3345<!--[if ENDBLOCK]><![endif]--> 3346<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3347</li> 3348<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3349class="w-full" 3350@click.capture=" 3351window._menuClickFired = true; 3352trackVisit('Halls', '#'); 3353typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3354menu_type: 'campus', 3355tab_label: 'Campus', 3356sub_menu_id: 59, 3357audience: selectedAudience || null, 3358search_query: menuSearch.trim() || null 3359}) 3360"> 3361<a href="#" 3362class="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" 3363target="_self" 3364title="Learn about residential halls and accommodation on campus" 3365aria-label="Halls: Learn about residential halls and accommodation on campus" 3366> 3367<!--[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"> 3368Halls 3369</span> 3370<!--[if ENDBLOCK]><![endif]--> 3371<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3372</li> 3373<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3374class="w-full" 3375@click.capture=" 3376window._menuClickFired = true; 3377trackVisit('Sports', '#'); 3378typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3379menu_type: 'campus', 3380tab_label: 'Campus', 3381sub_menu_id: 60, 3382audience: selectedAudience || null, 3383search_query: menuSearch.trim() || null 3384}) 3385"> 3386<a href="#" 3387class="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" 3388target="_self" 3389title="Explore sports facilities and athletic programmes at UCC" 3390aria-label="Sports: Explore sports facilities and athletic programmes at UCC" 3391> 3392<!--[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"> 3393Sports 3394</span> 3395<!--[if ENDBLOCK]><![endif]--> 3396<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3397</li> 3398<!--[if ENDBLOCK]><![endif]--> </ul> 3399</div> 3400<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-96" 3401class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 3402x-show="slidePanel === 96" 3403x-transition:enter="transition ease-out duration-[250ms]" 3404x-transition:enter-start="opacity-0 translate-x-4" 3405x-transition:enter-end="opacity-100 translate-x-0" 3406x-transition:leave="transition ease-in duration-150" 3407x-transition:leave-start="opacity-100" 3408x-transition:leave-end="opacity-0 translate-x-4" 3409role="region" 3410aria-label="Life at UCC submenu" 3411> 3412<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 3413x-show="! isDefaultPreview" 3414aria-label="Menu breadcrumb"> 3415<button type="button" 3416@click="closePreview()" 3417class="hover:text-white transition-colors cursor-pointer"> 3418Campus 3419</button> 3420<span class="text-blue-300" aria-hidden="true">âº</span> 3421<span class="text-white/90">Life at UCC</span> 3422</nav>
3423<a href="https://ucc.edu.gh/main/explore-ucc/our-campus" 3424target="_self" 3425class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 3426@click.capture=" 3427window._menuClickFired = true; 3428trackVisit('Life at UCC', 'https:\/\/ucc.edu.gh\/main\/explore-ucc\/our-campus'); 3429typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3430menu_type: 'campus', 3431tab_label: 'Campus', 3432sub_menu_id: 96, 3433audience: selectedAudience || null, 3434search_query: menuSearch.trim() || null 3435}) 3436"> 3437Life at UCC 3438<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"> 3439<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3440</svg> 3441</a> 3442<ul class="flex flex-col items-start" role="list"> 3443<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3444class="w-full" 3445@click.capture=" 3446window._menuClickFired = true; 3447trackVisit('Matriculation', '#'); 3448typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3449menu_type: 'campus', 3450tab_label: 'Campus', 3451sub_menu_id: 57, 3452audience: selectedAudience || null, 3453search_query: menuSearch.trim() || null 3454}) 3455"> 3456<a href="#" 3457class="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" 3458target="_self" 3459title="Information about matriculation ceremonies and registration" 3460aria-label="Matriculation: Information about matriculation ceremonies and registration" 3461> 3462<!--[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"> 3463Matriculation 3464</span> 3465<!--[if ENDBLOCK]><![endif]--> 3466<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3467</li> 3468<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3469class="w-full" 3470@click.capture=" 3471window._menuClickFired = true; 3472trackVisit('Events', 'https:\/\/events.ucc.edu.gh'); 3473typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3474menu_type: 'campus', 3475tab_label: 'Campus', 3476sub_menu_id: 58, 3477audience: selectedAudience || null, 3478search_query: menuSearch.trim() || null 3479}) 3480"> 3481<a href="https://events.ucc.edu.gh" 3482class="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" 3483target="_self" 3484title="Discover upcoming campus events and activities" 3485aria-label="Events: Discover upcoming campus events and activities" 3486> 3487<!--[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"> 3488Events 3489</span> 3490<!--[if ENDBLOCK]><![endif]--> 3491<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3492</li> 3493<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3494class="w-full" 3495@click.capture=" 3496window._menuClickFired = true; 3497trackVisit('Recreation and Social Activities', 'https:\/\/ucc.edu.gh\/main\/explore-ucc\/recreational-and-social-activities'); 3498typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3499menu_type: 'campus', 3500tab_label: 'Campus', 3501sub_menu_id: 61, 3502audience: selectedAudience || null, 3503search_query: menuSearch.trim() || null 3504}) 3505"> 3506<a href="https://ucc.edu.gh/main/explore-ucc/recreational-and-social-activities" 3507class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
3507ine-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" 3508target="_self" 3509title="Discover clubs, societies, and social activities" 3510aria-label="Recreation and Social Activities: Discover clubs, societies, and social activities" 3511> 3512<!--[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"> 3513Recreation and Social Activities 3514</span> 3515<!--[if ENDBLOCK]><![endif]--> 3516<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3517</li> 3518<!--[if ENDBLOCK]><![endif]--> </ul> 3519</div> 3520<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 3521</div> 3522<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3523</div> 3524<div id="submenu-research" 3525class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 3526x-show="openSubMenu == 'research'" 3527x-transition:enter="transition ease-out duration-[250ms]" 3528x-transition:enter-start="opacity-0 -translate-x-8" 3529x-transition:enter-end="opacity-100 translate-x-0" 3530x-transition:leave="transition ease-in duration-150" 3531x-transition:leave-start="opacity-100" 3532x-transition:leave-end="opacity-0 -translate-x-8" 3533role="tabpanel" 3534tabindex="0" 3535aria-labelledby="tab-research" 3536> 3537<div class="submenu-content"> 3538<div class="px-8 pe-20"> 3539<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 3540<a href="https://scholar.ucc.edu.gh" 3541class="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" 3542target="_blank" 3543rel="noopener noreferrer" > 3544<!--[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"> 3545Featured 3546</span> 3547<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 3548<div class="text-white text-2xl font-bold grow break-words" 3549aria-describedby="featured-desc-62" > 3550UCC Scholar 3551</div> 3552<!--[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"> 3553<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 3554</svg> <!--[if ENDBLOCK]><![endif]--> </div> 3555<div id="featured-desc-62" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 3556Gain 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. 3557</div> 3558</a> 3559</div> 3560<!--[if ENDBLOCK]><![endif]--> 3561<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 3562<hr class="flex-1 border-white/10" /> 3563<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 3564<hr class="flex-1 border-white/10" /> 3565</div> 3566<!--[if ENDBLOCK]><![endif]--> </div> 3567<div x-data="menuPreviewRail({ 3568curatedId: null, 3569curatedTitle: '', 3570defaultId: 97, 3571defaultTitle: 'Publications \u0026 Conferences' 3572})" 3573x-effect="if(openSubMenu != 'research') resetPreview()" 3574class="flex gap-0" 3575> 3576<div class="shrink-0 px-8 pe-6" 3577:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 3578> 3579<ul class="flex flex-col items-start" role="list"> 3580<!--[if BLOCK]><![endif]--> <li 3581x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3582class="w-full" 3583@click.capture=" 3584window._menuClickFired = true; 3585trackVisit('Publications \u0026 Conferences', 'https:\/\/journal.ucc.edu.gh'); 3586typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3587menu_type: 'research',
3588tab_label: 'Research', 3589sub_menu_id: 97, 3590audience: selectedAudience || null, 3591search_query: menuSearch.trim() || null 3592}) 3593" 3594> 3595<!--[if BLOCK]><![endif]--> 3596<button 3597type="button" 3598@click.prevent="choosePreview(97, 'Publications \u0026 Conferences')" 3599:aria-expanded="(slidePanel === 97).toString()" 3600aria-controls="slide-panel-97" 3601class="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]" 3602:class="slidePanel === 97 && ! isDefaultPreview && 'text-white'" 3603> 3604<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" 3605:class="slidePanel === 97 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 3606Publications & Conferences 3607</span> 3608<!--[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"> 3609<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3610</svg> 3611</button> 3612<!--[if ENDBLOCK]><![endif]--> </li> 3613<li 3614x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3615class="w-full" 3616@click.capture=" 3617window._menuClickFired = true; 3618trackVisit('Research Support', 'https:\/\/dric.ucc.edu.gh'); 3619typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3620menu_type: 'research', 3621tab_label: 'Research', 3622sub_menu_id: 98, 3623audience: selectedAudience || null, 3624search_query: menuSearch.trim() || null 3625}) 3626" 3627> 3628<!--[if BLOCK]><![endif]--> 3629<button 3630type="button" 3631@click.prevent="choosePreview(98, 'Research Support')" 3632:aria-expanded="(slidePanel === 98).toString()" 3633aria-controls="slide-panel-98" 3634class="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]" 3635:class="slidePanel === 98 && ! isDefaultPreview && 'text-white'" 3636> 3637<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" 3638:class="slidePanel === 98 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 3639Research Support 3640</span> 3641<!--[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"> 3642<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3643</svg> 3644</button> 3645<!--[if ENDBLOCK]><![endif]--> </li> 3646<!--[if ENDBLOCK]><![endif]--> </ul> 3647</div> 3648<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-97" 3649class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 3650x-show="slidePanel === 97" 3651x-transition:enter="transition ease-out duration-[250ms]" 3652x-transition:enter-start="opacity-0 translate-x-4" 3653x-transition:enter-end="opacity-100 translate-x-0" 3654x-transition:leave="transition ease-in duration-150" 3655x-transition:leave-start="opacity-100" 3656x-transition:leave-end="opacity-0 translate-x-4" 3657role="region" 3658aria-label="Publications & Conferences submenu" 3659> 3660<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 3661x-show="! isDefaultPreview" 3662aria-label="Menu breadcrumb"> 3663<button type="button" 3664@click="closePreview()" 3665class="hover:text-white transition-colors cursor-pointer"> 3666Research 3667</button> 3668<span class="text-blue-300" aria-hidden="true">âº</span> 3669<span class="text-white/90">Publications & Conferences</span> 3670</nav> 3671<a href="https://journal.ucc.edu.gh" 3672target="_blank" 3673rel="noopener noreferrer" class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 3674@click.capture=" 3675window._menuClickFired = true; 3676trackVisit('Publications \u0026 Conferences', 'https:\/\/journal.ucc.edu.gh'); 3677typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3678menu_type: 'research',
3679tab_label: 'Research', 3680sub_menu_id: 97, 3681audience: selectedAudience || null, 3682search_query: menuSearch.trim() || null 3683}) 3684"> 3685Publications & Conferences 3686<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"> 3687<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3688</svg> 3689</a> 3690<ul class="flex flex-col items-start" role="list"> 3691<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3692class="w-full" 3693@click.capture=" 3694window._menuClickFired = true; 3695trackVisit('Journals', 'https:\/\/journal.ucc.edu.gh'); 3696typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3697menu_type: 'research', 3698tab_label: 'Research', 3699sub_menu_id: 63, 3700audience: selectedAudience || null, 3701search_query: menuSearch.trim() || null 3702}) 3703"> 3704<a href="https://journal.ucc.edu.gh" 3705class="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" 3706target="_blank" 3707rel="noopener noreferrer" title="Browse academic journals published by UCC" 3708aria-label="Journals: Browse academic journals published by UCC" 3709> 3710<!--[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"> 3711Journals 3712</span> 3713<!--[if ENDBLOCK]><![endif]--> 3714<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3715</li> 3716<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3717class="w-full" 3718@click.capture=" 3719window._menuClickFired = true; 3720trackVisit('Conference Portal', 'https:\/\/research.ucc.edu.gh\/'); 3721typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3722menu_type: 'research', 3723tab_label: 'Research', 3724sub_menu_id: 64, 3725audience: selectedAudience || null, 3726search_query: menuSearch.trim() || null 3727}) 3728"> 3729<a href="https://research.ucc.edu.gh/" 3730class="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" 3731target="_blank" 3732rel="noopener noreferrer" title="Discover research conferences hosted by UCC" 3733aria-label="Conference Portal: Discover research conferences hosted by UCC" 3734> 3735<!--[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"> 3736Conference Portal 3737</span> 3738<!--[if ENDBLOCK]><![endif]--> 3739<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3740</li> 3741<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3742class="w-full" 3743@click.capture=" 3744window._menuClickFired = true; 3745trackVisit('Lecture Series', 'https:\/\/ucc.edu.gh\/lecture-series'); 3746typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3747menu_type: 'research', 3748tab_label: 'Research', 3749sub_menu_id: 68, 3750audience: selectedAudience || null, 3751search_query: menuSearch.trim() || null 3752}) 3753"> 3754<a href="https://ucc.edu.gh/lecture-series" 3755class="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" 3756target="_self" 3757title="Browse inaugural, memorial, and public lecture series" 3758aria-label="Lecture Series: Browse inaugural, memorial, and public lecture series" 3759> 3760<!--[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"> 3761Lecture Series 3762</span> 3763<!--[if ENDBLOCK]><![endif]--> 3764<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3765</li> 3766<!--[if ENDBLOCK]><![endif]--> </ul> 3767</div> 3768<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-98" 3769class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 3770x-show="slidePanel === 98" 3771x-transition:enter="transition ease-out duration-[250ms]"
3772x-transition:enter-start="opacity-0 translate-x-4" 3773x-transition:enter-end="opacity-100 translate-x-0" 3774x-transition:leave="transition ease-in duration-150" 3775x-transition:leave-start="opacity-100" 3776x-transition:leave-end="opacity-0 translate-x-4" 3777role="region" 3778aria-label="Research Support submenu" 3779> 3780<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 3781x-show="! isDefaultPreview" 3782aria-label="Menu breadcrumb"> 3783<button type="button" 3784@click="closePreview()" 3785class="hover:text-white transition-colors cursor-pointer"> 3786Research 3787</button> 3788<span class="text-blue-300" aria-hidden="true">âº</span> 3789<span class="text-white/90">Research Support</span> 3790</nav> 3791<a href="https://dric.ucc.edu.gh" 3792target="_blank" 3793rel="noopener noreferrer" class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 3794@click.capture=" 3795window._menuClickFired = true; 3796trackVisit('Research Support', 'https:\/\/dric.ucc.edu.gh'); 3797typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3798menu_type: 'research', 3799tab_label: 'Research', 3800sub_menu_id: 98, 3801audience: selectedAudience || null, 3802search_query: menuSearch.trim() || null 3803}) 3804"> 3805Research Support 3806<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"> 3807<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3808</svg> 3809</a> 3810<ul class="flex flex-col items-start" role="list"> 3811<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3812class="w-full" 3813@click.capture=" 3814window._menuClickFired = true; 3815trackVisit('Research Award Grant (RAG)', 'https:\/\/dric.ucc.edu.gh\/news\/fourth-research-awards-and-grants-rag-ceremony-20182019-academic-year'); 3816typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3817menu_type: 'research', 3818tab_label: 'Research', 3819sub_menu_id: 65, 3820audience: selectedAudience || null, 3821search_query: menuSearch.trim() || null 3822}) 3823">
3824<a href="https://dric.ucc.edu.gh/news/fourth-research-awards-and-grants-rag-ceremony-20182019-academic-year" 3825class="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" 3826target="_blank" 3827rel="noopener noreferrer" title="Learn about research funding opportunities" 3828aria-label="Research Award Grant (RAG): Learn about research funding opportunities" 3829> 3830<!--[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"> 3831Research Award Grant (RAG) 3832</span> 3833<!--[if ENDBLOCK]><![endif]--> 3834<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3835</li> 3836<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3837class="w-full" 3838@click.capture=" 3839window._menuClickFired = true; 3840trackVisit('Institutional Review Board (IRB)', 'https:\/\/irb.ucc.edu.gh'); 3841typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3842menu_type: 'research', 3843tab_label: 'Research', 3844sub_menu_id: 66, 3845audience: selectedAudience || null, 3846search_query: menuSearch.trim() || null 3847}) 3848"> 3849<a href="https://irb.ucc.edu.gh" 3850class="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" 3851target="_blank" 3852rel="noopener noreferrer" title="Ethics review for research involving human participants" 3853aria-label="Institutional Review Board (IRB): Ethics review for research involving human participants" 3854> 3855<!--[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"> 3856Institutional Review Board (IRB) 3857</span> 3858<!--[if ENDBLOCK]><![endif]--> 3859<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3860</li> 3861<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3862class="w-full" 3863@click.capture=" 3864window._menuClickFired = true; 3865trackVisit('Directorate of Research Innovation and Consultancy (DRIC)', 'https:\/\/dric.ucc.edu.gh'); 3866typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3867menu_type: 'research', 3868tab_label: 'Research', 3869sub_menu_id: 67, 3870audience: selectedAudience || null, 3871search_query: menuSearch.trim() || null 3872}) 3873"> 3874<a href="https://dric.ucc.edu.gh" 3875class="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" 3876target="_blank" 3877rel="noopener noreferrer" title="Support for research and innovation activities" 3878aria-label="Directorate of Research Innovation and Consultancy (DRIC): Support for research and innovation activities" 3879> 3880<!--[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"> 3881Directorate of Research Innovation and Consultancy (DRIC) 3882</span> 3883<!--[if ENDBLOCK]><![endif]--> 3884<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 3885</li> 3886<!--[if ENDBLOCK]><![endif]--> </ul> 3887</div> 3888<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 3889</div> 3890<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3891</div> 3892<div id="submenu-newsMedia" 3893class="flex grow flex-col pt-6 max-md:mt-4 pb-24" 3894x-show="openSubMenu == 'newsMedia'" 3895x-transition:enter="transition ease-out duration-[250ms]"
3896x-transition:enter-start="opacity-0 -translate-x-8" 3897x-transition:enter-end="opacity-100 translate-x-0" 3898x-transition:leave="transition ease-in duration-150" 3899x-transition:leave-start="opacity-100" 3900x-transition:leave-end="opacity-0 -translate-x-8" 3901role="tabpanel" 3902tabindex="0" 3903aria-labelledby="tab-newsMedia" 3904> 3905<div class="submenu-content"> 3906<div class="px-8 pe-20"> 3907<!--[if BLOCK]><![endif]--> <div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 3908<a href="https://news.ucc.edu.gh" 3909class="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" 3910target="_self" 3911> 3912<!--[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"> 3913Featured 3914</span> 3915<!--[if ENDBLOCK]><![endif]--> <div class="items-center flex justify-between gap-5 w-full"> 3916<div class="text-white text-2xl font-bold grow break-words" 3917aria-describedby="featured-desc-69" > 3918News Updates 3919</div> 3920<!--[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"> 3921<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 3922</svg> <!--[if ENDBLOCK]><![endif]--> </div> 3923<div id="featured-desc-69" class="text-blue-200 text-lg leading-7 max-w-full mt-3.5"> 3924Don'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. 3925</div> 3926</a> 3927</div> 3928<!--[if ENDBLOCK]><![endif]--> 3929<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 mt-6 mb-2 px-4"> 3930<hr class="flex-1 border-white/10" /> 3931<span class="text-blue-200 text-xs font-medium uppercase tracking-widest shrink-0">More</span> 3932<hr class="flex-1 border-white/10" /> 3933</div> 3934<!--[if ENDBLOCK]><![endif]--> </div> 3935<div x-data="menuPreviewRail({ 3936curatedId: 99, 3937curatedTitle: 'Trending', 3938defaultId: null, 3939defaultTitle: '' 3940})" 3941x-effect="if(openSubMenu != 'newsMedia') resetPreview()" 3942class="flex gap-0" 3943> 3944<div class="shrink-0 px-8 pe-6" 3945:class="slidePanel ? 'w-[45%] border-e border-white/10' : 'w-full pe-20'" 3946> 3947<ul class="flex flex-col items-start" role="list"> 3948<!--[if BLOCK]><![endif]--> <li 3949x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3950class="w-full" 3951@click.capture=" 3952window._menuClickFired = true; 3953trackVisit('Trending', 'https:\/\/news.ucc.edu.gh'); 3954typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3955menu_type: 'newsMedia', 3956tab_label: 'News \u0026 Media', 3957sub_menu_id: 99, 3958audience: selectedAudience || null, 3959search_query: menuSearch.trim() || null 3960}) 3961" 3962> 3963<!--[if BLOCK]><![endif]--> 3964<button 3965type="button" 3966@click.prevent="choosePreview(99, 'Trending')" 3967:aria-expanded="(slidePanel === 99).toString()" 3968aria-controls="slide-panel-99" 3969class="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]" 3970:class="slidePanel === 99 && ! isDefaultPreview && 'text-white'" 3971> 3972<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" 3973:class="slidePanel === 99 && (isDefaultPreview ? 'after:!w-full after:!bg-white/25' : 'after:!w-full')"> 3974Trending 3975</span> 3976<!--[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"> 3977<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3978</svg> 3979</button> 3980<!--[if ENDBLOCK]><![endif]--> </li> 3981<li 3982x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 3983class="w-full" 3984@click.capture=" 3985window._menuClickFired = true; 3986trackVisit('News', 'https:\/\/news.ucc.edu.gh'); 3987typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 3988menu_type: 'newsMedia', 3989tab_label: 'News \u0026 Media', 3990sub_menu_id: 70, 3991audience: selectedAudience || null, 3992search_query: menuSearch.trim() || null 3993}) 3994" 3995> 3996<!--[if BLOCK]><![endif]--> <a href="https://news.ucc.edu.gh" 3997class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
3997ine-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" 3998target="_self" 3999title="Read the latest news from the university" 4000aria-label="News: Read the latest news from the university" 4001> 4002<!--[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"> 4003News 4004</span> 4005<!--[if ENDBLOCK]><![endif]--> 4006<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4007<!--[if ENDBLOCK]><![endif]--> </li> 4008<li 4009x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4010class="w-full" 4011@click.capture=" 4012window._menuClickFired = true; 4013trackVisit('Events', 'https:\/\/events.ucc.edu.gh'); 4014typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4015menu_type: 'newsMedia', 4016tab_label: 'News \u0026 Media', 4017sub_menu_id: 71, 4018audience: selectedAudience || null, 4019search_query: menuSearch.trim() || null 4020}) 4021" 4022> 4023<!--[if BLOCK]><![endif]--> <a href="https://events.ucc.edu.gh" 4024class="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" 4025target="_self" 4026title="View upcoming events and activities" 4027aria-label="Events: View upcoming events and activities" 4028> 4029<!--[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"> 4030Events 4031</span> 4032<!--[if ENDBLOCK]><![endif]--> 4033<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4034<!--[if ENDBLOCK]><![endif]--> </li> 4035<li 4036x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4037class="w-full" 4038@click.capture=" 4039window._menuClickFired = true; 4040trackVisit('Videos', 'https:\/\/ucc.edu.gh\/media\/videos'); 4041typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4042menu_type: 'newsMedia', 4043tab_label: 'News \u0026 Media', 4044sub_menu_id: 73, 4045audience: selectedAudience || null, 4046search_query: menuSearch.trim() || null 4047}) 4048" 4049> 4050<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/media/videos" 4051class="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" 4052target="_self" 4053title="Watch videos from UCC events and activities" 4054aria-label="Videos: Watch videos from UCC events and activities" 4055> 4056<!--[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"> 4057Videos 4058</span> 4059<!--[if ENDBLOCK]><![endif]--> 4060<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4061<!--[if ENDBLOCK]><![endif]--> </li> 4062<li 4063x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4064class="w-full" 4065@click.capture=" 4066window._menuClickFired = true; 4067trackVisit('Press Releases', 'https:\/\/ucc.edu.gh\/announcements?type=press-release'); 4068typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4069menu_type: 'newsMedia', 4070tab_label: 'News \u0026 Media', 4071sub_menu_id: 75, 4072audience: selectedAudience || null, 4073search_query: menuSearch.trim() || null 4074}) 4075" 4076> 4077<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements?type=press-release" 4078class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
4078ine-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" 4079target="_self" 4080title="Official press releases and media statements" 4081aria-label="Press Releases: Official press releases and media statements" 4082> 4083<!--[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"> 4084Press Releases 4085</span> 4086<!--[if ENDBLOCK]><![endif]--> 4087<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4088<!--[if ENDBLOCK]><![endif]--> </li> 4089<li 4090x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4091class="w-full" 4092@click.capture=" 4093window._menuClickFired = true; 4094trackVisit('Announcements', 'https:\/\/ucc.edu.gh\/announcements'); 4095typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4096menu_type: 'newsMedia', 4097tab_label: 'News \u0026 Media', 4098sub_menu_id: 76, 4099audience: selectedAudience || null, 4100search_query: menuSearch.trim() || null 4101}) 4102" 4103> 4104<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements" 4105class="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" 4106target="_self" 4107title="Important announcements and notices" 4108aria-label="Announcements: Important announcements and notices" 4109> 4110<!--[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"> 4111Announcements 4112</span> 4113<!--[if ENDBLOCK]><![endif]--> 4114<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4115<!--[if ENDBLOCK]><![endif]--> </li> 4116<!--[if ENDBLOCK]><![endif]--> </ul> 4117</div> 4118<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div id="slide-panel-99" 4119class="flex-1 min-w-0 px-8 pe-20 overflow-y-auto" 4120x-show="slidePanel === 99" 4121x-transition:enter="transition ease-out duration-[250ms]" 4122x-transition:enter-start="opacity-0 translate-x-4" 4123x-transition:enter-end="opacity-100 translate-x-0" 4124x-transition:leave="transition ease-in duration-150" 4125x-transition:leave-start="opacity-100" 4126x-transition:leave-end="opacity-0 translate-x-4" 4127role="region" 4128aria-label="Trending submenu" 4129> 4130<nav class="flex items-center gap-1.5 text-blue-200 text-xs font-medium mb-3 select-none" 4131x-show="! isDefaultPreview" 4132aria-label="Menu breadcrumb"> 4133<button type="button" 4134@click="closePreview()" 4135class="hover:text-white transition-colors cursor-pointer"> 4136News & Media 4137</button> 4138<span class="text-blue-300" aria-hidden="true">âº</span> 4139<span class="text-white/90">Trending</span> 4140</nav> 4141<a href="https://news.ucc.edu.gh" 4142target="_self" 4143class="text-white text-xl font-bold mb-5 inline-flex items-center gap-2 group hover:text-blue-200 transition-colors" 4144@click.capture=" 4145window._menuClickFired = true; 4146trackVisit('Trending', 'https:\/\/news.ucc.edu.gh'); 4147typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4148menu_type: 'newsMedia', 4149tab_label: 'News \u0026 Media', 4150sub_menu_id: 99, 4151audience: selectedAudience || null, 4152search_query: menuSearch.trim() || null 4153}) 4154"> 4155Trending 4156<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"> 4157<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 4158</svg> 4159</a> 4160<ul class="flex flex-col items-start" role="list"> 4161<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4162class="w-full" 4163@click.capture=" 4164window._menuClickFired = true; 4165trackVisit('Re-Opening for Level 100 Students-(2026\/2027 Academic Year)', 'https:\/\/ucc.edu.gh\/announcements\/re-opening-for-level-100-students-20262027-academic-year'); 4166typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4167menu_type: 'newsMedia', 4168tab_label: 'News \u0026 Media', 4169sub_menu_id: -1, 4170audience: selectedAudience || null, 4171search_query: menuSearch.trim() || null 4172}) 4173"> 4174<a href="https://ucc.edu.gh/announcements/re-opening-for-level-100-students-20262027-academic-year" 4175class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
4175ine-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" 4176target="_self" 4177title="General" 4178aria-label="Re-Opening for Level 100 Students-(2026/2027 Academic Year): General" 4179> 4180<!--[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"> 4181Re-Opening for Level 100 Students-(2026/2027 Academic Year) 4182</span> 4183<!--[if ENDBLOCK]><![endif]--> 4184<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4185</li> 4186<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4187class="w-full" 4188@click.capture=" 4189window._menuClickFired = true; 4190trackVisit('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'); 4191typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4192menu_type: 'newsMedia', 4193tab_label: 'News \u0026 Media', 4194sub_menu_id: -2, 4195audience: selectedAudience || null, 4196search_query: menuSearch.trim() || null 4197}) 4198"> 4199<a href="https://ucc.edu.gh/announcements/vacancy-head-of-communications-and-public-relations-hcpr-institute-for-educational-planning-and-administration" 4200class="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" 4201target="_self" 4202title="Important" 4203aria-label="Vacancy: Head of Communications and Public Relations (HCPR)- Institute for Educational Planning and Administration: Important" 4204> 4205<!--[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"> 4206Vacancy: Head of Communications and Public Relations (HCPR)- Institute for Educational Planning and Administration 4207</span> 4208<!--[if ENDBLOCK]><![endif]--> 4209<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4210</li> 4211<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4212class="w-full" 4213@click.capture=" 4214window._menuClickFired = true; 4215trackVisit('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'); 4216typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4217menu_type: 'newsMedia', 4218tab_label: 'News \u0026 Media', 4219sub_menu_id: -3, 4220audience: selectedAudience || null, 4221search_query: menuSearch.trim() || null 4222}) 4223"> 4224<a href="https://ucc.edu.gh/announcements/vacancy-director-directorate-of-academic-planning-and-quality-assurance-dapqa" 4225class="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" 4226target="_self" 4227title="Important" 4228aria-label="Vacancy: Director, Directorate of Academic Planning and Quality Assurance (DAPQA): Important" 4229> 4230<!--[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"> 4231Vacancy: Director, Directorate of Academic Planning and Quality Assurance (DAPQA) 4232</span> 4233<!--[if ENDBLOCK]><![endif]--> 4234<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4235</li> 4236<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)" 4237class="w-full" 4238@click.capture=" 4239window._menuClickFired = true; 4240trackVisit('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'); 4241typeof window.menuBeacon === 'function' && window.menuBeacon('click', { 4242menu_type: 'newsMedia', 4243tab_label: 'News \u0026 Media', 4244sub_menu_id: -4, 4245audience: selectedAudience || null, 4246search_query: menuSearch.trim() || null 4247}) 4248"> 4249<a href="https://ucc.edu.gh/announcements/vacancy-director-research-innovation-outreach-institute-for-educational-planning-and-administration" 4250class="text-blue-100 text-lg font-semibold tracking-normal ms-4 mt-5 self-start inl
4250ine-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" 4251target="_self" 4252title="General" 4253aria-label="Vacancy: Director, Research, Innovation & Outreach - Institute for Educational Planning and Administration: General" 4254> 4255<!--[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"> 4256Vacancy: Director, Research, Innovation & Outreach - Institute for Educational Planning and Administration 4257</span> 4258<!--[if ENDBLOCK]><![endif]--> 4259<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4260</li> 4261<!--[if ENDBLOCK]><![endif]--> </ul> 4262</div> 4263<!--[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]--> 4264</div> 4265<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4266</div> 4267<!--[if ENDBLOCK]><![endif]--> </div> 4268</div> 4269</div> 4270<div x-show="menuSearch.trim()" 4271x-transition:enter="transition ease-[cubic-bezier(0.4,0,0.2,1)] duration-200" 4272x-transition:enter-start="opacity-0 translate-y-2" 4273x-transition:enter-end="opacity-100 translate-y-0" 4274x-transition:leave="transition ease-[cubic-bezier(0.4,0,1,1)] duration-150" 4275x-transition:leave-start="opacity-100 translate-y-0" 4276x-transition:leave-end="opacity-0 -translate-y-1" 4277id="global-search-results" 4278x-ref="menuResults" 4279class="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" 4280> 4281<div aria-live="polite" aria-atomic="true" class="sr-only" 4282x-text="searchResults.length > 0 ? searchResults.length + ' Results' : (menuSearch.trim() ? 'No items match your search.' : '')"> 4283</div> 4284<p class="text-blue-300 text-xs font-semibold uppercase tracking-widest mb-5"> 4285Results 4286</p> 4287<ul id="menu-results-desktop" 4288role="listbox" 4289aria-label="Results" 4290class="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-12 gap-y-1"> 4291<template x-for="(item, index) in searchResults" :key="item.id + '_' + (item.breadcrumb || '')"> 4292<li class="py-0.5" 4293role="presentation" 4294@click.capture=" 4295window._menuClickFired = true; 4296trackVisit(item.title, item.url); 4297logMenuSearch(); 4298typeof window.menuBeacon === 'function' && window.menuBeacon('click', { menu_type: item.tabKey, tab_label: item.section, sub_menu_id: item.id, search_query: menuSearch.trim() || null }) 4299" 4300> 4301<a :href="item.url" 4302role="option" 4303:id="'menu-option-desktop-' + index" 4304:aria-selected="isActive($el) ? 'true' : 'false'" 4305:class="isActive($el) ? 'bg-white/10 ring-2 ring-white/70' : ''" 4306class="group flex flex-col gap-0.5 py-1.5 rounded-lg hover:bg-white/5 px-2 -mx-2 transition-colors"> 4307<span class="text-white text-base font-medium group-hover:text-blue-200 transition-colors" x-text="item.title"></span> 4308<span class="text-blue-300 text-xs" x-text="item.breadcrumb ? item.section + ' ⺠' + item.breadcrumb : item.section"></span> 4309</a> 4310</li> 4311</template> 4312</ul> 4313<div class="py-6" x-show="menuSearch.trim() && searchResults.length === 0"> 4314<p class="text-blue-200 text-sm italic">No items match your search.</p> 4315<p class="text-blue-200 text-sm mt-1">Nothing in the menu matches â opening the full site searchâ¦</p> 4316</div> 4317</div> 4318<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"> 4319<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 4320<!--[if BLOCK]><![endif]--> 4321<div class="flex items-center gap-10" :class="recentItems.length > 0 ? 'justify-between' : ''"> 4322<template x-if="recentItems.length > 0"> 4323<div class="flex items-center gap-5 flex-1 min-w-0"> 4324<div class="flex items-center gap-3 my-auto shrink-0" aria-hidden="true"> 4325<span class="text-blue-100 text-base leading-6 text-nowrap">Recently Visited</span> 4326<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 4327stroke="currentColor" class="size-4 rtl:scale-x-[-1]"> 4328<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 4329</svg> 4330</div> 4331<nav class="flex items-center gap-6 overflow-x-auto [scrollbar-width:none] min-w-0" 4332role="navigation" 4333aria-label="Recently Visited"> 4334<template x-for="item in recentItems" :key="item.url"> 4335<a :href="item.url" 4336x-text="item.title" 4337class="text-white font-semibold text-nowrap transition-all duration-150 hover:text-blue-200 relative group shrink-0"> 4338</a> 4339</template> 4340</nav> 4341</div> 4342</template> 4343<template x-if="recentItems.length > 0"> 4344<div class="w-px h-5 bg-white/20 shrink-0"></div> 4345</template> 4346<div class="flex items-center gap-10" :class="recentItems.length > 0 ? 'flex-1 min-w-0' : ''"> 4347<div class="flex items-center gap-3 my-auto shrink-0" aria-hidden="true"> 4348<div class="text-blue-100 text-base leading-6 text-nowrap"> 4349Quick Links 4350</div> 4351<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 4352stroke="currentColor" class="size-4 rtl:scale-x-[-1]"> 4353<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 4354</svg> 4355</div> 4356<nav class="justify-between items-start flex gap-10 my-auto *:text-nowrap overflow-x-scroll" 4357role="navigation" 4358aria-label="Quick links navigation"> 4359<!--[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" 4360href="#" 4361target="_self" 4362> 4363A-Z list 4364<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4365</a> 4366<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" 4367href="https://ucc.edu.gh/main/web-services" 4368target="_self" 4369> 4370Web Services 4371<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4372</a> 4373<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" 4374href="https://alumni.ucc.edu.gh/" 4375target="_blank" 4376rel="noopener noreferrer" > 4377Alumni 4378<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4379</a> 4380<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" 4381href="https://library.ucc.edu.gh" 4382target="_blank" 4383rel="noopener noreferrer" > 4384Libraries 4385<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4386</a> 4387<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" 4388href="https://ucc.edu.gh/main/publications/forms" 4389target="_self" 4390> 4391Forms 4392<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4393</a> 4394<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" 4395href="https://events.ucc.edu.gh" 4396target="_self" 4397> 4398Events 4399<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4400</a> 4401<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" 4402href="https://directory.ucc.edu.gh" 4403target="_self" 4404> 4405Staff Directory 4406<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4407</a> 4408<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" 4409href="https://my.ucc.edu.gh" 4410target="_blank" 4411rel="noopener noreferrer" > 4412MyUCC 4413<span class="absolute bottom-0 start-0 w-0 h-0.5 bg-blue-200 transition-all duration-300 group-hover:w-full"></span> 4414</a> 4415<!--[if ENDBLOCK]><![endif]--> </nav> 4416</div> 4417</div> 4418<!--[if ENDBLOCK]><![endif]--> 4419<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 4420</div> 4421</template> 4422<!--[if ENDBLOCK]><![endif]--> </div> 4423<div 4424id="mobile-menu-panel" 4425data-menu-surface 4426class="lg:hidden print:hidden fixed inset-0 z-50 flex flex-col bg-blue-800/95 dark:bg-neutral-900 dark:text-neutral-300" 4427x-show="megaMenu && !isDesktop" x-cloak 4428x-data="{ 4429...menuFilterKeyboard(), 4430menuSearch: '', 4431selectedAudience: (()=>
4431{ 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]); } })(), 4432audienceLabels: 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}'), 4433searchItems: (() => { try { return JSON.parse(document.getElementById('mega-menu-search-data')?.textContent || '[]'); } catch (e) { return []; } })(), 4434hiddenCount: 0, 4435recomputeHidden() { 4436this.hiddenCount = this.selectedAudience 4437? this.searchItems.filter(i => i.audiences && i.audiences.length > 0 && ! i.audiences.includes(this.selectedAudience)).length 4438: 0; 4439}, 4440clearAudience() { 4441this.selectedAudience = ''; 4442this.setCookie('menuAudience', ''); 4443if (typeof window.menuBeacon === 'function') { window.menuBeacon('audience_clear', {}); } 4444}, 4445searchResults: [], 4446recomputeSearch() { 4447const q = this.menuSearch.toLowerCase().trim(); 4448if (!q) { this.searchResults = []; return; } 4449this.searchResults = this.searchItems.filter(i => 4450(i.title.toLowerCase().includes(q) || i.desc.toLowerCase().includes(q)) && 4451(!this.selectedAudience || !i.audiences || i.audiences.length === 0 || i.audiences.includes(this.selectedAudience)) 4452); 4453}, 4454init() { 4455this.recomputeSearch(); 4456this.recomputeHidden(); 4457this.$watch('menuSearch', () => { this.recomputeSearch(); this.resetActive(); this.scheduleEscalation(); }); 4458this.$watch('selectedAudience', () => { this.recomputeSearch(); this.recomputeHidden(); this.resetActive(); }); 4459}, 4460getCookie(name) { 4461const m = document.cookie.match('(?:^|; )' + name + '=([^;]*)'); 4462try { return m ? JSON.parse(decodeURIComponent(m[1])) : null; } catch(e) { return null; } 4463}, 4464setCookie(name, value) { 4465const exp = new Date(Date.now() + 30 * 864e5).toUTCString(); 4466const d = '.ucc.edu.gh'; 4467document.cookie = name + '=' + encodeURIComponent(JSON.stringify(value)) + '; expires=' + exp + '; path=/; SameSite=Lax' + (d ? '; domain=' + d : ''); 4468}, 4469logMenuSearch() { 4470const term = this.menuSearch.trim(); 4471if (term.length < 2) return; 4472const key = term.toLowerCase(); 4473window._menuSearchLogged = window._menuSearchLogged || {}; 4474if (window._menuSearchLogged[key]) return; 4475window._menuSearchLogged[key] = true; 4476const items = this.searchResults; 4477const counts = items.reduce((acc, i) => { acc[i.tabKey] = (acc[i.tabKey] || 0) + 1; return acc; }, {}); 4478fetch('https://academics.ucc.edu.gh/api/menu/search-log', { 4479method: 'POST', 4480headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, 4481body: JSON.stringify({ term, counts }), 4482keepalive: true, 4483}).catch(() => {}); 4484} 4485}" 4486x-trap="megaMenu && !isDesktop" 4487@keyup.escape.window="escapeCloseMenu()" 4488x-transition:enter="transition ease-out duration-300" 4489x-transition:enter-start="opacity-0 transform translate-y-full" 4490x-transition:enter-end="opacity-100 transform translate-y-0" 4491x-transition:leave="transition ease-in duration-150" 4492x-transition:leave-start="opacity-100 transform translate-y-0" 4493x-transition:leave-end="opacity-0 transform translate-y-full"> 4494<template x-if="megaMenu && !isDesktop"> 4495<div class="flex h-full w-full flex-col"> 4496<div class="shrink-0 flex flex-col bg-blue-900 dark:bg-neutral-900"> 4497<div class="flex w-full py-2 px-5 items-stretch justify-between gap-5 dark:border-neutral-700 dark:text-neutral-300"> 4498<a href="https://ucc.edu.gh" class="p-1.5 flex items-center" aria-label="University of Cape Coast - Go to homepage"> 4499<!--[if BLOCK]><![endif]--> 4500<picture> 4501<source type="image/webp" 4502srcset="https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white-2x.webp 530w, https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.webp 1352w" 4503sizes="(min-width: 768px) 265px, 165px" > 4504<img 4505src="https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.png" 4506alt="University of Cape Coast" 4507width="1352" 4508height="286" 4509style="aspect-ratio: 1352/286" 4510fetchpriority="high" 4511loading="eager" 4512class="h-10 w-auto" 4513> 4514</picture> 4515<!--[if ENDBLOCK]><![endif]--> 4516<span class="sr-only">University of Cape Coast</span> 4517</a> 4518<button 4519class="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" 4520@click="toggleMegaMenuActivity()" 4521aria-label="Close menu"> 4522<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
4522s="text-white transition-transform duration-300 group-hover:rotate-90 group-hover:scale-110" aria-hidden="true"> 4523<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /> 4524</svg> 4525<div class="sr-only text-white text-base font-semibold self-center my-auto"> 4526Close 4527</div> 4528</button> 4529</div> 4530<div class="border-t border-white/20 bg-white/[0.08] px-5"> 4531<div class="relative flex items-center"> 4532<div class="pointer-events-none absolute left-0 flex items-center ps-1" aria-hidden="true"> 4533<svg class="w-4 h-4 text-white/50" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4534<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"/> 4535</svg> 4536</div> 4537<input 4538x-model.debounce.150ms="menuSearch" 4539type="text" 4540placeholder="Jump to a menu itemâ¦" 4541autocomplete="off" 4542aria-label="Jump to a menu item. This filters the menu, not the whole site." 4543role="combobox" 4544aria-controls="menu-results-mobile" 4545aria-autocomplete="list" 4546:aria-expanded="searchResults.length > 0 ? 'true' : 'false'" 4547:aria-activedescendant="activeDescendant()" 4548@keydown.arrow-down.prevent="moveActive(1)" 4549@keydown.arrow-up.prevent="moveActive(-1)" 4550@keydown.enter.prevent="submitMenuSearch()" 4551class="w-full bg-transparent text-white placeholder-white/60 text-sm ps-7 pe-8 py-3 focus:outline-none" 4552/> 4553<button 4554x-show="menuSearch.trim()" 4555@click="menuSearch = ''" 4556type="button" 4557aria-label="Clear search" 4558class="absolute right-0 flex items-center justify-center min-w-[44px] min-h-[44px] text-white/60 hover:text-white transition" 4559> 4560<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 4561<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> 4562</svg> 4563</button> 4564</div> 4565</div> 4566<!--[if BLOCK]><![endif]--> <div 4567class="border-t border-white/10 bg-white/[0.04] px-5 py-2" 4568x-show="!menuSearch.trim()" 4569@click.outside="closeList(false)" 4570x-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]') })" 4571> 4572<button 4573type="button" 4574id="menu-audience-mobile-button" 4575x-ref="audienceButton" 4576aria-controls="menu-audience-mobile-listbox" 4577aria-haspopup="listbox" 4578@click="toggleList()" 4579@keydown.enter.stop.prevent="toggleList()" 4580@keydown.space.stop.prevent="toggleList()" 4581@keydown.arrow-down.stop.prevent="openList()" 4582@keydown.arrow-up.stop.prevent="openList()" 4583@keydown.escape.stop.prevent="closeList()" 4584:aria-expanded="audienceOpen.toString()" 4585:aria-label="'I am ' + (selectedAudience ? audienceLabels[selectedAudience] : 'Everyone')" 4586class="flex w-full items-center justify-between py-2.5 min-h-[44px] text-sm transition cursor-pointer select-none" 4587:class="selectedAudience ? 'text-white' : 'text-white/65'" 4588> 4589<span class="flex items-center gap-2"> 4590<svg class="w-4 h-4 shrink-0 opacity-80" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 4591<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"/> 4592</svg> 4593<span class="text-white/55 text-xs font-medium">I am</span> 4594<span class="font-semibold text-xs" x-text="selectedAudience ? audienceLabels[selectedAudience] : 'Everyone'"></span> 4595</span> 4596<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"> 4597<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/> 4598</svg> 4599</button> 4600<div 4601x-cloak 4602x-show="audienceOpen" 4603x-transition:enter="transition ease-out duration-150" 4604x-transition:enter-start="opacity-0 -translate-y-1" 4605x-transition:enter-end="opacity-100 translate-y-0" 4606x-transition:leave="transition ease-in duration-100" 4607x-transition:leave-start="opacity-100" 4608x-transition:leave-end="opacity-0" 4609id="menu-audience-mobile-listbox" 4610x-ref="audienceList" 4611role="listbox"
4612tabindex="-1" 4613aria-label="Filter by audience" 4614:aria-activedescendant="audienceOpen ? activeOptionId : null" 4615@keydown.arrow-down.stop.prevent="moveActive(1)" 4616@keydown.arrow-up.stop.prevent="moveActive(-1)" 4617@keydown.home.stop.prevent="firstActive()" 4618@keydown.end.stop.prevent="lastActive()" 4619@keydown.enter.stop.prevent="selectActive()" 4620@keydown.space.stop.prevent="selectActive()" 4621@keydown.escape.stop.prevent="closeList()" 4622@keydown.tab="closeList(false)" 4623class="pb-2 outline-none" 4624> 4625<!--[if BLOCK]><![endif]--> <div 4626id="menu-audience-mobile-option-0" 4627role="option" 4628:aria-selected="(selectedAudience === '').toString()" 4629@click="selectIndex(0)" 4630@mousemove="activeIndex = 0" 4631class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4632:class="{ 4633'text-white font-semibold bg-white/10': selectedAudience === '', 4634'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== '', 4635'bg-white/10 text-white': activeIndex === 0, 4636}" 4637>Everyone</div> 4638<div 4639id="menu-audience-mobile-option-1" 4640role="option" 4641:aria-selected="(selectedAudience === 'prospective_student').toString()" 4642@click="selectIndex(1)" 4643@mousemove="activeIndex = 1" 4644class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4645:class="{ 4646'text-white font-semibold bg-white/10': selectedAudience === 'prospective_student', 4647'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'prospective_student', 4648'bg-white/10 text-white': activeIndex === 1, 4649}" 4650>Prospective Student</div> 4651<div 4652id="menu-audience-mobile-option-2" 4653role="option" 4654:aria-selected="(selectedAudience === 'current_student').toString()" 4655@click="selectIndex(2)" 4656@mousemove="activeIndex = 2" 4657class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4658:class="{ 4659'text-white font-semibold bg-white/10': selectedAudience === 'current_student', 4660'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'current_student', 4661'bg-white/10 text-white': activeIndex === 2, 4662}" 4663>Current Student</div> 4664<div 4665id="menu-audience-mobile-option-3" 4666role="option" 4667:aria-selected="(selectedAudience === 'staff').toString()" 4668@click="selectIndex(3)" 4669@mousemove="activeIndex = 3" 4670class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4671:class="{ 4672'text-white font-semibold bg-white/10': selectedAudience === 'staff', 4673'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'staff', 4674'bg-white/10 text-white': activeIndex === 3, 4675}" 4676>Staff</div> 4677<div 4678id="menu-audience-mobile-option-4" 4679role="option" 4680:aria-selected="(selectedAudience === 'researcher').toString()" 4681@click="selectIndex(4)" 4682@mousemove="activeIndex = 4" 4683class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4684:class="{ 4685'text-white font-semibold bg-white/10': selectedAudience === 'researcher', 4686'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'researcher', 4687'bg-white/10 text-white': activeIndex === 4, 4688}" 4689>Researcher</div> 4690<div 4691id="menu-audience-mobile-option-5" 4692role="option" 4693:aria-selected="(selectedAudience === 'visitor').toString()" 4694@click="selectIndex(5)" 4695@mousemove="activeIndex = 5" 4696class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4697:class="{ 4698'text-white font-semibold bg-white/10': selectedAudience === 'visitor', 4699'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'visitor', 4700'bg-white/10 text-white': activeIndex === 5, 4701}" 4702>Visitor</div> 4703<div 4704id="menu-audience-mobile-option-6" 4705role="option" 4706:aria-selected="(selectedAudience === 'alumni').toString()" 4707@click="selectIndex(6)" 4708@mousemove="activeIndex = 6" 4709class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4710:class="{ 4711'text-white font-semibold bg-white/10': selectedAudience === 'alumni', 4712'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'alumni', 4713'bg-white/10 text-white': activeIndex === 6, 4714}" 4715>Alumni</div> 4716<div 4717id="menu-audience-mobile-option-7" 4718role="option" 4719:aria-selected="(selectedAudience === 'parent').toString()" 4720@click="selectIndex(7)" 4721@mousemove="activeIndex = 7" 4722class="w-full text-start px-3 py-2 text-sm rounded-lg transition cursor-pointer" 4723:class="{ 4724'text-white font-semibold bg-white/10': selectedAudience === 'parent', 4725'text-blue-200 hover:bg-white/5 hover:text-white': selectedAudience !== 'parent', 4726'bg-white/10 text-white': activeIndex === 7, 4727}" 4728>Parent</div> 4729<!--[if ENDBLOCK]><![endif]--> </div> 4730<div x-cloak 4731x-show="selectedAudience && !menuSearch.trim()" 4732role="status" 4733class="flex flex-wrap items-center gap-x-2 pb-1 text-xs"> 4734<span class="text-white/70 shrink-0">Viewing as:</span> 4735<span class="inline-flex items-center gap-1 rounded-full bg-white/15 ps-3 pe-0.5 font-semibold text-white"> 4736<span x-text="audienceLabels[selectedAudience] || selectedAudience"></span> 4737<button 4738type="button" 4739data-persona-clear 4740@click="clearAudience()"
4741aria-label="Show everything â clear this audience filter" 4742class="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" 4743> 4744<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 4745<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"/> 4746</svg> 4747</button> 4748</span> 4749<span class="text-white/70 shrink-0" 4750x-show="hiddenCount > 0" 4751x-text="'(%d hidden)'.replace('%d', hiddenCount)"></span> 4752</div> 4753</div> 4754<!--[if ENDBLOCK]><![endif]--> </div> 4755<div class="flex-1 overflow-y-auto [scrollbar-width:none] px-5 pt-5 pb-16"> 4756<div x-cloak x-show="menuSearch.trim()" x-ref="menuResults"> 4757<div aria-live="polite" aria-atomic="true" class="sr-only" 4758x-text="searchResults.length > 0 ? searchResults.length + ' Results' : (menuSearch.trim() ? 'No items match your search.' : '')"> 4759</div> 4760<p class="text-blue-300 text-xs font-semibold uppercase tracking-widest mb-4">Results</p> 4761<div id="menu-results-mobile" 4762role="listbox" 4763aria-label="Results" 4764class="flex flex-col gap-y-1 pb-8"> 4765<template x-for="(item, index) in searchResults" :key="item.id + '_' + (item.breadcrumb || '')"> 4766<a :href="item.url" 4767role="option" 4768:id="'menu-option-mobile-' + index" 4769:aria-selected="isActive($el) ? 'true' : 'false'" 4770:class="isActive($el) ? 'bg-white/10 ring-2 ring-white/70' : ''" 4771@click="logMenuSearch()" 4772class="flex flex-col py-2.5 px-3 rounded-lg hover:bg-white/10 transition-colors"> 4773<span class="text-white text-sm font-medium" x-text="item.title"></span> 4774<span class="text-blue-200 text-xs mt-0.5 line-clamp-1" x-text="item.breadcrumb || item.desc"></span> 4775</a> 4776</template> 4777</div> 4778<div class="py-4" 4779x-cloak 4780x-show="menuSearch.trim() && searchResults.length === 0"> 4781<p class="text-blue-200 text-sm italic">No items match your search.</p> 4782<p class="text-blue-200 text-sm mt-1">Nothing in the menu matches â opening the full site searchâ¦</p> 4783</div> 4784</div> 4785<div x-show="!menuSearch.trim()"> 4786<div class="flex flex-col gap-y-5 *:text-white"> 4787<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div x-data="{ open: false }"> 4788<div @click.outside="open = false"> 4789<button 4790@click="open = !open" 4791:aria-expanded="open.toString()" 4792class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 4793> 4794<span class="text-2xl font-semibold tracking-wider relative" 4795:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 4796Academics 4797<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> 4798</span> 4799</button> 4800<div x-cloak x-show="open" x-collapse class="mt-5"> 4801<div class="flex flex-col"> 4802<!--[if BLOCK]><![endif]--> 4803<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4804<!--[if BLOCK]><![endif]--> <a href="https://admissions.ucc.edu.gh/catalogue" 4805class="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" 4806target="_self" 4807> 4808<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 4809<div class="text-white text-xl font-bold grow" 4810> 4811Explore all programmes 4812</div> 4813<!--[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"> 4814<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 4815</svg> 4816<!--[if ENDBLOCK]><![endif]--> </div> 4817<div class="text-sm text-blue-100 mt-3.5"> 4818Invest in your future with our extensive range of programmes - Achieve a Degree, Diploma, or Certificate Today! 4819</div> 4820</a> 4821<!--[if ENDBLOCK]><![endif]--> 4822<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4823<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4824<!--[if BLOCK]><![endif]--> <a href="https://admissions.ucc.edu.gh/catalogue" 4825class="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]" 4826target="_self" 4827title="Browse programmes across all modes of study" 4828aria-label="Programmes & Learning: Browse programmes across all modes of study" 4829> 4830<!--[if BLOCK]><![endif]--> Programmes & Learning 4831<!--[if ENDBLOCK]><![endif]--> 4832<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4833<!--[if ENDBLOCK]><![endif]--> 4834<!--[if BLOCK]><![endif]--> <ul role="list" 4835aria-label="Items under Programmes & Learning" 4836class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 4837<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4838<a href="https://sgs.ucc.edu.gh" 4839class="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]" 4840target="_blank" 4841rel="noopener noreferrer" title="Explore postgraduate programmes and research opportunities" 4842aria-label="School of Graduate Studies: Explore postgraduate programmes and research opportunities" 4843> 4844<!--[if BLOCK]><![endif]--> School of Graduate Studies 4845<!--[if ENDBLOCK]><![endif]--> 4846<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4847</li> 4848<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4849<a href="https://code.ucc.edu.gh" 4850class="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]" 4851target="_blank" 4852rel="noopener noreferrer" title="Information about distance and continuing education programmes" 4853aria-label="Distance Education: Information about distance and continuing education programmes" 4854> 4855<!--[if BLOCK]><![endif]--> Distance Education 4856<!--[if ENDBLOCK]><![endif]--> 4857<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4858</li> 4859<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4860<a href="https://international.ucc.edu.gh" 4861class="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]" 4862target="_blank" 4863rel="noopener noreferrer" title="Resources for international students and partnerships" 4864aria-label="International Education: Resources for international students and partnerships" 4865> 4866<!--[if BLOCK]><![endif]--> International Education 4867<!--[if ENDBLOCK]><![endif]--> 4868<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4869</li> 4870<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4871<a href="https://elearning.ucc.edu.gh" 4872class="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]" 4873target="_blank" 4874rel="noopener noreferrer" title="Access online courses and learning materials" 4875aria-label="Elearning Portal: Access online courses and learning materials" 4876> 4877<!--[if BLOCK]><![endif]--> Elearning Portal 4878<!--[if ENDBLOCK]><![endif]--> 4879<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4880</li> 4881<!--[if ENDBLOCK]><![endif]--> </ul> 4882<!--[if ENDBLOCK]><![endif]--> </div> 4883<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4884<!--[if BLOCK]><![endif]--> <a href="https://academics.ucc.edu.gh/colleges" 4885class="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]" 4886target="_self" 4887wire:navigate aria-current="page" title="Explore colleges, faculties, departments and other academic units" 4888aria-label="Academic Structure: Explore colleges, faculties, departments and other academic units" 4889> 4890<!--[if BLOCK]><![endif]--> Academic Structure 4891<!--[if ENDBLOCK]><![endif]--> 4892<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4893<!--[if ENDBLOCK]><![endif]--> 4894<!--[if BLOCK]><![endif]--> <ul role="list" 4895aria-label="Items under Academic Structure" 4896class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 4897<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4898<a href="https://academics.ucc.edu.gh/colleges" 4899class="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]" 4900target="_self" 4901wire:navigate aria-current="page" title="Browse all academic colleges and their programmes" 4902aria-label="Colleges: Browse all academic colleges and their programmes" 4903> 4904<!--[if BLOCK]><![endif]--> Colleges 4905<!--[if ENDBLOCK]><![endif]--> 4906<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4907</li> 4908<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4909<a href="https://academics.ucc.edu.gh/faculties.schools" 4910class="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]" 4911target="_self" 4912wire:navigate title="Explore faculties and schools across the university" 4913aria-label="Faculties & Schools: Explore faculties and schools across the university" 4914> 4915<!--[if BLOCK]><![endif]--> Faculties & Schools 4916<!--[if ENDBLOCK]><![endif]--> 4917<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4918</li> 4919<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4920<a href="https://academics.ucc.edu.gh/departments" 4921class="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]" 4922target="_self" 4923wire:navigate title="Discover academic departments and their programmes" 4924aria-label="Departments: Discover academic departments and their programmes" 4925> 4926<!--[if BLOCK]><![endif]--> Departments 4927<!--[if ENDBLOCK]><![endif]--> 4928<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4929</li> 4930<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4931<a href="https://academics.ucc.edu.gh/centres" 4932class="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]" 4933target="_self" 4934wire:navigate title="Explore research and excellence centres" 4935aria-label="Centres: Explore research and excellence centres" 4936> 4937<!--[if BLOCK]><![endif]--> Centres 4938<!--[if ENDBLOCK]><![endif]--> 4939<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4940</li> 4941<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4942<a href="https://academics.ucc.edu.gh/institutions" 4943class="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]" 4944target="_self" 4945wire:navigate title="Browse academic institutions and their offerings" 4946aria-label="Institutions: Browse academic institutions and their offerings" 4947> 4948<!--[if BLOCK]><![endif]--> Institutions 4949<!--[if ENDBLOCK]><![endif]--> 4950<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4951</li> 4952<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4953<a href="https://academics.ucc.edu.gh/units" 4954class="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]" 4955target="_self" 4956wire:navigate title="View academic and administrative units" 4957aria-label="Units: View academic and administrative units" 4958> 4959<!--[if BLOCK]><![endif]--> Units 4960<!--[if ENDBLOCK]><![endif]--> 4961<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4962</li> 4963<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4964<a href="https://academics.ucc.edu.gh/affiliated-institutions" 4965class="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]" 4966target="_self" 4967wire:navigate title="Learn about institutions affiliated with UCC" 4968aria-label="Affiliate Institutions: Learn about institutions affiliated with UCC" 4969> 4970<!--[if BLOCK]><![endif]--> Affiliate Institutions 4971<!--[if ENDBLOCK]><![endif]--> 4972<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4973</li> 4974<!--[if ENDBLOCK]><![endif]--> </ul> 4975<!--[if ENDBLOCK]><![endif]--> </div> 4976<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4977<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/applicants-and-students" 4978class="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]" 4979target="_self" 4980title="Information and support for prospective and current students" 4981aria-label="Student Resources: Information and support for prospective and current students" 4982> 4983<!--[if BLOCK]><![endif]--> Student Resources 4984<!--[if ENDBLOCK]><![endif]--> 4985<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 4986<!--[if ENDBLOCK]><![endif]--> 4987<!--[if BLOCK]><![endif]--> <ul role="list" 4988aria-label="Items under Student Resources" 4989class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 4990<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 4991<a href="https://ucc.edu.gh/main/applicants-and-students" 4992class="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]" 4993target="_self" 4994title="Resources and information for prospective and current students" 4995aria-label="Applicants and Students: Resources and information for prospective and current students" 4996> 4997<!--[if BLOCK]><![endif]--> Applicants and Students 4998<!--[if ENDBLOCK]><![endif]--> 4999<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5000</li> 5001<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5002<a href="https://academics.ucc.edu.gh/academic-calendar" 5003class="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]" 5004target="_self" 5005wire:navigate title="View important dates and academic schedules" 5006aria-label="Academic Calendar: View important dates and academic schedules" 5007> 5008<!--[if BLOCK]><![endif]--> Academic Calendar 5009<!--[if ENDBLOCK]><![endif]--> 5010<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><!
5010[endif]--></a> 5011</li> 5012<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5013<a href="https://stufso.ucc.edu.gh" 5014class="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]" 5015target="_blank" 5016rel="noopener noreferrer" title="Explore scholarships and financial aid options" 5017aria-label="Financial Support: Explore scholarships and financial aid options" 5018> 5019<!--[if BLOCK]><![endif]--> Financial Support 5020<!--[if ENDBLOCK]><![endif]--> 5021<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5022</li> 5023<!--[if ENDBLOCK]><![endif]--> </ul> 5024<!--[if ENDBLOCK]><![endif]--> </div> 5025<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5026<!--[if BLOCK]><![endif]--> <a href="https://library.ucc.edu.gh" 5027class="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]" 5028target="_blank" 5029rel="noopener noreferrer" title="Access the Sam Jonah Library and learning resources" 5030aria-label="Library: Access the Sam Jonah Library and learning resources" 5031> 5032<!--[if BLOCK]><![endif]--> Library 5033<!--[if ENDBLOCK]><![endif]--> 5034<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5035<!--[if ENDBLOCK]><![endif]--> 5036<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5037<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5038<!--[if BLOCK]><![endif]--> <a href="https://journal.ucc.edu.gh" 5039class="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]" 5040target="_blank" 5041rel="noopener noreferrer" title="Explore academic journals and publications" 5042aria-label="UCC Journals: Explore academic journals and publications" 5043> 5044<!--[if BLOCK]><![endif]--> UCC Journals 5045<!--[if ENDBLOCK]><![endif]--> 5046<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5047<!--[if ENDBLOCK]><![endif]--> 5048<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5049<!--[if ENDBLOCK]><![endif]--> </div> 5050</div> 5051</div> 5052</div> 5053<div x-data="{ open: false }"> 5054<div @click.outside="open = false"> 5055<button 5056@click="open = !open" 5057:aria-expanded="open.toString()" 5058class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 5059> 5060<span class="text-2xl font-semibold tracking-wider relative" 5061:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 5062Admissions 5063<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> 5064</span> 5065</button> 5066<div x-cloak x-show="open" x-collapse class="mt-5"> 5067<div class="flex flex-col"> 5068<!--[if BLOCK]><![endif]--> 5069<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5070<!--[if BLOCK]><![endif]--> <a href="https://admissions.ucc.edu.gh" 5071class="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" 5072target="_self" 5073> 5074<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 5075<div class="text-white text-xl font-bold grow" 5076> 5077Experience what UCC can offer you 5078</div> 5079<!--[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
5079s="text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1"> 5080<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 5081</svg> 5082<!--[if ENDBLOCK]><![endif]--> </div> 5083<div class="text-sm text-blue-100 mt-3.5"> 5084Explore our admissions domain to learn about entry requirements, available programmes, and how to begin your academic journey with us. 5085</div> 5086</a> 5087<!--[if ENDBLOCK]><![endif]--> 5088<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5089<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5090<!--[if BLOCK]><![endif]--> <a href="https://admissions.ucc.edu.gh/how-to-apply" 5091class="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]" 5092target="_self" 5093title="Everything you need to apply to UCC" 5094aria-label="Apply: Everything you need to apply to UCC" 5095> 5096<!--[if BLOCK]><![endif]--> Apply 5097<!--[if ENDBLOCK]><![endif]--> 5098<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5099<!--[if ENDBLOCK]><![endif]--> 5100<!--[if BLOCK]><![endif]--> <ul role="list" 5101aria-label="Items under Apply" 5102class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5103<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5104<a href="https://admissions.ucc.edu.gh/how-to-apply" 5105class="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]" 5106target="_self" 5107title="Step-by-step guide to applying for a programme at UCC" 5108aria-label="How to Apply: Step-by-step guide to applying for a programme at UCC" 5109> 5110<!--[if BLOCK]><![endif]--> How to Apply 5111<!--[if ENDBLOCK]><![endif]--> 5112<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5113</li> 5114<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5115<a href="https://admissions.ucc.edu.gh/catalogue/programme/requirements" 5116class="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]" 5117target="_self" 5118title="Learn about entry requirements and qualifications" 5119aria-label="Admission Requirements: Learn about entry requirements and qualifications" 5120> 5121<!--[if BLOCK]><![endif]--> Admission Requirements 5122<!--[if ENDBLOCK]><![endif]--> 5123<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5124</li> 5125<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5126<a href="https://admissions.ucc.edu.gh/catalogue/programme/cut-off-points" 5127class="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]" 5128target="_self" 5129title="View minimum entry requirements for programmes" 5130aria-label="Cut-Off Points: View minimum entry requirements for programmes" 5131> 5132<!--[if BLOCK]><![endif]--> Cut-Off Points 5133<!--[if ENDBLOCK]><![endif]--> 5134<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5135</li> 5136<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5137<a href="https://admissionlist.ucc.edu.gh/online_letters/admList.php" 5138class="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]" 5139target="_blank" 5140rel="noopener noreferrer" title="Check admission status and download admission letters" 5141aria-label="Admission List: Check admission status and download admission letters" 5142> 5143<!--[if BLOCK]><![endif]--> Admission List 5144<!--[if ENDBLOCK]><![endif]--> 5145<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5146</li> 5147<!--[if ENDBLOCK]><![endif]--> </ul> 5148<!--[if ENDBLOCK]><![endif]--> </div> 5149<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5150<!--[if BLOCK]><![endif]--> <a href="https://admissions.ucc.edu.gh/catalogue" 5151class="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]" 5152target="_self" 5153title="Explore available programmes by department" 5154aria-label="Browse Programmes: Explore available programmes by department" 5155> 5156<!--[if BLOCK]><![endif]--> Browse Programmes 5157<!--[if ENDBLOCK]><![endif]--> 5158<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5159<!--[if ENDBLOCK]><![endif]--> 5160<!--[if BLOCK]><![endif]--> <ul role="list" 5161aria-label="Items under Browse Programmes" 5162class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5163<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5164<a href="https://admissions.ucc.edu.gh/catalogue" 5165class="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]" 5166target="_self" 5167title="Browse all available undergraduate and postgraduate programmes" 5168aria-label="Programmes Catalogue: Browse all available undergraduate and postgraduate programmes" 5169> 5170<!--[if BLOCK]><![endif]--> Programmes Catalogue 5171<!--[if ENDBLOCK]><![endif]--> 5172<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5173</li> 5174<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5175<a href="https://admissions.ucc.edu.gh/catalogue/departments" 5176class="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]" 5177target="_self" 5178title="View programmes offered by academic departments" 5179aria-label="Departments: View programmes offered by academic departments" 5180> 5181<!--[if BLOCK]><![endif]--> Departments 5182<!--[if ENDBLOCK]><![endif]--> 5183<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5184</li> 5185<!--[if ENDBLOCK]><![endif]--> </ul> 5186<!--[if ENDBLOCK]><![endif]--> </div> 5187<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5188<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements?type=admission" 5189class="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]" 5190target="_self" 5191title="Latest admission-related news and updates" 5192aria-label="Announcements: Latest admission-related news and updates" 5193> 5194<!--[if BLOCK]><![endif]--> Announcements 5195<!--[if ENDBLOCK]><![endif]--> 5196<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5197<!--[if ENDBLOCK]><![endif]--> 5198<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5199<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5200<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/applicants-and-students" 5201class="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]" 5202target="_self" 5203title="Essential information for applicants and students" 5204aria-label="Applicants and Students: Essential information for applicants and students" 5205> 5206<!--[if BLOCK]><![endif]--> Applicants and Students 5207<!--[if ENDBLOCK]><![endif]--> 5208<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5209<!--[if ENDBLOCK]><![endif]--> 5210<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5211<!--[if ENDBLOCK]><![endif]--> </div> 5212</div> 5213</div> 5214</div> 5215<div x-data="{ open: false }"> 5216<div @click.outside="open = false"> 5217<button 5218@click="open = !open" 5219:aria-expanded="open.toString()" 5220class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 5221> 5222<span class="text-2xl font-semibold tracking-wider relative" 5223:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 5224Explore UCC 5225<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> 5226</span> 5227</button> 5228<div x-cloak x-show="open" x-collapse class="mt-5"> 5229<div class="flex flex-col"> 5230<!--[if BLOCK]><![endif]--> 5231<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5232<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/explore-ucc/corporate-strategic-plan" 5233class="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
5233k:hover:bg-neutral-700 transform hover:-translate-y-1" 5234target="_self" 5235> 5236<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 5237<div class="text-white text-xl font-bold grow" 5238> 5239Corporate Strategic Plan 5240</div> 5241<!--[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"> 5242<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 5243</svg> 5244<!--[if ENDBLOCK]><![endif]--> </div> 5245<div class="text-sm text-blue-100 mt-3.5"> 5246Explore 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. 5247</div> 5248</a> 5249<!--[if ENDBLOCK]><![endif]--> 5250<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5251<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5252<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/about" 5253class="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]" 5254target="_self" 5255title="History, achievements, and key facts about UCC" 5256aria-label="About the University: History, achievements, and key facts about UCC" 5257> 5258<!--[if BLOCK]><![endif]--> About the University 5259<!--[if ENDBLOCK]><![endif]--> 5260<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5261<!--[if ENDBLOCK]><![endif]--> 5262<!--[if BLOCK]><![endif]--> <ul role="list" 5263aria-label="Items under About the University" 5264class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5265<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5266<a href="https://ucc.edu.gh/main/about" 5267class="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]" 5268target="_self" 5269title="Learn about UCC's rich history and heritage" 5270aria-label="History: Learn about UCC's rich history and heritage" 5271> 5272<!--[if BLOCK]><![endif]--> History 5273<!--[if ENDBLOCK]><![endif]--> 5274<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5275</li> 5276<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5277<a href="#" 5278class="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]" 5279target="_self" 5280title="Discover UCC's recognitions and accomplishments" 5281aria-label="Awards and Achievements: Discover UCC's recognitions and accomplishments" 5282> 5283<!--[if BLOCK]><![endif]--> Awards and Achievements 5284<!--[if ENDBLOCK]><![endif]--> 5285<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5286</li> 5287<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5288<a href="#" 5289class="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]" 5290target="_self" 5291title="View key facts and figures about the university" 5292aria-label="Summary Statistics: View key facts and figures about the university" 5293> 5294<!--[if BLOCK]><![endif]--> Summary Statistics 5295<!--[if ENDBLOCK]><![endif]--> 5296<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5297</li> 5298<!--[if ENDBLOCK]><![endif]--> </ul> 5299<!--[if ENDBLOCK]><![endif]--> </div> 5300<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5301<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/publications" 5302class="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]" 5303target="_self" 5304title="Publications, policies, reports, and official forms" 5305aria-label="Official Documents: Publications, policies, reports, and official forms" 5306> 5307<!--[if BLOCK]><![endif]--> Official Documents 5308<!--[if ENDBLOCK]><![endif]--> 5309<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5310<!--[if ENDBLOCK]><![endif]--> 5311<!--[if BLOCK]><![endif]--> <ul role="list" 5312aria-label="Items under Official Documents" 5313class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5314<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5315<a href="https://ucc.edu.gh/main/publications" 5316class="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]" 5317target="_self" 5318title="Browse university publications and documents" 5319aria-label="Publications: Browse university publications and documents" 5320> 5321<!--[if BLOCK]><![endif]--> Publications 5322<!--[if ENDBLOCK]><![endif]--> 5323<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5324</li> 5325<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5326<a href="https://ucc.edu.gh/main/publications/policies" 5327class="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]" 5328target="_self" 5329title="Access university policies and guidelines" 5330aria-label="Policies: Access university policies and guidelines" 5331> 5332<!--[if BLOCK]><![endif]--> Policies 5333<!--[if ENDBLOCK]><![endif]--> 5334<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5335</li> 5336<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5337<a href="https://ucc.edu.gh/main/publications/reports" 5338class="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]" 5339target="_self" 5340title="Read institutional reports and documents" 5341aria-label="Reports: Read institutional reports and documents" 5342> 5343<!--[if BLOCK]><![endif]--> Reports 5344<!--[if ENDBLOCK]><![endif]--> 5345<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5346</li> 5347<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5348<a href="https://ucc.edu.gh/main/publications/forms" 5349class="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]" 5350target="_self" 5351title="Download official forms and templates" 5352aria-label="Forms: Download official forms and templates" 5353> 5354<!--[if BLOCK]><![endif]--> Forms 5355<!--[if ENDBLOCK]><![endif]--> 5356<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5357</li> 5358<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5359<a href="https://ucc.edu.gh/main/publications/statutes" 5360class="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]" 5361target="_self" 5362title="Review the university's statutes and regulations" 5363aria-label="Statutes of UCC: Review the university's statutes and regulations" 5364> 5365<!--[if BLOCK]><![endif]--> Statutes of UCC 5366<!--[if ENDBLOCK]><![endif]--> 5367<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5368</li> 5369<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5370<a href="https://ucc.edu.gh/main/publications/bookpaper-collaborations" 5371class="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]" 5372target="_self" 5373title="Explore collaborative research publications" 5374aria-label="Book/Paper Collaborations: Explore collaborative research publications" 5375> 5376<!--[if BLOCK]><![endif]--> Book/Paper Collaborations 5377<!--[if ENDBLOCK]><![endif]--> 5378<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5379</li> 5380<!--[if ENDBLOCK]><![endif]--> </ul> 5381<!--[if ENDBLOCK]><![endif]--> </div> 5382<!--[if ENDBLOCK]><![endif]--> </div> 5383</div> 5384</div> 5385</div> 5386<div x-data="{ open: false }"> 5387<div @click.outside="open = false"> 5388<button 5389@click="open = !open" 5390:aria-expanded="open.toString()" 5391class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 5392> 5393<span class="text-2xl font-semibold tracking-wider relative" 5394:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 5395Governance 5396<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> 5397</span> 5398</button> 5399<div x-cloak x-show="open" x-collapse class="mt-5"> 5400<div class="flex flex-col"> 5401<!--[if BLOCK]><![endif]--> 5402<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5403<!--[if BLOCK]><![endif]--> <a href="https://governance.ucc.edu.gh/university-council" 5404class="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
5404k:hover:bg-neutral-700 transform hover:-translate-y-1" 5405target="_self" 5406> 5407<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 5408<div class="text-white text-xl font-bold grow" 5409> 5410Governance and Administration 5411</div> 5412<!--[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"> 5413<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 5414</svg> 5415<!--[if ENDBLOCK]><![endif]--> </div> 5416<div class="text-sm text-blue-100 mt-3.5"> 5417Governance and Administration ensure the university operates effectively, with decision-making bodies guiding strategy and leadership, while the administration manages daily operations. 5418</div> 5419</a> 5420<!--[if ENDBLOCK]><![endif]--> 5421<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5422<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5423<!--[if BLOCK]><![endif]--> <a href="https://governance.ucc.edu.gh/principal-officers" 5424class="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]" 5425target="_self" 5426title="The Chancellor, Vice-Chancellor, and principal officers" 5427aria-label="Executive Leadership: The Chancellor, Vice-Chancellor, and principal officers" 5428> 5429<!--[if BLOCK]><![endif]--> Executive Leadership 5430<!--[if ENDBLOCK]><![endif]--> 5431<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5432<!--[if ENDBLOCK]><![endif]--> 5433<!--[if BLOCK]><![endif]--> <ul role="list" 5434aria-label="Items under Executive Leadership" 5435class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5436<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5437<a href="https://chancellor.ucc.edu.gh" 5438class="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]" 5439target="_self" 5440title="Meet the Chancellor of the university" 5441aria-label="The Chancellor: Meet the Chancellor of the university" 5442> 5443<!--[if BLOCK]><![endif]--> The Chancellor 5444<!--[if ENDBLOCK]><![endif]--> 5445<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5446</li> 5447<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5448<a href="https://pro-chancellor.ucc.edu.gh" 5449class="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]" 5450target="_self" 5451title="Learn about the Pro Chancellor's role and responsibilities" 5452aria-label="The Pro Chancellor: Learn about the Pro Chancellor's role and responsibilities" 5453> 5454<!--[if BLOCK]><![endif]--> The Pro Chancellor 5455<!--[if ENDBLOCK]><![endif]--> 5456<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5457</li> 5458<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5459<a href="https://vc.ucc.edu.gh" 5460class="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]" 5461target="_self" 5462title="Learn about the Vice-Chancellor's vision and leadership" 5463aria-label="The Vice-Chancellor: Learn about the Vice-Chancellor's vision and leadership" 5464> 5465<!--[if BLOCK]><![endif]--> The Vice-Chancellor 5466<!--[if ENDBLOCK]><![endif]--> 5467<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5468</li> 5469<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5470<a href="https://pvc.ucc.edu.gh" 5471class="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]" 5472target="_self" 5473title="Meet the Pro Vice-Chancellor" 5474aria-label="The Pro Vice-Chancellor: Meet the Pro Vice-Chancellor" 5475> 5476<!--[if BLOCK]><![endif]--> The Pro Vice-Chancellor 5477<!--[if ENDBLOCK]><![endif]--> 5478<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5479</li> 5480<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)">
5481<a href="https://registrar.ucc.edu.gh" 5482class="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]" 5483target="_self" 5484title="Learn about the Registrar's office and services" 5485aria-label="The Registrar: Learn about the Registrar's office and services" 5486> 5487<!--[if BLOCK]><![endif]--> The Registrar 5488<!--[if ENDBLOCK]><![endif]--> 5489<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5490</li> 5491<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5492<a href="https://librarian.ucc.edu.gh" 5493class="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]" 5494target="_self" 5495title="Meet the University Librarian" 5496aria-label="The Librarian: Meet the University Librarian" 5497> 5498<!--[if BLOCK]><![endif]--> The Librarian 5499<!--[if ENDBLOCK]><![endif]--> 5500<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5501</li> 5502<!--[if ENDBLOCK]><![endif]--> </ul> 5503<!--[if ENDBLOCK]><![endif]--> </div> 5504<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5505<!--[if BLOCK]><![endif]--> <a href="https://governance.ucc.edu.gh/university-council" 5506class="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]" 5507target="_self" 5508title="University Council and principal officers" 5509aria-label="Governance Bodies: University Council and principal officers" 5510> 5511<!--[if BLOCK]><![endif]--> Governance Bodies 5512<!--[if ENDBLOCK]><![endif]--> 5513<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5514<!--[if ENDBLOCK]><![endif]--> 5515<!--[if BLOCK]><![endif]--> <ul role="list" 5516aria-label="Items under Governance Bodies" 5517class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5518<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5519<a href="https://governance.ucc.edu.gh/university-council" 5520class="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]" 5521target="_self" 5522title="View the governing body of the university" 5523aria-label="University Council: View the governing body of the university" 5524> 5525<!--[if BLOCK]><![endif]--> University Council 5526<!--[if ENDBLOCK]><![endif]--> 5527<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5528</li> 5529<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5530<a href="https://governance.ucc.edu.gh/principal-officers" 5531class="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]" 5532target="_self" 5533title="Meet the key leadership of the university" 5534aria-label="Principal Officers: Meet the key leadership of the university" 5535> 5536<!--[if BLOCK]><![endif]--> Principal Officers 5537<!--[if ENDBLOCK]><![endif]--> 5538<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5539</li> 5540<!--[if ENDBLOCK]><![endif]--> </ul> 5541<!--[if ENDBLOCK]><![endif]--> </div> 5542<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5543<!--[if BLOCK]><![endif]--> <a href="https://governance.ucc.edu.gh/deans" 5544class="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]" 5545target="_self" 5546title="Provosts, deans, directors, and department heads" 5547aria-label="Academic Leadership: Provosts, deans, directors, and department heads" 5548> 5549<!--[if BLOCK]><![endif]--> Academic Leadership 5550<!--[if ENDBLOCK]><![endif]--> 5551<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5552<!--[if ENDBLOCK]><![endif]--> 5553<!--[if BLOCK]><![endif]--> <ul role="list" 5554aria-label="Items under Academic Leadership" 5555class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5556<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5557<a href="https://governance.ucc.edu.gh/provosts" 5558class="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]" 5559target="_self" 5560title="View college provosts and their leadership" 5561aria-label="Provosts: View college provosts and their leadership" 5562> 5563<!--[if BLOCK]><![endif]--> Provosts 5564<!--[if ENDBLOCK]><![endif]--> 5565<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5566</li> 5567<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5568<a href="https://governance.ucc.edu.gh/directors" 5569class="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]" 5570target="_self" 5571title="Browse directors of various units and centres" 5572aria-label="Directors: Browse directors of various units and centres" 5573> 5574<!--[if BLOCK]><![endif]--> Directors 5575<!--[if ENDBLOCK]><![endif]--> 5576<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5577</li> 5578<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5579<a href="https://governance.ucc.edu.gh/deans" 5580class="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]" 5581target="_self" 5582title="Meet the deans of faculties and schools" 5583aria-label="Deans: Meet the deans of faculties and schools" 5584> 5585<!--[if BLOCK]><![endif]--> Deans 5586<!--[if ENDBLOCK]><![endif]--> 5587<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5588</li> 5589<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5590<a href="https://governance.ucc.edu.gh/head-departments" 5591class="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]" 5592target="_self" 5593title="View heads of academic departments" 5594aria-label="Heads of Department: View heads of academic departments" 5595> 5596<!--[if BLOCK]><![endif]--> Heads of Department 5597<!--[if ENDBLOCK]><![endif]--> 5598<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5599</li> 5600<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5601<a href="https://governance.ucc.edu.gh/head-sections" 5602class="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]" 5603target="_self" 5604title="Browse heads of administrative sections" 5605aria-label="Heads of Section: Browse heads of administrative sections" 5606> 5607<!--[if BLOCK]><![endif]--> Heads of Section 5608<!--[if ENDBLOCK]><![endif]--> 5609<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5610</li> 5611<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5612<a href="https://governance.ucc.edu.gh/heads" 5613class="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]" 5614target="_self" 5615title="View all heads across the university" 5616aria-label="Heads: View all heads across the university" 5617> 5618<!--[if BLOCK]><![endif]--> Heads 5619<!--[if ENDBLOCK]><![endif]--> 5620<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5621</li> 5622<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5623<a href="https://governance.ucc.edu.gh/coordinators" 5624class="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]" 5625target="_self" 5626title="Browse programme and unit coordinators" 5627aria-label="Coordinators: Browse programme and unit coordinators" 5628> 5629<!--[if BLOCK]><![endif]--> Coordinators 5630<!--[if ENDBLOCK]><![endif]--> 5631<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5632</li> 5633<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5634<a href="https://governance.ucc.edu.gh/hall-master-wardens" 5635class="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]" 5636target="_self" 5637title="Meet the hall masters and wardens" 5638aria-label="Hall Masters and Wardens: Meet the hall masters and wardens" 5639> 5640<!--[if BLOCK]><![endif]--> Hall Masters and Wardens 5641<!--[if ENDBLOCK]><![endif]--> 5642<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5643</li> 5644<!--[if ENDBLOCK]><![endif]--> </ul> 5645<!--[if ENDBLOCK]><![endif]--> </div> 5646<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5647<!--[if BLOCK]><![endif]--> <a href="https://directory.ucc.edu.gh" 5648class="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]" 5649target="_self" 5650title="Search and browse staff profiles across the university" 5651aria-label="Staff Directory: Search and browse staff profiles across the university" 5652> 5653<!--[if BLOCK]><![endif]--> Staff Directory 5654<!--[if ENDBLOCK]><![endif]--> 5655<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5656<!--[if ENDBLOCK]><![endif]--> 5657<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5658<!--[if ENDBLOCK]><![endif]--> </div> 5659</div> 5660</div> 5661</div> 5662<div x-data="{ open: false }"> 5663<div @click.outside="open = false"> 5664<button 5665@click="open = !open" 5666:aria-expanded="open.toString()" 5667class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 5668> 5669<span class="text-2xl font-semibold tracking-wider relative" 5670:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 5671Campus 5672<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> 5673</span> 5674</button> 5675<div x-cloak x-show="open" x-collapse class="mt-5"> 5676<div class="flex flex-col"> 5677<!--[if BLOCK]><![endif]--> 5678<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5679<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/explore-ucc/our-campu
5679s" 5680class="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" 5681target="_self" 5682> 5683<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 5684<div class="text-white text-xl font-bold grow" 5685> 5686Our Campus 5687</div> 5688<!--[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"> 5689<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 5690</svg> 5691<!--[if ENDBLOCK]><![endif]--> </div> 5692<div class="text-sm text-blue-100 mt-3.5"> 5693Discover 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. 5694</div> 5695</a> 5696<!--[if ENDBLOCK]><![endif]--> 5697<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5698<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5699<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/explore-ucc/our-campus" 5700class="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]" 5701target="_self" 5702title="Libraries, halls, and sports facilities" 5703aria-label="Facilities: Libraries, halls, and sports facilities" 5704> 5705<!--[if BLOCK]><![endif]--> Facilities 5706<!--[if ENDBLOCK]><![endif]--> 5707<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5708<!--[if ENDBLOCK]><![endif]--> 5709<!--[if BLOCK]><![endif]--> <ul role="list" 5710aria-label="Items under Facilities" 5711class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5712<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5713<a href="https://library.ucc.edu.gh" 5714class="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]" 5715target="_blank" 5716rel="noopener noreferrer" title="Access the Sam Jonah Library and other learning spaces on campus" 5717aria-label="Libraries: Access the Sam Jonah Library and other learning spaces on campus" 5718> 5719<!--[if BLOCK]><![endif]--> Libraries 5720<!--[if ENDBLOCK]><![endif]--> 5721<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5722</li> 5723<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5724<a href="#" 5725class="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]" 5726target="_self" 5727title="Learn about residential halls and accommodation on campus" 5728aria-label="Halls: Learn about residential halls and accommodation on campus" 5729> 5730<!--[if BLOCK]><![endif]--> Halls 5731<!--[if ENDBLOCK]><![endif]--> 5732<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5733</li> 5734<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5735<a href="#" 5736class="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]" 5737target="_self" 5738title="Explore sports facilities and athletic programmes at UCC" 5739aria-label="Sports: Explore sports facilities and athletic programmes at UCC" 5740> 5741<!--[if BLOCK]><![endif]--> Sports 5742<!--[if ENDBLOCK]><![endif]--> 5743<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5744</li> 5745<!--[if ENDBLOCK]><![endif]--> </ul> 5746<!--[if ENDBLOCK]><![endif]--> </div> 5747<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5748<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/main/explore-ucc/our-campu
5748s" 5749class="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]" 5750target="_self" 5751title="Events, activities, and student life on campus" 5752aria-label="Life at UCC: Events, activities, and student life on campus" 5753> 5754<!--[if BLOCK]><![endif]--> Life at UCC 5755<!--[if ENDBLOCK]><![endif]--> 5756<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5757<!--[if ENDBLOCK]><![endif]--> 5758<!--[if BLOCK]><![endif]--> <ul role="list" 5759aria-label="Items under Life at UCC" 5760class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5761<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5762<a href="#" 5763class="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]" 5764target="_self" 5765title="Information about matriculation ceremonies and registration" 5766aria-label="Matriculation: Information about matriculation ceremonies and registration" 5767> 5768<!--[if BLOCK]><![endif]--> Matriculation 5769<!--[if ENDBLOCK]><![endif]--> 5770<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5771</li> 5772<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5773<a href="https://events.ucc.edu.gh" 5774class="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]" 5775target="_self" 5776title="Discover upcoming campus events and activities" 5777aria-label="Events: Discover upcoming campus events and activities" 5778> 5779<!--[if BLOCK]><![endif]--> Events 5780<!--[if ENDBLOCK]><![endif]--> 5781<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5782</li> 5783<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5784<a href="https://ucc.edu.gh/main/explore-ucc/recreational-and-social-activities" 5785class="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]" 5786target="_self" 5787title="Discover clubs, societies, and social activities" 5788aria-label="Recreation and Social Activities: Discover clubs, societies, and social activities" 5789> 5790<!--[if BLOCK]><![endif]--> Recreation and Social Activities 5791<!--[if ENDBLOCK]><![endif]--> 5792<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5793</li> 5794<!--[if ENDBLOCK]><![endif]--> </ul> 5795<!--[if ENDBLOCK]><![endif]--> </div> 5796<!--[if ENDBLOCK]><![endif]--> </div> 5797</div> 5798</div> 5799</div> 5800<div x-data="{ open: false }"> 5801<div @click.outside="open = false"> 5802<button 5803@click="open = !open" 5804:aria-expanded="open.toString()" 5805class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 5806> 5807<span class="text-2xl font-semibold tracking-wider relative" 5808:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 5809Research 5810<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> 5811</span> 5812</button> 5813<div x-cloak x-show="open" x-collapse class="mt-5"> 5814<div class="flex flex-col"> 5815<!--[if BLOCK]><![endif]--> 5816<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5817<!--[if BLOCK]><![endif]--> <a href="https://scholar.ucc.edu.gh" 5818class="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" 5819target="_blank" 5820rel="noopener noreferrer" > 5821<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 5822<div class="text-white text-xl font-bold grow" 5823> 5824UCC Scholar 5825</div> 5826<!--[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
5826s="text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1"> 5827<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 5828</svg> 5829<!--[if ENDBLOCK]><![endif]--> </div> 5830<div class="text-sm text-blue-100 mt-3.5"> 5831Gain 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. 5832</div> 5833</a> 5834<!--[if ENDBLOCK]><![endif]--> 5835<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5836<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5837<!--[if BLOCK]><![endif]--> <a href="https://journal.ucc.edu.gh" 5838class="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]" 5839target="_blank" 5840rel="noopener noreferrer" title="Journals, conferences, and lecture series" 5841aria-label="Publications & Conferences: Journals, conferences, and lecture series" 5842> 5843<!--[if BLOCK]><![endif]--> Publications & Conferences 5844<!--[if ENDBLOCK]><![endif]--> 5845<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5846<!--[if ENDBLOCK]><![endif]--> 5847<!--[if BLOCK]><![endif]--> <ul role="list" 5848aria-label="Items under Publications & Conferences" 5849class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5850<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5851<a href="https://journal.ucc.edu.gh" 5852class="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]" 5853target="_blank" 5854rel="noopener noreferrer" title="Browse academic journals published by UCC" 5855aria-label="Journals: Browse academic journals published by UCC" 5856> 5857<!--[if BLOCK]><![endif]--> Journals 5858<!--[if ENDBLOCK]><![endif]--> 5859<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5860</li> 5861<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5862<a href="https://research.ucc.edu.gh/" 5863class="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]" 5864target="_blank" 5865rel="noopener noreferrer" title="Discover research conferences hosted by UCC" 5866aria-label="Conference Portal: Discover research conferences hosted by UCC" 5867> 5868<!--[if BLOCK]><![endif]--> Conference Portal 5869<!--[if ENDBLOCK]><![endif]--> 5870<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5871</li> 5872<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5873<a href="https://ucc.edu.gh/lecture-series" 5874class="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]" 5875target="_self" 5876title="Browse inaugural, memorial, and public lecture series" 5877aria-label="Lecture Series: Browse inaugural, memorial, and public lecture series" 5878> 5879<!--[if BLOCK]><![endif]--> Lecture Series 5880<!--[if ENDBLOCK]><![endif]--> 5881<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5882</li> 5883<!--[if ENDBLOCK]><![endif]--> </ul> 5884<!--[if ENDBLOCK]><![endif]--> </div> 5885<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5886<!--[if BLOCK]><![endif]--> <a href="https://dric.ucc.edu.gh" 5887class="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]" 5888target="_blank" 5889rel="noopener noreferrer" title="Funding, ethics review, and research innovation"
5890aria-label="Research Support: Funding, ethics review, and research innovation" 5891> 5892<!--[if BLOCK]><![endif]--> Research Support 5893<!--[if ENDBLOCK]><![endif]--> 5894<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5895<!--[if ENDBLOCK]><![endif]--> 5896<!--[if BLOCK]><![endif]--> <ul role="list" 5897aria-label="Items under Research Support" 5898class="mt-2 ms-10 list-disc space-y-1 marker:text-blue-200"> 5899<!--[if BLOCK]><![endif]--> <li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5900<a href="https://dric.ucc.edu.gh/news/fourth-research-awards-and-grants-rag-ceremony-20182019-academic-year" 5901class="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]" 5902target="_blank" 5903rel="noopener noreferrer" title="Learn about research funding opportunities" 5904aria-label="Research Award Grant (RAG): Learn about research funding opportunities" 5905> 5906<!--[if BLOCK]><![endif]--> Research Award Grant (RAG) 5907<!--[if ENDBLOCK]><![endif]--> 5908<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5909</li> 5910<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5911<a href="https://irb.ucc.edu.gh" 5912class="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]" 5913target="_blank" 5914rel="noopener noreferrer" title="Ethics review for research involving human participants" 5915aria-label="Institutional Review Board (IRB): Ethics review for research involving human participants" 5916> 5917<!--[if BLOCK]><![endif]--> Institutional Review Board (IRB) 5918<!--[if ENDBLOCK]><![endif]--> 5919<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5920</li> 5921<li x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5922<a href="https://dric.ucc.edu.gh" 5923class="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]" 5924target="_blank" 5925rel="noopener noreferrer" title="Support for research and innovation activities" 5926aria-label="Directorate of Research Innovation and Consultancy (DRIC): Support for research and innovation activities" 5927> 5928<!--[if BLOCK]><![endif]--> Directorate of Research Innovation and Consultancy (DRIC) 5929<!--[if ENDBLOCK]><![endif]--> 5930<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5931</li> 5932<!--[if ENDBLOCK]><![endif]--> </ul> 5933<!--[if ENDBLOCK]><![endif]--> </div> 5934<!--[if ENDBLOCK]><![endif]--> </div> 5935</div> 5936</div> 5937</div> 5938<div x-data="{ open: false }"> 5939<div @click.outside="open = false"> 5940<button 5941@click="open = !open" 5942:aria-expanded="open.toString()" 5943class="flex w-full items-center justify-between transition-all duration-200 hover:text-blue-200 group min-h-[44px]" 5944> 5945<span class="text-2xl font-semibold tracking-wider relative" 5946:class="{'border-b-2 pb-2': open, 'pb-2': !open}"> 5947News & Media 5948<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> 5949</span> 5950</button> 5951<div x-cloak x-show="open" x-collapse class="mt-5"> 5952<div class="flex flex-col"> 5953<!--[if BLOCK]><![endif]--> 5954<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5955<!--[if BLOCK]><![endif]--> <a href="https://news.ucc.edu.gh" 5956class="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" 5957target="_self" 5958> 5959<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="flex justify-between gap-2 sm:gap-5"> 5960<div class="text-white text-xl font-bold grow" 5961> 5962News Updates 5963</div> 5964<!--[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
5964s="text-white transition-transform duration-300 group-hover:translate-x-1 rtl:scale-x-[-1] rtl:group-hover:-translate-x-1"> 5965<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" /> 5966</svg> 5967<!--[if ENDBLOCK]><![endif]--> </div> 5968<div class="text-sm text-blue-100 mt-3.5"> 5969Don'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. 5970</div> 5971</a> 5972<!--[if ENDBLOCK]><![endif]--> 5973<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5974<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5975<!--[if BLOCK]><![endif]--> <a href="https://news.ucc.edu.gh" 5976class="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]" 5977target="_self" 5978title="The most popular news, announcements, and events right now" 5979aria-label="Trending: The most popular news, announcements, and events right now" 5980> 5981<!--[if BLOCK]><![endif]--> Trending 5982<!--[if ENDBLOCK]><![endif]--> 5983<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5984<!--[if ENDBLOCK]><![endif]--> 5985<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5986<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5987<!--[if BLOCK]><![endif]--> <a href="https://news.ucc.edu.gh" 5988class="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]" 5989target="_self" 5990title="Read the latest news from the university" 5991aria-label="News: Read the latest news from the university" 5992> 5993<!--[if BLOCK]><![endif]--> News 5994<!--[if ENDBLOCK]><![endif]--> 5995<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 5996<!--[if ENDBLOCK]><![endif]--> 5997<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5998<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 5999<!--[if BLOCK]><![endif]--> <a href="https://events.ucc.edu.gh" 6000class="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]" 6001target="_self" 6002title="View upcoming events and activities" 6003aria-label="Events: View upcoming events and activities" 6004> 6005<!--[if BLOCK]><![endif]--> Events 6006<!--[if ENDBLOCK]><![endif]--> 6007<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 6008<!--[if ENDBLOCK]><![endif]--> 6009<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6010<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 6011<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/media/videos" 6012class="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]" 6013target="_self" 6014title="Watch videos from UCC events and activities" 6015aria-label="Videos: Watch videos from UCC events and activities" 6016> 6017<!--[if BLOCK]><![endif]--> Videos 6018<!--[if ENDBLOCK]><![endif]--> 6019<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 6020<!--[if ENDBLOCK]><![endif]--> 6021<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6022<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 6023<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements?type=press-release" 6024class="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]" 6025target="_self" 6026title="Official press releases and media statements" 6027aria-label="Press Releases: Official press releases and media statements" 6028> 6029<!--[if BLOCK]><![endif]--> Press Releases 6030<!--[if ENDBLOCK]><![endif]--> 6031<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 6032<!--[if ENDBLOCK]><![endif]--> 6033<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6034<div x-show="!selectedAudience || [].length === 0 || [].includes(selectedAudience)"> 6035<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh/announcements" 6036class="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]" 6037target="_self" 6038title="Important announcements and notices" 6039aria-label="Announcements: Important announcements and notices" 6040> 6041<!--[if BLOCK]><![endif]--> Announcements 6042<!--[if ENDBLOCK]><![endif]--> 6043<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a> 6044<!--[if ENDBLOCK]><![endif]--> 6045<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6046<!--[if ENDBLOCK]><![endif]--> </div> 6047</div> 6048</div> 6049</div> 6050<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> 6051</div> 6052</div> 6053<div class="bg-blue-900 bottom-0 fixed w-full dark:bg-neutral-950 z-50"> 6054<!--[if BLOCK]><![endif]--> <div class="overflow-x-scroll [scrollbar-width:none] w-full"> 6055<div class="flex items-center gap-5 px-5 py-3"> 6056<!--[if ENDBLOCK]><![endif]--> 6057<!--[if BLOCK]><![endif]--> 6058<div 6059class="flex gap-5 items-center my-auto" 6060aria-hidden="true"> 6061<div class="text-blue-100 text-sm text-nowrap"> 6062Quick Links 6063</div> 6064<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 6065stroke="currentColor" class="size-4 rtl:scale-x-[-1]"> 6066<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 6067</svg> 6068</div> 6069<nav class="text-sm items-start flex gap-x-5 my-auto *:text-nowrap *:font-semibold pe-5" 6070role="navigation" 6071aria-label="Quick links navigation"> 6072<!--[if BLOCK]><![endif]--> <a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6073href="#" 6074target="_self" 6075> 6076A-Z list 6077</a> 6078<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6079href="https://ucc.edu.gh/main/web-services" 6080target="_self" 6081> 6082Web Services 6083</a> 6084<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6085href="https://alumni.ucc.edu.gh/" 6086target="_blank" 6087rel="noopener noreferrer" > 6088Alumni 6089</a> 6090<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6091href="https://library.ucc.edu.gh" 6092target="_blank" 6093rel="noopener noreferrer" > 6094Libraries 6095</a> 6096<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6097href="https://ucc.edu.gh/main/publications/forms" 6098target="_self" 6099> 6100Forms 6101</a> 6102<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6103href="https://events.ucc.edu.gh" 6104target="_self" 6105> 6106Events 6107</a> 6108<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6109href="https://directory.ucc.edu.gh" 6110target="_self" 6111> 6112Staff Directory 6113</a> 6114<a class="text-white transition-all duration-150 hover:text-blue-200 relative group" 6115href="https://my.ucc.edu.gh" 6116target="_blank" 6117rel="noopener noreferrer" > 6118MyUCC 6119</a> 6120<!--[if ENDBLOCK]><![endif]--> </nav> 6121<!--[if ENDBLOCK]><![endif]--> 6122<!--[if BLOCK]><![endif]--> </div> 6123</div> 6124<!--[if ENDBLOCK]><![endif]--></div> 6125</div> 6126</template> 6127</div> 6128<!--[if BLOCK]><![endif]-->
6128<script> 6129window._menuBeaconSession = window._menuBeaconSession || null; 6130window._menuClickFired = window._menuClickFired || false; 6131if (typeof window.menuBeacon === 'undefined') { 6132window.menuBeacon = function (event, extra) { 6133var payload = Object.assign({ event: event, session_hash: window._menuBeaconSession }, extra || {}); 6134fetch('https://academics.ucc.edu.gh/api/menu/analytics', { 6135method: 'POST', 6136headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, 6137body: JSON.stringify(payload), 6138keepalive: true, 6139}).catch(function () {}); 6140}; 6141} 6142</script>
6142 6143<!--[if ENDBLOCK]><![endif]--></header> 6144</div> 6145<div :style="{ height: headerFixed ? headerHeight + 'px' : '0px' }" class="shrink-0"></div> 6146<div wire:key="lw-2734668480-1-14" wire:snapshot="{"data":[],"memo":{"id":"vE4SMFVvMMYt3VSiwpL3","name":"web.urgent-announcements-banner","path":"colleges","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"en","islands":[]},"checksum":"69f79ead8d8b8505735912b5cceda4f4ae3a6b9616f9e5540e58eca450b1d4ca"}" wire:effects="{"partials":[]}" wire:id="vE4SMFVvMMYt3VSiwpL3" wire:name="web.urgent-announcements-banner" x-intersect="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dLCJmb3JDb21wb25lbnQiOiJ3ZWIudXJnZW50LWFubm91bmNlbWVudHMtYmFubmVyIn0sIm1lbW8iOnsiaWQiOiJmcU42bnl4UnY0dndYTkFQVnNqZiIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6ImNvbGxlZ2VzIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiMGZkZGZiYWQ1MmY3OTBmYjRjM2Y4YzY3MzlkYzcxNTRlODRhYTNmMTlmNjMwMGVlZWE5ZDAxOTA2OGE0ZmVlZCJ9')"></div> 6147<main id="main-content" tabindex="-1" class="dark:bg-neutral-900 dark:text-white min-h-screen flex flex-col" 6148role="main" aria-label="Main content"> 6149<section wire:snapshot="{"data":{"title":"Colleges","description":"Discover our diverse academic colleges, each offering unique programmes and opportunities for learning and growth at the University of Cape Coast.","search":"","hasMorePages":false,"isSearching":false,"page":1,"perPage":12,"items":[{"2":[null,{"class":"App\\Models\\Department","key":5,"s":"mdl"}],"3":[null,{"class":"App\\Models\\Department","key":6,"s":"mdl"}],"0":[null,{"class":"App\\Models\\Department","key":3,"s":"mdl"}],"4":[null,{"class":"App\\Models\\Department","key":7,"s":"mdl"}],"1":[null,{"class":"App\\Models\\Department","key":4,"s":"mdl"}]},{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"sort":"name_asc"},"memo":{"id":"OiCmJ0z4flrSodnzgNw1","name":"academic.departments.colleges","path":"colleges","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"61ad4406851b26fcc90f1c97eee0689714eaeb00353d7ac03264607174eed1b1"}" wire:effects="{"partials":[]}" wire:id="OiCmJ0z4flrSodnzgNw1" wire:name="academic.departments.colleges" class="dark:bg-neutral-800 bg-neutral-100 relative" itemClass="college-item" 6150x-data="{ 6151isLoading: false, 6152initSearch() { 6153window.addEventListener('keydown', (e) => { 6154if (e.key === '/' && !['INPUT', 'TEXTAREA'].includes(document.activeElement.tagName)) { 6155e.preventDefault(); 6156this.$refs.searchInput.focus(); 6157} 6158if (e.key === 'Escape' && document.activeElement === this.$refs.searchInput) { 6159window.Livewire.find('OiCmJ0z4flrSodnzgNw1').set('search', ''); 6160document.activeElement.blur(); 6161} 6162}); 6163}, 6164initInfiniteScroll() { 6165// Listen for Livewire load events 6166document.addEventListener('livewire:init', () => { 6167// Set up event listeners for Livewire loading states 6168Livewire.hook('message.sent', () => { 6169this.isLoading = true; 6170}); 6171Livewire.hook('message.processed', (message) => { 6172this.isLoading = false; 6173// Add fade-in animation to newly added items 6174if (message.updateQueue && message.updateQueue.length) { 6175setTimeout(() => { 6176const newItems = document.querySelectorAll('.college-item:not(.fade-in-item)');
6177newItems.forEach(item => { 6178item.classList.add('fade-in-item'); 6179}); 6180}, 10); 6181} 6182}); 6183}); 6184const loadMoreContent = () => { 6185// Calculate when we're near the bottom of the page 6186const scrollPosition = window.scrollY; 6187const windowHeight = window.innerHeight; 6188const documentHeight = document.documentElement.scrollHeight; 6189const scrollThreshold = 500; // Increased threshold to load earlier (500px from bottom) 6190if (!this.isLoading && scrollPosition + windowHeight >= documentHeight - scrollThreshold) { 6191if (window.Livewire.find('OiCmJ0z4flrSodnzgNw1').hasMorePages) { 6192window.Livewire.find('OiCmJ0z4flrSodnzgNw1').loadMore(); 6193} 6194} 6195}; 6196// Add scroll event listener 6197window.addEventListener('scroll', loadMoreContent); 6198// Clean up the event listener when the component is destroyed 6199this.$cleanup = () => { 6200window.removeEventListener('scroll', loadMoreContent); 6201}; 6202} 6203}" 6204x-init="initSearch(); initInfiniteScroll()"> 6205<style> 6206[x-cloak] { 6207display: none !important; 6208} 6209/* Smooth transition for newly loaded items */ 6210.fade-in-item { 6211animation: fadeIn 0.5s ease-in-out; 6212} 6213@keyframes fadeIn { 6214from { opacity: 0; transform: translateY(20px); } 6215to { opacity: 1; transform: translateY(0); } 6216} 6217</style> 6218<div class="sticky z-40 shadow-[0_1px_0_rgba(255,255,255,0.12),0_12px_24px_-10px_rgba(8,12,26,0.5)]" 6219style="top:0" 6220x-bind:style="{ top: (headerFixed ? headerHeight : 0) + 'px' }"> 6221<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]-->
6221<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://ucc.edu.gh"},{"@type":"ListItem","position":2,"name":"Academics","item":"https://academics.ucc.edu.gh"},{"@type":"ListItem","position":3,"name":"Colleges","item":"https://academics.ucc.edu.gh/colleges"}]}</script>
6221 6222<!--[if ENDBLOCK]><![endif]--> 6223<nav class="flex bg-blue-50 min-h-10 py-2 sm:py-3 dark:bg-neutral-800 dark:text-neutral-300" 6224aria-label="Breadcrumb navigation" 6225> 6226<ol role="list" class="flex flex-wrap items-center gap-1 sm:gap-2 w-full px-4 sm:px-6 lg:px-20"> 6227<!--[if BLOCK]><![endif]--> <li class="flex items-center"> 6228<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 6229<!--[if BLOCK]><![endif]--> <!-- Clickable breadcrumb links --> 6230<!--[if BLOCK]><![endif]--> <a href="https://ucc.edu.gh" class="inline-flex items-center text-xs sm:text-sm font-medium text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100 px-1.5 sm:px-2 py-0.5 sm:py-1 rounded-md transition-all duration-200 hover:bg-neutral-200/50 dark:hover:bg-neutral-700/50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 max-w-[150px] sm:max-w-xs lg:max-w-none truncate" title="Home" aria-label="Go to homepage"> 6231<!-- Home icon --> 6232<svg class="h-3 w-3 sm:h-4 sm:w-4 shrink-0 mr-1 sm:mr-2" xmlns="http://www.w3.org/2000/svg" 6233viewBox="0 0 20 20" 6234fill="currentColor" aria-hidden="true"> 6235<path fill-rule="evenodd" 6236d="M9.293 2.293a1 1 0 011.414 0l7 7A1 1 0 0117 11h-1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-3a1 1 0 00-1-1H9a1 1 0 00-1 1v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-6H3a1 1 0 01-.707-1.707l7-7z" 6237clip-rule="evenodd"/> 6238</svg> 6239<span class="sr-only">Home</span> 6240<!--[if BLOCK]><![endif]--> Home 6241<!--[if ENDBLOCK]><![endif]--> 6242</a> 6243<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </li> 6244<li class="flex items-center"> 6245<!--[if BLOCK]><![endif]--> <!-- Separator --> 6246<svg 6247class="h-3 w-3 sm:h-4 sm:w-4 shrink-0 text-neutral-500 dark:text-neutral-400 mx-1 sm:mx-2 transition-colors" 6248xmlns="http://www.w3.org/2000/svg" 6249viewBox="0 0 20 20" 6250fill="currentColor" 6251aria-hidden="true" 6252role="presentation"> 6253<path fill-rule="evenodd" 6254d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 6255clip-rule="evenodd"/> 6256</svg> 6257<span class="sr-only">Navigate to</span> 6258<!--[if ENDBLOCK]><![endif]--> 6259<!--[if BLOCK]><![endif]--> <!-- Clickable breadcrumb links --> 6260<!--[if BLOCK]><![endif]--> <a href="https://academics.ucc.edu.gh" class="inline-flex items-center text-xs sm:text-sm font-medium text-neutral-600 dar
6260k:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100 px-1.5 sm:px-2 py-0.5 sm:py-1 rounded-md transition-all duration-200 hover:bg-neutral-200/50 dark:hover:bg-neutral-700/50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 max-w-[150px] sm:max-w-xs lg:max-w-none truncate" title="Academics"> 6261<!--[if BLOCK]><![endif]--> Academics 6262<!--[if ENDBLOCK]><![endif]--> 6263</a> 6264<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </li> 6265<li class="flex items-center"> 6266<!--[if BLOCK]><![endif]--> <!-- Separator --> 6267<svg 6268class="h-3 w-3 sm:h-4 sm:w-4 shrink-0 text-neutral-500 dark:text-neutral-400 mx-1 sm:mx-2 transition-colors" 6269xmlns="http://www.w3.org/2000/svg" 6270viewBox="0 0 20 20" 6271fill="currentColor" 6272aria-hidden="true" 6273role="presentation"> 6274<path fill-rule="evenodd" 6275d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 6276clip-rule="evenodd"/> 6277</svg> 6278<span class="sr-only">Navigate to</span> 6279<!--[if ENDBLOCK]><![endif]--> 6280<!--[if BLOCK]><![endif]--> <!-- Current page - not a link --> 6281<span 6282class="inline-flex items-center text-xs sm:text-sm font-semibold text-neutral-900 dark:text-neutral-100 px-1.5 sm:px-2 py-0.5 sm:py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-700/50 max-w-[150px] sm:max-w-xs lg:max-w-none truncate" 6283aria-current="page"> 6284<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> Colleges 6285<!--[if ENDBLOCK]><![endif]--> </span> 6286<!--[if ENDBLOCK]><![endif]--> </li> 6287<!--[if ENDBLOCK]><![endif]--> </ol> 6288</nav> 6289<!--[if ENDBLOCK]><![endif]--> 6290<div class="border-b border-white/10 bg-blue-900 dark:bg-neutral-900" data-menu-surface> 6291<div class="px-4 sm:px-6 lg:px-20"> 6292<div class="flex h-[76px] items-center gap-5"> 6293<a href="https://academics.ucc.edu.gh" class="display flex-none text-base font-bold leading-tight tracking-tight text-white sm:text-lg "> 6294<!--[if BLOCK]><![endif]--> Academics 6295<!--[if ENDBLOCK]><![endif]--> </a> 6296<!--[if BLOCK]><![endif]--> <span class="hidden lg:block h-7 w-px flex-none bg-white/15" aria-hidden="true"></span> 6297<!--[if ENDBLOCK]><![endif]--> 6298<nav class="hidden lg:flex items-center gap-1 whitespace-nowrap text-sm flex-1" 6299aria-label="Academics"> 6300<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://academics.ucc.edu.gh/colleges" class="rounded-lg bg-white/15 px-4 py-2.5 font-semibold text-white ring-1 ring-inset ring-white/20" aria-current="page" >Colleges</a> 6301<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://academics.ucc.edu.gh/faculties.schools" class="rounded-lg px-4 py-2.5 font-medium text-white/80 transition hover:bg-white/10 hover:text-white" >Faculties & Schools</a> 6302<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://academics.ucc.edu.gh/departments" class="rounded-lg px-4 py-2.5 font-medium text-white/80 transition hover:bg-white/10 hover:text-white" >Departments</a> 6303<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://academics.ucc.edu.gh/institutions" class="rounded-lg px-4 py-2.5 font-medium text-white/80 transition hover:bg-white/10 hover:text-white" >Institutions</a> 6304<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://academics.ucc.edu.gh/centres" class="rounded-lg px-4 py-2.5 font-medium text-white/80 transition hover:bg-white/10 hover:text-white" >Centres</a> 6305<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://academics.ucc.edu.gh/units" class="rounded-lg px-4 py-2.5 font-medium text-white/80 transition hover:bg-white/10 hover:text-white" >Units</a> 6306<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://academics.ucc.edu.gh/academic-calendar" class="rounded-lg px-4 py-2.5 font-medium text-white/80 transition hover:bg-white/10 hover:text-white" >Academic Calendar</a> 6307<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </nav> 6308<div class="ml-auto flex flex-none items-center gap-2"> 6309<!--[if BLOCK]><![endif]--> <button type="button" 6310@click="typeof toggleSearchActivity === 'function' && toggleSearchActivity()" 6311class="grid h-10 w-10 place-items-center rounded-lg text-white/80 transition hover:bg-white/10 hover:text-white" 6312aria-label="Search"> 6313<svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-4.3-4.3M19 11a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z"/></svg> 6314</button> 6315<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6316</div> 6317<!--[if BLOCK]><![endif]--> <nav class="-mx-4 flex items-center gap-1.5 overflow-x-auto whitespace-nowrap px-4 pb-3 text-sm sm:-mx-6 sm:px-6 lg:hidden" aria-label="Academics"> 6318<!--[if BLOCK]><![endif]--> <a href="https://academics.ucc.edu.gh/colleges" class="flex-none rounded-lg bg-white/15 px-4 py-2.5 font-semibold text-white ring-1 ring-inset ring-white/20" aria-current="page" >Colleges</a> 6319<a href="https://academics.ucc.edu.gh/faculties.schools" class="flex-none rounded-lg px-4 py-2.5 font-medium text-white/80 transition hover:bg-white/10 hover:text-white" >Faculties & Schools</a> 6320<a href="https://academics.ucc.edu.gh/departments" class="flex-none rounded-lg px-4 py-2.5 font-medium text-white/80 transition hover:bg-white/10 hover:text-white" >Departments</a> 6321<a href="https://academics.ucc.edu.gh/institutions" class="flex-none rounded-lg px-4 py-2.5 font-medium text-white/80 transition hover:bg-white/10 hover:text-white" >Institutions</a> 6322<a href="https://academics.ucc.edu.gh/centres" class="flex-none rounded-lg px-4 py-2.5 font-medium text-white/80 transition hover:bg-white/10 hover:text-white" >Centres</a> 6323<a href="https://academics.ucc.edu.gh/units" class="flex-none rounded-lg px-4 py-2.5 font-medium text-white/80 transition hover:bg-white/10 hover:text-white" >Units</a> 6324<a href="https://academics.ucc.edu.gh/academic-calendar" class="flex-none rounded-lg px-4 py-2.5 font-medium text-white/80 transition hover:bg-white/10 hover:text-white" >Academic Calendar</a> 6325<!--[if ENDBLOCK]><![endif]--> </nav> 6326<!--[if ENDBLOCK]><![endif]--> </div> 6327</div> 6328</div> 6329<div class="bg-blue-900 text-white"> 6330<div class="max-w-7xl mx-auto px-6 lg:px-8 pt-10 pb-10"> 6331<!--[if BLOCK]><![endif]--> <p class="text-blue-300 text-xs font-semibold uppercase tracking-widest mb-2">Academic Affairs</p> 6332<!--[if ENDBLOCK]><![endif]--> 6333<h1 class="text-3xl lg:text-4xl font-bold tracking-tight leading-tight text-balance">Colleges, University of Cape Coast</h1> 6334<p class="mt-2 text-blue-200 text-sm max-w-2xl text-pretty">Discover our diverse academic colleges, each offering unique programmes and opportunities for learning and growth at the University of Cape Coast.</p> 6335<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 6336</div> 6337</div> 6338<!-- Secondary links + Bento grid --> 6339<section class="bg-neutral-50 dark:bg-neutral-800/50 py-8 sm:py-10"> 6340<div class="mx-auto max-w-7xl px-6 lg:px-8"> 6341<div class="flex flex-col md:flex-row md:items-end md:justify-between gap-6"> 6342<div> 6343<h2 class="text-2xl font-bold text-neutral-900 dark:text-white">Explore Academic Structure</h2>
6344<p class="mt-1 text-neutral-600 dark:text-neutral-400 text-sm">Browse colleges and related units. A 6345focused single-page experience with quick links and filters.</p> 6346</div> 6347</div> 6348<!-- Bento grid tiles --> 6349<div class="mt-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"> 6350<!-- Colleges --> 6351<a href="https://academics.ucc.edu.gh/colleges" 6352class="group rounded-xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 p-5 hover:border-blue-500 dark:hover:border-blue-400 transition-colors"> 6353<div class="flex items-start gap-4"> 6354<div 6355class="w-10 h-10 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 6356<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600 dark:text-blue-100" 6357fill="none" viewBox="0 0 24 24" stroke="currentColor"> 6358<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6359d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5"/> 6360</svg> 6361</div> 6362<div class="flex-1"> 6363<div class="flex items-center justify-between"> 6364<h3 class="font-semibold text-neutral-900 dark:text-white">Colleges</h3> 6365<span 6366class="text-xs px-2 py-0.5 rounded-full bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300">5</span> 6367</div>
6368<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">Top-level academic units.</p> 6369</div> 6370</div> 6371</a> 6372<!-- Faculties & Schools --> 6373<a href="https://academics.ucc.edu.gh/faculties.schools" 6374class="group rounded-xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 p-5 hover:border-blue-500 dark:hover:border-blue-400 transition-colors"> 6375<div class="flex items-start gap-4"> 6376<div 6377class="w-10 h-10 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 6378<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600 dark:text-blue-100" 6379fill="none" viewBox="0 0 24 24" stroke="currentColor"> 6380<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6381d="M12 6.253v13M7.5 5C5.754 5 4.168 5.477 3 6.253v13M16.5 5c1.747 0 3.332.477 4.5 1.253v13"/> 6382</svg> 6383</div> 6384<div class="flex-1"> 6385<div class="flex items-center justify-between"> 6386<h3 class="font-semibold text-neutral-900 dark:text-white">Faculties & Schools</h3> 6387<span 6388class="text-xs px-2 py-0.5 rounded-full bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300">21</span> 6389</div>
6390<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">Within colleges.</p> 6391</div> 6392</div> 6393</a> 6394<!-- Departments --> 6395<a href="https://academics.ucc.edu.gh/departments" 6396class="group rounded-xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 p-5 hover:border-blue-500 dark:hover:border-blue-400 transition-colors"> 6397<div class="flex items-start gap-4"> 6398<div 6399class="w-10 h-10 rounded-lg bg-emerald-100 dark:bg-emerald-900/30 flex items-center justify-center"> 6400<svg xmlns="http://www.w3.org/2000/svg" 6401class="h-6 w-6 text-emerald-600 dark:text-emerald-400" fill="none" viewBox="0 0 24 24" 6402stroke="currentColor"> 6403<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6404d="M4 6h16M4 12h10M4 18h7"/> 6405</svg> 6406</div> 6407<div class="flex-1"> 6408<div class="flex items-center justify-between"> 6409<h3 class="font-semibold text-neutral-900 dark:text-white">Departments</h3> 6410<span 6411class="text-xs px-2 py-0.5 rounded-full bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300">121</span> 6412</div>
6413<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">Academic disciplines.</p> 6414</div> 6415</div> 6416</a> 6417<!-- Institutions --> 6418<a href="https://academics.ucc.edu.gh/institutions" 6419class="group rounded-xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 p-5 hover:border-blue-500 dark:hover:border-blue-400 transition-colors"> 6420<div class="flex items-start gap-4"> 6421<div 6422class="w-10 h-10 rounded-lg bg-amber-100 dark:bg-amber-900/30 flex items-center justify-center"> 6423<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-amber-600 dark:text-amber-400" 6424fill="none" viewBox="0 0 24 24" stroke="currentColor"> 6425<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6426d="M3 7h18M5 21h14a2 2 0 002-2V7H3v12a2 2 0 002 2z"/> 6427</svg> 6428</div> 6429<div class="flex-1"> 6430<div class="flex items-center justify-between"> 6431<h3 class="font-semibold text-neutral-900 dark:text-white">Institutions</h3> 6432<span 6433class="text-xs px-2 py-0.5 rounded-full bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300">4</span> 6434</div>
6435<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">Specialized entities.</p> 6436</div> 6437</div> 6438</a> 6439<!-- Centres --> 6440<a href="https://academics.ucc.edu.gh/centres" 6441class="group rounded-xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 p-5 hover:border-blue-500 dark:hover:border-blue-400 transition-colors"> 6442<div class="flex items-start gap-4"> 6443<div 6444class="w-10 h-10 rounded-lg bg-teal-100 dark:bg-teal-900/30 flex items-center justify-center"> 6445<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-teal-600 dark:text-teal-400" 6446fill="none" viewBox="0 0 24 24" stroke="currentColor"> 6447<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6448d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1z"/> 6449</svg> 6450</div> 6451<div class="flex-1"> 6452<div class="flex items-center justify-between"> 6453<h3 class="font-semibold text-neutral-900 dark:text-white">Centres</h3> 6454<span 6455class="text-xs px-2 py-0.5 rounded-full bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300">15</span> 6456</div>
6457<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">Research & service hubs.</p> 6458</div> 6459</div> 6460</a> 6461<!-- Units --> 6462<a href="https://academics.ucc.edu.gh/units" 6463class="group rounded-xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 p-5 hover:border-blue-500 dark:hover:border-blue-400 transition-colors"> 6464<div class="flex items-start gap-4"> 6465<div 6466class="w-10 h-10 rounded-lg bg-neutral-200 dark:bg-neutral-700 flex items-center justify-center"> 6467<svg xmlns="http://www.w3.org/2000/svg" 6468class="h-6 w-6 text-neutral-700 dark:text-neutral-300" fill="none" viewBox="0 0 24 24" 6469stroke="currentColor"> 6470<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6471d="M3 7h6v6H3zM9 7h6v6H9zM15 7h6v6h-6zM3 13h6v6H3zM9 13h6v6H9zM15 13h6v6h-6z"/> 6472</svg> 6473</div> 6474<div class="flex-1"> 6475<div class="flex items-center justify-between"> 6476<h3 class="font-semibold text-neutral-900 dark:text-white">Units</h3> 6477<span 6478class="text-xs px-2 py-0.5 rounded-full bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300">7</span> 6479</div>
6480<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">Administrative & support.</p> 6481</div> 6482</div> 6483</a> 6484</div> 6485</div> 6486</section> 6487<div 6488class="relative bg-gradient-to-b from-neutral-100 via-blue-50/30 to-neutral-100 dark:from-neutral-800 dark:via-neutral-900 dark:to-neutral-800 py-12 sm:py-16 overflow-hidden"> 6489<div class="absolute inset-0 opacity-20 dark:opacity-10 pointer-events-none"> 6490<div 6491class="absolute top-20 right-10 w-96 h-96 bg-blue-300 rounded-full mix-blend-multiply filter blur-3xl animate-pulse"></div> 6492<div 6493class="absolute bottom-20 left-10 w-80 h-80 bg-blue-400 rounded-full mix-blend-multiply filter blur-3xl animate-pulse" 6494style="animation-delay: 2s;"></div> 6495</div> 6496<div class="relative mx-auto max-w-7xl px-6 lg:px-8"> 6497<div> 6498<!--[if BLOCK]><![endif]--> 6499<div class="mb-10 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4" data-aos="fade-up"> 6500<div 6501class="p-6 rounded-2xl bg-gradient-to-br from-blue-600 to-blue-700 dark:from-blue-700 dark:to-blue-900 text-white shadow-xl"> 6502<div class="flex items-center gap-3 mb-2"> 6503<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6504<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6505d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/> 6506</svg> 6507</div> 6508<p class="text-4xl font-black mb-1">5</p> 6509<p class="text-sm font-semibold text-blue-100">Colleges</p> 6510</div> 6511<div 6512class="p-6 rounded-2xl bg-white dark:bg-neutral-900 border-2 border-neutral-200 dark:border-neutral-700 hover:border-blue-500 dark:hover:border-blue-500 transition-all shadow-xl"> 6513<div class="flex items-center gap-3 mb-2"> 6514<svg class="w-8 h-8 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" 6515viewBox="0 0 24 24"> 6516<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6517d="M12 14l9-5-9-5-9 5 9 5z"/> 6518<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6519d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"/> 6520</svg> 6521</div> 6522<p class="text-4xl font-black text-neutral-900 dark:text-white mb-1">17</p>
6523<p class="text-sm font-semibold text-neutral-600 dark:text-neutral-400">Faculties & 6524Schools</p> 6525</div> 6526<div 6527class="p-6 rounded-2xl bg-white dark:bg-neutral-900 border-2 border-neutral-200 dark:border-neutral-700 hover:border-blue-500 dark:hover:border-blue-500 transition-all shadow-xl"> 6528<div class="flex items-center gap-3 mb-2"> 6529<svg class="w-8 h-8 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" 6530viewBox="0 0 24 24"> 6531<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6532d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/> 6533</svg> 6534</div> 6535<p class="text-4xl font-black text-neutral-900 dark:text-white mb-1">82</p> 6536<p class="text-sm font-semibold text-neutral-600 dark:text-neutral-400">Departments</p> 6537</div> 6538<div 6539class="p-6 rounded-2xl bg-white dark:bg-neutral-900 border-2 border-neutral-200 dark:border-neutral-700 hover:border-blue-500 dark:hover:border-blue-500 transition-all shadow-xl"> 6540<div class="flex items-center gap-3 mb-2"> 6541<svg class="w-8 h-8 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" 6542viewBox="0 0 24 24"> 6543<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6544d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/> 6545</svg> 6546</div> 6547<p class="text-4xl font-black text-neutral-900 dark:text-white mb-1">1,327</p>
6548<p class="text-sm font-semibold text-neutral-600 dark:text-neutral-400">Staff Members</p> 6549</div> 6550</div> 6551<div class="space-y-10"> 6552<!--[if BLOCK]><![endif]--> 6553<section class="group relative isolate overflow-hidden rounded-3xl bg-white text-neutral-900 dark:bg-neutral-900 dark:text-white px-6 py-10 sm:px-10 lg:px-14 ring-2 ring-neutral-200 dark:ring-neutral-800 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-500 hover:shadow-2xl hover:shadow-blue-500/10" data-aos="fade-up"> 6554<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 via-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:via-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div> 6555<div class="absolute top-10 right-10 w-32 h-32 bg-blue-200 dark:bg-blue-800 rounded-full mix-blend-multiply dark:mix-blend-overlay filter blur-3xl opacity-0 group-hover:opacity-30 transition-opacity duration-700"></div> 6556<div class="absolute bottom-10 left-10 w-40 h-40 bg-blue-300 dark:bg-blue-700 rounded-full mix-blend-multiply dark:mix-blend-overlay filter blur-3xl op
6556acity-0 group-hover:opacity-20 transition-opacity duration-700" style="transition-delay: 150ms;"></div> 6557<div class="relative grid grid-cols-1 lg:grid-cols-2 gap-10 items-center"> 6558<!-- Title & copy --> 6559<div class="lg:order-1"> 6560<!--[if BLOCK]><![endif]--> <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-600 text-white text-sm font-bold mb-4 shadow-lg shadow-blue-500/30" data-aos="zoom-in"> 6561<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6562<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/> 6563</svg> 6564CANS 6565</div> 6566<!--[if ENDBLOCK]><![endif]--> 6567<h2 class="text-3xl sm:text-4xl lg:text-5xl font-black tracking-tight group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300" data-aos="fade-up"> 6568College of Agriculture and Natural Sciences 6569</h2> 6570<p class="mt-6 text-lg text-neutral-600 dar
6570k:text-neutral-300 max-w-prose leading-relaxed" data-aos="fade-up" data-aos-delay="100"> 6571Explore College of Agriculture and Natural Sciences â discover its faculties and schools, departments, research centres and institutes, and the people who make it thrive. 6572</p> 6573<div class="mt-6 flex flex-wrap items-center gap-3" data-aos="fade-up" data-aos-delay="150"> 6574<!--[if BLOCK]><![endif]--> <a href="https://directory.ucc.edu.gh/d/college-of-agriculture-and-natural-sciences" wire:navigate 6575class="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-bold rounded-xl transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 group/btn"> 6576<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6577<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/> 6578</svg> 6579<span>View Staff</span> 6580</a> 6581<!--[if ENDBLOCK]><![endif]--> 6582<!--[if BLOCK]><![endif]--> <a href="https://cans.ucc.edu.gh" target="_blank" rel="noopener noreferrer" 6583class="inline-flex items-center gap-2 px-6 py-3 bg-white dark:bg-neutral-800 hover:bg-neutral-50 dark:hover:bg-neutral-700 text-neutral-900 dark:text-white font-bold rounded-xl transition-all duration-300 border-2 border-neutral-200 dark:border-neutral-700 hover:border-blue-500 dark:hover:border-blue-500 group/btn"> 6584<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6585<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/> 6586</svg> 6587<span>Visit Website</span> 6588<svg class="w-4 h-4 transition-transform group-hover/btn:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6589<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/> 6590</svg> 6591</a> 6592<!--[if ENDBLOCK]><![endif]--> </div> 6593<!--[if BLOCK]><![endif]--> <div class="mt-6 flex items-center gap-4 lg:hidden" data-aos="fade-up" data-aos-delay="200"> 6594<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-2 text-sm font-semibold text-neutral-700 dark:text-neutral-300"> 6595<div class="w-8 h-8 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 6596<span class="text-blue-600 dark:text-blue-400 font-black text-xs">3</span> 6597</div> 6598<span>Faculties</span> 6599</div> 6600<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div class="flex items-center gap-2 text-sm font-semibold text-neutral-700 dark:text-neutral-300"> 6601<div class="w-8 h-8 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 6602<span class="text-blue-600 dark:text-blue-400 font-black text-xs">19</span> 6603</div> 6604<span>Departments</span> 6605</div> 6606<!--[if ENDBLOCK]><![endif]--> </div> 6607<!--[if ENDBLOCK]><![endif]--> </div> 6608<!-- Decorative image with enhanced styling --> 6609<div class="relative lg:order-2"> 6610<div class="aspect-[4/3] w-full rounded-2xl bg-gradient-to-br from-neutral-100 to-neutral-200 dark:from-neutral-800 dark:to-neutral-900 ring-2 ring-neutral-200 dark:ring-neutral-700 group-hover:ring-blue-400 dark:group-hover:ring-blue-600 overflow-hidden transition-all duration-500 shadow-xl group-hover:shadow-2xl group-hover:shadow-blue-500/20"> 6611<img 6612src="https://academics.ucc.edu.gh/img/dep/cans/cans-option-3.avif" 6613alt="Decorative image for College of Agriculture and Natural Sciences" 6614class="h-full w-full object-cover opacity-90 hidden sm:block group-hover:scale-110 transition-transform duration-700" 6615loading="lazy" 6616onerror="this.style.display='none'" 6617> 6618<div class="sm:hidden h-full w-full bg-[radial-gradient(75%_75%_at_100%_0%,rgba(59,130,246,0.1)_0%,rgba(59,130,246,0)_70%)]"></div> 6619<div class="absolute inset-0 bg-gradient-to-t from-blue-900/80 via-blue-900/0 to-blue-900/0 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 6620</div> 6621<div class="absolute -bottom-3 -right-3 w-24 h-24 bg-gradient-to-br from-blue-500 to-blue-600 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10"></div> 6622</div> 6623</div> 6624<!-- Stats row --> 6625<!--[if BLOCK]><![endif]--> <div class="mt-8 grid grid-cols-1 xs:grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4"> 6626<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://academics.ucc.edu.gh/faculties.schools" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 6627<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6628<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dar
6628k:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 6629<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 6630<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 6631<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 6632</svg> 6633</div> 6634<div class="relative"> 6635<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dark:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Faculties & Schools</p> 6636<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 66373 6638</p> 6639<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 6640<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 6641</div> 6642</div> 6643</a> 6644<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://academics.ucc.edu.gh/departments" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 6645<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6646<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 6647<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 6648<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 6649<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 6650</svg> 6651</div> 6652<div class="relative"> 6653<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dar
6653k:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Departments</p> 6654<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 665519 6656</p> 6657<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 6658<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 6659</div> 6660</div> 6661</a> 6662<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://directory.ucc.edu.gh/d/college-of-agriculture-and-natural-sciences" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 6663<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6664<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 6665<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 6666<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 6667<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 6668</svg> 6669</div> 6670<div class="relative"> 6671<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dar
6671k:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">People</p> 6672<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 6673394 6674</p> 6675<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 6676<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 6677</div> 6678</div> 6679</a> 6680<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> 6681<!--[if ENDBLOCK]><![endif]--></section> 6682<section class="group relative isolate overflow-hidden rounded-3xl bg-white text-neutral-900 dark:bg-neutral-900 dark:text-white px-6 py-10 sm:px-10 lg:px-14 ring-2 ring-neutral-200 dark:ring-neutral-800 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-500 hover:shadow-2xl hover:shadow-blue-500/10" data-aos="fade-up"> 6683<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 via-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:via-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div> 6684<div class="absolute top-10 right-10 w-32 h-32 bg-blue-200 dark:bg-blue-800 rounded-full mix-blend-multiply dark:mix-blend-overlay filter blur-3xl op
6684acity-0 group-hover:opacity-30 transition-opacity duration-700"></div> 6685<div class="absolute bottom-10 left-10 w-40 h-40 bg-blue-300 dark:bg-blue-700 rounded-full mix-blend-multiply dark:mix-blend-overlay filter blur-3xl opacity-0 group-hover:opacity-20 transition-opacity duration-700" style="transition-delay: 150ms;"></div> 6686<div class="relative grid grid-cols-1 lg:grid-cols-2 gap-10 items-center"> 6687<!-- Title & copy --> 6688<div class="lg:order-2"> 6689<!--[if BLOCK]><![endif]--> <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-600 text-white text-sm font-bold mb-4 shadow-lg shadow-blue-500/30" data-aos="zoom-in"> 6690<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6691<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/> 6692</svg> 6693CoDE 6694</div> 6695<!--[if ENDBLOCK]><![endif]--> 6696<h2 class="text-3xl sm:text-4xl lg:text-5xl font-black tracking-tight group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300" data-aos="fade-up"> 6697College of Distance Education 6698</h2>
6699<p class="mt-6 text-lg text-neutral-600 dark:text-neutral-300 max-w-prose leading-relaxed" data-aos="fade-up" data-aos-delay="100"> 6700Explore College of Distance Education â discover its faculties and schools, departments, research centres and institutes, and the people who make it thrive. 6701</p> 6702<div class="mt-6 flex flex-wrap items-center gap-3" data-aos="fade-up" data-aos-delay="150"> 6703<!--[if BLOCK]><![endif]--> <a href="https://directory.ucc.edu.gh/d/college-of-distance-education" wire:navigate 6704class="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-bold rounded-xl transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 group/btn"> 6705<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6706<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/> 6707</svg> 6708<span>View Staff</span> 6709</a> 6710<!--[if ENDBLOCK]><![endif]--> 6711<!--[if BLOCK]><![endif]--> <a href="https://code.ucc.edu.gh" target="_blank" rel="noopener noreferrer" 6712class="inline-flex items-center gap-2 px-6 py-3 bg-white dark:bg-neutral-800 hover:bg-neutral-50 dark:hover:bg-neutral-700 text-neutral-900 dark:text-white font-bold rounded-xl transition-all duration-300 border-2 border-neutral-200 dark:border-neutral-700 hover:border-blue-500 dark:hover:border-blue-500 group/btn"> 6713<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6714<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/> 6715</svg> 6716<span>Visit Website</span> 6717<svg class="w-4 h-4 transition-transform group-hover/btn:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6718<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/> 6719</svg> 6720</a> 6721<!--[if ENDBLOCK]><![endif]--> </div> 6722<!--[if BLOCK]><![endif]--> <div class="mt-6 flex items-center gap-4 lg:hidden" data-aos="fade-up" data-aos-delay="200"> 6723<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6724<!--[if ENDBLOCK]><![endif]--> </div> 6725<!-- Decorative image with enhanced styling --> 6726<div class="relative lg:order-1"> 6727<div class="aspect-[4/3] w-full rounded-2xl bg-gradient-to-br from-neutral-100 to-neutral-200 dark:from-neutral-800 dark:to-neutral-900 ring-2 ring-neutral-200 dark:ring-neutral-700 group-hover:ring-blue-400 dark:group-hover:ring-blue-600 overflow-hidden transition-all duration-500 shadow-xl group-hover:shadow-2xl group-hover:shadow-blue-500/20"> 6728<img 6729src="https://academics.ucc.edu.gh/img/dep/code/code-option-2.webp" 6730alt="Decorative image for College of Distance Education" 6731class="h-full w-full object-cover opacity-90 hidden sm:block group-hover:scale-110 transition-transform duration-700" 6732loading="lazy" 6733onerror="this.style.display='none'" 6734> 6735<div class="sm:hidden h-full w-full bg-[radial-gradient(75%_75%_at_100%_0%,rgba(59,130,246,0.1)_0%,rgba(59,130,246,0)_70%)]"></div> 6736<div class="absolute inset-0 bg-gradient-to-t from-blue-900/80 via-blue-900/0 to-blue-900/0 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 6737</div> 6738<div class="absolute -bottom-3 -right-3 w-24 h-24 bg-gradient-to-br from-blue-500 to-blue-600 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10"></div> 6739</div> 6740</div> 6741<!-- Stats row --> 6742<!--[if BLOCK]><![endif]--> <div class="mt-8 grid grid-cols-1 xs:grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4"> 6743<!--[if BLOCK]><![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]--><a href="https://academics.ucc.edu.gh/units" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 6744<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6745<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dar
6745k:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 6746<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 6747<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 6748<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 6749</svg> 6750</div> 6751<div class="relative"> 6752<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dark:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Units</p> 6753<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 67541 6755</p> 6756<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 6757<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 6758</div> 6759</div> 6760</a> 6761<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://directory.ucc.edu.gh/d/college-of-distance-education" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 6762<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6763<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 6764<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 6765<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 6766<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 6767</svg> 6768</div> 6769<div class="relative"> 6770<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dar
6770k:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">People</p> 6771<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 67725 6773</p> 6774<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 6775<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 6776</div> 6777</div> 6778</a> 6779<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> 6780<!--[if ENDBLOCK]><![endif]--></section> 6781<section class="group relative isolate overflow-hidden rounded-3xl bg-white text-neutral-900 dark:bg-neutral-900 dark:text-white px-6 py-10 sm:px-10 lg:px-14 ring-2 ring-neutral-200 dark:ring-neutral-800 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-500 hover:shadow-2xl hover:shadow-blue-500/10" data-aos="fade-up"> 6782<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 via-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:via-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div> 6783<div class="absolute top-10 right-10 w-32 h-32 bg-blue-200 dark:bg-blue-800 rounded-full mix-blend-multiply dark:mix-blend-overlay filter blur-3xl op
6783acity-0 group-hover:opacity-30 transition-opacity duration-700"></div> 6784<div class="absolute bottom-10 left-10 w-40 h-40 bg-blue-300 dark:bg-blue-700 rounded-full mix-blend-multiply dark:mix-blend-overlay filter blur-3xl opacity-0 group-hover:opacity-20 transition-opacity duration-700" style="transition-delay: 150ms;"></div> 6785<div class="relative grid grid-cols-1 lg:grid-cols-2 gap-10 items-center"> 6786<!-- Title & copy --> 6787<div class="lg:order-1"> 6788<!--[if BLOCK]><![endif]--> <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-600 text-white text-sm font-bold mb-4 shadow-lg shadow-blue-500/30" data-aos="zoom-in"> 6789<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6790<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/> 6791</svg> 6792CES 6793</div> 6794<!--[if ENDBLOCK]><![endif]--> 6795<h2 class="text-3xl sm:text-4xl lg:text-5xl font-black tracking-tight group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300" data-aos="fade-up"> 6796College of Education Studies 6797</h2>
6798<p class="mt-6 text-lg text-neutral-600 dark:text-neutral-300 max-w-prose leading-relaxed" data-aos="fade-up" data-aos-delay="100"> 6799Explore College of Education Studies â discover its faculties and schools, departments, research centres and institutes, and the people who make it thrive. 6800</p> 6801<div class="mt-6 flex flex-wrap items-center gap-3" data-aos="fade-up" data-aos-delay="150"> 6802<!--[if BLOCK]><![endif]--> <a href="https://directory.ucc.edu.gh/d/college-of-education-studies" wire:navigate 6803class="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-bold rounded-xl transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 group/btn"> 6804<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6805<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/> 6806</svg> 6807<span>View Staff</span> 6808</a> 6809<!--[if ENDBLOCK]><![endif]--> 6810<!--[if BLOCK]><![endif]--> <a href="https://ces.ucc.edu.gh" target="_blank" rel="noopener noreferrer" 6811class="inline-flex items-center gap-2 px-6 py-3 bg-white dark:bg-neutral-800 hover:bg-neutral-50 dark:hover:bg-neutral-700 text-neutral-900 dark:text-white font-bold rounded-xl transition-all duration-300 border-2 border-neutral-200 dark:border-neutral-700 hover:border-blue-500 dark:hover:border-blue-500 group/btn"> 6812<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6813<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/> 6814</svg> 6815<span>Visit Website</span> 6816<svg class="w-4 h-4 transition-transform group-hover/btn:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6817<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/> 6818</svg> 6819</a> 6820<!--[if ENDBLOCK]><![endif]--> </div> 6821<!--[if BLOCK]><![endif]--> <div class="mt-6 flex items-center gap-4 lg:hidden" data-aos="fade-up" data-aos-delay="200"> 6822<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-2 text-sm font-semibold text-neutral-700 dark:text-neutral-300"> 6823<div class="w-8 h-8 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 6824<span class="text-blue-600 dark:text-blue-400 font-black text-xs">4</span> 6825</div> 6826<span>Faculties</span> 6827</div> 6828<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div class="flex items-center gap-2 text-sm font-semibold text-neutral-700 dark:text-neutral-300"> 6829<div class="w-8 h-8 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 6830<span class="text-blue-600 dark:text-blue-400 font-black text-xs">9</span> 6831</div> 6832<span>Departments</span> 6833</div> 6834<!--[if ENDBLOCK]><![endif]--> </div> 6835<!--[if ENDBLOCK]><![endif]--> </div> 6836<!-- Decorative image with enhanced styling --> 6837<div class="relative lg:order-2"> 6838<div class="aspect-[4/3] w-full rounded-2xl bg-gradient-to-br from-neutral-100 to-neutral-200 dark:from-neutral-800 dark:to-neutral-900 ring-2 ring-neutral-200 dark:ring-neutral-700 group-hover:ring-blue-400 dark:group-hover:ring-blue-600 overflow-hidden transition-all duration-500 shadow-xl group-hover:shadow-2xl group-hover:shadow-blue-500/20"> 6839<img 6840src="https://academics.ucc.edu.gh/img/dep/ces/ces-option-4.webp" 6841alt="Decorative image for College of Education Studies" 6842class="h-full w-full object-cover opacity-90 hidden sm:block group-hover:scale-110 transition-transform duration-700" 6843loading="lazy" 6844onerror="this.style.display='none'" 6845> 6846<div class="sm:hidden h-full w-full bg-[radial-gradient(75%_75%_at_100%_0%,rgba(59,130,246,0.1)_0%,rgba(59,130,246,0)_70%)]"></div> 6847<div class="absolute inset-0 bg-gradient-to-t from-blue-900/80 via-blue-900/0 to-blue-900/0 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 6848</div> 6849<div class="absolute -bottom-3 -right-3 w-24 h-24 bg-gradient-to-br from-blue-500 to-blue-600 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10"></div> 6850</div> 6851</div> 6852<!-- Stats row --> 6853<!--[if BLOCK]><![endif]--> <div class="mt-8 grid grid-cols-1 xs:grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4"> 6854<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://academics.ucc.edu.gh/faculties.schools" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 6855<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6856<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dar
6856k:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 6857<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 6858<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 6859<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 6860</svg> 6861</div> 6862<div class="relative"> 6863<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dark:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Faculties & Schools</p> 6864<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 68654 6866</p> 6867<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 6868<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 6869</div> 6870</div> 6871</a> 6872<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://academics.ucc.edu.gh/departments" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 6873<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6874<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 6875<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 6876<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 6877<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 6878</svg> 6879</div> 6880<div class="relative"> 6881<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dar
6881k:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Departments</p> 6882<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 68839 6884</p> 6885<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 6886<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 6887</div> 6888</div> 6889</a> 6890<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://directory.ucc.edu.gh/d/college-of-education-studies" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 6891<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6892<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 6893<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 6894<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 6895<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 6896</svg> 6897</div> 6898<div class="relative"> 6899<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dar
6899k:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">People</p> 6900<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 6901207 6902</p> 6903<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 6904<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 6905</div> 6906</div> 6907</a> 6908<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> 6909<!--[if ENDBLOCK]><![endif]--></section> 6910<section class="group relative isolate overflow-hidden rounded-3xl bg-white text-neutral-900 dark:bg-neutral-900 dark:text-white px-6 py-10 sm:px-10 lg:px-14 ring-2 ring-neutral-200 dark:ring-neutral-800 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-500 hover:shadow-2xl hover:shadow-blue-500/10" data-aos="fade-up"> 6911<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 via-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:via-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div> 6912<div class="absolute top-10 right-10 w-32 h-32 bg-blue-200 dark:bg-blue-800 rounded-full mix-blend-multiply dark:mix-blend-overlay filter blur-3xl op
6912acity-0 group-hover:opacity-30 transition-opacity duration-700"></div> 6913<div class="absolute bottom-10 left-10 w-40 h-40 bg-blue-300 dark:bg-blue-700 rounded-full mix-blend-multiply dark:mix-blend-overlay filter blur-3xl opacity-0 group-hover:opacity-20 transition-opacity duration-700" style="transition-delay: 150ms;"></div> 6914<div class="relative grid grid-cols-1 lg:grid-cols-2 gap-10 items-center"> 6915<!-- Title & copy --> 6916<div class="lg:order-2"> 6917<!--[if BLOCK]><![endif]--> <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-600 text-white text-sm font-bold mb-4 shadow-lg shadow-blue-500/30" data-aos="zoom-in"> 6918<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6919<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/> 6920</svg> 6921CoHAS 6922</div> 6923<!--[if ENDBLOCK]><![endif]--> 6924<h2 class="text-3xl sm:text-4xl lg:text-5xl font-black tracking-tight group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300" data-aos="fade-up"> 6925College of Health and Allied Sciences 6926</h2>
6927<p class="mt-6 text-lg text-neutral-600 dark:text-neutral-300 max-w-prose leading-relaxed" data-aos="fade-up" data-aos-delay="100"> 6928Explore College of Health and Allied Sciences â discover its faculties and schools, departments, research centres and institutes, and the people who make it thrive. 6929</p> 6930<div class="mt-6 flex flex-wrap items-center gap-3" data-aos="fade-up" data-aos-delay="150"> 6931<!--[if BLOCK]><![endif]--> <a href="https://directory.ucc.edu.gh/d/college-of-health-and-allied-sciences" wire:navigate 6932class="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-bold rounded-xl transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 group/btn"> 6933<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6934<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/> 6935</svg> 6936<span>View Staff</span> 6937</a> 6938<!--[if ENDBLOCK]><![endif]--> 6939<!--[if BLOCK]><![endif]--> <a href="https://cohas.ucc.edu.gh" target="_blank" rel="noopener noreferrer" 6940class="inline-flex items-center gap-2 px-6 py-3 bg-white dark:bg-neutral-800 hover:bg-neutral-50 dark:hover:bg-neutral-700 text-neutral-900 dark:text-white font-bold rounded-xl transition-all duration-300 border-2 border-neutral-200 dark:border-neutral-700 hover:border-blue-500 dark:hover:border-blue-500 group/btn"> 6941<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6942<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/> 6943</svg> 6944<span>Visit Website</span> 6945<svg class="w-4 h-4 transition-transform group-hover/btn:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 6946<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/> 6947</svg> 6948</a> 6949<!--[if ENDBLOCK]><![endif]--> </div> 6950<!--[if BLOCK]><![endif]--> <div class="mt-6 flex items-center gap-4 lg:hidden" data-aos="fade-up" data-aos-delay="200"> 6951<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-2 text-sm font-semibold text-neutral-700 dark:text-neutral-300"> 6952<div class="w-8 h-8 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 6953<span class="text-blue-600 dark:text-blue-400 font-black text-xs">4</span> 6954</div> 6955<span>Faculties</span> 6956</div> 6957<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div class="flex items-center gap-2 text-sm font-semibold text-neutral-700 dark:text-neutral-300"> 6958<div class="w-8 h-8 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 6959<span class="text-blue-600 dark:text-blue-400 font-black text-xs">28</span> 6960</div> 6961<span>Departments</span> 6962</div> 6963<!--[if ENDBLOCK]><![endif]--> </div> 6964<!--[if ENDBLOCK]><![endif]--> </div> 6965<!-- Decorative image with enhanced styling --> 6966<div class="relative lg:order-1"> 6967<div class="aspect-[4/3] w-full rounded-2xl bg-gradient-to-br from-neutral-100 to-neutral-200 dark:from-neutral-800 dark:to-neutral-900 ring-2 ring-neutral-200 dark:ring-neutral-700 group-hover:ring-blue-400 dark:group-hover:ring-blue-600 overflow-hidden transition-all duration-500 shadow-xl group-hover:shadow-2xl group-hover:shadow-blue-500/20"> 6968<img 6969src="https://academics.ucc.edu.gh/img/dep/cohas/cohas-option-5.jpg" 6970alt="Decorative image for College of Health and Allied Sciences " 6971class="h-full w-full object-cover opacity-90 hidden sm:block group-hover:scale-110 transition-transform duration-700" 6972loading="lazy" 6973onerror="this.style.display='none'" 6974> 6975<div class="sm:hidden h-full w-full bg-[radial-gradient(75%_75%_at_100%_0%,rgba(59,130,246,0.1)_0%,rgba(59,130,246,0)_70%)]"></div> 6976<div class="absolute inset-0 bg-gradient-to-t from-blue-900/80 via-blue-900/0 to-blue-900/0 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 6977</div> 6978<div class="absolute -bottom-3 -right-3 w-24 h-24 bg-gradient-to-br from-blue-500 to-blue-600 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10"></div> 6979</div> 6980</div> 6981<!-- Stats row --> 6982<!--[if BLOCK]><![endif]--> <div class="mt-8 grid grid-cols-1 xs:grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4"> 6983<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://academics.ucc.edu.gh/faculties.schools" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 6984<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 6985<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dar
6985k:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 6986<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 6987<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 6988<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 6989</svg> 6990</div> 6991<div class="relative"> 6992<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dark:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Faculties & Schools</p> 6993<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 69944 6995</p> 6996<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 6997<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 6998</div> 6999</div> 7000</a> 7001<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://academics.ucc.edu.gh/departments" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 7002<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 7003<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 7004<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 7005<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 7006<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 7007</svg> 7008</div> 7009<div class="relative"> 7010<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dar
7010k:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Departments</p> 7011<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 701228 7013</p> 7014<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 7015<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 7016</div> 7017</div> 7018</a> 7019<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://directory.ucc.edu.gh/d/college-of-health-and-allied-sciences" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 7020<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 7021<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 7022<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 7023<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 7024<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 7025</svg> 7026</div> 7027<div class="relative"> 7028<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dar
7028k:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">People</p> 7029<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 7030271 7031</p> 7032<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 7033<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 7034</div> 7035</div> 7036</a> 7037<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> 7038<!--[if ENDBLOCK]><![endif]--></section> 7039<section class="group relative isolate overflow-hidden rounded-3xl bg-white text-neutral-900 dark:bg-neutral-900 dark:text-white px-6 py-10 sm:px-10 lg:px-14 ring-2 ring-neutral-200 dark:ring-neutral-800 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-500 hover:shadow-2xl hover:shadow-blue-500/10" data-aos="fade-up"> 7040<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 via-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:via-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div> 7041<div class="absolute top-10 right-10 w-32 h-32 bg-blue-200 dark:bg-blue-800 rounded-full mix-blend-multiply dark:mix-blend-overlay filter blur-3xl op
7041acity-0 group-hover:opacity-30 transition-opacity duration-700"></div> 7042<div class="absolute bottom-10 left-10 w-40 h-40 bg-blue-300 dark:bg-blue-700 rounded-full mix-blend-multiply dark:mix-blend-overlay filter blur-3xl opacity-0 group-hover:opacity-20 transition-opacity duration-700" style="transition-delay: 150ms;"></div> 7043<div class="relative grid grid-cols-1 lg:grid-cols-2 gap-10 items-center"> 7044<!-- Title & copy --> 7045<div class="lg:order-1"> 7046<!--[if BLOCK]><![endif]--> <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-600 text-white text-sm font-bold mb-4 shadow-lg shadow-blue-500/30" data-aos="zoom-in"> 7047<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 7048<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/> 7049</svg> 7050CHLS 7051</div> 7052<!--[if ENDBLOCK]><![endif]--> 7053<h2 class="text-3xl sm:text-4xl lg:text-5xl font-black tracking-tight group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300" data-aos="fade-up"> 7054College of Humanities and Legal Studies 7055</h2>
7056<p class="mt-6 text-lg text-neutral-600 dark:text-neutral-300 max-w-prose leading-relaxed" data-aos="fade-up" data-aos-delay="100"> 7057Explore College of Humanities and Legal Studies â discover its faculties and schools, departments, research centres and institutes, and the people who make it thrive. 7058</p> 7059<div class="mt-6 flex flex-wrap items-center gap-3" data-aos="fade-up" data-aos-delay="150"> 7060<!--[if BLOCK]><![endif]--> <a href="https://directory.ucc.edu.gh/d/college-of-humanities-and-legal-studies" wire:navigate 7061class="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-bold rounded-xl transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 group/btn"> 7062<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 7063<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/> 7064</svg> 7065<span>View Staff</span> 7066</a> 7067<!--[if ENDBLOCK]><![endif]--> 7068<!--[if BLOCK]><![endif]--> <a href="https://chls.ucc.edu.gh" target="_blank" rel="noopener noreferrer" 7069class="inline-flex items-center gap-2 px-6 py-3 bg-white dark:bg-neutral-800 hover:bg-neutral-50 dark:hover:bg-neutral-700 text-neutral-900 dark:text-white font-bold rounded-xl transition-all duration-300 border-2 border-neutral-200 dark:border-neutral-700 hover:border-blue-500 dark:hover:border-blue-500 group/btn"> 7070<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 7071<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/> 7072</svg> 7073<span>Visit Website</span> 7074<svg class="w-4 h-4 transition-transform group-hover/btn:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 7075<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/> 7076</svg> 7077</a> 7078<!--[if ENDBLOCK]><![endif]--> </div> 7079<!--[if BLOCK]><![endif]--> <div class="mt-6 flex items-center gap-4 lg:hidden" data-aos="fade-up" data-aos-delay="200"> 7080<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-2 text-sm font-semibold text-neutral-700 dark:text-neutral-300"> 7081<div class="w-8 h-8 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 7082<span class="text-blue-600 dark:text-blue-400 font-black text-xs">6</span> 7083</div> 7084<span>Faculties</span> 7085</div> 7086<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div class="flex items-center gap-2 text-sm font-semibold text-neutral-700 dark:text-neutral-300"> 7087<div class="w-8 h-8 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"> 7088<span class="text-blue-600 dark:text-blue-400 font-black text-xs">26</span> 7089</div> 7090<span>Departments</span> 7091</div> 7092<!--[if ENDBLOCK]><![endif]--> </div> 7093<!--[if ENDBLOCK]><![endif]--> </div> 7094<!-- Decorative image with enhanced styling --> 7095<div class="relative lg:order-2"> 7096<div class="aspect-[4/3] w-full rounded-2xl bg-gradient-to-br from-neutral-100 to-neutral-200 dark:from-neutral-800 dark:to-neutral-900 ring-2 ring-neutral-200 dark:ring-neutral-700 group-hover:ring-blue-400 dark:group-hover:ring-blue-600 overflow-hidden transition-all duration-500 shadow-xl group-hover:shadow-2xl group-hover:shadow-blue-500/20"> 7097<img 7098src="https://academics.ucc.edu.gh/img/dep/chls/chls-option-4.webp" 7099alt="Decorative image for College of Humanities and Legal Studies" 7100class="h-full w-full object-cover opacity-90 hidden sm:block group-hover:scale-110 transition-transform duration-700" 7101loading="lazy" 7102onerror="this.style.display='none'" 7103> 7104<div class="sm:hidden h-full w-full bg-[radial-gradient(75%_75%_at_100%_0%,rgba(59,130,246,0.1)_0%,rgba(59,130,246,0)_70%)]"></div> 7105<div class="absolute inset-0 bg-gradient-to-t from-blue-900/80 via-blue-900/0 to-blue-900/0 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 7106</div> 7107<div class="absolute -bottom-3 -right-3 w-24 h-24 bg-gradient-to-br from-blue-500 to-blue-600 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10"></div> 7108</div> 7109</div> 7110<!-- Stats row --> 7111<!--[if BLOCK]><![endif]--> <div class="mt-8 grid grid-cols-1 xs:grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4"> 7112<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://academics.ucc.edu.gh/faculties.schools" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 7113<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 7114<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dar
7114k:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 7115<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 7116<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 7117<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 7118</svg> 7119</div> 7120<div class="relative"> 7121<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dark:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Faculties & Schools</p> 7122<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 71236 7124</p> 7125<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 7126<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 7127</div> 7128</div> 7129</a> 7130<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://academics.ucc.edu.gh/departments" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 7131<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 7132<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 7133<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 7134<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 7135<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 7136</svg> 7137</div> 7138<div class="relative"> 7139<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dar
7139k:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Departments</p> 7140<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 714126 7142</p> 7143<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 7144<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 7145</div> 7146</div> 7147</a> 7148<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><a href="https://directory.ucc.edu.gh/d/college-of-humanities-and-legal-studies" wire:navigate class="group relative rounded-2xl bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-800 dark:to-neutral-900 px-4 py-5 ring-2 ring-neutral-200 dark:ring-neutral-700 hover:ring-blue-500 dark:hover:ring-blue-500 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 overflow-hidden cursor-pointer" data-aos="fade-up"> 7149<div class="absolute inset-0 bg-gradient-to-br from-blue-50/0 to-blue-100/0 dark:from-blue-900/0 dark:to-blue-800/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 7150<div class="absolute top-2 right-2 w-6 h-6 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:scale-110"> 7151<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20"> 7152<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> 7153<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> 7154</svg> 7155</div> 7156<div class="relative"> 7157<p class="text-xs font-bold uppercase tracking-wide text-neutral-600 dar
7157k:text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">People</p> 7158<p class="mt-3 text-3xl font-black text-neutral-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 7159450 7160</p> 7161<div class="mt-3 h-1 w-full bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden"> 7162<div class="h-full bg-gradient-to-r from-blue-500 to-blue-600 rounded-full transition-all duration-1000 group-hover:w-full" style="width: 0%"></div> 7163</div> 7164</div> 7165</a> 7166<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> 7167<!--[if ENDBLOCK]><![endif]--></section> 7168<!--[if ENDBLOCK]><![endif]--> </div> 7169<!--[if ENDBLOCK]><![endif]--> </div> 7170</div> 7171</div> 7172<div class="bg-neutral-100 dark:bg-neutral-800/80 border-y border-neutral-200 dark:border-neutral-700"> 7173<div class="max-w-7xl mx-auto px-6 lg:px-8 py-10"> 7174<div class="flex items-center gap-3 mb-6"> 7175<div class="flex items-center justify-center w-8 h-8 rounded-lg bg-amber-100 dark:bg-amber-500/15"> 7176<svg class="shrink-0 [:where(&)]:size-6 size-5 text-amber-600 dark:text-amber-400" data-flux-icon 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"> 7177<path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"/> 7178</svg> 7179</div> 7180<div> 7181<p class="text-sm font-bold text-neutral-900 dark:text-white leading-tight">Department or unit not listed?</p>
7182<p class="text-xs text-neutral-600 dark:text-neutral-400">Here's how to get it added</p> 7183</div> 7184</div> 7185<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-6"> 7186<div class="rounded-xl bg-white dark:bg-neutral-700/40 border border-neutral-200 dark:border-neutral-600/50 p-5"> 7187<div class="flex items-center gap-2.5 mb-3"> 7188<div class="flex items-center justify-center w-7 h-7 rounded-lg bg-blue-100 dark:bg-blue-500/15"> 7189<svg class="shrink-0 [:where(&)]:size-6 size-4 text-blue-600 dark:text-blue-400" data-flux-icon 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"> 7190<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21"/> 7191</svg> 7192</div> 7193<h3 class="text-sm font-bold text-neutral-900 dark:text-white">Department Information</h3> 7194</div> 7195<p class="text-sm text-neutral-600 dar
7195k:text-neutral-300 mb-3 leading-relaxed"> 7196Provide the official details of the department or unit: 7197</p> 7198<ul class="space-y-2"> 7199<!--[if BLOCK]><![endif]--> <li class="flex items-start gap-2.5 text-sm text-neutral-600 dark:text-neutral-300"> 7200<svg class="shrink-0 [:where(&)]:size-6 size-4 flex-shrink-0 mt-0.5 text-emerald-500 dark:text-emerald-400" data-flux-icon 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"> 7201<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 7202</svg> 7203Department name & initials 7204</li> 7205<li class="flex items-start gap-2.5 text-sm text-neutral-600 dark:text-neutral-300"> 7206<svg class="shrink-0 [:where(&)]:size-6 size-4 flex-shrink-0 mt-0.5 text-emerald-500 dark:text-emerald-400" data-flux-icon 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"> 7207<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 7208</svg> 7209Type (faculty, school, college, institute, centre, unit) 7210</li> 7211<li class="flex items-start gap-2.5 text-sm text-neutral-600 dar
7211k:text-neutral-300"> 7212<svg class="shrink-0 [:where(&)]:size-6 size-4 flex-shrink-0 mt-0.5 text-emerald-500 dark:text-emerald-400" data-flux-icon 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"> 7213<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 7214</svg> 7215Parent faculty or school (if applicable) 7216</li> 7217<li class="flex items-start gap-2.5 text-sm text-neutral-600 dark:text-neutral-300"> 7218<svg class="shrink-0 [:where(&)]:size-6 size-4 flex-shrink-0 mt-0.5 text-emerald-500 dark:text-emerald-400" data-flux-icon 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"> 7219<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 7220</svg> 7221Head of department (name, staff ID, designation) 7222</li> 7223<li class="flex items-start gap-2.5 text-sm text-neutral-600 dar
7223k:text-neutral-300"> 7224<svg class="shrink-0 [:where(&)]:size-6 size-4 flex-shrink-0 mt-0.5 text-emerald-500 dark:text-emerald-400" data-flux-icon 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"> 7225<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 7226</svg> 7227Official establishment or approval date 7228</li> 7229<!--[if ENDBLOCK]><![endif]--> </ul> 7230</div> 7231<div class="rounded-xl bg-white dark:bg-neutral-700/40 border border-neutral-200 dark:border-neutral-600/50 p-5"> 7232<div class="flex items-center gap-2.5 mb-3"> 7233<div class="flex items-center justify-center w-7 h-7 rounded-lg bg-blue-100 dark:bg-blue-500/15"> 7234<svg class="shrink-0 [:where(&)]:size-6 size-4 text-blue-600 dark:text-blue-400" data-flux-icon 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"> 7235<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"/> 7236</svg> 7237</div> 7238<h3 class="text-sm font-bold text-neutral-900 dark:text-white">Contact & Presence</h3> 7239</div>
7240<p class="text-sm text-neutral-600 dark:text-neutral-300 mb-3 leading-relaxed"> 7241Details to help visitors reach and find you: 7242</p> 7243<ul class="space-y-2"> 7244<!--[if BLOCK]><![endif]--> <li class="flex items-start gap-2.5 text-sm text-neutral-600 dark:text-neutral-300"> 7245<svg class="shrink-0 [:where(&)]:size-6 size-4 flex-shrink-0 mt-0.5 text-emerald-500 dark:text-emerald-400" data-flux-icon 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"> 7246<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 7247</svg> 7248Office location & mailing address 7249</li> 7250<li class="flex items-start gap-2.5 text-sm text-neutral-600 dark:text-neutral-300"> 7251<svg class="shrink-0 [:where(&)]:size-6 size-4 flex-shrink-0 mt-0.5 text-emerald-500 dark:text-emerald-400" data-flux-icon 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"> 7252<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 7253</svg> 7254Phone number(s) & email address 7255</li> 7256<li class="flex items-start gap-2.5 text-sm text-neutral-600 dar
7256k:text-neutral-300"> 7257<svg class="shrink-0 [:where(&)]:size-6 size-4 flex-shrink-0 mt-0.5 text-emerald-500 dark:text-emerald-400" data-flux-icon 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"> 7258<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 7259</svg> 7260Website URL (if any) 7261</li> 7262<li class="flex items-start gap-2.5 text-sm text-neutral-600 dark:text-neutral-300"> 7263<svg class="shrink-0 [:where(&)]:size-6 size-4 flex-shrink-0 mt-0.5 text-emerald-500 dark:text-emerald-400" data-flux-icon 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"> 7264<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 7265</svg> 7266Brief description of the department 7267</li> 7268<!--[if ENDBLOCK]><![endif]--> </ul> 7269</div> 7270</div> 7271<div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 pt-5 border-t border-neutral-200 dark:border-neutral-700"> 7272<div> 7273<p class="text-sm text-neutral-500 dark:text-neutral-400"> 7274Your email goes to the <strong class="text-neutral-700 dark:text-neutral-200">Registrar's Office</strong>, with <strong class="text-neutral-700 dark:text-neutral-200">Web Services</strong> copied. 7275</p>
7276<p class="text-xs text-neutral-600 dark:text-neutral-400 mt-1">We typically respond within 2â3 business days.</p> 7277</div> 7278<a href="mailto:[email protected]?cc=webservices%40ucc.edu.gh&bcc=webmaster%40ucc.edu.gh%2Callan.barku%40ucc.edu.gh%2Cclemence.ayekple%40ucc.edu.gh&subject=Department%20Listing%20Request%20%E2%80%93%20Academic%20Structure" 7279class="flex-shrink-0 inline-flex items-center gap-2 px-5 py-2.5 rounded-xl bg-blue-600 hover:bg-blue-700 text-white text-sm font-semibold shadow-sm transition-all hover:-translate-y-px active:translate-y-0"> 7280<svg class="shrink-0 [:where(&)]:size-6 size-4" data-flux-icon 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"> 7281<path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/> 7282</svg> 7283Submit a Listing Request 7284</a> 7285</div> 7286</div> 7287</div> 7288</section> 7289</main> 7290<footer class="bg-blue-900 dark:bg-neutral-900 relative overflow-hidden" role="contentinfo" aria-label="Site footer"> 7291<!-- Floating Share Button --> 7292<div 7293x-data="{ 7294showButton: true, 7295showModal: false, 7296loading: false, 7297currentUrl: 'https:\/\/academics.ucc.edu.gh\/colleges', 7298currentTitle: 'University of Cape Coast', 7299currentDescription: 'Leading institution of higher learning in Ghana - Quality education, research, and community service', 7300supportsNativeShare: false, 7301init() { 7302// Check if Web Share API is available (mobile browsers) 7303this.supportsNativeShare = navigator.share !== undefined; 7304}, 7305async shareNative() { 7306if (!this.supportsNativeShare) { 7307return this.openModal(); 7308} 7309try { 7310await navigator.share({ 7311title: this.currentTitle, 7312text: this.currentDescription, 7313url: this.currentUrl 7314}); 7315// Track successful share (optional) 7316console.log('Shared successfully via native API'); 7317} catch (error) { 7318// User cancelled or error occurred - fallback to modal 7319if (error.name !== 'AbortError') { 7320console.log('Native share failed, opening modal', error); 7321this.openModal(); 7322} 7323} 7324}, 7325openModal(event = null) { 7326// Update share data if provided via event 7327if (event && event.detail) { 7328// Livewire v3 passes data as the first element in detail array 7329const data = Array.isArray(event.detail) ? event.detail[0] : event.detail; 7330if (data && typeof data === 'object') { 7331if (data.url) this.currentUrl = data.url; 7332if (data.title) this.currentTitle = data.title; 7333if (data.description) this.currentDescription = data.description; 7334} 7335} 7336this.loading = false; 7337this.showModal = true; 7338document.body.style.overflow = 'hidden'; 7339}, 7340closeModal() { 7341this.showModal = false; 7342this.loading = false; 7343document.body.style.overflow = ''; 7344}, 7345copyToClipboard() { 7346navigator.clipboard.writeText(this.currentUrl).then(() => { 7347// Show success feedback 7348const button = this.$refs.copyButton; 7349const originalText = button.innerHTML; 7350button.textContent = 'Copied!'; 7351button.classList.add('text-green-600'); 7352setTimeout(() => { 7353button.innerHTML = originalText; 7354button.classList.remove('text-green-600'); 7355}, 2000); 7356}).catch(err => { 7357console.error('Could not copy text: ', err); 7358}); 7359}, 7360getEncodedUrl() { 7361return encodeURIComponent(this.currentUrl); 7362}, 7363getEncodedTitle() { 7364return encodeURIComponent(this.currentTitle); 7365}, 7366getEncodedDescription() { 7367return encodeURIComponent(this.currentDescription); 7368} 7369}" 7370@open-share-modal.window="openModal($event)" 7371class="fixed bottom-10 right-16 z-40" 7372x-show="showButton" 7373x-transition:enter="transition ease-out duration-300" 7374x-transition:enter-start="opacity-0 transform translate-y-8" 7375x-transition:enter-end="opacity-100 transform translate-y-0" 7376x-transition:leave="transition ease-in duration-300" 7377x-transition:leave-start="opacity-100 transform translate-y-0" 7378x-transition:leave-end="opacity-0 transform translate-y-8" 7379x-cloak 7380> 7381<!-- Share Button --> 7382<button 7383@click="loading = true; $dispatch('trigger-share-from-floating'); if (supportsNativeShare) { shareNative(); } else { setTimeout(() => openModal(), 100); }" 7384:disabled="loading" 7385class="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" 7386aria-label="Share this page" 7387:title="supportsNativeShare ? 'Share via system' : 'Share this page'" 7388> 7389<svg x-show="loading" class="animate-spin h-6 w-6" fill="none" viewBox="0 0 24 24"> 7390<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 7391<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> 7392</svg> 7393<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"> 7394<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
7395d="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"/> 7396</svg> 7397</button> 7398<!-- Share Modal --> 7399<div 7400x-show="showModal" 7401x-transition:enter="transition ease-out duration-300" 7402x-transition:enter-start="opacity-0" 7403x-transition:enter-end="opacity-100" 7404x-transition:leave="transition ease-in duration-200" 7405x-transition:leave-start="opacity-100" 7406x-transition:leave-end="opacity-0" 7407class="fixed inset-0 z-50 overflow-y-auto" 7408@keydown.escape.window="closeModal" 7409style="display: none;" 7410x-cloak 7411> 7412<!-- Backdrop --> 7413<div 7414class="fixed inset-0 bg-black bg-opacity-50 transition-opacity" 7415@click="closeModal" 7416aria-hidden="true" 7417></div> 7418<!-- Modal Content Container - Better Centering --> 7419<div class="flex min-h-screen items-center justify-center p-4 sm:p-6 lg:p-8"> 7420<div 7421x-show="showModal" 7422x-transition:enter="transition ease-out duration-300" 7423x-transition:enter-start="opacity-0 transform scale-95" 7424x-transition:enter-end="opacity-100 transform scale-100" 7425x-transition:leave="transition ease-in duration-200" 7426x-transition:leave-start="opacity-100 transform scale-100" 7427x-transition:leave-end="opacity-0 transform scale-95" 7428class="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" 7429@click.stop 7430> 7431<!-- Header --> 7432<div class="mb-6"> 7433<div class="flex items-center justify-between mb-4"> 7434<div class="flex items-center gap-3"> 7435<div 7436class="flex items-center justify-center w-10 h-10 bg-blue-100 dark:bg-blue-900/30 rounded-xl"> 7437<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 7438stroke-width="1.5" stroke="currentColor" 7439class="w-5 h-5 text-blue-600 dark:text-blue-100"> 7440<path stroke-linecap="round" stroke-linejoin="round"
7441d="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"/> 7442</svg> 7443</div> 7444<div> 7445<h3 class="text-lg font-semibold text-neutral-900 dark:text-neutral-100" x-text="currentTitle"></h3> 7446<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">Share via social media or copy link</p> 7447</div> 7448</div> 7449<button 7450@click="closeModal" 7451class="text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-300 transition-colors" 7452aria-label="Close modal" 7453> 7454<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 7455<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 7456d="M6 18L18 6M6 6l12 12"></path> 7457</svg> 7458</button> 7459</div> 7460</div> 7461<!-- Social Media Share Buttons --> 7462<div class="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-6"> 7463<!-- Facebook --> 7464<a 7465:href="'https://www.facebook.com/sharer/sharer.php?u=' + getEncodedUrl()" 7466target="_blank" 7467rel="noopener noreferrer" 7468class="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" 7469> 7470<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"> 7471<path fill-rule="evenodd" 7472d="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
7472h-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" 7473clip-rule="evenodd"></path> 7474</svg> 7475Facebook 7476</a> 7477<!-- Twitter --> 7478<a 7479:href="'https://twitter.com/intent/tweet?text=' + encodeURIComponent((currentTitle + (currentDescription ? ' - ' + currentDescription : '')).substring(0, 240)) + '&url=' + getEncodedUrl() + '&hashtags=UCC,UniversityOfCapeCoast'" 7480target="_blank" 7481rel="noopener noreferrer" 7482class="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" 7483> 7484<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"> 7485<path 7486d="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> 7487</svg> 7488Twitter 7489</a> 7490<!-- LinkedIn --> 7491<a 7492:href="'https://www.linkedin.com/sharing/share-offsite/?url=' + getEncodedUrl()" 7493target="_blank" 7494rel="noopener noreferrer" 7495class="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" 7496> 7497<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"> 7498<path fill-rule="evenodd" 7499d="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" 7500clip-rule="evenodd"></path> 7501</svg> 7502LinkedIn 7503</a> 7504<!-- WhatsApp --> 7505<a 7506:href="'https://wa.me/?text=' + encodeURIComponent((currentTitle + (currentDescription ? ' - ' + currentDescription : '') + ' ' + currentUrl).substring(0, 300))" 7507target="_blank" 7508rel="noopener noreferrer" 7509class="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" 7510> 7511<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"> 7512<path 7513d="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
75136.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> 7514</svg> 7515WhatsApp 7516</a> 7517<!-- Email --> 7518<a 7519: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)" 7520class="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" 7521> 7522<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 7523<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 7524d="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> 7525</svg> 7526Email 7527</a> 7528</div> 7529<!-- Copy Link Section --> 7530<div class="pt-4 border-t border-neutral-200 dark:border-neutral-700"> 7531<div class="flex items-center space-x-3"> 7532<div class="flex-1"> 7533<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> 7534<ui-label class="text-sm font-medium select-none text-neutral-800 dark:text-white" data-flux-label> 7535Page Link 7536</ui-label> 7537<div class="w-full relative block group/input font-mono text-sm" data-flux-input> 7538<input 7539type="text" 7540class="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://academics.ucc.edu.gh/colleges" readonly="readonly" 7541data-flux-control 7542data-flux-group-target 7543> 7544</div> 7545</ui-field> 7546</div> 7547<div class="pt-6"> 7548<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
7548k: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"> 7549<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 7550<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 7551d="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> 7552</svg> 7553Copy 7554</button> 7555</div> 7556</div> 7557</div> 7558</div> 7559</div> 7560</div> 7561</div> 7562<!-- Back to Top Button --> 7563<div 7564x-data="{ 7565showButton: false, 7566scrollToTop() { 7567window.scrollTo({ 7568top: 0, 7569behavior: 'smooth' 7570}); 7571} 7572}" 7573@scroll.window="showButton = window.pageYOffset > 500" 7574class="fixed bottom-0 right-16 z-50" 7575x-show="showButton" 7576x-transition:enter="transition ease-out duration-300" 7577x-transition:enter-start="opacity-0 transform translate-y-8" 7578x-transition:enter-end="opacity-100 transform translate-y-0" 7579x-transition:leave="transition ease-in duration-300" 7580x-transition:leave-start="opacity-100 transform translate-y-0" 7581x-transition:leave-end="opacity-0 transform translate-y-8" 7582x-cloak 7583> 7584<button 7585@click="scrollToTop" 7586class="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" 7587aria-label="Back to top" 7588> 7589<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 7590<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"/> 7591</svg> 7592</button> 7593</div>
7594<!-- Decorative Background Pattern --> 7595<div class="absolute inset-0 opacity-5"> 7596<div 7597class="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> 7598<div 7599class="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> 7600</div> 7601<div class="relative mx-auto max-w-7xl px-6 pb-8 pt-16 lg:px-8 lg:pt-20"> 7602<!-- Top Section: Branding & CTA --> 7603<div class="mb-12 pb-12 border-b border-white/10"> 7604<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center"> 7605<!-- Branding --> 7606<div> 7607<a href="https://ucc.edu.gh" class="inline-block" aria-label="University of Cape Coast - Go to homepage"> 7608<picture> 7609<source type="image/webp" 7610srcset="https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white-2x.webp 530w, https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.webp 1352w" 7611sizes="(min-width: 768px) 265px, 165px" > 7612<img 7613src="https://academics.ucc.edu.gh/img/ucc-logos/horizontal-logo/white-horizontal-logo/ucclogo_horizontal_white.png" 7614alt="University of Cape Coast" 7615width="1352" 7616height="286" 7617style="aspect-ratio: 1352/286" 7618loading="lazy" 7619class="h-12 w-auto mb-5 hover:scale-105 transition-transform duration-300" 7620> 7621</picture> 7622<span class="sr-only">University of Cape Coast</span> 7623</a> 7624<a href="https://ucc.edu.gh/rankings/history" class="block group"> 7625<p class="text-lg leading-relaxed text-neutral-200 mb-4 group-hover:text-white transition-colors"> 7626The #1 University in Ghana and West Africa</p> 7627</a> 7628<p class="text-sm text-neutral-400 leading-relaxed">Empowering minds, transforming lives, and 7629building the future through excellence in education and research.</p> 7630</div> 7631<!-- Quick Contact Card --> 7632<div 7633class="bg-white/5 backdrop-blur-sm rounded-2xl p-6 lg:p-8 border border-white/10 transition-all duration-300"> 7634<h3 class="text-lg font-semibold text-white mb-4"> 7635<a href="https://directory.ucc.edu.gh/contacts" class="hover:text-blue-200 focus-visible:text-blue-200 transition-colors"> 7636Get in Touch 7637</a> 7638</h3> 7639<address class="space-y-3 text-sm text-neutral-300 not-italic"> 7640<div class="flex items-start gap-3 group"> 7641<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"> 7642<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 7643d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/> 7644<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 7645d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/> 7646</svg> 7647<span>University of Cape Coast<br>Cape Coast, Ghana</span> 7648</div> 7649<div class="flex items-center gap-3 group"> 7650<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"> 7651<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 7652d="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"/> 7653</svg> 7654<a href="tel:+233332132440" 7655class="hover:text-white focus-visible:text-white transition-colors"> 7656+233 (03321) 32440 7657</a> 7658</div> 7659<div class="flex items-center gap-3 group"> 7660<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"> 7661<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 7662d="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"/> 7663</svg> 7664<a href="mailto:[email protected]" 7665class="hover:text-white focus-visible:text-white transition-colors"> 7666[email protected] 7667</a> 7668</div> 7669<div class="flex items-start gap-3 group"> 7670<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"> 7671<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 7672d="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"/> 7673</svg> 7674<span> 7675Data protection: 7676<a href="mailto:[email protected]" 7677class="hover:text-white focus-visible:text-white transition-colors"> 7678[email protected] 7679</a> 7680</span> 7681</div> 7682</address> 7683</div> 7684</div> 7685</div> 7686<!-- Main Footer Content --> 7687<div class="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 mb-12"> 7688<!-- Navigation Links --> 7689<div class="lg:col-span-9"> 7690<nav aria-label="Footer navigation"> 7691<div class="grid grid-cols-2 md:grid-cols-4 gap-8"> 7692<!-- Quick Links --> 7693<div> 7694<h3 class="text-xs font-bold text-blue-200 uppercase tracking-wider mb-4">Quick Links</h3> 7695<ul class="space-y-0.5 text-sm"> 7696<li> 7697<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"> 7698Programmes 7699</a> 7700</li> 7701<li> 7702<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"> 7703Web Services 7704</a> 7705</li> 7706<li> 7707<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"> 7708Forms 7709</a> 7710</li> 7711<li> 7712<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"> 7713Directory 7714</a> 7715</li> 7716<li> 7717<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"> 7718MyUCC 7719</a> 7720</li> 7721</ul> 7722</div> 7723<!-- The University --> 7724<div> 7725<h3 class="text-xs font-bold text-blue-200 uppercase tracking-wider mb-4">University</h3> 7726<ul class="space-y-0.5 text-sm"> 7727<li> 7728<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"> 7729About UCC 7730</a> 7731</li> 7732<li> 7733<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"> 7734Announcements 7735</a> 7736</li> 7737<li> 7738<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"> 7739Events 7740</a> 7741</li> 7742<li> 7743<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"> 7744News 7745</a> 7746</li> 7747</ul> 7748</div> 7749<!-- Research --> 7750<div> 7751<h3 class="text-xs font-bold text-blue-200 uppercase tracking-wider mb-4">Research</h3> 7752<ul class="space-y-0.5 text-sm"> 7753<li> 7754<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"> 7755Journals 7756</a> 7757</li> 7758<li> 7759<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"> 7760UCC Scholar 7761</a> 7762</li> 7763<li> 7764<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"> 7765Conferences 7766</a> 7767</li> 7768</ul> 7769</div> 7770<!-- Resources --> 7771<div> 7772<h3 class="text-xs font-bold text-blue-200 uppercase tracking-wider mb-4">Resources</h3> 7773<ul class="space-y-0.5 text-sm"> 7774<li> 7775<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"> 7776Library 7777</a> 7778</li> 7779<li> 7780<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"> 7781E-Learning 7782</a> 7783</li> 7784<li> 7785<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"> 7786Videos 7787</a> 7788</li> 7789</ul> 7790</div> 7791</div> 7792</nav> 7793</div> 7794<!-- Social Media Column --> 7795<div class="lg:col-span-3"> 7796<h3 class="text-xs font-bold text-blue-200 uppercase tracking-wider mb-4">Connect With Us</h3> 7797<div class="flex flex-wrap gap-3" role="list" aria-label="Social media links"> 7798<a href="https://www.facebook.com/capevars" 7799class="group bg-white/5 hover:bg-blue-600 p-3 rounded-xl transition-all duration-300 border border-white/10 hover:border-blue-400" 7800role="listitem" target="_blank" rel="noopener noreferrer" aria-label="Visit UCC on Facebook"> 7801<svg class="w-5 h-5 text-neutral-300 group-hover:text-white transition-colors" 7802fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 7803<path 7804d="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
7804h-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"/> 7805</svg> 7806</a> 7807<a href="https://www.instagram.com/capevars/" 7808class="group bg-white/5 hover:bg-pink-600 p-3 rounded-xl transition-all duration-300 border border-white/10 hover:border-pink-400" 7809role="listitem" target="_blank" rel="noopener noreferrer" aria-label="Visit UCC on Instagram"> 7810<svg class="w-5 h-5 text-neutral-300 group-hover:text-white transition-colors" 7811fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 7812<path 7813d="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"/> 7814</svg> 7815</a> 7816<a href="https://x.com/UCCGH_Official" 7817class="group bg-white/5 hover:bg-black p-3 rounded-xl transition-all duration-300 border border-white/10 hover:border-neutral-400" 7818role="listitem" target="_blank" rel="noopener noreferrer" aria-label="Visit UCC on X (formerly Twitter)"> 7819<svg class="w-5 h-5 text-neutral-300 group-hover:text-white transition-colors" 7820fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 7821<path 7822d="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"/> 7823</svg> 7824</a> 7825<a href="https://www.linkedin.com/school/university-of-cape-coast" 7826class="group bg-white/5 hover:bg-blue-700 p-3 rounded-xl transition-all duration-300 border border-white/10 hover:border-blue-400" 7827role="listitem" target="_blank" rel="noopener noreferrer" aria-label="Visit UCC on LinkedIn"> 7828<svg class="w-5 h-5 text-neutral-300 group-hover:text-white transition-colors" 7829fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 7830<path 7831d="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"/> 7832</svg> 7833</a> 7834<a href="https://www.youtube.com/@capevars" 7835class="group bg-white/5 hover:bg-red-600 p-3 rounded-xl transition-all duration-300 border border-white/10 hover:border-red-400" 7836role="listitem" target="_blank" rel="noopener noreferrer" aria-label="Visit UCC on YouTube"> 7837<svg class="w-5 h-5 text-neutral-300 group-hover:text-white transition-colors" 7838fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 7839<path 7840d="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"/> 7841</svg> 7842</a> 7843<a href="https://en.wikipedia.org/wiki/University_of_Cape_Coast" 7844class="group bg-white/5 hover:bg-neutral-700 p-3 rounded-xl transition-all duration-300 border border-white/10 hover:border-neutral-400" 7845role="listitem" target="_blank" rel="noopener noreferrer" aria-label="Visit UCC on Wikipedia"> 7846<svg class="w-5 h-5 text-neutral-300 group-hover:text-white transition-colors" 7847fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 7848<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"/> 7849</svg> 7850</a> 7851</div> 7852</div> 7853</div> 7854<!-- Bottom Bar --> 7855<div class="pt-8 border-t border-white/10"> 7856<div class="flex flex-col md:flex-row justify-between items-center gap-4"> 7857<p class="text-sm text-neutral-400 text-center md:text-left"> 7858© 2026 University of Cape Coast. All rights reserved. 7859</p> 7860<div class="flex flex-wrap justify-center gap-6 text-xs text-neutral-400"> 7861<a href="https://ucc.edu.gh/main/privacy-policy" class="hover:text-white transition-colors inline-flex items-center min-h-6"> 7862Privacy Policy 7863</a> 7864<span class="text-neutral-600" aria-hidden="true">|</span> 7865<a href="https://ucc.edu.gh/main/terms-of-service" class="hover:text-white transition-colors inline-flex items-center min-h-6"> 7866Terms of Service 7867</a> 7868<span class="text-neutral-600" aria-hidden="true">|</span> 7869<a href="https://ucc.edu.gh/main/cookie-policy" class="hover:text-white transition-colors inline-flex items-center min-h-6"> 7870Cookie Policy 7871</a> 7872<span class="text-neutral-600" aria-hidden="true">|</span> 7873<a href="https://ucc.edu.gh/main/accessibility" class="hover:text-white transition-colors inline-flex items-center min-h-6"> 7874Accessibility 7875</a> 7876<span class="text-neutral-600" aria-hidden="true">|</span> 7877<button type="button" data-consent-action="settings" 7878class="hover:text-white transition-colors inline-flex items-center min-h-6 underline-offset-2 hover:underline"> 7879Cookie Settings 7880</button> 7881<span class="text-neutral-600" aria-hidden="true">|</span> 7882<a href="https://ucc.edu.gh/main/your-data" class="hover:text-white transition-colors inline-flex items-center min-h-6"> 7883Your Data 7884</a> 7885</div> 7886</div> 7887</div> 7888</div> 7889</footer> 7890<div x-persist="lightbox"> 7891<div x-data="lightbox()" @keydown.window="onKey($event)"> 7892<div 7893x-show="open" 7894x-cloak 7895style="display: none" 7896role="dialog" 7897aria-modal="true" 7898aria-label="Image viewer" 7899class="fixed inset-0 z-[200] flex items-center justify-center" 7900x-trap.noscroll.inert="open" 7901@touchstart.passive="touchStart($event)" 7902@touchend.passive="touchEnd($event)" 7903> 7904<div 7905x-show="open" 7906x-transition.opacity.duration.200ms 7907class="absolute inset-0 bg-black/90 backdrop-blur-sm" 7908@click="close()" 7909aria-hidden="true" 7910></div> 7911<div class="absolute inset-x-0 top-0 z-10 flex items-center justify-between gap-4 p-4 sm:p-6"> 7912<span class="mono rounded-full bg-white/10 px-3 py-1 text-xs font-semibold tabular-nums text-white/90" 7913x-show="hasMultiple" x-text="counter" aria-live="polite"></span> 7914<span class="grow"></span> 7915<button 7916type="button" 7917@click="close()" 7918class="grid h-11 w-11 place-items-center rounded-full bg-white/10 text-white motion-safe:transition hover:bg-white/20 focu
7918s-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" 7919aria-label="Close image viewer" 7920> 7921<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> 7922</button> 7923</div> 7924<button 7925type="button" 7926x-show="hasMultiple" 7927@click="prev()" 7928class="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" 7929aria-label="Previous image" 7930> 7931<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> 7932</button> 7933<figure class="relative z-0 flex max-h-[88vh] max-w-[92vw] flex-col items-center" @click.stop> 7934<div class="relative flex items-center justify-center"> 7935<div x-show="loading" class="absolute inset-0 grid place-items-center" aria-hidden="true"> 7936<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> 7937</div> 7938<img 7939src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 7940:src="current?.src || 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'" 7941alt="" 7942:alt="current?.caption || ''" 7943@load="onLoaded()" 7944x-on:error="onError()" 7945x-show="open" 7946class="max-h-[80vh] max-w-[92vw] rounded-lg object-contain shadow-2xl motion-safe:transition-opacity motion-safe:duration-200" 7947:class="loading ? 'opacity-0' : 'opacity-100'" 7948draggable="false" 7949> 7950</div> 7951<figcaption 7952x-show="current?.caption" 7953x-text="current?.caption" 7954class="mono mt-4 max-w-2xl text-center text-sm text-white/80" 7955></figcaption> 7956</figure> 7957<button 7958type="button" 7959x-show="hasMultiple" 7960@click="next()" 7961class="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" 7962aria-label="Next image" 7963> 7964<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> 7965</button> 7966</div> 7967</div> 7968<style> 7969[data-lightbox], 7970[data-lightbox-content] img:not(a img):not([data-no-lightbox]) { cursor: zoom-in; } 7971</style> 7972</div> 7973<div x-persist="toast"> 7974<ui-toast x-data x-on:toast-show.document="$el.showToast($event.detail)" wire:ignore> 7975<template> 7976<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> 7977<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"> 7978<div class="flex items-start gap-4"> 7979<div class="flex-1 py-1.5 pl-2.5 flex gap-2"> 7980<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"> 7981<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" /> 7982</svg> 7983<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"> 7984<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" /> 7985</svg> 7986<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"> 7987<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" /> 7988</svg> 7989<div> 7990<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> 7991<div class="font-medium text-sm text-neutral-800 dark:text-white"><slot name="text"></slot></div> 7992</div> 7993</div> 7994<div class="flex items-center"> 7995<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"> 7996<div> 7997<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"> 7998<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> 7999</svg> 8000</div> 8001</button> 8002</div> 8003</div> 8004</div> 8005</div> 8006</template> 8007</ui-toast> 8008</div>
8009<script src="https://academics.ucc.edu.gh/flux/flux.min.js?id=2d7e3896" data-navigate-once></script>
vendor: 1 bytes, line 8009
8009
8010<script src="https://academics.ucc.edu.gh/vendor/livewire/livewire.min.js?id=8642c1d5" data-csrf="e8sShMPuYX0Bfudk6vO3CB2GkRHgzpaj26XkMPow" data-module-url="https://academics.ucc.edu.gh/livewire-736887f2" data-update-uri="https://academics.ucc.edu.gh/livewire-736887f2/update" data-navigate-once="true"></script>
8010 8011<div 8012id="cookie-consent" 8013class="fixed inset-x-0 bottom-0 z-[60] print:hidden" 8014role="region" 8015aria-labelledby="cookie-consent-heading" 8016> 8017<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"> 8018<div class="p-4 sm:p-5"> 8019<h2 id="cookie-consent-heading" class="text-base font-semibold text-neutral-900 dark:text-white"> 8020Cookies on this site 8021</h2> 8022<p class="mt-1.5 text-sm text-neutral-600 dark:text-neutral-300"> 8023We need some cookies to make the site work at all, and those are already set. Beyond 8024those, we would like to measure which pages are read so we can decide what to fix. We 8025will not set anything for that until you say yes, and saying no costs you nothing â 8026the site works exactly the same either way. You can change your mind at any time from 8027<strong>Cookie Settings</strong> in the footer. 8028</p> 8029<details class="mt-3 group"> 8030<summary class="cursor-pointer text-sm font-medium text-blue-500 hover:underline dark:text-blue-100"> 8031What each one does 8032</summary> 8033<div class="mt-3 space-y-3 border-l-2 border-neutral-200 pl-3 dark:border-neutral-700"> 8034<div class="text-sm"> 8035<p class="font-medium text-neutral-900 dark:text-white"> 8036Strictly necessary 8037<span class="ml-1 font-normal text-neutral-500 dark:text-neutral-400">â always on, no choice offered</span> 8038</p>
8039<p class="mt-0.5 text-neutral-600 dark:text-neutral-300"> 8040Keeps you signed in and lets forms be submitted safely. Nothing here follows 8041you to other websites. 8042</p> 8043</div> 8044<div class="text-sm"> 8045<label class="flex items-start gap-2"> 8046<input 8047type="checkbox" 8048class="mt-1 size-4 rounded border-neutral-500 text-blue-500 focus:ring-blue-500 dark:border-neutral-400" 8049data-consent-category="analytics" 8050> 8051<span> 8052<span class="font-medium text-neutral-900 dark:text-white">Analytics</span> 8053<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> 8054</span> 8055</label> 8056</div> 8057<div class="text-sm"> 8058<label class="flex items-start gap-2"> 8059<input 8060type="checkbox" 8061class="mt-1 size-4 rounded border-neutral-500 text-blue-500 focus:ring-blue-500 dark:border-neutral-400" 8062data-consent-category="behaviour" 8063> 8064<span> 8065<span class="font-medium text-neutral-900 dark:text-white">Behaviour analytics</span>
8066<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> 8067</span> 8068</label> 8069</div> 8070<p class="text-sm text-neutral-600 dark:text-neutral-300"> 8071Every cookie named, and the companies behind them, are listed in the 8072<a href="https://ucc.edu.gh/main/cookie-policy" class="text-blue-500 underline dark:text-blue-100"> 8073cookie policy 8074</a> 8075. 8076</p> 8077</div> 8078</details> 8079<div class="mt-4 flex flex-col gap-2 sm:flex-row sm:items-center"> 8080<button 8081type="button" 8082data-consent-action="reject" 8083class="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" 8084> 8085Reject all 8086</button> 8087<button 8088type="button" 8089data-consent-action="accept" 8090class="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" 8091> 8092Accept all 8093</button> 8094<button 8095type="button" 8096data-consent-action="save" 8097class="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" 8098> 8099Save my choices 8100</button> 8101</div> 8102</div> 8103</div> 8104</div>
8105<script data-cookie-consent-script> 8106(function () { 8107var 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"]}}; 8108function write(name, value, days) { 8109var expires = new Date(Date.now() + days * 864e5).toUTCString(); 8110document.cookie = name + '=' + value + ';expires=' + expires + ';path=/;SameSite=Lax' 8111+ (location.protocol === 'https:' ? ';Secure' : ''); 8112} 8113// Deleting a cookie means re-setting it with an expiry in the past, on the same domain 8114// and path it was written with. GA4 writes on the registrable domain with a leading dot, 8115// so the bare host alone is not enough â we walk up the host, trying each suffix. 8116function erase(name) { 8117var parts = location.hostname.split('.'); 8118var paths = ['/', location.pathname]; 8119for (var i = 0; i < parts.length - 1; i++) { 8120var domain = parts.slice(i).join('.'); 8121for (var p = 0; p < paths.length; p++) { 8122document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=' + paths[p] + ';domain=' + domain; 8123document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=' + paths[p] + ';domain=.' + domain; 8124} 8125} 8126document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/'; 8127} 8128// Anything the visitor did NOT just accept gets cleared, which is what makes consent 8129// revocable rather than merely re-askable. Refusing analytics after having accepted it 8130// has to remove the identifier Google already put on the device, or "reject" would only 8131// mean "stop adding to the profile you already have". 8132function apply(accepted) { 8133Object.keys(CONSENT.clear).forEach(function (slug) { 8134if (accepted.indexOf(slug) !== -1) { 8135return; 8136} 8137CONSENT.clear[slug].forEach(erase); 8138}); 8139write(CONSENT.cookie, 'v' + CONSENT.version + ':' + accepted.join(','), CONSENT.days); 8140// A full reload, not a wire:navigate. The tags live in Livewire asset blocks that 8141// are evaluated once per real page load, so the server has to render the page again 8142// for the decision to take effect in either direction. 8143// 8144// (Spelling that directive out in full here would be a bug, not a typo: this is a 8145// JavaScript comment inside a Blade template, so Blade compiles the directive even 8146// though JavaScript treats the line as a comment, and it would open an output 8147// buffer that nothing ever closes.) 8148window.location.reload(); 8149} 8150function checked() { 8151return Array.prototype.slice 8152.call(document.querySelectorAll('[data-consent-category]')) 8153.filter(function (input) { return input.checked; }) 8154.map(function (input) { return input.getAttribute('data-consent-category'); }); 8155} 8156document.addEventListener('click', function (event) { 8157var trigger = event.target.closest('[data-consent-action]'); 8158if (! trigger) { 8159return; 8160} 8161event.preventDefault(); 8162var action = trigger.getAttribute('data-consent-action'); 8163if (action === 'accept') { 8164return apply(Object.keys(CONSENT.clear)); 8165} 8166if (action === 'reject') { 8167return apply([]); 8168} 8169if (action === 'save') { 8170return apply(checked()); 8171} 8172// "settings" â from the footer. Re-open the banner rather than sending the visitor 8173// to another page; their current answer is already ticked into the checkboxes. 8174if (action === 'settings') { 8175var banner = document.getElementById('cookie-consent'); 8176if (banner) { 8177banner.hidden = false; 8178banner.classList.remove('hidden'); 8179var details = banner.querySelector('details'); 8180if (details) { 8181details.open = true; 8182} 8183banner.scrollIntoView({ block: 'end' }); 8184banner.querySelector('[data-consent-action]').focus(); 8185} 8186} 8187}); 8188})(); 8189</script>
8189 8190</body> 8191</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.