1 2 3 4<!doctype html> 5<html class="no-js overflow-x-hidden" lang="en-GB"> 6 <head> 7 8 <link rel="preconnect" href="https://vars.hotjar.com"> 9 <link rel="preconnect" href="https://script.hotjar.com"> 10 <link rel="preconnect" href="https://www.facebook.com"> 11 <link rel="preconnect" href="https://connect.facebook.net"> 12 <link rel="preconnect" href="https://player.vimeo.com"> 13 <link rel="preconnect" href="https://vod-progressive.akamaized.net"> 14 <link rel="preconnect" href="https://consentcdn.cookiebot.com"> 15 <link rel="preconnect" href="https://www.google-analytics.com"> 16 17 <link rel="preload" href="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/builds/a2daa9ba-1f84-43d5-8cf5-15bab00e1277/artifacts/assets/fonts/GT-Standard-L-Standard-Regular.woff2" as="font" crossorigin="anonymous"> 18 <link rel="preload" href="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/builds/a2daa9ba-1f84-43d5-8cf5-15bab00e1277/artifacts/assets/fonts/GT-Standard-L-Standard-Heavy.woff2" as="font" crossorigin="anonymous"> 19 <link rel="preload" href="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/builds/a2daa9ba-1f84-43d5-8cf5-15bab00e1277/artifacts/assets/fonts/GT-Standard-L-Standard-Bold.woff2" as="font" crossorigin="anonymous"> 20 <link rel="preload" href="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/builds/a2daa9ba-1f84-43d5-8cf5-15bab00e1277/artifacts/assets/fonts/GT-Standard-L-Extended-Black.woff2" as="font" crossorigin="anonymous"> 21 22 <link rel="stylesheet" href="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/builds/a2daa9ba-1f84-43d5-8cf5-15bab00e1277/artifacts/assets/dist/assets/main.css"> 23 <link rel="stylesheet" href="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/builds/a2daa9ba-1f84-43d5-8cf5-15bab00e1277/artifacts/assets/dist/assets/fonts.css"> 24 25 <meta name="viewport" content="width=device-width, initial-scale=1"> 26 <meta http-equiv="x-ua-compatible" content="ie=edge"> 27 28 <link rel="icon" type="image/png" href="/assets/meta/favicon-96x96.png" sizes="96x96" /> 29 <link rel="icon" type="image/svg+xml" href="/assets/meta/favicon.svg" /> 30 <link rel="shortcut icon" href="/assets/meta/favicon.ico" /> 31 <link rel="apple-touch-icon" sizes="180x180" href="/assets/meta/apple-touch-icon.png" /> 32 <meta name="apple-mobile-web-app-title" content="AUB" /> 33 <link rel="manifest" href="/assets/meta/site.webmanifest" /> 34 35 <link rel="alternate" type="application/rss+xml" href="https://aub.ac.uk/feed"> 36 37 38
38<script>
vendor: 348 bytes, lines 38-43
38 39 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 40 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 41 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 42 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 43 })(window,document,'script','dataLayer','
43GTM-KGM4CFJ
vendor: 8 bytes, lines 43-44
43'); 44
44function gtm(event) { 45 window.dataLayer = window.dataLayer || []; 46 window.dataLayer.push(event) 47 } 48 </script>
48 49 50
50<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"></script>
50 51 52 53 <title>Latest News â AUB â Arts University Bournemouth</title><meta name="keywords" content="community, browse, creative, news, goes, stories"> 54<meta name="description" content="A lot goes on in our creative community â browse our news stories to find out more about AUB"> 55<meta name="referrer" content="no-referrer-when-downgrade"> 56<meta name="robots" content="all"> 57<meta content="133779400022939" property="fb:profile_id"> 58<meta content="en_GB" property="og:locale"> 59<meta content="AUB â Arts University Bournemouth" property="og:site_name"> 60<meta content="website" property="og:type"> 61<meta content="https://aub.ac.uk/news" property="og:url"> 62<meta content="Latest News" property="og:title"> 63<meta content="A lot goes on in our creative community â browse our news stories to find out more about AUB" property="og:description"> 64<meta content="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Staff-Profile-Icon_1.png?fit=cover&height=630&width=1200&s=-ZMCmVUP2Ez8FtIDLB7XBnjIqPvn4x_EcR-JvqQwlXQ" property="og:image"> 65<meta content="1200" property="og:image:width"> 66<meta content="630" property="og:image:height"> 67<meta content="One corner of a high structure, viewed from below with a clear blue sky in the background." property="og:image:alt"> 68<meta content="https://pinterest.com/inspiredaub" property="og:see_also"> 69<meta content="https://www.instagram.com/inspiredaub" property="og:see_also"> 70<meta content="https://youtube.com/inspiredaub" property="og:see_also"> 71<meta content="https://linkedin.com/company/the-arts-university-at-bournemouth" property="og:see_also"> 72<meta content="https://en.wikipedia.org/wiki/Arts_University_Bournemouth" property="og:see_also"> 73<meta content="https://facebook.com/inspiredAUB/" property="og:see_also"> 74<meta content="https://twitter.com/inspiredAUB" property="og:see_also"> 75<meta name="twitter:card" content="summary_large_image"> 76<meta name="twitter:site" content="@inspiredAUB"> 77<meta name="twitter:creator" content="@inspiredAUB"> 78<meta name="twitter:title" content="Latest News"> 79<meta name="twitter:description" content="A lot goes on in our creative community â browse our news stories to find out more about AUB"> 80<meta name="twitter:image" content="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Staff-Profile-Icon_1.png?fit=cover&height=418&width=800&s=HEuKsieyodSNP1jknphusv8aR2n_EQy8x-2I3Ad4Ze8"> 81<meta name="twitter:image:width" content="800"> 82<meta name="twitter:image:height" content="418"> 83<meta name="twitter:image:alt" content="One corner of a high structure, viewed from below with a clear blue sky in the background."> 84<link href="https://aub.ac.uk/news" rel="canonical"> 85<link href="https://aub.ac.uk/" rel="home"> 86<link type="text/plain" href="https://aub.ac.uk/humans.txt" rel="author"> 87<link href="https://aub.ac.uk/news/p2" rel="next"></head> 88 <body class="font-body with-header " 89 90 91 > 92 93 <!-- Google Tag Manager (noscript) --> 94 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGM4CFJ" 95 height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe></noscript> 96 <!-- End Google Tag Manager (noscript) --> 97 98 <a href="#content" class="bg-black p-4 text-white sr-only focus:not-sr-only z-61">Skip to main content</a> 99 <a href="/sitemap" class="bg-black p-4 text-white sr-only focus:not-sr-only z-61">Go to Site Map</a> 100 101 102 103 104 105 <header 106 x-data="{ 107 menuIsOpen: false, 108 activeMenu: null, 109 searchIsOpen: false, 110 hasScrolled: false, 111 menuFocusTrap: null, 112 searchFocusTrap: null, 113 }" 114 class="fixed top-0 w-full z-60 transition border-b border-gray-150" 115 x-bind:class="{ 116 'h-screen': activeMenu != null, 117 'border-b-2 border-gray-400': hasScrolled, 118 'border-b-0': !hasScrolled, 119 }" 120 x-on:scroll.window=" 121 // Make the scrollbar have a border once it's hit white content 122 var whiteContent = document.querySelector('.white-content'); 123 if(whiteContent!==null) 124 { 125 var scrollTop = document.documentElement.scrollTop; 126 hasScrolled = scrollTop>((whiteContent.offsetTop - 5) - $el.clientHeight) 127 } 128 " 129 x-init=" 130 menuFocusTrap = window.focusTrap($refs.menu, { 131 allowOutsideClick: function() { return true }, 132 fallbackFocus: function() { return $refs.menu } 133 }); 134 searchFocusTrap = window.focusTrap($refs.search, { 135 allowOutsideClick: function() { return true }, 136 fallbackFocus: function() { return $refs.search } 137 }); 138 $watch('activeMenu', function(value) { 139 if (value) { 140 document.documentElement.classList.add('overflow-y-hidden'); 141 } else { 142 document.documentElement.classList.remove('overflow-y-hidden'); 143 } 144 }); 145 " 146 id="site-header" 147 > 148 <div class="bg-white flex justify-between items-stretch relative z-20"> 149 <a href="/" class="px-4 md:px-8 transition-opacity duration-300 hover:opacity-50 flex items-center" aria-label="Go to homepage"> 150 <svg class="h-6 md:h-8" xmlns="http://www.w3.org/2000/svg" data-name="Art" viewBox="0 0 1186.34 225.87"><path d="M441.88 0h100.7c45.17 0 72.78 23.21 72.78 61.17 0 20.7-10.67 36.7-29.49 43.92 22.27 6.59 35.45 26.35 35.45 53.33 0 38.9-27.92 62.74-73.41 62.74H441.88zm112.31 66.51c0-11.29-8.16-18.82-20.39-18.82h-32.31v37.64h32.31c12.23 0 20.39-7.53 20.39-18.82m5.96 85.32c0-13.18-8.47-21.65-22.27-21.65h-36.39v43.29h36.39c13.8 0 22.27-8.47 22.27-21.65ZM236.1 139.29V0h59.6v133.95c0 16.94 8.47 33.88 33.88 33.88s33.88-16.94 33.88-33.88V0h59.6v139.28c0 52.07-36.08 86.58-93.48 86.58s-93.48-34.51-93.48-86.58ZM122.37 157.42c-5.68 1.44-36.15 8.02-45.47 29.35-5.11 11.68-13.2 34.38-13.2 34.38H0l10.56-28.24s7.16-21.14 27.06-30.2c20.98-9.55 24.01-12.38 22.78-18.51-1.02-5.08-7.83-9.63-14.05-13.97-5.36-3.74-8.29-10.89-4.96-19.78C44.14 103.1 82.69 0 82.69 0h78.93l82.69 221.16h-63.7L122.16 64.84l-15.78 42.2c-3.33 8.92-.04 22.08 13.22 27.39 13.25 5.31 19.29 9.28 16.93 15.78-1.57 4.33-8.04 5.67-14.15 7.22ZM693.65 0h13.27l24.25 61.94h-13.36l-5.36-14.58H688.2l-5.36 14.58h-13.36zm1.49 28.2-2.9 7.91h16.17l-2.9-7.91-5.19-14.67zM733.45 16.69h11.33v6.85c1.85-5.01 6.24-7.73 11.77-7.73h2.02v11.95h-1.76c-7.47 0-11.51 4.31-11.51 11.69v22.49h-11.86V16.69ZM769.12 51.05V26.89h-6.94V17.4h3.34c3.34 0 4.39-1.14 4.39-4.39V5.89h11.07V16.7h8.08v10.19h-8.08v19.68c0 3.34 1.41 4.83 4.39 4.83 1.32 0 2.28-.18 3.69-.44v10.81c-2.29.7-4.39 1.05-7.38 1.05-8.08 0-12.56-4.22-12.56-11.77M791.78 47.27h12.04c.35 4.22 4.04 6.94 9.49 6.94 4.74 0 7.64-2.02 7.64-5.27 0-2.55-1.32-3.78-5.01-4.39l-10.46-1.67C797.31 41.56 793 37.17 793 30.14c0-8.87 7.82-14.76 19.68-14.76s19.86 6.06 20.12 15.29h-12.04c-.35-4.13-3.6-6.5-8.52-6.5-4.48 0-7.21 2.02-7.21 5.01 0 2.37 1.58 3.6 5.18 4.22l10.81 1.67c7.82 1.23 11.95 5.8 11.95 12.83 0 9.31-7.91 15.38-20.12 15.38s-20.91-6.41-21.09-15.99ZM670.54 119.32V79.61h12.48v38.57c0 7.38 3.95 12.65 12.12 12.65s12.12-5.27 12.12-12.65V79.61h12.47v39.71c0 14.5-9.49 23.55-24.6 23.55s-24.6-9.05-24.6-23.55ZM725.28 9
1506.3h11.33v5.18c2.55-4.13 7.73-6.5 13.62-6.5 9.4 0 16.43 5.36 16.43 17.92v28.64h-11.95v-26.09c0-6.06-2.9-9.49-8.35-9.49-5.8 0-9.22 3.95-9.22 10.02v25.57h-11.86zM770.78 84.53c0-4.04 3.08-7.12 7.03-7.12s7.21 3.08 7.21 7.12-3.08 7.12-7.21 7.12-7.03-3.08-7.03-7.12m1.15 11.77h11.86v45.25h-11.86zM786.42 96.3h13.27l6.94 20.38 4.04 11.6 3.95-11.6 6.94-20.38h13.27l-18.19 45.25H804.6L786.41 96.3ZM832.55 118.79c0-14.15 9.31-23.81 22.93-23.81s22.93 8.87 22.93 22.05v.18c0 2.11-.17 4.13-.44 5.62h-33.3c.26 6.41 4.57 10.63 11.42 10.63 5.01 0 8.35-2.28 9.58-5.8h12.12c-2.46 9.58-10.46 15.2-21.96 15.2-14.15 0-23.28-9.49-23.28-24.07m23.02-14.67c-6.15 0-10.46 3.69-10.9 10.1h21.62c-.18-6.15-4.31-10.1-10.72-10.1M882.45 96.3h11.33v6.85c1.85-5.01 6.24-7.73 11.77-7.73h2.02v11.95h-1.76c-7.47 0-11.51 4.31-11.51 11.69v22.49h-11.86V96.3ZM908.98 126.88h12.04c.35 4.22 4.04 6.94 9.49 6.94 4.74 0 7.64-2.02 7.64-5.27 0-2.55-1.32-3.78-5.01-4.39l-10.46-1.67c-8.17-1.32-12.48-5.71-12.48-12.74 0-8.87 7.82-14.76 19.68-14.76s19.86 6.06 20.12 15.29h-12.04c-.35-4.13-3.6-6.5-8.52-6.5-4.48 0-7.21 2.02-7.21 5.01 0 2.37 1.58 3.6 5.18 4.22l10.81 1.67c7.82 1.23 11.95 5.8 11.95 12.83 0 9.31-7.91 15.38-20.12 15.38s-20.91-6.41-21.09-15.99ZM953.26 84.53c0-4.04 3.08-7.12 7.03-7.12s7.21 3.08 7.21 7.12-3.08 7.12-7.21 7.12-7.03-3.08-7.03-7.12m1.14 11.77h11.86v45.25H954.4zM976.98 130.66V106.5h-6.94v-9.49h3.34c3.34 0 4.39-1.14 4.39-4.39V85.5h11.07v10.81h8.08v10.19h-8.08v19.68c0 3.34 1.41 4.83 4.39 4.83 1.32 0 2.28-.18 3.69-.44v10.81c-2.29.7-4.39 1.05-7.38 1.05-8.08 0-12.56-4.22-12.56-11.77M1017.65 136.89 999.2 96.3h13.27l7.91 18.89 3.52 8.7 3.43-8.61 7.73-18.98h13.18l-26.18 59.75h-13.36l8.96-19.15ZM671.42 159.22h26.27c11.77 0 19.24 6.59 19.24 16.78 0 5.8-3.08 10.46-8.44 12.56 6.5 1.93 10.11 7.47 10.11 15.11 0 10.72-7.47 17.48-19.42 17.48h-27.76v-61.94Zm32.69 17.66c0-4.57-3.25-7.38-8.17-7.38H683.9v14.85h12.04c5.01 0 8.17-2.9 8.17-7.47m1.67 25.65c0-5.27-3.25-8.43-8.61-8.43H683.9v16.78h13.27c5.36 0 8.61-3.25 8.61-8.35M721.76 198.49c0-13.97 9.4-23.9 23.98-23.9s23.99 9.93 23.99 23.9-9.4 23.99-23.99 23.99-23.98-9.93-23.98-23.99m35.94 0c0-8.52-4.92-13.18-11.95-13.18s-11.95 4.74-11.95 13.18 4.92 13.27 11.95 13.27 11.95-4.74 11.95-13.27M773.68 204.55v-28.64h11.86V202c0 6.15 2.9 9.58 8 9.58 5.62 0 8.87-3.95 8.87-10.02V175.9h11.86v45.25h-11.33v-5.18c-2.55 4.13-7.12 6.5-13.18 6.5-8.79 0-16.08-5.27-16.08-17.92M819.19 175.91h11.33v6.85c1.85-5.01 6.24-7.73 11.77-7.73h2.02v11.95h-1.76c-7.47 0-11.51 4.31-11.51 11.69v22.49h-11.86v-45.25ZM848.45 175.91h11.33v5.18c2.55-4.13 7.73-6.5 13.62-6.5 9.4 0 16.43 5.36 16.43 17.92v28.64h-11.95v-26.09c0-6.06-2.9-9.49-8.35-9.49-5.8 0-9.22 3.95-9.22 10.02v25.57h-11.86zM893.96 198.4c0-14.15 9.31-23.81 22.93-23.81s22.93 8.87 22.93 22.05v.18c0 2.11-.17 4.13-.44 5.62h-33.3c.26 6.41 4.57 10.63 11.42 10.63 5.01 0 8.35-2.28 9.58-5.8h12.12c-2.46 9.58-10.46 15.2-21.97 15.2-14.14 0-23.28-9.49-23.28-24.07Zm23.02-14.67c-6.15 0-10.46 3.69-10.9 10.1h21.62c-.18-6.15-4.31-10.1-10.72-10.1M944.12 175.91h11.33v5.18c2.11-3.95 7.21-6.5 13.18-6.5s10.89 2.46 13.62 6.94c2.99-4.57 7.73-6.94 13.71-6.94 10.46 0 16.25 6.33 16.25 17.48v29.08h-11.86v-26.71c0-5.8-2.63-8.87-7.73-8.87s-8.52 3.6-8.52 9.66v25.92h-11.86V194.7c0-5.97-2.63-9.14-7.64-9.14-5.36 0-8.61 3.69-8.61 9.75v25.83h-11.86v-45.25ZM1016.25 198.49c0-13.97 9.4-23.9 23.98-23.9s23.99 9.93 23.99 23.9-9.4 23.99-23.99 23.99-23.98-9.93-23.98-23.99m35.93 0c0-8.52-4.92-13.18-11.95-13.18s-11.95 4.74-11.95 13.18 4.92 13.27 11.95 13.27 11.95-4.74 11.95-13.27M1068.35 204.55v-28.64h11.86V202c0 6.15 2.9 9.58 8 9.58 5.62 0 8.87-3.95 8.87-10.02V175.9h11.86v45.25h-11.33v-5.18c-2.55 4.13-7.12 6.5-13.18 6.5-8.79 0-16.08-5.27-16.08-17.92M1120.09 210.26V186.1h-6.94v-9.49h3.34c3.34 0 4.39-1.14 4.39-4.39v-7.12h11.07v10.81h8.08v10.19h-8.08v19.68c0 3.34 1.41 4.83 4.39 4.83 1.32 0 2.28-.18 3.69-.44v10.81c-2.29.7-4.39 1.05-7.38 1.05-8.08 0-12.56-4.22-12.56-11.77M1144.95 159.22h11.86v21.26c2.55-3.69 7.56-5.89 13.09-5.89 9.4 0 16.43 5.36 16.43 17.92v28.64h-11.95v-26.09c0-6.15-2.9-9.58-8.26-9.58-5.89 0-9.31 4.04-9.31 10.02v25.66h-11.86z"/></svg> 151
152 <span class="sr-only">Arts University Bournemouth</span> 153 </a> 154 <div class="flex"> 155 <nav class="hidden lg:flex items-stretch space-x-8 pr-8 self-stretch"> 156 <button 157 @click.prevent=" 158 if(activeMenu == 'courses') { 159 activeMenu = null; 160 gtm({ 161 event: 'ui_event', 162 category: 'navigation_tab', 163 action: 'closed', 164 label: 'our-courses' 165 }); 166 } else { 167 activeMenu = 'courses'; 168 gtm({ 169 event: 'ui_event', 170 category: 'navigation_tab', 171 action: 'opened', 172 label: 'our-courses' 173 }); 174 } 175 " 176 @keydown.escape=" 177 if(activeMenu == 'courses') { 178 activeMenu = null; 179 gtm({ 180 event: 'ui_event', 181 category: 'navigation_tab', 182 action: 'closed', 183 label: 'our-courses' 184 }); 185 } else { 186 activeMenu = 'courses'; 187 gtm({ 188 event: 'ui_event', 189 category: 'navigation_tab', 190 action: 'opened', 191 label: 'our-courses' 192 }); 193 } 194 " 195 class="relative whitespace-nowrap leading-none text-sm font-extrabold uppercase text-black hover:text-gray-500 border-b-4 border-transparent pt-1 transition-colors duration-300 flex items-center justify-center" 196 x-bind:class="{ 197 'border-black': activeMenu == 'courses' 198 }" 199 > 200 <span :class="{'opacity-50': activeMenu == 'courses'}">Our courses</span> 201 </button> 202 <button 203 @click.prevent=" 204 if(activeMenu == '5029891') { 205 activeMenu = null; 206 gtm({ 207 event: 'ui_event', 208 category: 'navigation_tab', 209 action: 'closed', 210 label: 'apply-to-aub' 211 }); 212 } else { 213 activeMenu = '5029891'; 214 gtm({ 215 event: 'ui_event', 216 category: 'navigation_tab', 217 action: 'opened', 218 label: 'apply-to-aub' 219 }); 220 } 221 " 222 @keydown.escape=" 223 if(activeMenu == '5029891') { 224 activeMenu = null; 225 gtm({ 226 event: 'ui_event', 227 category: 'navigation_tab', 228 action: 'closed', 229 label: 'apply-to-aub' 230 }); 231 } else { 232 activeMenu = '5029891'; 233 gtm({ 234 event: 'ui_event', 235 category: 'navigation_tab', 236 action: 'opened', 237 label: 'apply-to-aub' 238 }); 239 } 240 " 241 class="relative whitespace-nowrap leading-none text-sm font-extrabold uppercase text-black hover:text-gray-500 border-b-4 border-transparent pt-1 transition-colors duration-300 flex items-center justify-center" 242 x-bind:class="{ 243 'border-black': activeMenu == '5029891' 244 }" 245 > 246 <sp
246an :class="{'opacity-50': activeMenu == '5029891'}">Apply to AUB</span> 247 </button> 248 <button 249 @click.prevent=" 250 if(activeMenu == '5030692') { 251 activeMenu = null; 252 gtm({ 253 event: 'ui_event', 254 category: 'navigation_tab', 255 action: 'closed', 256 label: 'open-days' 257 }); 258 } else { 259 activeMenu = '5030692'; 260 gtm({ 261 event: 'ui_event', 262 category: 'navigation_tab', 263 action: 'opened', 264 label: 'open-days' 265 }); 266 } 267 " 268 @keydown.escape=" 269 if(activeMenu == '5030692') { 270 activeMenu = null; 271 gtm({ 272 event: 'ui_event', 273 category: 'navigation_tab', 274 action: 'closed', 275 label: 'open-days' 276 }); 277 } else { 278 activeMenu = '5030692'; 279 gtm({ 280 event: 'ui_event', 281 category: 'navigation_tab', 282 action: 'opened', 283 label: 'open-days' 284 }); 285 } 286 " 287 class="relative whitespace-nowrap leading-none text-sm font-extrabold uppercase text-black hover:text-gray-500 border-b-4 border-transparent pt-1 transition-colors duration-300 flex items-center justify-center" 288 x-bind:class="{ 289 'border-black': activeMenu == '5030692' 290 }" 291 > 292 <span :class="{'opacity-50': activeMenu == '5030692'}">Open Days</span> 293 </button> 294 <button 295 @click.prevent=" 296 if(activeMenu == '10338') { 297 activeMenu = null; 298 gtm({ 299 event: 'ui_event', 300 category: 'navigation_tab', 301 action: 'closed', 302 label: 'life-at-aub' 303 }); 304 } else { 305 activeMenu = '10338'; 306 gtm({ 307 event: 'ui_event', 308 category: 'navigation_tab', 309 action: 'opened', 310 label: 'life-at-aub' 311 }); 312 } 313 " 314 @keydown.escape=" 315 if(activeMenu == '10338') { 316 activeMenu = null; 317 gtm({ 318 event: 'ui_event', 319 category: 'navigation_tab', 320 action: 'closed', 321 label: 'life-at-aub' 322 }); 323 } else { 324 activeMenu = '10338'; 325 gtm({ 326 event: 'ui_event', 327 category: 'navigation_tab', 328 action: 'opened', 329 label: 'life-at-aub' 330 }); 331 } 332 " 333 class="relative whitespace-nowrap leading-none text-sm font-extrabold uppercase text-black hover:text-gray-500 border-b-4 border-transparent pt-1 transition-colors duration-300 flex items-center justify-center" 334 x-bind:class="{ 335 'border-black': activeMenu == '10338' 336 }" 337 > 338 <sp
338an :class="{'opacity-50': activeMenu == '10338'}">Life at AUB</span> 339 </button> 340 </nav> 341 342 <button 343 @click=" 344 if (searchIsOpen) { 345 searchIsOpen = false; 346 searchFocusTrap.deactivate(); 347 gtm({ 348 event: 'ui_event', 349 category: 'search_panel', 350 action: 'closed', 351 }); 352 } else { 353 searchIsOpen = true; 354 searchFocusTrap.activate(); 355 gtm({ 356 event: 'ui_event', 357 category: 'search_panel', 358 action: 'opened', 359 }); 360 } 361 " 362 x-on:keydown.escape="searchIsOpen = false" 363 class="h-[50px] w-[50px] md:h-20 md:w-20 flex items-center justify-center site-header-search" 364 x-bind:class="{ 365 'bg-black text-white': searchIsOpen, 366 'bg-pampas-500 text-black': !searchIsOpen 367 }" 368 aria-label="Open search" 369 aria-controls="site-header-search" 370 x-bind:aria-expanded="searchIsOpen ? true : false" 371 x-ref="searchTrigger" 372 > 373 <svg class="h-4 w-4 transition-opacity duration-300" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> 374 <path fill="currentColor" d="M8.5,0 C13.1944204,0 17,3.80557963 17,8.5 C17,10.4865245 16.3185332,12.3138839 15.1766205,13.7610573 L19.7071068,18.2928932 L18.2928932,19.7071068 L13.7610573,15.1766205 C12.3138839,16.3185332 10.4865245,17 8.5,17 C3.80557963,17 0,13.1944204 0,8.5 C0,3.80557963 3.80557963,0 8.5,0 Z M8.5,2 C4.91014913,2 2,4.91014913 2,8.5 C2,12.0898509 4.91014913,15 8.5,15 C12.0898509,15 15,12.0898509 15,8.5 C15,4.91014913 12.0898509,2 8.5,2 Z"/> 375</svg> 376 377 </button> 378 379 <button 380 @click=" 381 if (activeMenu == 'menu' || (window.innerWidth < 1024 && activeMenu)) { 382 activeMenu = null; 383 menuFocusTrap.deactivate(); 384 gtm({ 385 event: 'ui_event', 386 category: 'main_navigation', 387 action: 'closed', 388 }); 389 } else { 390 activeMenu = 'menu'; 391 menuFocusTrap.activate(); 392 window.dataLayer = window.dataLayer || []; 393 window.dataLayer.push({ 394 'event': 'menu_open', 395 }); 396 gtm({ 397 event: 'ui_event', 398 category: 'main_navigation', 399 action: 'opened', 400 }) 401 } 402 " 403 class="h-[50px] w-[50px] md:h-20 md:w-20 flex items-center justify-center hamburger hamburger--spin motion-reduce:transition-none site-header-menu" 404 x-on:keydown.escape=" 405 activeMenu = null; 406 menuFocusTrap.deactivate(); 407 " 408 x-bind:class="{ 409 'bg-black text-white is-active': (window.innerWidth >= 1024 && activeMenu == 'menu') || (window.innerWidth < 1024 && activeMenu), 410 'bg-white text-black': !activeMenu 411 }" 412 aria-label="Open navigation menu" 413 aria-controls="site-header-menu" 414 x-bind:aria-expanded="activeMenu == 'menu' ? true : false" 415 >
416 <span class="hamburger-box transition-opacity duration-300"> 417 <span class="hamburger-inner"></span> 418 </span> 419 </button> 420 </div> 421 </div> 422 423 424<div 425 id="site-header-menu" 426 x-show="activeMenu != null" 427 class="h-[calc(100vh-58px)] md:h-[calc(100vh-80px)] absolute w-full transform flex items-center justify-end" 428 x-cloak 429 x-bind:aria-hidden="activeMenu != null ? false : true" 430 x-ref="menu" 431> 432 <div class="bg-linear-to-r from-black/0 to-black/50 w-full h-full absolute inset-0 right-auto" 433 x-show="activeMenu != null" 434 x-transition:enter="transition motion-reduce:transition-none duration-500" 435 x-transition:enter-start="opacity-0" 436 x-transition:enter-end="opacity-100" 437 x-transition:leave="transition motion-reduce:transition-none duration-500 delay-100" 438 x-transition:leave-start="opacity-100" 439 x-transition:leave-end="opacity-0" 440 x-cloak 441 role="presentation" 442 @click="activeMenu = null; gtm({'event': 'ui_event', 'category': 'main_navigation', 'action': 'closed', 'label': 'menu-backdrop'});" 443 style="backdrop-filter: blur(2px);"></div> 444 445 <div 446 x-show="activeMenu != null" 447 x-cloak 448 x-transition:enter="transition motion-reduce:transition-none duration-500 delay-100" 449 x-transition:enter-start="opacity-0 translate-x-64" 450 x-transition:enter-end="opacity-100 translate-x-0" 451 x-transition:leave="transition motion-reduce:transition-none duration-500" 452 x-transition:leave-start="opacity-100 translate-x-0" 453 x-transition:leave-end="opacity-0 translate-x-64" 454 class="overflow-y-auto w-full max-w-[860px] h-full bg-black text-white px-5 lg:pr-8 z-10 border-l border-white/10"> 455 456 457<div x-show="activeMenu == 'courses'" x-transition:enter="transition-all duration-500" x-transition:enter-start="opacity-0 translate-x-64 lg:translate-x-0" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition-all duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-64 lg:translate-x-0" x-cloak class="h-full relative"> 458 <button @click="activeMenu = 'menu'; gtm({'event': 'ui_event', 'category': 'main_navigation', 'action': 'clicked', 'label': 'back-button'});" class="lg:hidden uppercase text-xs font-extrabold flex items-center gap-2 mt-10 justify-start w-full mb-4"> 459 <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 460 <path d="M12 7H2M2 7L7 2M2 7L7 12" stroke="white" stroke-width="2" stroke-linecap="square"/> 461 </svg> 462 Back 463</button> <div class="md:flex items-center md:justify-between lg:pt-10"> 464 <h2 class="text-4xl">Our courses</h2> 465 466 467 468 <a 469 x-data="{}" 470 @click=" 471 472 window.dataLayer = window.dataLayer || []; 473 window.dataLayer.push({ 474 'event': 'button_clicked', 475 'dynamicName': 'explore-all-courses' 476 }); 477 window.dataLayer.push({ 478 event: 'ui_event', 479 action: 'clicked', 480 category: 'button', 481 label: 'explore-all-courses' 482 }) 483 " 484 href="https://aub.ac.uk/courses" 485 class="duration-300 transition text-center inline-flex items-center justify-center min-h-[44px] rounded-full leading-none text-xs font-black uppercase px-6 py-3 border border-white bg-white text-black hover:bg-black hover:text-white w-full md:w-auto"> 486 <span class="inline-block align-middle">Explore all courses</span> 487 </a> 488 </div> 489 <div x-data="{activeTab: 'undergraduate'}"> 490 <div class="border-b border-white/20 text-white flex items-center gap-6 sticky top-0 bg-black pt-6 lg:pt-10 z-10 overflow-x-auto hide-scrollbars pr-5 -mr-5 md:-mr-6">
491 <button @click="activeTab = 'foundation'; gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'foundation'});" :class="activeTab == 'foundation' ? 'font-bold border-white' : ''" class="text-sm uppercase hover:opacity-50 transition duration-300 flex items-center justify-center pb-[22px] border-b-2 border-transparent whitespace-nowrap"> 492 Foundation 493 </button> 494 <button @click="activeTab = 'undergraduate'; gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'undergraduate'});" :class="activeTab == 'undergraduate' ? 'font-bold border-white' : ''" class="text-sm uppercase hover:opacity-50 transition duration-300 flex items-center justify-center pb-[22px] border-b-2 border-transparent whitespace-nowrap"> 495 Undergraduate 496 </button> 497 <button @click="activeTab = 'graduate'; gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'postgraduate'});" :class="activeTab == 'graduate' ? 'font-bold border-white' : ''" class="text-sm uppercase hover:opacity-50 transition duration-300 flex items-center justify-center pb-[22px] border-b-2 border-transparent whitespace-nowrap"> 498 Postgraduate 499 </button> 500 <button @click="activeTab = 'academy'; gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'short-courses'});" :class="activeTab == 'academy' ? 'font-bold border-white' : ''" class="text-sm uppercase hover:opacity-50 transition duration-300 flex items-center justify-center pb-[22px] border-b-2 border-transparent whitespace-nowrap"> 501 Short Courses 502 </button> 503 <button @click="activeTab = 'apprenticeships'; gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'apprenticeships'});" :class="activeTab == 'apprenticeships' ? 'font-bold border-white' : ''" class="text-sm uppercase hover:opacity-50 transition duration-300 flex items-center justify-center pb-[22px] border-b-2 border-transparent whitespace-nowrap"> 504 Apprenticeships 505 </button> 506 </div> 507 <div x-show="activeTab == 'foundation'" x-cloak x-transition:enter="transition-all duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-all duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="mt-4 flex flex-col gap-4 pb-10"> 508 <a href="https://aub.ac.uk/courses/foundation-courses/foundation-diploma" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'foundation-diploma-in-art-and-design'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 509 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 510 511 512 513 514<div class="relative " 515 > 516 517 518 519 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 520 <img 521 alt="Illustration of a woman in a bikini reaching forward with a pink fish to her right. A shark is shown behind them. The text "A day in the deep" appears above the illustration." 522 fetchpriority="low" 523 class="w-full object-cover absolute inset-0 w-full h-full " 524 height="0.25" 525 loading="lazy" 526 sizes="100vw" 527 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Foundation_day-in-the-deep.png" 528 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Foundation_day-in-the-deep.png?fit=cover&width=800&s=FwDONjbE9Ds_TYlJigpCp7yJFkyqqmiHU47L_qQf38U 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Foundation_day-in-the-deep.png?fit=cover&width=1200&s=PY_LenKvHCCH-81SLIZPv-lNBBvAFJzecwX8Euc5XnY 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Foundation_day-in-the-deep.png?fit=cover&width=1600&s=Ll5JoMDSaS6vXZt9a2Y45HTuyHihd1iKuEHWKiHVBFw 1600w" 529 style="object-position: 50% 50%; object-fit: ; " 530 width="0.69458333333333" 531 > 532 </div> 533 534 535 536 </div> 537 538 </div> 539 <div class="w-full p-5 flex items-center truncate"> 540 <h3 class="font-extrabold md:text-xl uppercase truncate">Foundation Diploma in Art and Design</h3> 541 </div> 542 </a> 543 </div> 544 <div x-show="activeTab == 'undergraduate'" x-cloak x-transition:enter="transition-all duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-all duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="mt-4 flex flex-col gap-4 pb-10"> 545 <a href="https://aub.ac.uk/ba-hons-acting" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-acting'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 546 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 547 548 549 550 551<div class="relative " 552 > 553 554 555 556 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 557 <img 558 alt="Film still of a young musician playing the saxophone with a surprised expression." 559 fetchpriority="low" 560 class="w-full object-cover absolute inset-0 w-full h-full " 561 height="0.26675" 562 loading="lazy" 563 sizes="100vw" 564 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/All-My-Blues-YOUNG-
564DANIEL-PERFORMANCE.jpg" 565 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/All-My-Blues-YOUNG-DANIEL-PERFORMANCE.jpg?fit=cover&gravity%5Bx%5D=0.4795&gravity%5By%5D=0.2145&width=800&s=p2OHNwYMKqBghhTVqhC-J6RMO-4Otuuoaeqvv1-xRhE 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/All-My-Blues-YOUNG-DANIEL-PERFORMANCE.jpg?fit=cover&gravity%5Bx%5D=0.4795&gravity%5By%5D=0.2145&width=1200&s=DF-M1ot_Y9bK56KxUK3oIMOUNrEPwdy3UeGxC5OaYUY 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/All-My-Blues-YOUNG-DANIEL-PERFORMANCE.jpg?fit=cover&gravity%5Bx%5D=0.4795&gravity%5By%5D=0.2145&width=1600&s=K3Ijc_ULjPMLKkFd_NuIdDS4gDqBNF1QrLi-3t_rNgA 1600w" 566 style="object-position: 47.95% 21.45%; object-fit: ; " 567 width="0.66666666666667" 568 > 569 </div> 570 571 572 573 </div> 574 575 </div> 576 <div class="w-full p-5 flex items-center truncate"> 577 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Acting</h3> 578 </div> 579 </a> 580 <a href="https://aub.ac.uk/ba-hons-acting-for-screen" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-acting-for-screen'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 581 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 582 583 584 585 586<div class="relative " 587 > 588 589 590 591 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 592 <img 593 alt="Three people standing in dramatic green-tinted lighting against dark background. Person on left holds papers, centre person wears glasses, right person in light blue shirt." 594 fetchpriority="low" 595 class="w-full object-cover absolute inset-0 w-full h-full " 596 height="0.41675" 597 loading="lazy" 598 sizes="100vw" 599 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/swonderful-other-days-116-copy-2.jpg" 600 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/swonderful-other-days-116-copy-2.jpg?fit=cover&gravity%5Bx%5D=0.4473&gravity%5By%5D=0.854&width=800&s=zUYZKSh3J7DA4ztp3qZIHFYHokIw1LMSXeLheCLmNEg 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/swonderful-other-days-116-copy-2.jpg?fit=cover&gravity%5Bx%5D=0.4473&gravity%5By%5D=0.854&width=1200&s=_g85CU5VlbUcaxVj92RG4NB1CY7-88b3pzX0afFmZx4 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/swonderful-other-days-116-copy-2.jpg?fit=cover&gravity%5Bx%5D=0.4473&gravity%5By%5D=0.854&width=1600&s=RBFqePB8c0bRi-7bGaV5t0aACyxi54obsKMxNSrd18Q 1600w" 601 style="object-position: 44.73% 85.4%; object-fit: ; " 602 width="0.83333333333333" 603 > 604 </div> 605 606 607 608 </div> 609 610 </div> 611 <div class="w-full p-5 flex items-center truncate"> 612 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Acting for Screen</h3> 613 </div> 614 </a> 615 <a href="https://aub.ac.uk/ba-hons-animation-production" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-animation-production'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 616 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 617 618 619 620 621<div class="relative " 622 > 623 624 625 626 <div style="padding-bottom: 100%;" class="relative w-full overflow-hidden"> 627 <video 628 width="720" 629 height="384" 630 poster="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/aimation-1920x1024.jpg?fit=cover&width=720&s=EP_xTU64KaNA9xdIVhJB80vXBnSi_EyPmWMx5i9Oz9k" 631 class=" object-cover absolute inset-0 w-full h-full js-gif-replacement" 632 loop 633 muted 634 playsinline 635 > 636 <source data-src="https://player.vimeo.com/progressive_redirect/playback/786000972/rendition/720p/file.mp4?loc=external&signature=5d2d241ba82601c1f2f0d4e57e198e98ad9656e0a4d32cd325ec5dad2556e02d" type="video/mp4" /> 637 <track label="English" kind="subtitles" srclang="en" src="/captions/decorative.vtt" default /> 638 </video> 639 </div> 640 641 642 643 644 </div> 645 646 </div> 647 <div class="w-full p-5 flex items-center truncate"> 648 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Animation Production</h3> 649 </div> 650 </a> 651 <a href="https://aub.ac.uk/ba-hons-architecture-riba-arb" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-architecture-part
651-1-riba-arb'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 652 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 653 654 655 656 657<div class="relative " 658 > 659 660 661 662 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 663 <img 664 alt="Park area with a field, trees and steep hill leading to a box-like building. People are shown walking dogs and jogging in the park." 665 fetchpriority="low" 666 class="w-full object-cover absolute inset-0 w-full h-full " 667 height="0.63225" 668 loading="lazy" 669 sizes="100vw" 670 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/HARVEY-Charley-initial-collage-copy-compress.jpg" 671 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/HARVEY-Charley-initial-collage-copy-compress.jpg?fit=cover&width=800&s=Epl01cbyoBi5-Oe7qHdyoF4mjqWXa_NzoNqlnuxR_Zs 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/HARVEY-Charley-initial-collage-copy-compress.jpg?fit=cover&width=1200&s=gaLMg_x_swMXq9orszuBCqzmWiuFFYKpVVVjblcY2Ww 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/HARVEY-Charley-initial-collage-copy-compress.jpg?fit=cover&width=1600&s=UWNZaGu6RaistJo7ueu53pdA_lsm9KTsUYsILxdwdyA 1600w" 672 style="object-position: 50% 50%; object-fit: ; " 673 width="1.58125" 674 > 675 </div> 676 677 678 679 </div> 680 681 </div> 682 <div class="w-full p-5 flex items-center truncate"> 683 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Architecture (Part 1 RIBA/ARB)</h3> 684 </div> 685 </a> 686 <a href="https://aub.ac.uk/ba-hons-commercial-photography" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-commercial-photography'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 687 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 688 689 690 691 692<div class="relative " 693 > 694 695 696 697 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 698 <img 699 alt="Lady in red dress stands on a chest with smoke coming out from behind her. There is a luggage trunk to her right and a pile of documents to her left." 700 fetchpriority="low" 701 class="w-full object-cover absolute inset-0 w-full h-full " 702 height="0.55625" 703 loading="lazy" 704 sizes="100vw" 705 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Main_image_MattiaHolm.jpg" 706 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Main_image_MattiaHolm.jpg?fit=cover&width=800&s=SA1EzjwppX9klRSh2are_fNEplQ_lCO2OtQPa-DXFIA 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Main_image_MattiaHolm.jpg?fit=cover&width=1200&s=hXksINWiho0iAL5Hs4SOT_vVWjlaOcDfjFWLwloNAdk 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Main_image_MattiaHolm.jpg?fit=cover&width=1600&s=jMLSOdBWV3Q_0F3ic0DLQqASydbfyyArjL3XK8v4PEM 1600w" 707 style="object-position: 50% 50%; object-fit: ; " 708 width="1.3170833333333" 709 > 710 </div> 711 712 713 714 </div> 715 716 </div> 717 <div class="w-full p-5 flex items-center truncate"> 718 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Commercial Photography</h3> 719 </div> 720 </a> 721 <a href="https://aub.ac.uk/ba-hons-communication-design-strategy" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-communication-design-and-strategy'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 722 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 723 724 725 726 727<div class="relative " 728 > 729 730 731 732 <div style="padding-bottom: 100%;" class="relative w-full overflow-hidden"> 733 <video 734 width="720" 735 height="481" 736 poster="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/HannahDeCastroPoster_1.jpg?fit=cover&width=720&s=RfQITe1ckn1bQaSzZLLAvfB1zY7937u25f5OTO0WF7Y" 737 class=" object-cover absolute inset-0 w-full h-full js-gif-replacement" 738 loop 739 muted 740 playsinline 741 > 742 <source data-src="https://player.vimeo.com/progressive_redirect/playback/853342107/rendition/720p/file.mp4?loc=external&signature=5b7043632a0cdc325e797463737e7778600a51f8e7ff39c8bbce86b8fa1c75fd" type="video/mp4" /> 743 <track label="English" kind="subtitles" srclang="en" src="/captions/decorative.vtt" default /> 744 </video> 745 </div> 746 747 748 749 750 </div> 751 752 </div> 753 <div class="w-full p-5 flex items-center truncate"> 754 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Communication Design and Strategy</h3> 755 </div> 756 </a> 757 <a href="https://aub.ac.uk/ba-hons-content-creation-with-marketing" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-content-creation-with-marketing'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 758 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 759 760 761 762 763<div class="relative " 764 > 765 766 767 768 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 769 <img 770 alt="Three posters of the IMAX Live brand. The first one from the left is a basketball player. The second one is a female singer. The last one is a male singer." 771 fetchpriority="low" 772 class="w-full object-cover absolute inset-0 w-full h-full " 773 height="0.27" 774 loading="lazy" 775 sizes="100vw" 776 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Anh-Le_Graphic-Design_03.jpg" 777 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Anh-Le_Graphic-Design_03.jpg?fit=cover&width=800&s=CtFILogKICQY4XM7FiH1dt5bE2QMYRg8dggEw680Wjk 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Anh-Le_Graphic-Design_03.jpg?fit=cover&width=1200&s=V5lxBDGe6yfocwJ2iCy0dK3sBQkl-KmEeFNZK5rW1x4 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Anh-Le_Graphic-Design_03.jpg?fit=cover&width=1600&s=tA1GWq7sWLn6YAAkA0O06VzKoy3wXRf9x3je5me3lNU 1600w" 778 style="object-position: 50% 50%; object-fit: ; " 779 width="0.8" 780 > 781 </div> 782 783 784 785 </div> 786 787 </div> 788 <div class="w-full p-5 flex items-center truncate"> 789 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Content Creation with Marketing</h3> 790 </div> 791 </a> 792 <a href="https://aub.ac.uk/ba-hons-costume" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-costume'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 793 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 794 795 796 797 798<div class="relative " 799 > 800 801 802 803 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 804 <img 805 alt="A person in Elizabethan-style costume looking down towards the floor." 806 fetchpriority="low" 807 class="w-full object-cover absolute inset-0 w-full h-full " 808 height="0.72" 809 loading="lazy" 810 sizes="100vw" 811 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/COSTUME-HERO-IMAGE.jpg" 812 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/COSTUME-HERO-IMAGE.jpg?fit=cover&width=800&s=EAhaGRwIO14LEH19yxgcbSttaI-L0WcoaRN9rlUpCfE 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/COSTUME-HERO-IMAGE.jpg?fit=cover&width=1200&s=BpMiR0gt_FleNSUpUPBJ-9lPq1EgcdPi_6A6_1jG2mE 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/COSTUME-HERO-IMAGE.jpg?fit=cover&width=1600&s=BUjwhRRmmCbn0MbmKP-VcK3ULyBDvy3s1FjJRlrbo1A 1600w" 813 style="object-position: 50% 50%; object-fit: ; " 814 width="0.8" 815 > 816 </div> 817 818 819 820 </div> 821 822 </div> 823 <div class="w-full p-5 flex items-center truncate"> 824 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Costume</h3> 825 </div> 826 </a> 827 <a href="https://aub.ac.uk/ba-hons-costume-for-film" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-costume-for-film'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 828 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 829 830 831 832 833<div class="relative " 834 > 835 836 837 838 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 839 <img 840 alt="Three people in suits wearing large white masks with single blue and green circular eye designs, standing indoors." 841 fetchpriority="low" 842 class="w-full object-cover absolute inset-0 w-full h-full " 843 height="0.21325" 844 loading="lazy" 845 sizes="100vw" 846 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Lizzie-Hodge-DCP-06-Large.jpeg" 847 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Lizzie-Hodge-DCP-06-Large.jpeg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.3057&width=800&s=wMapr8HKCi9FE8uI8TJD5HgZ5iViuj6v42LXscbAsI0 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Lizzie-Hodge-DCP-06-Large.jpeg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.3057&width=1200&s=xvvOzEZq8t7Wa5DGvDeDYgyjhpis_26T2DyUOX4RgTM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Lizzie-Hodge-DCP-06-Large.jpeg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.3057&width=1600&s=pBGPM_4DfYa_iDaOnzJkwU0dBHuq3pRk7Nw6mIHaISQ 1600w" 848 style="object-position: 50.11% 30.57%; object-fit: ; " 849 width="0.53333333333333" 850 > 851 </div> 852 853 854 855 </div> 856 857 </div> 858 <div class="w-full p-5 flex items-center truncate"> 859 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Costume for Film</h3> 860 </div> 861 </a> 862 <a href="https://aub.ac.uk/ba-hons-creative-direction" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-creative-direction'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 863 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 864 865 866 867 868<div class="relative " 869 > 870 871 872 873 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 874 <img 875 alt="hands poking in through holes reaching for a pile up of hotdogs with mustard" 876 fetchpriority="low" 877 class="w-full object-cover absolute inset-0 w-full h-full " 878 height="0.29975" 879 loading="lazy" 880 sizes="100vw" 881 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Rachel-Kolb_C
881ommercialPhotography_01.jpg" 882 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Rachel-Kolb_CommercialPhotography_01.jpg?fit=cover&gravity%5Bx%5D=0.5&gravity%5By%5D=0.5&width=800&s=EJhpogAnEWJxut5l6FDd8lQapJCeysHfH-tKZ2hwbBw 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Rachel-Kolb_CommercialPhotography_01.jpg?fit=cover&gravity%5Bx%5D=0.5&gravity%5By%5D=0.5&width=1200&s=tAPNR7Fhl6401RbTPipNSkt7aVJ8HFsq6pp6aNAcxhs 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Rachel-Kolb_CommercialPhotography_01.jpg?fit=cover&gravity%5Bx%5D=0.5&gravity%5By%5D=0.5&width=1600&s=-NRz4x_0GUZFSxnxajCoAbQkrByX4_LIrE1-okg80TE 1600w" 883 style="object-position: 50% 50%; object-fit: ; " 884 width="0.66666666666667" 885 > 886 </div> 887 888 889 890 </div> 891 892 </div> 893 <div class="w-full p-5 flex items-center truncate"> 894 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Creative Direction</h3> 895 </div> 896 </a> 897 <a href="https://aub.ac.uk/ba-hons-creative-writing" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-creative-writing'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 898 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 899 900 901 902 903<div class="relative " 904 > 905 906 907 908 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 909 <img 910 alt="Close-up of a stack of books with their spines and titles facing the front." 911 fetchpriority="low" 912 class="w-full object-cover absolute inset-0 w-full h-full " 913 height="0.32" 914 loading="lazy" 915 sizes="100vw" 916 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/CREATIVE-WRITING-HERO.jpg" 917 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/CREATIVE-WRITING-HERO.jpg?fit=cover&width=800&s=M7UyO3RKSnWiKpIQzGVwJ-xKUC_LeFmrGm1BzxPyzck 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/CREATIVE-WRITING-HERO.jpg?fit=cover&width=1200&s=WSnOoFN8Ib9I4mjuO7YO2l8k4YblrNDUSlNB9zhhplk 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/CREATIVE-WRITING-HERO.jpg?fit=cover&width=1600&s=IQIiMYqTQiemd6ObwcLF0I-slvNpx3PAaD-v9csFPtU 1600w" 918 style="object-position: 50% 50%; object-fit: ; " 919 width="0.8" 920 > 921 </div> 922 923 924 925 </div> 926 927 </div> 928 <div class="w-full p-5 flex items-center truncate"> 929 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Creative Writing</h3> 930 </div> 931 </a> 932 <a href="https://aub.ac.uk/ba-hons-creative-writing-for-film" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-creative-writing-for-film'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 933 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 934 935 936 937 938<div class="relative " 939 > 940 941 942 943 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 944 <img 945 alt="Close-up image of a screenplay." 946 fetchpriority="low" 947 class="w-full object-cover absolute inset-0 w-full h-full " 948 height="0.256" 949 loading="lazy" 950 sizes="100vw" 951 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/COURSE-IMAGE-creative-writing-stage2-1920x1024.jpg" 952 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/COURSE-IMAGE-creative-writing-stage2-1920x1024.jpg?fit=cover&width=800&
952s=mBg_zKDK4a5pbRETEeq-ZFL9lX6IthZRE8hUezphgF4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/COURSE-IMAGE-creative-writing-stage2-1920x1024.jpg?fit=cover&width=1200&s=guD8KKSH-9U-kmDnz-ixl5iBVr_EYZSWm4ZTb1ydK-o 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/COURSE-IMAGE-creative-writing-stage2-1920x1024.jpg?fit=cover&width=1600&s=CC-pyGzk5zBCZyRPzwRNcXBcATR4dciiclLlWyYF_jY 1600w" 953 style="object-position: 50% 50%; object-fit: ; " 954 width="0.8" 955 > 956 </div> 957 958 959 960 </div> 961 962 </div> 963 <div class="w-full p-5 flex items-center truncate"> 964 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Creative Writing for Film</h3> 965 </div> 966 </a> 967 <a href="https://aub.ac.uk/ba-hons-fashion" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-fashion'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 968 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 969 970 971 972 973<div class="relative " 974 > 975 976 977 978 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 979 <img 980 alt="A model walks down the runway wearing a vibrant orange and blue patterned outfit with vertical stripes. The audience, seated on either side, watches, with some individuals holding cameras and phones to capture the moment." 981 fetchpriority="low" 982 class="w-full object-cover absolute inset-0 w-full h-full " 983 height="0.3335" 984 loading="lazy" 985 sizes="100vw" 986 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/061526_GFW__Highres_PH_170.jpg" 987 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/061526_GFW__Highres_PH_170.jpg?fit=cover&gravity%5Bx%5D=0.4991&gravity%5By%5D=0.2443&width=800&s=5yRWT1R156N99_LROeAIn5yp_mb0z6VlbOrEsWIm0Uc 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/061526_GFW__Highres_PH_170.jpg?fit=cover&gravity%5Bx%5D=0.4991&gravity%5By%5D=0.2443&width=1200&s=mvUYTBaQv3k-ajJOnCxbfaPlIY1MsgHWkXZW316VU6c 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/061526_GFW__Highres_PH_170.jpg?fit=cover&gravity%5Bx%5D=0.4991&gravity%5By%5D=0.2443&width=1600&s=rclJ2KeG4wBrdOS_YarB30v56P_NLnOE83nGWSHPScU 1600w" 988 style="object-position: 49.91% 24.43%; object-fit: ; " 989 width="0.83333333333333" 990 > 991 </div> 992 993 994 995 </div> 996 997 </div> 998 <div class="w-full p-5 flex items-center truncate"> 999 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Fashion</h3> 1000 </div> 1001 </a> 1002 <a href="https://aub.ac.uk/ba-hons-fashion-communication" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-fashion-communication'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1003 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1004 1005 1006 1007 1008<div class="relative " 1009 > 1010 1011 1012 1013 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1014 <img 1015 alt="Several copies of MASC Magazine showing different cover designs and photos." 1016 fetchpriority="low" 1017 class="w-full object-cover absolute inset-0 w-full h-full " 1018 height="0.58475" 1019 loading="lazy" 1020 sizes="100vw" 1021 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/B-Bolland-Portfolio9.jpg" 1022 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/B-Bolland-Portfolio9.jpg?fit=cover&width=800&s=BnWT1jgOX9caeHNYUjJ3AM79vjoDtgOk1Rzvl1EL20g 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/B-Bolland-Portfolio9.jpg?fit=cover&width=1200&s=ThTwX-4DU77zwn6B2ZZl5Ybn6qky0g6HRAaBgQxJKr0 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/B-Bolland-Portfolio9.jpg?fit=cover&width=1600&s=Si70ZqehGe5Qxg2BOsTzzsKWGi8HMfQfSHGxy-LnDvA 1600w" 1023 style="object-position: 50% 50%; object-fit: ; " 1024 width="1.37" 1025 > 1026 </div> 1027 1028 1029 1030 </div> 1031 1032 </div> 1033 <div class="w-full p-5 flex items-center truncate"> 1034 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Fashion Communication</h3> 1035 </div> 1036 </a> 1037 <a href="https://aub.ac.uk/ba-hons-film-production" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-film-production'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1038 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1039 1040 1041 1042 1043<div class="relative " 1044 > 1045 1046 1047 1048 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1049 <img 1050 alt="Close up of girls face in the light" 1051 fetchpriority="low" 1052 class="w-full object-cover absolute inset-0 w-full h-full " 1053 height="0.3205" 1054 loading="lazy" 1055 sizes="100vw" 1056 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Film-production-HERO-IMAGE.jpg" 1057 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Film-production-HERO-IMAGE.jpg?fit=cover&width=800&s=Rm2yXTBE_vyKD4MYUu5W2tNxfFk-Or7qVDAdioPR9iM 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Film-production-HERO-IMAGE.jpg?fit=cover&width=1200&s=BKbESghkJiYPdoVaLIADxZcerWC0qLt7M9b_bxoYPNA 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Film-production-HERO-IMAGE.jpg?fit=cover&width=1600&
1057s=OUMymLLRrBqtwYHwvx7VrHrjA8wW2GszEi1fgLOoc6o 1600w" 1058 style="object-position: 50% 50%; object-fit: ; " 1059 width="0.8" 1060 > 1061 </div> 1062 1063 1064 1065 </div> 1066 1067 </div> 1068 <div class="w-full p-5 flex items-center truncate"> 1069 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Film Production</h3> 1070 </div> 1071 </a> 1072 <a href="https://aub.ac.uk/ba-hons-fine-art" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-fine-art'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1073 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1074 1075 1076 1077 1078<div class="relative " 1079 > 1080 1081 1082 1083 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1084 <img 1085 alt="Gallery space with white walls displaying colourful artwork, red sculptural sofa, and brown perforated room divider panels." 1086 fetchpriority="low" 1087 class="w-full object-cover absolute inset-0 w-full h-full " 1088 height="0.30275" 1089 loading="lazy" 1090 sizes="100vw" 1091 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BA-Hons-Fine-Art-banner-2025.jpg" 1092 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BA-Hons-Fine-Art-banner-2025.jpg?fit=cover&width=800&s=RD_gH5kuT13N56F-SC6r7aiFl63MSx0YH5_ORcas4-w 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BA-Hons-Fine-Art-banner-2025.jpg?fit=cover&width=1200&s=r9I5NEug38w0gw6chGYlqaDL8stUIvmJvCOhu66xkJI 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BA-Hons-Fine-Art-banner-2025.jpg?fit=cover&width=1600&s=BLeQsTxfUhttQhQPwuRVLPw9i9J5tF_NUQFAfzaFvmA 1600w" 1093 style="object-position: 50% 50%; object-fit: ; " 1094 width="0.83333333333333" 1095 > 1096 </div> 1097 1098 1099 1100 </div> 1101 1102 </div> 1103 <div class="w-full p-5 flex items-center truncate"> 1104 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Fine Art</h3> 1105 </div> 1106 </a> 1107 <a href="https://aub.ac.uk/ba-hons-games-art-and-design" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-games-art-and-design'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1108 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1109 1110 1111 1112 1113<div class="relative " 1114 > 1115 1116 1117 1118 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1119 <img 1120 alt="8-bit style image of workers in a nuclear facility control room." 1121 fetchpriority="low" 1122 class="w-full object-cover absolute inset-0 w-full h-full " 1123 height="0.16475" 1124 loading="lazy" 1125 sizes="100vw" 1126 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Beno-Raistrick_Image-2.png" 1127 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Beno-Raistrick_Image-2.png?fit=cover&width=800&s=myoAtM835TCBaOCqGF4wJTdHdmR5x1YRL-LegdRh6vI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Beno-Raistrick_Image-2.png?fit=cover&width=1200&s=3rXsn7w5Zfq8PcFXCfXhq1D4hY9kMxgdO35IbV1Xdbc 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Beno-Raistrick_Image-2.png?fit=cover&width=1600&s=acCE66JrzHOti1xI6kibe6DKYnPXfpkgObs-Co7SiYA 1600w" 1128 style="object-position: 50% 50%; object-fit: ; " 1129 width="0.39458333333333" 1130 > 1131 </div> 1132 1133 1134 1135 </div> 1136 1137 </div> 1138 <div class="w-full p-5 flex items-center truncate"> 1139 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Games Art and Design</h3> 1140 </div> 1141 </a> 1142 <a href="https://aub.ac.uk/ba-hons-graphic-design" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-graphic-design'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1143 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1144 1145 1146 1147 1148<div class="relative " 1149 > 1150 1151 1152 1153 <div style="padding-bottom: 100%;" class="relative w-full overflow-hidden"> 1154 <video 1155 width="720" 1156 height="384" 1157 poster="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BA_Graphics-1920x1024.jpg?fit=cover&width=720&s=D053gjL3HY9PLoZLctlEy-MorODLMdqSqplaSZexXKo" 1158 class=" object-cover absolute inset-0 w-full h-full js-gif-replacement" 1159 loop 1160 muted 1161 playsinline 1162 > 1163 <source data-src="https://player.vimeo.com/external/428081499.hd.mp4?s=ffa510239262eb8967767f1126d199f033536b8c&profile_id=174" t
1163ype="video/mp4" /> 1164 <track label="English" kind="subtitles" srclang="en" src="/captions/decorative.vtt" default /> 1165 </video> 1166 </div> 1167 1168 1169 1170 1171 </div> 1172 1173 </div> 1174 <div class="w-full p-5 flex items-center truncate"> 1175 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Graphic Design</h3> 1176 </div> 1177 </a> 1178 <a href="https://aub.ac.uk/ba-hons-illustration" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-illustration'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1179 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1180 1181 1182 1183 1184<div class="relative " 1185 > 1186 1187 1188 1189 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1190 <img 1191 alt="Illustration of an overground train on a bridge over a street, with people in the carriages and city buildings either side." 1192 fetchpriority="low" 1193 class="w-full object-cover absolute inset-0 w-full h-full " 1194 height="0.488" 1195 loading="lazy" 1196 sizes="100vw" 1197 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/longbanner_coursebanner_jake-alexander.jpg" 1198 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/longbanner_coursebanner_jake-alexander.jpg?fit=cover&width=800&s=gRvB81mGBINqJuB5z-yJe3VkpscBJgzSUuzE4arNTW0 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/longbanner_coursebanner_jake-alexander.jpg?fit=cover&width=1200&s=e2e5zr5drfOMQz-zkl4T_G6r6KuEt9Dj83TAV32lVFo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/longbanner_coursebanner_jake-alexander.jpg?fit=cover&width=1600&s=CDvtrLyK1fNb5a-PB71DYSXhdVhuPielS_tc_qUBh5I 1600w" 1199 style="object-position: 50% 50%; object-fit: ; " 1200 width="1.9520833333333" 1201 > 1202 </div> 1203 1204 1205 1206 </div> 1207 1208 </div> 1209 <div class="w-full p-5 flex items-center truncate"> 1210 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Illustration</h3> 1211 </div> 1212 </a> 1213 <a href="https://aub.ac.uk/ba-hons-interior-architecture-design" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-interior-architecture-and-design'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1214 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1215 1216 1217 1218 1219<div class="relative " 1220 > 1221 1222 1223 1224 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1225 <img 1226 alt="Concept illustration of a three-storey building, with people shown walking on every floor and into the building from outside." 1227 fetchpriority="low" 1228 class="w-full object-cover absolute inset-0 w-full h-full " 1229 height="0.321" 1230 loading="lazy" 1231 sizes="100vw" 1232 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/2020_C_Qureshi_Render_FPP-New-Landing-Page-2.png" 1233 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/2020_C_Qureshi_Render_FPP-New-Landing-Page-2.png?fit=cover&width=800&s=looQPTD3_oZFJ-MOCgXwsMZJj--KDzSYjDx6UJNDNHg 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/2020_C_Qureshi_Render_FPP-New-Landing-Page-2.png?fit=cover&width=1200&s=rzgrR_45vQ1GQYfMLBbN9Z_Kg8FzGag-yOdX9COK8nc 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/2020_C_Qureshi_Render_FPP-New-Landing-Page-2.png?fit=cover&width=1600&
1233s=pY0XdYVj5ZmUefAiDm0Lpry7GJ3XT4aiYCCPqDg1eQM 1600w" 1234 style="object-position: 50% 50%; object-fit: ; " 1235 width="0.625" 1236 > 1237 </div> 1238 1239 1240 1241 </div> 1242 1243 </div> 1244 <div class="w-full p-5 flex items-center truncate"> 1245 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Interior Architecture and Design</h3> 1246 </div> 1247 </a> 1248 <a href="https://aub.ac.uk/ba-hons-makeup-hair-and-prosthetics" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-makeup-hair-and-prosthetics'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1249 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1250 1251 1252 1253 1254<div class="relative " 1255 > 1256 1257 1258 1259 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1260 <img 1261 alt="Two people with theatrical make-up and prosthetics look towards the camera touching one another's faces." 1262 fetchpriority="low" 1263 class="w-full object-cover absolute inset-0 w-full h-full " 1264 height="0.32" 1265 loading="lazy" 1266 sizes="100vw" 1267 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MAKE-UP-2.jpg" 1268 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MAKE-UP-2.jpg?fit=cover&width=800&s=Qv7v1VhvcdIKzXOg0xqw-BSGjYeqGl9lpIgXp42Yd-U 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MAKE-UP-2.jpg?fit=cover&width=1200&s=5HXltvBtw5KuRtMlSP3RLrrfHYm87f6Ip5fQB4_vzZ4 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MAKE-UP-2.jpg?fit=cover&width=1600&s=Ukrha_1XQ0ZDt4KioSeHrfZ7K2ma30EmPSD-y3bOzkY 1600w" 1269 style="object-position: 50% 50%; object-fit: ; " 1270 width="0.8" 1271 > 1272 </div> 1273 1274 1275 1276 </div> 1277 1278 </div> 1279 <div class="w-full p-5 flex items-center truncate"> 1280 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Makeup, Hair and Prosthetics</h3> 1281 </div> 1282 </a> 1283 <a href="https://aub.ac.uk/ba-hons-makeup-hair-and-prosthetics-for-film" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-makeup-hair-and-prosthetics-for-film'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1284 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1285 1286 1287 1288 1289<div class="relative " 1290 > 1291 1292 1293 1294 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1295 <img 1296 alt="Actor J Walters in black smock having theatrical make-up applied by three BA (Hons) Make-up for Media and Performance students in bright studio with white walls and framed pictures." 1297 fetchpriority="low" 1298 class="w-full object-cover absolute inset-0 w-full h-full " 1299 height="0.33325" 1300 loading="lazy" 1301 sizes="100vw" 1302 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Limbo-Film_Dan-Bowhay_BTS166.jpg" 1303 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Limbo-Film_Dan-Bowhay_BTS166.jpg?fit=cover&width=800&s=jWmzvPbUNPOeQ9BmYX7Ky_s8BVoeZGM6v7dN2ZKfsSM 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Limbo-Film_Dan-Bowhay_BTS166.jpg?fit=cover&width=1200&s=9kyDatO7v0IzDempSrVS5B7eNdjsAo_EDvM0tdnh5Iw 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Limbo-Film_Dan-Bowhay_BTS166.jpg?fit=cover&width=1600&s=JhY8NNS7nSaxDP7aJjXG4KEXnGqOjR7PVoMfka59gzU 1600w" 1304 style="object-position: 50% 50%; object-fit: ; " 1305 width="0.83333333333333" 1306 > 1307 </div> 1308 1309 1310 1311 </div> 1312 1313 </div> 1314 <div class="w-full p-5 flex items-center truncate"> 1315 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Makeup, Hair and Prosthetics for Film</h3> 1316 </div> 1317 </a> 1318 <a href="https://aub.ac.uk/ba-hons-media-marketing-and-advertising" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-media-marketing-and-advertising'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1319 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1320 1321 1322 1323 1324<div class="relative " 1325 > 1326 1327 1328 1329 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1330 <img 1331 alt="Billboard in underground tube station for fashion, Re(collection) illustrated adverts." 1332 fetchpriority="low" 1333 class="w-full object-cover absolute inset-0 w-full h-full " 1334 height="0.46875" 1335 loading="lazy" 1336 sizes="100vw" 1337 src="https://images.aubcdn.com/aub/images/he-shows/Lauren_Fletcher_3.jpg" 1338 srcset="https://images.aubcdn.com/aub/images/he-shows/_800xAUTO_crop_center-center_82_none/Lauren_Fletcher_3.jpg 800w, https://images.aubcdn.com/aub/images/he-shows/_1200xAUTO_crop_center-center_82_none/Lauren_Fletcher_3.jpg 1200w, https://images.aubcdn.com/aub/images/he-shows/_1600xAUTO_crop_center-center_82_none/Lauren_Fletcher_3.jpg 1600w" 1339 style="object-position: 50% 50%; object-fit: ; " 1340 width="1.0416666666667" 1341 > 1342 </div> 1343 1344 1345 1346 </div> 1347 1348 </div> 1349 <div class="w-full p-5 flex items-center truncate"> 1350 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Media, Marketing and Advertising</h3> 1351 </div> 1352 </a> 1353 <a href="https://aub.ac.uk/ba-hons-modelmaking" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-modelmaking'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1354 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1355 1356 1357 1358 1359<div class="relative " 1360 > 1361 1362 1363 1364 <div style="padding-bottom: 100%;" class="relative w-full overflow-hidden"> 1365 <video 1366 width="720" 1367 height="532" 1368 poster="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Modelmaking-grasshopper.jpeg?fit=cover&width=720&s=QU9gb0Qt1qEBaUw0WUA80izRzC3J8F-IgVKegtrHmrU" 1369 class=" object-cover absolute inset-0 w-full h-full js-gif-replacement" 1370 loop 1371 muted 1372 playsinline 1373 > 1374 <source data-src="https://player.vimeo.com/progressive_redirect/playback/1087043074/rendition/1080p/file.mp4?loc=external&signature=aa170dba914d781cd1c01a7bc5436bcf980d722b7d7c1e9ddba7742a1456d79c" type="video/mp4" /> 1375 <track label="English" kind="subtitles" srclang="en" src="/captions/decorative.vtt" default /> 1376 </video> 1377 </div> 1378 1379 1380 1381 1382 </div> 1383 1384 </div> 1385 <div class="w-full p-5 flex items-center truncate"> 1386 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Modelmaking</h3> 1387 </div> 1388 </a> 1389 <a href="https://aub.ac.uk/ba-hons-modelmaking-for-industry-degree-apprenticeship" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-modelmaking-for-industry-degree-apprenticeship'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1390 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1391 1392 1393 1394 1395<div class="relative " 1396 > 1397 1398 1399 1400 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1401 <img 1402 alt="Machinery" 1403 fetchpriority="low" 1404 class="w-full object-cover absolute inset-0 w-full h-full " 1405 height="0.2" 1406 loading="lazy" 1407 sizes="100vw" 1408 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Equipment-modelmaking-facilities.jpg" 1409 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Equipment-modelmaking-facilities.jpg?fit=cover&width=800&s=0WRlguQnHNmcPit7-p3papE-_yYknmUhtm4HqZiSBkU 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Equipment-modelmaking-facilities.jpg?fit=cover&width=1200&s=DJtBJ2BVNshn7Ud3s-uGRcjZH28oN7mR4-bsQ1Weqx0 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Equipment-modelmaking-facilities.jpg?fit=cover&width=1600&
1409s=2PLgc7LF4sdXesDh8guxTOuKYG4bkXA7riF-qCalyHI 1600w" 1410 style="object-position: 50% 50%; object-fit: ; " 1411 width="0.5" 1412 > 1413 </div> 1414 1415 1416 1417 </div> 1418 1419 </div> 1420 <div class="w-full p-5 flex items-center truncate"> 1421 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Modelmaking for Industry: Degree Apprenticeship</h3> 1422 </div> 1423 </a> 1424 <a href="https://aub.ac.uk/ba-hons-music-and-sound-for-film-tv-and-games" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-music-and-sound-for-film-tv-and-games'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1425 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1426 1427 1428 1429 1430<div class="relative " 1431 > 1432 1433 1434 1435 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1436 <img 1437 alt="An Arts University Bournemouth student is focused on adjusting a mixing console with various knobs and cables. In the background, another individual is sitting at a table, and there are studio equipment and a laptop visible nearby." 1438 fetchpriority="low" 1439 class="w-full object-cover absolute inset-0 w-full h-full " 1440 height="0.33325" 1441 loading="lazy" 1442 sizes="100vw" 1443 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/RESONANCE-0127.JPG" 1444 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/RESONANCE-0127.JPG?fit=cover&gravity%5Bx%5D=0.5&gravity%5By%5D=0.2491&width=800&s=tdRB-fV8yeRUjDYGmMsw5B-CbO11HazMlcVFGFvV3Qo 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/RESONANCE-0127.JPG?fit=cover&gravity%5Bx%5D=0.5&gravity%5By%5D=0.2491&width=1200&s=JPI_YbEhY9S8xxZH4WK9Q04diTEy_t6RYKufFDI9TLw 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/RESONANCE-0127.JPG?fit=cover&gravity%5Bx%5D=0.5&gravity%5By%5D=0.2491&width=1600&s=WGD1txG1LgndCU9xm0fkdQXUdWnaTH-DJNkkfcX4OvQ 1600w" 1445 style="object-position: 50% 24.91%; object-fit: ; " 1446 width="0.83333333333333" 1447 > 1448 </div> 1449 1450 1451 1452 </div> 1453 1454 </div> 1455 <div class="w-full p-5 flex items-center truncate"> 1456 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Music and Sound for Film, TV and Games*</h3> 1457 </div> 1458 </a> 1459 <a href="https://aub.ac.uk/ba-hons-photography" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-photography'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1460 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1461 1462 1463 1464 1465<div class="relative " 1466 > 1467 1468 1469 1470 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1471 <img 1472 alt="Close-up portrait photograph of a person with hair over their face." 1473 fetchpriority="low" 1474 class="w-full object-cover absolute inset-0 w-full h-full " 1475 height="0.65425" 1476 loading="lazy" 1477 sizes="100vw" 1478 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PHOTOGRAPHY-HERO.jpg" 1479 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PHOTOGRAPHY-HERO.jpg?fit=cover&gravity%5Bx%5D=0.5126&gravity%5By%5D=0.2724&width=800&s=vLP0Gbi3zL7JstwPEMyx7qaWq8qAGEaM7fm-KauShlI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PHOTOGRAPHY-HERO.jpg?fit=cover&gravity%5Bx%5D=0.5126&gravity%5By%5D=0.2724&width=1200&s=DpFbBAyfcrzawxRHm8ZwCbaONCkhTevfGWoafvvjTyM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PHOTOGRAPHY-HERO.jpg?fit=cover&gravity%5Bx%5D=0.5126&gravity%5By%5D=0.2724&width=1600&s=f9QdlWVOgOdQsSGHjGPhzsxQeugyoQmbwcTVQmr7RkQ 1600w" 1480 style="object-position: 51.26% 27.24%; object-fit: ; " 1481 width="0.8" 1482 > 1483 </div> 1484 1485 1486 1487 </div> 1488 1489 </div> 1490 <div class="w-full p-5 flex items-center truncate"> 1491 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Photography</h3> 1492 </div> 1493 </a> 1494 <a href="https://aub.ac.uk/ba-hons-textiles-design" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-textiles-design'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1495 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1496 1497 1498 1499 1500<div class="relative " 1501 > 1502 1503 1504 1505 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1506 <img 1507 alt="BA (Hons) Textiles" 1508 fetchpriority="low" 1509 class="w-full object-cover absolute inset-0 w-full h-full " 1510 height="0.256" 1511 loading="lazy" 1512 sizes="100vw" 1513 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-BA-Textiles-2018-FINAL-FINA
1513L2-1920x1024.jpg" 1514 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-BA-Textiles-2018-FINAL-FINAL2-1920x1024.jpg?fit=cover&width=800&s=coGOc_Zqmy-UWo-CW5FDQB9g8AVRR6yyANWK9R2IkDo 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-BA-Textiles-2018-FINAL-FINAL2-1920x1024.jpg?fit=cover&width=1200&s=vZWlqiFM6fpOlloQ-ZFq78yjdiOQg9R6qO25j9v5CJk 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-BA-Textiles-2018-FINAL-FINAL2-1920x1024.jpg?fit=cover&width=1600&s=pQjNKETR2ipVv_KqZYrW8Hn27LYzk9EgrqdixosHVOU 1600w" 1515 style="object-position: 50% 50%; object-fit: ; " 1516 width="0.8" 1517 > 1518 </div> 1519 1520 1521 1522 </div> 1523 1524 </div> 1525 <div class="w-full p-5 flex items-center truncate"> 1526 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Textiles Design</h3> 1527 </div> 1528 </a> 1529 <a href="https://aub.ac.uk/ba-bsc-hons-arts-media-and-creative-industries-management" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-b-sc-hons-arts-media-and-creative-industries-management'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1530 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1531 1532 1533 1534 1535<div class="relative " 1536 > 1537 1538 1539 1540 <div style="padding-bottom: 100%;" class="relative w-full overflow-hidden"> 1541 <video 1542 width="720" 1543 height="448" 1544 poster="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/19009-190.jpg?fit=cover&gravity%5Bx%5D=0.7784&gravity%5By%5D=0.8894&width=720&s=xB5Dy9DYO23lAgeA2C9u_kzbo6x7im2XtyfE6xu-ftI" 1545 class=" object-cover absolute inset-0 w-full h-full js-gif-replacement" 1546 loop 1547 muted 1548 playsinline 1549 > 1550 <source data-src="https://player.vimeo.com/progressive_redirect/playback/1088739883/rendition/1080p/file.mp4?loc=external&signature=b9376d3da819b2eb794c20660afa4470ad626d5099421db7a03cbdfc43a0db37" type="video/mp4" /> 1551 <track label="English" kind="subtitles" srclang="en" src="/captions/decorative.vtt" default /> 1552 </video> 1553 </div> 1554 1555 1556 1557 1558 </div> 1559 1560 </div> 1561 <div class="w-full p-5 flex items-center truncate"> 1562 <h3 class="font-extrabold md:text-xl uppercase truncate">BA/BSc (Hons) Arts, Media and Creative Industries Management*</h3> 1563 </div> 1564 </a> 1565 <a href="https://aub.ac.uk/bsc-hons-fashion-management-and-strategy" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'b-sc-hons-fashion-management-and-strategy'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1566 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1567 1568 1569 1570 1571<div class="relative " 1572 > 1573 1574 1575 1576 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1577 <img 1578 alt="Natasha Wilson Fashion Branding and Communication" 1579 fetchpriority="low" 1580 class="w-full object-cover absolute inset-0 w-full h-full " 1581 height="0.85075" 1582 loading="lazy" 1583 sizes="100vw" 1584 src="https://images.aubcdn.com/aub/images/he-shows/Natasha-Wilson_Fashion-Branding-and-Communication_03.jpg" 1585 srcset="https://images.aubcdn.com/aub/images/he-shows/_800xAUTO_crop_center-center_82_none/Natasha-Wilson_Fashion-Branding-and-Communication_03.jpg 800w, https://images.aubcdn.com/aub/images/he-shows/_1200xAUTO_crop_center-center_82_none/Natasha-Wils
1585on_Fashion-Branding-and-Communication_03.jpg 1200w, https://images.aubcdn.com/aub/images/he-shows/_1600xAUTO_crop_center-center_82_none/Natasha-Wilson_Fashion-Branding-and-Communication_03.jpg 1600w" 1586 style="object-position: 50% 50%; object-fit: ; " 1587 width="2.0395833333333" 1588 > 1589 </div> 1590 1591 1592 1593 </div> 1594 1595 </div> 1596 <div class="w-full p-5 flex items-center truncate"> 1597 <h3 class="font-extrabold md:text-xl uppercase truncate">BSc (Hons) Fashion Management and Strategy</h3> 1598 </div> 1599 </a> 1600 <a href="https://aub.ac.uk/integrated-foundation-year" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'integrated-foundation-year'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1601 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1602 1603 1604 1605 1606<div class="relative " 1607 > 1608 1609 1610 1611 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1612 <img 1613 alt="Mock-up of promotional posters, featuring the 3D Zoetrope, for AUB Workshops." 1614 fetchpriority="low" 1615 class="w-full object-cover absolute inset-0 w-full h-full " 1616 height="0.19675" 1617 loading="lazy" 1618 sizes="100vw" 1619 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tom-Rogers_Image_03-Large.jpeg" 1620 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tom-Rogers_Image_03-Large.jpeg?fit=cover&width=800&s=uu0J1-vCBad-50W9Qt3_epGbrxoN1eP6H1FlOLO12mA 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tom-Rogers_Image_03-Large.jpeg?fit=cover&width=1200&s=wOvJuErSP2G-zwhE9h95vzvtIaXY8vCHTi6rrdn3CyY 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tom-Rogers_Image_03-Large.jpeg?fit=cover&width=1600&s=HauojfSkEI3pEnSDMcy34vJuZO5TYgB19kZZ55MyDUg 1600w" 1621 style="object-position: 50% 50%; object-fit: ; " 1622 width="0.53333333333333" 1623 > 1624 </div> 1625 1626 1627 1628 </div> 1629 1630 </div> 1631 <div class="w-full p-5 flex items-center truncate"> 1632 <h3 class="font-extrabold md:text-xl uppercase truncate">Integrated Foundation Year</h3> 1633 </div> 1634 </a> 1635 </div> 1636 <div x-show="activeTab == 'graduate'" x-cloak x-transition:enter="transition-all duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-all duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="mt-4 flex flex-col gap-4 pb-10"> 1637 <a href="https://aub.ac.uk/graduate-courses/ma-animation-production" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-animation-production'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1638 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1639 1640 1641 1642 1643<div class="relative " 1644 > 1645 1646 1647 1648 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1649 <img 1650 alt="Stop motion animated character sitting at a table and reading a book, looking sad." 1651 fetchpriority="low" 1652 class="w-full object-cover absolute inset-0 w-full h-full " 1653 height="0.2275" 1654 loading="lazy" 1655 sizes="100vw" 1656 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Kheyal_Full_Flipped_v3.png" 1657 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Kheyal_Full_Flipped_v3.png?fit=cover&width=800&s=GCAJpVJsrs65P3xCwQhkGes7_jN0e2k4xTXxtqmXUp8 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Kheyal_Full_Flipped_v3.png?fit=cover&width=1200&s=PWHEeQX2wGDaXXCzjSBCOGBnS9gp-1nHBcBT5k6qtqc 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Kheyal_Full_Flipped_v3.png?fit=cover&width=1600&s=e300amdUbZzYLcIinMcWh1JLXi5R6uXooy16akyTEoE 1600w" 1658 style="object-position: 50% 50%; object-fit: ; " 1659 width="0.83333333333333" 1660 > 1661 </div> 1662 1663 1664 1665 </div> 1666 1667 </div> 1668 <div class="w-full p-5 flex items-center truncate"> 1669 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Animation Production</h3> 1670 </div> 1671 </a> 1672 <a href="https://aub.ac.uk/graduate-courses/ma-creative-teaching-and-learning-design-online" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-creative-teaching-and-learning-design-online'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1673 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1674 1675 1676 1677 1678<div class="relative " 1679 > 1680 1681 1682 1683 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1684 <img 1685 alt="Attendees of the Postgraduate Summer Show looking at student work in TheGallery, AUB campus" 1686 fetchpriority="low" 1687 class="w-full object-cover absolute inset-0 w-full h-full " 1688 height="1" 1689 loading="lazy" 1690 sizes="100vw" 1691 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB07284-RichTarr-AUB-Postgraduate-Show-2022-%E2%80%94-Formal-Opening-and-Private-View.jpg" 1692 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB07284-RichTarr-AUB-Postgraduate-Show-2022-%E2%80%94-Formal-Opening-and-Private-View.jpg?fit=cover&height=400&width=800&s=J_3WnQjbCzoIb6TDWSpOdReNSvTvOUmIMLyBoPqZwGM 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB07284-RichTarr-AUB-Postgraduate-Show-2022-%E2%80%94-Formal-Opening-and-Private-View.jpg?fit=cover&height=600&width=1200&s=oy_o5UMAs-Aq4HU8kMtzo5EJ9zCtsOskBAZ2QIBLP5c 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB07284-RichTarr-AUB-Postgraduate-Show-2022-%E2%80%94-Formal-Opening-and-Private-View.jpg?fit=cover&height=800&width=1600&s=RzzN9PoUfqH8h3qXkhXhf_txiK0slskNsb8tazhlqdI 1600w" 1693 style="object-position: 50% 50%; object-fit: ; " 1694 width="2.5" 1695 > 1696 </div> 1697 1698 1699 1700 </div> 1701 1702 </div> 1703 <div class="w-full p-5 flex items-center truncate"> 1704 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Creative Teaching and Learning Design (Online)</h3> 1705 </div> 1706 </a> 1707 <a href="https://aub.ac.uk/graduate-courses/ma-creative-writing-online" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-creative-writing-online'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1708 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1709 1710 1711 1712 1713<div class="relative " 1714 > 1715 1716 1717 1718 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1719 <img 1720 alt="Letters and screenplay pages in frames and hanging on a wall." 1721 fetchpriority="low" 1722 class="w-full object-cover absolute inset-0 w-full h-full " 1723 height="0.256" 1724 loading="lazy" 1725 sizes="100vw" 1726 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/cw-2-1842x1024.jpg" 1727 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/cw-2-1842x1024.jpg?fit=cover&width=800&s=zv6eHOj4blI2YOwIEnwIC86hh7n82gAoNhAzpT5EuOE 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/cw-2-1842x1024.jpg?fit=cover&width=1200&s=ySYwdPDyV1vN9BmYyaTF5SoUmf3ZsiT6xY5cxx8cszI 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/cw-2-1842x1024.jpg?fit=cover&width=1600&s=y8R6eRD_uVRsEChcCH5svnFiFDkhvBw2LiRyTEUHFso 1600w" 1728 style="object-position: 50% 50%; object-fit: ; " 1729 width="0.7675" 1730 > 1731 </div> 1732 1733 1734 1735 </div> 1736 1737 </div> 1738 <div class="w-full p-5 flex items-center truncate"> 1739 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Creative Writing (Online)</h3> 1740 </div> 1741 </a> 1742 <a href="https://aub.ac.uk/graduate-courses/ma-creative-writing" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-creative-writing'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1743 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1744 1745 1746 1747 1748<div class="relative " 1749 > 1750 1751 1752 1753 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1754 <img 1755 alt="A stack of colourful books next to an open notebook. There is handwritten text in the notebook and a pen lies across the pages." 1756 fetchpriority="low" 1757 class="w-full object-cover absolute inset-0 w-full h-full " 1758 height="0.35775" 1759 loading="lazy" 1760 sizes="100vw" 1761 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Memoir-Writing-5.jpg" 1762 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Memoir-Writing-5.jpg?fit=cover&width=800&s=rkBBoqzHJTgypooQQcGcONseXGgXsTxRnozHtW4ur3o 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Memoir-Writing-5.jpg?fit=cover&width=1200&s=ZMROX8fjvYud_vV8sX2QVREtin-RfhJ3PBnEQTCZsRc 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Memoir-Writing-5.jpg?fit=cover&width=1600&s=xDgmcVpBX91wlTW6boHI73tajpg8XkQWTybawmX_tNI 1600w" 1763 style="object-position: 50% 50%; object-fit: ; " 1764 width="1.26" 1765 > 1766 </div> 1767 1768 1769 1770 </div> 1771 1772 </div> 1773 <div class="w-full p-5 flex items-center truncate"> 1774 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Creative Writing*</h3> 1775 </div> 1776 </a> 1777 <a href="https://aub.ac.uk/graduate-courses/ma-fashion-innovation" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-fashion-innovation'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1778 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1779 1780 1781 1782 1783<div class="relative " 1784 > 1785 1786 1787 1788 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1789 <img 1790 alt="A line of five AI-generated girls wearing various pastel-coloured outfits, three wearing sunglasses, against a blue backdrop and on pink flooring." 1791 fetchpriority="low" 1792 class="w-full object-cover absolute inset-0 w-full h-full " 1793 height="0.256" 1794 loading="lazy" 1795 sizes="100vw" 1796 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Bee-Aslan-16.png" 1797 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Bee-Aslan-16.png?fit=cover&gravity%5Bx%5D=0.495&gravity%5By%5D=0.1897&width=800&s=LBzIU9s9dvAcU9w1lYqGirNJnyBkRbgPtR_psFVWV3g 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Bee-Aslan-16.png?fit=cover&gravity%5Bx%5D=0.495&gravity%5By%5D=0.1897&width=1200&s=39jgvo0FkwHTPMGz_MCKsPS1KG8lsiwU2nt7t9yNslA 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Bee-Aslan-16.png?fit=cover&gravity%5Bx%5D=0.495&gravity%5By%5D=0.1897&width=1600&
1797s=NDU8t203l5P6xUZQn8AR3iskbhdMFL5iNBZxE4q-A3Y 1600w" 1798 style="object-position: 49.5% 18.97%; object-fit: ; " 1799 width="0.42666666666667" 1800 > 1801 </div> 1802 1803 1804 1805 </div> 1806 1807 </div> 1808 <div class="w-full p-5 flex items-center truncate"> 1809 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Fashion Innovation</h3> 1810 </div> 1811 </a> 1812 <a href="https://aub.ac.uk/graduate-courses/ma-film-practice-online" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-film-practice-online'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1813 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1814 1815 1816 1817 1818<div class="relative " 1819 > 1820 1821 1822 1823 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1824 <img 1825 alt="Close-up of a young person wearing a green top and white baseball cap peering into the viewfinder of a camcorder." 1826 fetchpriority="low" 1827 class="w-full object-cover absolute inset-0 w-full h-full " 1828 height="0.1875" 1829 loading="lazy" 1830 sizes="100vw" 1831 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/HEADER_MA_Film-PRactice_online.jpg" 1832 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/HEADER_MA_Film-PRactice_online.jpg?fit=cover&width=800&s=Y8AUIn2l__yHU6BBZg1uzbeJNJNhFYQJ5aXO2HuPCyU 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/HEADER_MA_Film-PRactice_online.jpg?fit=cover&width=1200&s=axEjuyJqH4Dsj3pFjuX48m3rri5BKn0ZWvdZZ_S78WM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/HEADER_MA_Film-PRactice_online.jpg?fit=cover&width=1600&s=n-8HHgislDkkryURCkRXpQ0VI4P5PWVICsLd0qhBLck 1600w" 1833 style="object-position: 50% 50%; object-fit: ; " 1834 width="0.46083333333333" 1835 > 1836 </div> 1837 1838 1839 1840 </div> 1841 1842 </div> 1843 <div class="w-full p-5 flex items-center truncate"> 1844 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Film Practice (Online)</h3> 1845 </div> 1846 </a> 1847 <a href="https://aub.ac.uk/graduate-courses/ma-film" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-film'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1848 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1849 1850 1851 1852 1853<div class="relative " 1854 > 1855 1856 1857 1858 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1859 <img 1860 alt="Students carrying filming equipment across a road in Hungary" 1861 fetchpriority="low" 1862 class="w-full object-cover absolute inset-0 w-full h-full " 1863 height="0.33325" 1864 loading="lazy" 1865 sizes="100vw" 1866 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/0-MA-Film-Practice-Triangle-01.JPG" 1867 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/0-MA-Film-Practice-Triangle-01.JPG?fit=cover&width=800&s=_WGxeKjoUERGoAMaSW5XjdVX4cXbPiIIB97duYd0IbM 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/0-MA-Film-Practice-Triangle-01.JPG?fit=cover&width=1200&s=btf5NSB3D04bMQxChyoq6Dxx6f0Qih2b5jZyoI3fx1k 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/0-MA-Film-Practice-Triangle-01.JPG?fit=cover&width=1600&s=ep-3h42Em33o4cg0_o6R6Ljq5ln-jBeZhehsnbCA6Xg 1600w" 1868 style="object-position: 50% 50%; object-fit: ; " 1869 width="0.83333333333333" 1870 > 1871 </div> 1872 1873 1874 1875 </div> 1876 1877 </div> 1878 <div class="w-full p-5 flex items-center truncate"> 1879 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Film*</h3> 1880 </div> 1881 </a> 1882 <a href="https://aub.ac.uk/graduate-courses/ma-fine-art" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-fine-art'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1883 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1884 1885 1886 1887 1888<div class="relative " 1889 > 1890 1891 1892 1893 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1894 <img 1895 alt="Abstract artwork â drawing, acrylic, inks, sewing thread, coffee on paper." 1896 fetchpriority="low" 1897 class="w-full object-cover absolute inset-0 w-full h-full " 1898 height="0.2605" 1899 loading="lazy" 1900 sizes="100vw" 1901 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Richard-Gregory_Fine-Art_06-edit-2.
1901jpg" 1902 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Richard-Gregory_Fine-Art_06-edit-2.jpg?fit=cover&gravity%5Bx%5D=0.4812&gravity%5By%5D=0.9474&width=800&s=A0jeIi1SuIy22G4ofeyxDhQzslkgsl_zz9nDGQDzplo 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Richard-Gregory_Fine-Art_06-edit-2.jpg?fit=cover&gravity%5Bx%5D=0.4812&gravity%5By%5D=0.9474&width=1200&s=VsAhCgQKff2z6ZiWU6GtUYb5_i22Ve2eDG-1MWscDQI 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Richard-Gregory_Fine-Art_06-edit-2.jpg?fit=cover&gravity%5Bx%5D=0.4812&gravity%5By%5D=0.9474&width=1600&s=_ccHVyf0q54c7TOPMtt_zUGok7B6I-hXyQnTTPUaPYQ 1600w" 1903 style="object-position: 48.12% 94.74%; object-fit: ; " 1904 width="0.55833333333333" 1905 > 1906 </div> 1907 1908 1909 1910 </div> 1911 1912 </div> 1913 <div class="w-full p-5 flex items-center truncate"> 1914 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Fine Art</h3> 1915 </div> 1916 </a> 1917 <a href="https://aub.ac.uk/graduate-courses/ma-graphic-design" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-graphic-design'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1918 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1919 1920 1921 1922 1923<div class="relative " 1924 > 1925 1926 1927 1928 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1929 <img 1930 alt="Illustrated graphic of a black flyer on a pink surface with scribbled writing down the left hand side" 1931 fetchpriority="low" 1932 class="w-full object-cover absolute inset-0 w-full h-full " 1933 height="1.042" 1934 loading="lazy" 1935 sizes="100vw" 1936 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Becky-Stone_GraphicDesign-05.jpg" 1937 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Becky-Stone_GraphicDesign-05.jpg?fit=cover&height=400&width=800&s=LJrMpccIcyq9PwmYZOtKR2OYUJDFDt-fBdwYics7nXY 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Becky-Stone_GraphicDesign-05.jpg?fit=cover&height=600&width=1200&s=ZY4Y2bb9EFsWetD50o346A0oNLGXX6291tefPYNdlgs 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Becky-Stone_GraphicDesign-05.jpg?fit=cover&height=800&width=1600&s=Zw3P7830AajW19oIkFa-FawnOe5gzV4kyyN4d4bd7mQ 1600w" 1938 style="object-position: 50% 50%; object-fit: ; " 1939 width="2.3670833333333" 1940 > 1941 </div> 1942 1943 1944 1945 </div> 1946 1947 </div> 1948 <div class="w-full p-5 flex items-center truncate"> 1949 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Graphic Design</h3> 1950 </div> 1951 </a> 1952 <a href="https://aub.ac.uk/graduate-courses/ma-graphic-design-online" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-graphic-design-online'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1953 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1954 1955 1956 1957 1958<div class="relative " 1959 > 1960 1961 1962 1963 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1964 <img 1965 alt="Grid of 12 images separated by a black border, each containing different abstract black, blue and yellow shapes in a Bauhaus style." 1966 fetchpriority="low" 1967 class="w-full object-cover absolute inset-0 w-full h-full " 1968 height="0.21625" 1969 loading="lazy" 1970 sizes="100vw" 1971 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MA-GDO-Hero-1.jpg" 1972 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MA-GDO-Hero-1.jpg?fit=cover&width=800&
1972s=2a5rygALntoa2xLWOWOepstC-I7jEHmYJqfXSHr9rlg 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MA-GDO-Hero-1.jpg?fit=cover&width=1200&s=zyKHXrG_0Ceqzs8Gg9TJZgq87KZcwnAqGDArEqf2WoU 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MA-GDO-Hero-1.jpg?fit=cover&width=1600&s=6OiXnm5u_iSl0S9Y9PxFJyVpXdT_XR5qP4HdjJ9cOR0 1600w" 1973 style="object-position: 50% 50%; object-fit: ; " 1974 width="0.83333333333333" 1975 > 1976 </div> 1977 1978 1979 1980 </div> 1981 1982 </div> 1983 <div class="w-full p-5 flex items-center truncate"> 1984 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Graphic Design (Online)</h3> 1985 </div> 1986 </a> 1987 <a href="https://aub.ac.uk/graduate-courses/ma-historical-costume" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-historical-costume'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 1988 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 1989 1990 1991 1992 1993<div class="relative " 1994 > 1995 1996 1997 1998 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 1999 <img 2000 alt="A person in Celtic-style dress and make-up stands holding a sword under a set of stone arches." 2001 fetchpriority="low" 2002 class="w-full object-cover absolute inset-0 w-full h-full " 2003 height="0.48" 2004 loading="lazy" 2005 sizes="100vw" 2006 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Anne-Thomson_Medieval_costume.jpg" 2007 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Anne-Thomson_Medieval_costume.jpg?fit=cover&width=800&s=jaGNexqmho6FlemNP2BaZhrr-3QdiMjK-kgPSXPQbso 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Anne-Thomson_Medieval_costume.jpg?fit=cover&width=1200&s=QZNGcVLsEpS85unRck3PLkrvKjAIhRuwXNNghjh5ggk 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Anne-Thomson_Medieval_costume.jpg?fit=cover&width=1600&s=iH3lsh6sZmOJwb10E_Bm6R-KXsryRdP_McTIln4aKf8 1600w" 2008 style="object-position: 50% 50%; object-fit: ; " 2009 width="0.8" 2010 > 2011 </div> 2012 2013 2014 2015 </div> 2016 2017 </div> 2018 <div class="w-full p-5 flex items-center truncate"> 2019 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Historical Costume</h3> 2020 </div> 2021 </a> 2022 <a href="https://aub.ac.uk/graduate-courses/ma-illustration" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-illustration'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2023 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2024 2025 2026 2027 2028<div class="relative " 2029 > 2030 2031 2032 2033 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2034 <img 2035 alt="Abstract illustration with outer space theme, with planets and planetary rings. A person stands on a small planet peering into a large telescope, pointed upwards." 2036 fetchpriority="low" 2037 class="w-full object-cover absolute inset-0 w-full h-full " 2038 height="0.20325" 2039 loading="lazy" 2040 sizes="100vw" 2041 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/19-Searching-for-extra-terrestrial-life.png" 2042 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/19-Searching-for-extra-terrestrial-life.png?fit=cover&gravity%5Bx%5D=0.5506&gravity%5By%5D=0.7673&width=800&s=QMISnQwc2yosEVlUfo3A1TyUEFXWIX413q1dI1uWbSA 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/19-Searching-for-extra-terrestrial-life.png?fit=cover&gravity%5Bx%5D=0.5506&gravity%5By%5D=0.7673&width=1200&s=Qm8ecIN89X-sOsv9RCi0EfSdbBxPrM58xyPhoqb6kGI 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/19-Searching-for-extra-terrestrial-life.png?fit=cover&gravity%5Bx%5D=0.5506&gravity%5By%5D=0.7673&width=1600&s=GwQvIm1U0CKqP9DDFCFbjL8iUhEs7MtMS-T5Dem0Vkk 1600w" 2043 style="object-position: 55.06% 76.73%; object-fit: ; " 2044 width="0.47916666666667" 2045 > 2046 </div> 2047 2048 2049 2050 </div> 2051 2052 </div> 2053 <div class="w-full p-5 flex items-center truncate"> 2054 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Illustration</h3> 2055 </div> 2056 </a> 2057 <a href="https://aub.ac.uk/graduate-courses/ma-illustration-online" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-illustration-online'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2058 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2059 2060 2061 2062 2063<div class="relative " 2064 > 2065 2066 2067 2068 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2069 <img 2070 alt="Illustration of a person standing before an alleyway between two brightly lit and colourful buildings. The silhouette of a tree is on one side, and a zebra crossing on the other." 2071 fetchpriority="low" 2072 class="w-full object-cover absolute inset-0 w-full h-full " 2073 height="0.21525" 2074 loading="lazy" 2075 sizes="100vw" 2076 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Banner-JulieSanderson-identityandauthorship-creativeartefact1.png" 2077 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Banner-JulieSanderson-identityandauthorship-creativeartefact1.png?fit=cover&gravity%5Bx%5D=0.4959&gravity%5By%5D=0.7099&width=800&
2077s=oDsb0ZzZRhpNoKSeEl7sOK_sfDP1YnuJFXCXZjiBDj4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Banner-JulieSanderson-identityandauthorship-creativeartefact1.png?fit=cover&gravity%5Bx%5D=0.4959&gravity%5By%5D=0.7099&width=1200&s=7wREY3GlH9C-0l1-W5YtW5wVmN-VUK1QVDZplk-uC0k 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Banner-JulieSanderson-identityandauthorship-creativeartefact1.png?fit=cover&gravity%5Bx%5D=0.4959&gravity%5By%5D=0.7099&width=1600&s=1a1CC8VUsLY4R0RUEZj-3GJC9hpXS3fUaw9-wjOr5cQ 1600w" 2078 style="object-position: 49.59% 70.99%; object-fit: ; " 2079 width="0.46875" 2080 > 2081 </div> 2082 2083 2084 2085 </div> 2086 2087 </div> 2088 <div class="w-full p-5 flex items-center truncate"> 2089 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Illustration (Online)</h3> 2090 </div> 2091 </a> 2092 <a href="https://aub.ac.uk/graduate-courses/ma-innovation-and-creative-entrepreneurship" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-innovation-and-creative-entrepreneurship'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2093 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2094 2095 2096 2097 2098<div class="relative " 2099 > 2100 2101 2102 2103 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2104 <img 2105 alt="Close-up of a tablet with design software open on the screen. A person is sketching next to a design with a stylus." 2106 fetchpriority="low" 2107 class="w-full object-cover absolute inset-0 w-full h-full " 2108 height="0.33325" 2109 loading="lazy" 2110 sizes="100vw" 2111 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Element-Creative-TA200033.jpg" 2112 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Element-Creative-TA200033.jpg?fit=cover&gravity%5Bx%5D=0.3216&gravity%5By%5D=0.7426&width=800&s=0qHLkb1M5oafUKqYkqU_Y12XM6UjoOtGUe1DU6o6NjE 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Element-Creative-TA200033.jpg?fit=cover&gravity%5Bx%5D=0.3216&gravity%5By%5D=0.7426&width=1200&s=o4YbrkXkjds3NfIXQiWt1JfpFdPR-ekT-E6EYmWC7Cs 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Element-Creative-TA200033.jpg?fit=cover&gravity%5Bx%5D=0.3216&gravity%5By%5D=0.7426&width=1600&s=MxBvF0acHSA1gH2drpe2kxJ9JY20Q5XwqgbARUbxWSs 1600w" 2113 style="object-position: 32.16% 74.26%; object-fit: ; " 2114 width="0.83333333333333" 2115 > 2116 </div> 2117 2118 2119 2120 </div> 2121 2122 </div> 2123 <div class="w-full p-5 flex items-center truncate"> 2124 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Innovation and Creative Entrepreneurship</h3> 2125 </div> 2126 </a> 2127 <a href="https://aub.ac.uk/graduate-courses/ma-interior-design-online" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-interior-design-online'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2128 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2129 2130 2131 2132 2133<div class="relative " 2134 > 2135 2136 2137 2138 <div style="padding-bottom: 100%;" class="relative w-full overflow-hidden"> 2139 <video 2140 width="720" 2141 height="225" 2142 poster="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB_AshleyMaselin_banner_1920x600_Int_06.jpg?fit=cover&width=720&s=7C7jCsvP6CwYB-QmKBGqT1mk1BWk4HpPyN-RRVL_blo" 2143 class=" object-cover absolute inset-0 w-full h-full js-gif-replacement" 2144 loop 2145 muted 2146 playsinline 2147 > 2148 <source data-src="https://player.vimeo.com/progressive_redirect/playback/1161842714/rendition/1080p/file.mp4%20%281080p%29.mp4?loc=external&signature=3ef22419febce436049c29f83519c66b0d887b81d424df9ecdf98216cb84b000" type="video/mp4" /> 2149 <track label="English" kind="subtitles" srclang="en" src="/captions/decorative.vtt" default /> 2150 </video> 2151 </div> 2152 2153 2154 2155 2156 </div> 2157 2158 </div> 2159 <div class="w-full p-5 flex items-center truncate"> 2160 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Interior Design (Online)</h3> 2161 </div> 2162 </a> 2163 <a href="https://aub.ac.uk/graduate-courses/ma-landscape-architecture-studies-onl
2163ine" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-landscape-architecture-studies-online'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2164 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2165 2166 2167 2168 2169<div class="relative " 2170 > 2171 2172 2173 2174 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2175 <img 2176 alt="Coloured architectural sketch of a city with a wide river running through it and trains running along either side." 2177 fetchpriority="low" 2178 class="w-full object-cover absolute inset-0 w-full h-full " 2179 height="0.29625" 2180 loading="lazy" 2181 sizes="100vw" 2182 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Rosie-Alabaster-3D-wood-quay.jpg" 2183 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Rosie-Alabaster-3D-wood-quay.jpg?fit=cover&gravity%5Bx%5D=0.0006&gravity%5By%5D=0.982&width=800&s=82anrIuhOqMqE3-Ka7VBHzlkGU1wdI3-HpXFcuorvQs 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Rosie-Alabaster-3D-wood-quay.jpg?fit=cover&gravity%5Bx%5D=0.0006&gravity%5By%5D=0.982&width=1200&s=clqqrxkHyFVTghuKXUqUessCXpUuCOr79hPoX74OYSo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Rosie-Alabaster-3D-wood-quay.jpg?fit=cover&gravity%5Bx%5D=0.0006&gravity%5By%5D=0.982&width=1600&s=S7Wf3W8krvkhnrhyGUBwvAZcdMkH48Jh7yLw2XYWeLk 1600w" 2184 style="object-position: 0.06% 98.2%; object-fit: ; " 2185 width="0.83333333333333" 2186 > 2187 </div> 2188 2189 2190 2191 </div> 2192 2193 </div> 2194 <div class="w-full p-5 flex items-center truncate"> 2195 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Landscape Architecture Studies (Online)</h3> 2196 </div> 2197 </a> 2198 <a href="https://aub.ac.uk/graduate-courses/ma-painting" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-painting'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2199 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2200 2201 2202 2203 2204<div class="relative " 2205 > 2206 2207 2208 2209 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2210 <img 2211 alt="Close-up of part of an abstract painting, mainly made up of purple, orange and blue strokes." 2212 fetchpriority="low" 2213 class="w-full object-cover absolute inset-0 w-full h-full " 2214 height="0.5" 2215 loading="lazy" 2216 sizes="100vw" 2217 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MA-Painting-new-hero-2.jpg" 2218 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MA-Painting-new-hero-2.jpg?fit=cover&gravity%5Bx%5D=0.4962&gravity%5By%5D=0.1803&width=800&s=ZvTrnmPfOS0H_2dLUJrCyAv0sDuSWMulOwbLCenBJ9A 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MA-Painting-new-hero-2.jpg?fit=cover&gravity%5Bx%5D=0.4962&gravity%5By%5D=0.1803&width=1200&s=giEH7tj9Loffn4Nex6RBgxmgrjXhNBgu00uR0p2ZMsY 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MA-Painting-new-hero-2.jpg?fit=cover&gravity%5Bx%5D=0.4962&gravity%5By%5D=0.1803&width=1600&s=pApjXd0qCq3PhAJyJN2ZVJEmG5WDfh4dEjdRa348v-w 1600w" 2219 style="object-position: 49.62% 18.03%; object-fit: ; " 2220 width="0.83333333333333" 2221 > 2222 </div> 2223 2224 2225 2226 </div> 2227 2228 </div> 2229 <div class="w-full p-5 flex items-center truncate"> 2230 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Painting</h3> 2231 </div> 2232 </a> 2233 <a href="https://aub.ac.uk/graduate-courses/ma-photography" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-photography'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2234 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2235 2236 2237 2238 2239<div class="relative " 2240 > 2241 2242 2243 2244 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2245 <img 2246 alt="Children seated at a long outdoor table covered with a white cloth, eating in a wooded garden setting." 2247 fetchpriority="low" 2248 class="w-full object-cover absolute inset-0 w-full h-full " 2249 height="0.2335" 2250 loading="lazy" 2251 sizes="100vw" 2252 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Elizabeth-vickers_3.jpg" 2253 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Elizabeth-vickers_3.jpg?fit=cover&width=800&s=d34b27qccJ9skPUg0vzd691MqdJxaS02XyqH7MsCgiQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Elizabeth-vickers_3.jpg?fit=cover&width=1200&s=NsbmnyH5qjeYuIxxLmZRAZE6l04Ic8hQlJdr1KIcTpA 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Elizabeth-vickers_3.jpg?fit=cover&width=1600&s=Y5DPJH98tMaB6yQgioox5TBQsy1ks_E2tvrLChuJpLk 1600w" 2254 style="object-position: 50% 50%; object-fit: ; " 2255 width="0.58333333333333" 2256 > 2257 </div> 2258 2259 2260 2261 </div> 2262 2263 </div> 2264 <div class="w-full p-5 flex items-center truncate"> 2265 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Photography</h3> 2266 </div> 2267 </a> 2268 <a href="https://aub.ac.uk/graduate-courses/ma-photography-online" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-photography-online'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2269 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2270 2271 2272 2273 2274<div class="relative " 2275 > 2276 2277 2278 2279 <div style="padding-bottom: 100%;" class="relative w-full overflow-hidden"> 2280 <video 2281 width="720" 2282 height="568" 2283 poster="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Cosplay_5.jpg?fit=cover&gravity%5Bx%5D=0.4711&gravity%5By%5D=0.0829&width=720&s=pO2_xZCM7F89yNJbiU1nJmIzvaAzjCtK40bMP3rkTY8" 2284 class=" object-cover absolute inset-0 w-full h-full js-gif-replacement" 2285 loop 2286 muted 2287 playsinline 2288 > 2289 <source data-src="https://player.vimeo.com/progressive_redirect/playback/1203859350/rendition/720p/file.mp4%20%28720p%29.mp4?loc=external&signature=58701bdf4de4208196636737410fcd15edd415f64e977072c2ebcdba89995b57" type="video/mp4" /> 2290 <track label="English" kind="subtitles" srclang="en" src="/captions/decorative.vtt" default /> 2291 </video> 2292 </div> 2293 2294 2295 2296 2297 </div> 2298 2299 </div> 2300 <div class="w-full p-5 flex items-center truncate"> 2301 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Photography (Online)</h3> 2302 </div> 2303 </a> 2304 <a href="https://aub.ac.uk/graduate-courses/ma-transformative-learning" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-transformative-learning'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2305 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2306 2307 2308 2309 2310<div class="relative " 2311 > 2312 2313 2314 2315 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2316 <img 2317 alt="Black silhouette of person with raised arms against vibrant rainbow gradient background transitioning from purple at top to red at bottom." 2318 fetchpriority="low" 2319 class="w-full object-cover absolute inset-0 w-full h-full " 2320 height="0.375" 2321 loading="lazy" 2322 sizes="100vw" 2323 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/ma-tl-2500x1500.jpg" 2324 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/ma-tl-2500x1500.jpg?fit=cover&width=800&s=xb3P7Eb_zjwsEtuufvYH_raAlTTiUCmFzBKQ7WpZgj0 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/ma-tl-2500x1500.jpg?fit=cover&width=1200&s=SYW8NmBbeByGuyr4HCR2okmqpJAXrs9HeclREOZS9Tk 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/ma-tl-2500x1500.jpg?fit=cover&width=1600&
2324s=zZ3fqzLWH8vGbYWC3acGi0HPi_VFOvEZulxighf8mds 1600w" 2325 style="object-position: 50% 50%; object-fit: ; " 2326 width="0.83333333333333" 2327 > 2328 </div> 2329 2330 2331 2332 </div> 2333 2334 </div> 2335 <div class="w-full p-5 flex items-center truncate"> 2336 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Transformative Learning</h3> 2337 </div> 2338 </a> 2339 <a href="https://aub.ac.uk/graduate-courses/ma-user-experience-ux-ui" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-user-experience-ux-ui'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2340 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2341 2342 2343 2344 2345<div class="relative " 2346 > 2347 2348 2349 2350 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2351 <img 2352 alt="Digital mock-up of the interface of the app Kaalam, a modern Malayalam calendar that blends agricultural insights, location-based weather updates, and integrates other calendars like Hijri and Tamil" 2353 fetchpriority="low" 2354 class="w-full object-cover absolute inset-0 w-full h-full " 2355 height="0.5315" 2356 loading="lazy" 2357 sizes="100vw" 2358 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Roshna-George_Graphic-Design_01.jpg" 2359 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Roshna-George_Graphic-Design_01.jpg?fit=cover&width=800&s=Ig6baaufj00TckIeb_irl9Z6EvMtlTgcZZcTlJKpDD0 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Roshna-George_Graphic-Design_01.jpg?fit=cover&width=1200&s=Smtd0lni8cmzchGRriuw1xlBYP7EaJGjfMeRsnjaYz8 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Roshna-George_Graphic-Design_01.jpg?fit=cover&width=1600&s=3NjN_E76BF4j6mJeiR6JXSakzMOkw6aVTI2pFjgARpQ 1600w" 2360 style="object-position: 50% 50%; object-fit: ; " 2361 width="1.5" 2362 > 2363 </div> 2364 2365 2366 2367 </div> 2368 2369 </div> 2370 <div class="w-full p-5 flex items-center truncate"> 2371 <h3 class="font-extrabold md:text-xl uppercase truncate">MA User Experience (UX/UI)*</h3> 2372 </div> 2373 </a> 2374 <a href="https://aub.ac.uk/graduate-courses/ma-visual-effects-and-photorealistic-computer-graphics" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ma-visual-effects-and-photorealistic-computer-graphics'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2375 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2376 2377 2378 2379 2380<div class="relative " 2381 > 2382 2383 2384 2385 <div style="padding-bottom: 100%;" class="relative w-full overflow-hidden"> 2386 <video 2387 width="720" 2388 height="405" 2389 poster="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/on-set-MA-VFX.png?fit=cover&width=720&s=GmLwG3DHr_eWaJzm_XR1VT1Pq-6mvjW0gvh1jwsPcVw" 2390 class=" object-cover absolute inset-0 w-full h-full js-gif-replacement" 2391 loop 2392 muted 2393 playsinline 2394 > 2395 <source data-src="https://player.vimeo.com/progressive_redirect/playback/1124747509/rendition/1080p/file.mp4?loc=external&signature=f2bcf66e71c042e68e7a08c25529fc394ce8061ab665138c81cdf6e4db6c064f" type="video/mp4" /> 2396 <track label="English" kind="subtitles" srclang="en" src="/captions/decorative.vtt" default /> 2397 </video> 2398 </div> 2399 2400 2401 2402 2403 </div> 2404 2405 </div> 2406 <div class="w-full p-5 flex items-center truncate"> 2407 <h3 class="font-extrabold md:text-xl uppercase truncate">MA Visual Effects and Photorealistic Computer Graphics</h3> 2408 </div> 2409 </a> 2410 <a href="https://aub.ac.uk/graduate-courses/master-of-architecture-part
2410-2-arb-riba" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'master-of-architecture-part-2-riba-arb'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2411 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2412 2413 2414 2415 2416<div class="relative " 2417 > 2418 2419 2420 2421 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2422 <img 2423 alt="A large building complex shown at night with several domes on the roofs and people standing outside" 2424 fetchpriority="low" 2425 class="w-full object-cover absolute inset-0 w-full h-full " 2426 height="0.75" 2427 loading="lazy" 2428 sizes="100vw" 2429 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/JOEL_WALLACE_ERABU_02.jpg" 2430 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/JOEL_WALLACE_ERABU_02.jpg?fit=cover&width=800&s=KdWvy93HbvPEDk9VcZYJY30XFwljrF_BKRH0-u_Fqx0 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/JOEL_WALLACE_ERABU_02.jpg?fit=cover&width=1200&s=9wswjD21WIUKFzSqK5tixwjp2mn7Nddeaf_i-ypntB8 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/JOEL_WALLACE_ERABU_02.jpg?fit=cover&width=1600&s=yGR3-E8Qt5VKv4Cjm3GCbGd17k-ZOd2x2wySssH70o0 1600w" 2431 style="object-position: 50% 50%; object-fit: ; " 2432 width="2" 2433 > 2434 </div> 2435 2436 2437 2438 </div> 2439 2440 </div> 2441 <div class="w-full p-5 flex items-center truncate"> 2442 <h3 class="font-extrabold md:text-xl uppercase truncate">Master of Architecture (Part 2 RIBA/ARB)</h3> 2443 </div> 2444 </a> 2445 <a href="https://aub.ac.uk/graduate-courses/pgcert-creative-teaching-and-learning-design-online" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'pg-cert-creative-teaching-and-learning-design-online'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2446 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2447 2448 2449 2450 2451<div class="relative " 2452 > 2453 2454 2455 2456 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2457 <img 2458 alt="A group of AUB students engaged in a seminar, with various laptops and other equipment around the table." 2459 fetchpriority="low" 2460 class="w-full object-cover absolute inset-0 w-full h-full " 2461 height="0.3335" 2462 loading="lazy" 2463 sizes="100vw" 2464 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-HoC_2024__078a3508_web-1.jpg" 2465 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-HoC_2024__078a3508_web-1.jpg?fit=cover&width=800&s=pxX1sFGRPEjX4SQqN0HGQJC__cHQyDOvJ9qLhlSxC0Y 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-HoC_2024__078a3508_web-1.jpg?fit=cover&width=1200&s=TPMuKFXGQKUQZpSTkoFp5Kk7iBmqSepMHvzTJlFqbf0 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-HoC_2024__078a3508_web-1.jpg?fit=cover&width=1600&s=4uwzA0q0Ews-OxYUNmgWYl1AZJ_-IZbS7s3OLvfNijc 1600w" 2466 style="object-position: 50% 50%; object-fit: ; " 2467 width="0.83333333333333" 2468 > 2469 </div> 2470 2471 2472 2473 </div> 2474 2475 </div> 2476 <div class="w-full p-5 flex items-center truncate"> 2477 <h3 class="font-extrabold md:text-xl uppercase truncate">PGCert Creative Teaching and Learning Design (Online)</h3> 2478 </div> 2479 </a> 2480 <a href="https://aub.ac.uk/graduate-courses/pgdip-learning-design-methods-online" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'pg-dip-learning-design-methods-online'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2481 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2482 2483 2484 2485 2486<div class="relative " 2487 > 2488 2489 2490 2491 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2492 <img 2493 alt="A person sitting with headphones on, with their back to the camera, in a coffee shop, with three framed artworks on the wall above them." 2494 fetchpriority="low" 2495 class="w-full object-cover absolute inset-0 w-full h-full " 2496 height="0.3335" 2497 loading="lazy" 2498 sizes="100vw" 2499 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-HoC_2024__078a3567_web.jpg" 2500 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-HoC_2024__078a3567_web.jpg?fit=cover&width=800&s=vqzkDEsQJK8Mrz8q8sMwFVBC4iEWm4qlLkIZeCWaO7s 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-HoC_2024__078a3567_web.jpg?fit=cover&width=1200&s=vHRMrkcBLtmR43eWQs4UnfHFEOEjs2nDxS5HJs9LlXo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-HoC_2024__078a3567_web.jpg?fit=cover&width=1600&s=8BFrNfl9xaGpVm9yaRu_WNtIE-QQoWnD86-vaI4cIt0 1600w" 2501 style="object-position: 50% 50%; object-fit: ; " 2502 width="0.83333333333333" 2503 > 2504 </div> 2505 2506 2507 2508 </div> 2509 2510 </div> 2511 <div class="w-full p-5 flex items-center truncate"> 2512 <h3 class="font-extrabold md:text-xl uppercase truncate">PGDip Learning Design Methods (Online)</h3> 2513 </div> 2514 </a> 2515 <a href="https://aub.ac.uk/graduate-courses/research-degrees" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ph-d-m-phil-research-degrees'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2516 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2517 2518 2519 2520 2521<div class="relative " 2522 > 2523 2524 2525 2526 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2527 <img 2528 alt="Artwork by Roger Dean â abstract floating islands
2528with trees, blue background." 2529 fetchpriority="low" 2530 class="w-full object-cover absolute inset-0 w-full h-full " 2531 height="0.27125" 2532 loading="lazy" 2533 sizes="100vw" 2534 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Screenshot-2020-11-25-at-09.24.04.jpg" 2535 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Screenshot-2020-11-25-at-09.24.04.jpg?fit=cover&width=800&s=XWg-k9KOf9Y593NANVgZfcYge7ZJijeMkeS-P96GBXI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Screenshot-2020-11-25-at-09.24.04.jpg?fit=cover&width=1200&s=V-R4y1J8FV9ut0XbNRnpUm5F6mVHtLsyVwRhMqOGYXo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Screenshot-2020-11-25-at-09.24.04.jpg?fit=cover&width=1600&s=kQHqjRhvNp_DUeDFDIxG-mMmATqhB7uQ8ttenPN3NPA 1600w" 2536 style="object-position: 50% 50%; object-fit: ; " 2537 width="0.7625" 2538 > 2539 </div> 2540 2541 2542 2543 </div> 2544 2545 </div> 2546 <div class="w-full p-5 flex items-center truncate"> 2547 <h3 class="font-extrabold md:text-xl uppercase truncate">PhD/MPhil Research Degrees</h3> 2548 </div> 2549 </a> 2550 </div> 2551 <div x-show="activeTab == 'academy'" x-cloak x-transition:enter="transition-all duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-all duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="mt-4 flex flex-col gap-4 pb-10"> 2552 <a href="https://aub.ac.uk/courses/adult-learning-and-short-courses" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'adult-learning-and-short-courses'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2553 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2554 2555 2556 2557 2558<div class="relative " 2559 > 2560 2561 2562 2563 <div style="padding-bottom: 100%;" class="relative w-full overflow-hidden"> 2564 <video 2565 width="720" 2566 height="384" 2567 poster="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/COURSE-IMAGE-screenprinting-1920x1024.jpg?fit=cover&gravity%5Bx%5D=0.4977&gravity%5By%5D=0.5439&width=720&s=NxstsI4IwPbyii6KOuuUAFnplUSl5XXUJY_L_nGdfkY" 2568 class=" object-cover absolute inset-0 w-full h-full js-gif-replacement" 2569 loop 2570 muted 2571 playsinline 2572 > 2573 <source data-src="https://player.vimeo.com/external/427313284.sd.mp4?s=bc756915fd38b0e501578fdb961123d5a202f7a5&profile_id=165" type="video/mp4" /> 2574 <track label="English" kind="subtitles" srclang="en" src="/captions/decorative.vtt" default /> 2575 </video> 2576 </div> 2577 2578 2579 2580 2581 </div> 2582 2583 </div> 2584 <div class="w-full p-5 flex items-center truncate"> 2585 <h3 class="font-extrabold md:text-xl uppercase truncate">Adult learning and short courses</h3> 2586 </div> 2587 </a> 2588 <a href="https://aub.ac.uk/courses/bespoke" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'bespoke-courses'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2589 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2590 2591 2592 2593 2594<div class="relative " 2595 > 2596 2597 2598 2599 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2600 <img 2601 alt="Art installation in white gallery space with vertical wooden poles on metal stands, visitors observing, circular skylight overhead." 2602 fetchpriority="low" 2603 class="w-full object-cover absolute inset-0 w-full h-full " 2604 height="0.33325" 2605 loading="lazy" 2606 sizes="100vw" 2607 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC_0004-Bespoke-courses.jpg" 2608 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC_0004-Bespoke-courses.jpg?fit=cover&width=800&s=cSrnZXSePIyJoyzvEUu-D_38LjnpoV52dW92m-EG_7I 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC_0004-Bespoke-courses.jpg?fit=cover&width=1200&s=NGBumUYkVkfUtslhnLFyH4tXKw5j1Pw4sPglpD-uGOE 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC_0004-Bespoke-courses.jpg?fit=cover&width=1600&s=QrfZ8vQOfcxXdCd2Gs0eEKul5kOC-6E4Uj8EFKFCeyg 1600w" 2609 style="object-position: 50% 50%; object-fit: ; " 2610 width="0.83333333333333" 2611 > 2612 </div> 2613 2614 2615 2616 </div> 2617 2618 </div> 2619 <div class="w-full p-5 flex items-center truncate"> 2620 <h3 class="font-extrabold md:text-xl uppercase truncate">Bespoke courses</h3> 2621 </div> 2622 </a> 2623 <a href="https://aub.ac.uk/courses/cass" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'creative-arts-summer-school'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2624 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2625 2626 2627 2628 2629<div class="relative " 2630 > 2631 2632 2633 2634 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2635 <img 2636 alt="A sketchbook with a colourful painting of a human face half-covered with flowers." 2637 fetchpriority="low" 2638 class="w-full object-cover absolute inset-0 w-full h-full " 2639 height="0.614" 2640 loading="lazy" 2641 sizes="100vw" 2642 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/SAS-Fine-Art2330.jpg" 2643 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/SAS-Fine-Art2330.jpg?fit=cover&width=800&s=sGaqxM1ZIKiKJeEFZU8aPm9Q_B02aZUSO_HzLOA1EL8 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/SAS-Fine-Art2330.jpg?fit=cover&width=1200&s=rXu_jTtfI_vTRzxEDu0dunSWJ85rL9QtZ5rUAdVv5vE 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/SAS-Fine-Art2330.jpg?fit=cover&width=1600&s=nj952Gk6VIk2VYpjpJIzFEIql3owhvji3CnGzobuGRA 1600w" 2644 style="object-position: 50% 50%; object-fit: ; " 2645 width="1.5333333333333" 2646 > 2647 </div> 2648 2649 2650 2651 </div> 2652 2653 </div> 2654 <div class="w-full p-5 flex items-center truncate"> 2655 <h3 class="font-extrabold md:text-xl uppercase truncate">Creative Arts Summer School</h3> 2656 </div> 2657 </a> 2658 <a href="https://aub.ac.uk/courses/national-saturday-club" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'national-saturday-club'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2659 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2660 2661 2662 2663 2664<div class="relative " 2665 > 2666 2667 2668 2669 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2670 <img 2671 alt="Person in yellow shirt drawing on easel in art studio with other artists working in background." 2672 fetchpriority="low" 2673 class="w-full object-cover absolute inset-0 w-full h-full " 2674 height="0.3335" 2675 loading="lazy" 2676 sizes="100vw" 2677 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Life-Drawing-22-copy.jpg" 2678 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Life-Drawing-22-copy.jpg?fit=cover&width=800&s=eNNZujMGWcHHlPdLoUbR5a8erPYjjKe9TimGFB9GAxc 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Life-Drawing-22-copy.jpg?fit=cover&width=1200&s=s5XABwBt-cyEWhgb8U867w4tChIlujxNK_3xehBM6Jg 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Life-Drawing-22-copy.jpg?fit=cover&width=1600&s=1zbKvdQTmCjHsvopGyLNKlO8jqFF7Qmz4mTlxd1QgSk 1600w" 2679 style="object-position: 50% 50%; object-fit: ; " 2680 width="0.83333333333333" 2681 > 2682 </div> 2683 2684 2685 2686 </div> 2687 2688 </div> 2689 <div class="w-full p-5 flex items-center truncate"> 2690 <h3 class="font-extrabold md:text-xl uppercase truncate">National Saturday Club</h3> 2691 </div> 2692 </a> 2693 <a href="https://aub.ac.uk/courses/saturday-art-school" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'saturday-art-school'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2694 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2695 2696 2697 2698 2699<div class="relative " 2700 > 2701 2702 2703 2704 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2705 <img
2706 alt="Red and indigo illustration of two people and teepee tents" 2707 fetchpriority="low" 2708 class="w-full object-cover absolute inset-0 w-full h-full " 2709 height="0.256" 2710 loading="lazy" 2711 sizes="100vw" 2712 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/07-Saturday-Art-School-1920x1024.jpg" 2713 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/07-Saturday-Art-School-1920x1024.jpg?fit=cover&width=800&s=HyEmVKvM5_Q4aeaR8Zwj0vEssl34GpH5i9SuZpQUROs 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/07-Saturday-Art-School-1920x1024.jpg?fit=cover&width=1200&s=GZ_fYIVlH_5UDVCYci3T4zwMVGUVEb8ogFEFRE4oWh8 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/07-Saturday-Art-School-1920x1024.jpg?fit=cover&width=1600&s=cisqBOPzaSwXEhOEDdoVkBN_PqPOWG9W95xCVoMN24A 1600w" 2714 style="object-position: 50% 50%; object-fit: ; " 2715 width="0.8" 2716 > 2717 </div> 2718 2719 2720 2721 </div> 2722 2723 </div> 2724 <div class="w-full p-5 flex items-center truncate"> 2725 <h3 class="font-extrabold md:text-xl uppercase truncate">Saturday Art School</h3> 2726 </div> 2727 </a> 2728 <a href="https://aub.ac.uk/courses/summer-courses" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'summer-courses'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2729 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2730 2731 2732 2733 2734<div class="relative " 2735 > 2736 2737 2738 2739 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2740 <img 2741 alt="Six young women with raised arms celebrating together outdoors, wearing casual clothing in various colours including white and green." 2742 fetchpriority="low" 2743 class="w-full object-cover absolute inset-0 w-full h-full " 2744 height="0.27" 2745 loading="lazy" 2746 sizes="100vw" 2747 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Highlights-reel-.00_00_59_10.Still008.jpg" 2748 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Highlights-reel-.00_00_59_10.Still008.jpg?fit=cover&width=800&s=OZOBpo6SS47mlJ4NEXD9NoxbXVrqHzMunqsZPFDX0yU 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Highlights-reel-.00_00_59_10.Still008.jpg?fit=cover&width=1200&s=GBNlCEoYtrn1j_A1dRpyVDhZX9vhVVuIkzK-w2YHvHY 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Highlights-reel-.00_00_59_10.Still008.jpg?fit=cover&width=1600&s=WMi1lBK8mBNW76YrbQf1ZtLISgol1woeLFUpkNwJytQ 1600w" 2749 style="object-position: 50% 50%; object-fit: ; " 2750 width="0.8" 2751 > 2752 </div> 2753 2754 2755 2756 </div> 2757 2758 </div> 2759 <div class="w-full p-5 flex items-center truncate"> 2760 <h3 class="font-extrabold md:text-xl uppercase truncate">Summer courses</h3> 2761 </div> 2762 </a> 2763 </div> 2764 <div x-show="activeTab == 'apprenticeships'" x-cloak x-transition:enter="transition-all duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-all duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="mt-4 flex flex-col gap-4 pb-10"> 2765 <a href="https://aub.ac.uk/ba-hons-modelmaking-for-industry-degree-apprenticeship" onclick="gtm({'event': 'ui_event', 'category': 'courses_panel', 'action': 'clicked', 'label': 'ba-hons-modelmaking-for-industry-degree-apprenticeship'});" class="flex bg-[#222222] hover:bg-[#333333] transition-colors duration-300 group"> 2766 <div class="aspect-square w-20 [html:not(.tnv-stop-animations)_&]:group-hover:w-[120px] transition-all duration-300 shrink-0"> 2767 2768 2769 2770 2771<div class="relative " 2772 > 2773 2774 2775 2776 <div style="padding-bottom: 100%;" class="relative block h-full w-full overflow-hidden"> 2777 <img 2778 alt="Machinery" 2779 fetchpriority="low" 2780 class="w-full object-cover absolute inset-0 w-full h-full " 2781 height="0.2" 2782 loading="lazy" 2783 sizes="100vw" 2784 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Equipment-modelmaking-facilities.jpg" 2785 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Equipment-modelmaking-facilities.jpg?fit=cover&width=800&s=0WRlguQnHNmcPit7-p3papE-_yYknmUhtm4HqZiSBkU 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Equipment-modelmaking-facilities.jpg?fit=cover&width=1200&s=DJtBJ2BVNshn7Ud3s-uGRcjZH28oN7mR4-bsQ1Weqx0 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Equipment-modelmaking-facilities.jpg?fit=cover&width=1600&
2785s=2PLgc7LF4sdXesDh8guxTOuKYG4bkXA7riF-qCalyHI 1600w" 2786 style="object-position: 50% 50%; object-fit: ; " 2787 width="0.5" 2788 > 2789 </div> 2790 2791 2792 2793 </div> 2794 2795 </div> 2796 <div class="w-full p-5 flex items-center truncate"> 2797 <h3 class="font-extrabold md:text-xl uppercase truncate">BA (Hons) Modelmaking for Industry: Degree Apprenticeship</h3> 2798 </div> 2799 </a> 2800 </div> 2801 </div> 2802</div> 2803 2804 2805 2806<div x-show="activeMenu == '5029891'" 2807 x-cloak 2808 x-transition:enter="transition-all duration-500" 2809 x-transition:enter-start="opacity-0 translate-x-64 lg:translate-x-0" 2810 x-transition:enter-end="opacity-100 translate-x-0" 2811 x-transition:leave="transition-all duration-500" 2812 x-transition:leave-start="opacity-100 translate-x-0" 2813 x-transition:leave-end="opacity-0 translate-x-64 lg:translate-x-0" 2814 class="h-full relative lg:pt-10 lg:flex gap-8 lg:pl-4"> 2815 <div class="w-full"> 2816 <button @click="activeMenu = 'menu'; gtm({'event': 'ui_event', 'category': 'main_navigation', 'action': 'clicked', 'label': 'back-button'});" class="lg:hidden uppercase text-xs font-extrabold flex items-center gap-2 mt-10 justify-start w-full mb-4"> 2817 <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2818 <path d="M12 7H2M2 7L7 2M2 7L7 12" stroke="white" stroke-width="2" stroke-linecap="square"/> 2819 </svg> 2820 Back 2821</button> 2822 <h2 class="text-4xl mb-2">Apply to AUB</h2> 2823 <p class="text-sm mb-3"> 2824 If you feel like one of our creative courses is the right fit for you, you can start making your application. 2825 </p> 2826 <div x-data="{ 2827 openAccordion: '', 2828 toggleAccordion(id) { 2829 if(this.openAccordion !== id) { 2830 this.openAccordion = id 2831 } else { 2832 this.openAccordion = null 2833 } 2834 }}" class="grid grid-cols-1 border-t border-white/30 pt-3"> 2835 <div :class="{'bg-[#333333]': openAccordion == '10363' }" class="transition-all duration-300"> 2836 <button @click="toggleAccordion('10363'); gtm({'event': 'ui_event', 'category': 'navigation_accordion', 'action': 'clicked', 'label': 'how-to-apply'});" class="font-bold text-base flex items-center justify-between gap-2 py-3 px-4 w-full hover:bg-[#333333] transition-all duration-300 min-h-[44px]"> 2837 How to apply 2838 <template x-if="openAccordion == '10363'"> 2839 <svg width="16" height="2" viewBox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 2840 <path d="M0.986328 1H15.9997" stroke="white" stroke-width="2"/> 2841 </svg> 2842 </template> 2843 <template x-if="openAccordion != '10363'"> 2844 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2845 <path d="M8.49023 0.5V15.5" stroke="white" stroke-width="2"/> 2846 <path d="M0.986328 8H15.9997" stroke="white" stroke-width="2"/> 2847 </svg> 2848 </template> 2849 </button> 2850 <div x-show="openAccordion == '10363'" class="px-4 space-y-2 pb-3 grid grid-cols-1"> 2851 <a href="https://aub.ac.uk/apply" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'application-overview'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 2852 <span class="sr-only">How to apply - </span> 2853 <span>Application overview</span> 2854 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2855 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2856 </svg> 2857 </a> 2858 <a href="https://aub.ac.uk/apply/undergraduate" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'undergraduate'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]">
2859 <span class="sr-only">How to apply - </span> 2860 <span>Undergraduate</span> 2861 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2862 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2863 </svg> 2864 </a> 2865 <a href="https://aub.ac.uk/apply/foundation" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'foundation'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 2866 <span class="sr-only">How to apply - </span> 2867 <span>Foundation</span> 2868 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2869 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2870 </svg> 2871 </a> 2872 <a href="https://aub.ac.uk/apply/postgraduate" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'postgraduate'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 2873 <span class="sr-only">How to apply - </span> 2874 <span>Postgraduate</span> 2875 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2876 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2877 </svg> 2878 </a> 2879 <a href="https://aub.ac.uk/apply/short-courses" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'aub-academy'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 2880 <span class="sr-only">How to apply - </span> 2881 <span>AUB Academy</span> 2882 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2883 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2884 </svg> 2885 </a> 2886 <a href="https://aub.ac.uk/apply/portfolios" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'portfolio-guidance'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 2887 <span class="sr-only">How to apply - </span> 2888 <span>Portfolio guidance</span> 2889 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2890 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2891 </svg> 2892 </a> 2893 <a href="https://aub.ac.uk/apply/direct-entry-ba" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'applying-to-years-2-3'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 2894 <span class="sr-only">How to apply - </span> 2895 <span>Applying to years 2/3</span> 2896 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2897 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2898 </svg> 2899 </a> 2900 </div> 2901 </div> 2902 2903 <div :class="{'bg-[#333333]': openAccordion == '5029953' }" class="transition-all duration-300"> 2904 <button @click="toggleAccordion('5029953'); gtm({'event': 'ui_event', 'category': 'navigation_accordion', 'action': 'clicked', 'label': 'international'});" class="font-bold text-base flex items-center justify-between gap-2 py-3 px-4 w-full hover:bg-[#333333] transition-all duration-300 min-h-[44px]"> 2905 International 2906 <template x-if="openAccordion == '5029953'"> 2907 <svg width="16" height="2" viewBox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 2908 <path d="M0.986328 1H15.9997" stroke="white" stroke-width="2"/> 2909 </svg> 2910 </template> 2911 <template x-if="openAccordion != '5029953'">
2912 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2913 <path d="M8.49023 0.5V15.5" stroke="white" stroke-width="2"/> 2914 <path d="M0.986328 8H15.9997" stroke="white" stroke-width="2"/> 2915 </svg> 2916 </template> 2917 </button> 2918 <div x-show="openAccordion == '5029953'" class="px-4 space-y-2 pb-3 grid grid-cols-1"> 2919 <a href="https://aub.ac.uk/international" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'overview'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 2920 <span class="sr-only">International - </span> 2921 <span>Overview</span> 2922 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2923 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2924 </svg> 2925 </a> 2926 <a href="https://aub.ac.uk/international/your-country-region" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'your-country-region'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 2927 <span class="sr-only">International - </span> 2928 <span>Your Country/Region</span> 2929 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2930 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2931 </svg> 2932 </a> 2933 <a href="https://aub.ac.uk/international/international-scholarships" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'scholarships'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 2934 <span class="sr-only">International - </span> 2935 <span>Scholarships</span> 2936 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2937 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2938 </svg> 2939 </a> 2940 <a href="https://aub.ac.uk/international/english-language" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'english-language'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 2941 <span class="sr-only">International - </span> 2942 <span>English language</span> 2943 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2944 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2945 </svg> 2946 </a> 2947 <a href="https://aub.ac.uk/international/visa-and-immigration" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'visas-and-immigration'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 2948 <span class="sr-only">International - </span> 2949 <span>Visas and immigration</span> 2950 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2951 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2952 </svg> 2953 </a> 2954 <a href="https://aub.ac.uk/international/webinars" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'webinars'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]">
2955 <span class="sr-only">International - </span> 2956 <span>Webinars</span> 2957 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2958 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2959 </svg> 2960 </a> 2961 <a href="https://aub.ac.uk/international/contact-us" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'contact-us'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 2962 <span class="sr-only">International - </span> 2963 <span>Contact us</span> 2964 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 2965 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2966 </svg> 2967 </a> 2968 </div> 2969 </div> 2970 2971 <a href="https://aub.ac.uk/fees" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'fees-and-financial-support'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3"> 2972 <span class="font-bold">Fees and financial support</span> 2973 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 2974 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2975 </svg> 2976 </a> 2977 2978 <a href="https://aub.ac.uk/open-days" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'open-days'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3"> 2979 <span class="font-bold">Open Days</span> 2980 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 2981 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2982 </svg> 2983 </a> 2984 2985 <a href="https://aub.ac.uk/study-abroad-exchange" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'study-abroad-and-exchange'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3"> 2986 <span class="font-bold">Study Abroad and Exchange</span> 2987 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 2988 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2989 </svg> 2990 </a> 2991 2992 <a href="https://aub.ac.uk/partner-institutions" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'partner-institutions'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3"> 2993 <span class="font-bold">Partner Institutions</span> 2994 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 2995 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 2996 </svg> 2997 </a> 2998 2999 </div> 3000 </div> 3001 <div class="w-full hidden lg:block"> 3002 3003 3004 3005 <aside class="bg-aub-purple p-3"> 3006 3007 3008 3009 3010<div class="relative " 3011 > 3012 3013 3014 3015 <div class="relative block h-full w-full overflow-hidden"> 3016 <img 3017 alt="Stage set with red curtains, golden performer in centre, crew with cameras and lighting equipment, ornate ceiling with spotlights." 3018 fetchpriority="low" 3019 class="w-full w-full h-[360px] object-cover " 3020 height="0.33325" 3021 loading="lazy" 3022 sizes="400vw" 3023 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Miss-Canton_Dan-Bowhay_BTS_0273.jpg" 3024 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Miss-Canton_Dan-Bowhay_BTS_0273.jpg?fit=cover&width=800&s=KajwPh8tLC8ixB3dbDpqIs1tzi8aBKgZF0xgORnBn2o 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Miss-Canton_Dan-Bowhay_BTS_0273.jpg?fit=cover&width=1200&s=I7u3oi7Y-gcmMdnH4cwjsatZs2RY_9QZ5jzdrjFY03M 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Miss-Canton_Dan-Bowhay_BTS_0273.jpg?fit=cover&width=1600&s=kSQ8LbIjqNoH-kaDPp4jPwY7BD7VUQglNgCvX-TPIf8 1600w" 3025 style="object-position: 50% 50%; object-fit: ; " 3026 width="0.83333333333333" 3027 > 3028 </div> 3029 3030 3031 3032 </div> 3033 3034 <div class="space-y-3 p-2 pt-5"> 3035 <h3 class="uppercase font-extrabold text-[32px] leading-none ">Apply to AUB</h3> 3036 <p class="text-sm lg:text-lg font-normal ">If you feel like one of our creative courses is the right fit for you, you can start making your application.</p> 3037 3038 3039 3040 <a 3041 x-data="{}" 3042 @click=" 3043 3044 window.dataLayer = window.dataLayer || []; 3045 window.dataLayer.push({ 3046 'event': 'button_clicked', 3047 'dynamicName': 'apply-now' 3048 }); 3049 window.dataLayer.push({ 3050 event: 'ui_event', 3051 action: 'clicked', 3052 category: 'button', 3053 label: 'apply-now' 3054 }) 3055 " 3056 href="https://aub.ac.uk/apply/undergraduate" 3057 class="duration-300 transition text-center inline-flex items-center justify-center min-h-[44px] rounded-full leading-none text-xs font-black uppercase px-6 py-3 border border-white bg-white text-black hover:bg-black hover:text-white ">
3058 <span class="inline-block align-middle">Apply now</span> 3059 </a> 3060 </div> 3061 </aside> 3062 3063 </div> 3064</div> 3065 3066 3067 3068<div x-show="activeMenu == '5030692'" 3069 x-cloak 3070 x-transition:enter="transition-all duration-500" 3071 x-transition:enter-start="opacity-0 translate-x-64 lg:translate-x-0" 3072 x-transition:enter-end="opacity-100 translate-x-0" 3073 x-transition:leave="transition-all duration-500" 3074 x-transition:leave-start="opacity-100 translate-x-0" 3075 x-transition:leave-end="opacity-0 translate-x-64 lg:translate-x-0" 3076 class="h-full relative lg:pt-10 lg:flex gap-8 lg:pl-4"> 3077 <div class="w-full"> 3078 <button @click="activeMenu = 'menu'; gtm({'event': 'ui_event', 'category': 'main_navigation', 'action': 'clicked', 'label': 'back-button'});" class="lg:hidden uppercase text-xs font-extrabold flex items-center gap-2 mt-10 justify-start w-full mb-4"> 3079 <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3080 <path d="M12 7H2M2 7L7 2M2 7L7 12" stroke="white" stroke-width="2" stroke-linecap="square"/> 3081 </svg> 3082 Back 3083</button> 3084 <h2 class="text-4xl mb-2">Open Days</h2> 3085 <p class="text-sm mb-3"> 3086 Visit our campus and see creativity in action. 3087 </p> 3088 <div x-data="{ 3089 openAccordion: '', 3090 toggleAccordion(id) { 3091 if(this.openAccordion !== id) { 3092 this.openAccordion = id 3093 } else { 3094 this.openAccordion = null 3095 } 3096 }}" class="grid grid-cols-1 border-t border-white/30 pt-3"> 3097 <div :class="{'bg-[#333333]': openAccordion == '5030705' }" class="transition-all duration-300"> 3098 <button @click="toggleAccordion('5030705'); gtm({'event': 'ui_event', 'category': 'navigation_accordion', 'action': 'clicked', 'label': 'open-days'});" class="font-bold text-base flex items-center justify-between gap-2 py-3 px-4 w-full hover:bg-[#333333] transition-all duration-300 min-h-[44px]"> 3099 Open Days 3100 <template x-if="openAccordion == '5030705'"> 3101 <svg width="16" height="2" viewBox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 3102 <path d="M0.986328 1H15.9997" stroke="white" stroke-width="2"/> 3103 </svg> 3104 </template> 3105 <template x-if="openAccordion != '5030705'"> 3106 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 3107 <path d="M8.49023 0.5V15.5" stroke="white" stroke-width="2"/> 3108 <path d="M0.986328 8H15.9997" stroke="white" stroke-width="2"/> 3109 </svg> 3110 </template> 3111 </button> 3112 <div x-show="openAccordion == '5030705'" class="px-4 space-y-2 pb-3 grid grid-cols-1"> 3113 <a href="https://aub.ac.uk/open-days" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'undergraduate'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3114 <span class="sr-only">Open Days - </span> 3115 <span>Undergraduate</span> 3116 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3117 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3118 </svg> 3119 </a> 3120 <a href="https://aub.ac.uk/postgraduate-events" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'postgraduate'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3121 <span class="sr-only">Open Days - </span>
3122 <span>Postgraduate</span> 3123 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3124 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3125 </svg> 3126 </a> 3127 <a href="https://aub.ac.uk/find-us" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'find-us'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3128 <span class="sr-only">Open Days - </span> 3129 <span>Find us</span> 3130 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3131 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3132 </svg> 3133 </a> 3134 </div> 3135 </div> 3136 3137 <a href="https://aub.ac.uk/apply/undergraduate/offer-holder-days" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'offer-holder-days'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3"> 3138 <span class="font-bold">Offer Holder Days</span> 3139 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 3140 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3141 </svg> 3142 </a> 3143 3144 <a href="https://aub.ac.uk/campus-tours" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'campus-tours'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3"> 3145 <span class="font-bold">Campus Tours</span> 3146 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 3147 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3148 </svg> 3149 </a> 3150 3151 <a href="https://aub.ac.uk/ucas-events" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'ucas-uk-uni-search-events'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3"> 3152 <span class="font-bold">UCAS/UK Uni Search events</span> 3153 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 3154 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3155 </svg> 3156 </a> 3157 3158 </div> 3159 </div> 3160 <div class="w-full hidden lg:block"> 3161 3162 3163 3164 <aside class="bg-aub-pink p-3"> 3165 3166 3167 3168 3169<div class="relative " 3170 > 3171 3172 3173 3174 <div class="relative block h-full w-full overflow-hidden"> 3175 <img 3176 alt="An AUB Student Ambassador leading visitors on a campus tour on an Open Day." 3177 fetchpriority="low" 3178 class="w-full w-full h-[360px] object-cover " 3179 height="0.66675" 3180 loading="lazy" 3181 sizes="400vw" 3182 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Openday%E2%80%94June2024_100.jpg" 3183 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Openday%E2%80%94June2024_100.jpg?fit=cover&width=800&
3183s=xxNySxv5FCVoAujEnqm0lN_qVdlgkhFvIO-Bov1fA-U 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Openday%E2%80%94June2024_100.jpg?fit=cover&width=1200&s=ULiy2uWwS9ePSu3edYQR98sf3MtQJVRhDX_TmxWr_wA 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Openday%E2%80%94June2024_100.jpg?fit=cover&width=1600&s=QfyjVziyjXxDnOoPb7okP8F08XOrlbTV1QjgtJnXPUM 1600w" 3184 style="object-position: 50% 50%; object-fit: ; " 3185 width="1.6666666666667" 3186 > 3187 </div> 3188 3189 3190 3191 </div> 3192 3193 <div class="space-y-3 p-2 pt-5"> 3194 <h3 class="uppercase font-extrabold text-[32px] leading-none text-black">Visit AUB</h3> 3195 <p class="text-sm lg:text-lg font-normal text-black">Discover our creative community on our monthly Campus Tours</p> 3196 3197 3198 3199 <a 3200 x-data="{}" 3201 @click=" 3202 3203 window.dataLayer = window.dataLayer || []; 3204 window.dataLayer.push({ 3205 'event': 'button_clicked', 3206 'dynamicName': 'book-now' 3207 }); 3208 window.dataLayer.push({ 3209 event: 'ui_event', 3210 action: 'clicked', 3211 category: 'button', 3212 label: 'book-now' 3213 }) 3214 " 3215 href="/campus-tours" 3216 class="duration-300 transition text-center inline-flex items-center justify-center min-h-[44px] rounded-full leading-none text-xs font-black uppercase px-6 py-3 border border-transparent bg-black text-white hover:bg-white hover:text-black hover:border-black "> 3217 <span class="inline-block align-middle">Book now</span> 3218 </a> 3219 </div> 3220 </aside> 3221 3222 </div> 3223</div> 3224 3225 3226 3227<div x-show="activeMenu == '10338'" 3228 x-cloak 3229 x-transition:enter="transition-all duration-500" 3230 x-transition:enter-start="opacity-0 translate-x-64 lg:translate-x-0" 3231 x-transition:enter-end="opacity-100 translate-x-0" 3232 x-transition:leave="transition-all duration-500" 3233 x-transition:leave-start="opacity-100 translate-x-0" 3234 x-transition:leave-end="opacity-0 translate-x-64 lg:translate-x-0" 3235 class="h-full relative lg:pt-10 lg:flex gap-8 lg:pl-4"> 3236 <div class="w-full"> 3237 <button @click="activeMenu = 'menu'; gtm({'event': 'ui_event', 'category': 'main_navigation', 'action': 'clicked', 'label': 'back-button'});" class="lg:hidden uppercase text-xs font-extrabold flex items-center gap-2 mt-10 justify-start w-full mb-4"> 3238 <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3239 <path d="M12 7H2M2 7L7 2M2 7L7 12" stroke="white" stroke-width="2" stroke-linecap="square"/> 3240 </svg> 3241 Back 3242</button> 3243 <h2 class="text-4xl mb-2">Life at AUB</h2> 3244 <p class="text-sm mb-3"> 3245 Experience a campus built for creativity and collaboration. 3246 </p> 3247 <div x-data="{ 3248 openAccordion: '', 3249 toggleAccordion(id) { 3250 if(this.openAccordion !== id) { 3251 this.openAccordion = id 3252 } else { 3253 this.openAccordion = null 3254 } 3255 }}" class="grid grid-cols-1 border-t border-white/30 pt-3"> 3256 <a href="https://aub.ac.uk/campus" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'our-campu
3256s'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3"> 3257 <span class="font-bold">Our Campus</span> 3258 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 3259 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3260 </svg> 3261 </a> 3262 3263 <div :class="{'bg-[#333333]': openAccordion == '5030034' }" class="transition-all duration-300"> 3264 <button @click="toggleAccordion('5030034'); gtm({'event': 'ui_event', 'category': 'navigation_accordion', 'action': 'clicked', 'label': 'life-in-bournemouth'});" class="font-bold text-base flex items-center justify-between gap-2 py-3 px-4 w-full hover:bg-[#333333] transition-all duration-300 min-h-[44px]"> 3265 Life in Bournemouth 3266 <template x-if="openAccordion == '5030034'"> 3267 <svg width="16" height="2" viewBox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 3268 <path d="M0.986328 1H15.9997" stroke="white" stroke-width="2"/> 3269 </svg> 3270 </template> 3271 <template x-if="openAccordion != '5030034'"> 3272 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 3273 <path d="M8.49023 0.5V15.5" stroke="white" stroke-width="2"/> 3274 <path d="M0.986328 8H15.9997" stroke="white" stroke-width="2"/> 3275 </svg> 3276 </template> 3277 </button> 3278 <div x-show="openAccordion == '5030034'" class="px-4 space-y-2 pb-3 grid grid-cols-1"> 3279 <a href="https://aub.ac.uk/guide-to-bournemouth" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'discover-bournemouth'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3280 <span class="sr-only">Life in Bournemouth - </span> 3281 <span>Discover Bournemouth</span> 3282 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3283 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3284 </svg> 3285 </a> 3286 <a href="https://aub.ac.uk/guide-to-bournemouth/discover-dorset" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'explore-dorset'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3287 <span class="sr-only">Life in Bournemouth - </span> 3288 <span>Explore Dorset</span> 3289 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3290 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3291 </svg> 3292 </a> 3293 </div> 3294 </div> 3295 3296 <div :class="{'bg-[#333333]': openAccordion == '5030777' }" class="transition-all duration-300"> 3297 <button @click="toggleAccordion('5030777'); gtm({'event': 'ui_event', 'category': 'navigation_accordion', 'action': 'clicked', 'label': 'facilities'});" class="font-bold text-base flex items-center justify-between gap-2 py-3 px-4 w-full hover:bg-[#333333] transition-all duration-300 min-h-[44px]"> 3298 Facilities 3299 <template x-if="openAccordion == '5030777'"> 3300 <svg width="16" height="2" viewBox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 3301 <path d="M0.986328 1H15.9997" stroke="white" stroke-width="2"/> 3302 </svg> 3303 </template> 3304 <template x-if="openAccordion != '5030777'">
3305 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 3306 <path d="M8.49023 0.5V15.5" stroke="white" stroke-width="2"/> 3307 <path d="M0.986328 8H15.9997" stroke="white" stroke-width="2"/> 3308 </svg> 3309 </template> 3310 </button> 3311 <div x-show="openAccordion == '5030777'" class="px-4 space-y-2 pb-3 grid grid-cols-1"> 3312 <a href="https://aub.ac.uk/campus/thegallery" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'the-gallery'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3313 <span class="sr-only">Facilities - </span> 3314 <span>TheGallery</span> 3315 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3316 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3317 </svg> 3318 </a> 3319 <a href="https://aub.ac.uk/campus/the-library" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'the-library'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3320 <span class="sr-only">Facilities - </span> 3321 <span>The Library</span> 3322 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3323 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3324 </svg> 3325 </a> 3326 <a href="https://aub.ac.uk/campus/palace-court-theatre" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'palace-court-theatre'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3327 <span class="sr-only">Facilities - </span> 3328 <span>Palace Court Theatre</span> 3329 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3330 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3331 </svg> 3332 </a> 3333 <a href="https://aub.ac.uk/campus/elliott-road-studios" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'elliott-road'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3334 <span class="sr-only">Facilities - </span> 3335 <span>Elliott Road</span> 3336 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3337 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3338 </svg> 3339 </a> 3340 <a href="https://aub.ac.uk/campus/theatre-dance-studios" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'theatre-and-dance-studios'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3341 <span class="sr-only">Facilities - </span> 3342 <span>Theatre and Dance Studios</span> 3343 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3344 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3345 </svg> 3346 </a> 3347 <a href="https://aub.ac.uk/room-hire" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'room-hire'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]">
3348 <span class="sr-only">Facilities - </span> 3349 <span>Room hire</span> 3350 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3351 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3352 </svg> 3353 </a> 3354 <a href="https://aub.ac.uk/campus/vectorprint" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'vector-print'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3355 <span class="sr-only">Facilities - </span> 3356 <span>VectorPrint</span> 3357 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3358 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3359 </svg> 3360 </a> 3361 </div> 3362 </div> 3363 3364 <div :class="{'bg-[#333333]': openAccordion == '10384' }" class="transition-all duration-300"> 3365 <button @click="toggleAccordion('10384'); gtm({'event': 'ui_event', 'category': 'navigation_accordion', 'action': 'clicked', 'label': 'accommodation'});" class="font-bold text-base flex items-center justify-between gap-2 py-3 px-4 w-full hover:bg-[#333333] transition-all duration-300 min-h-[44px]"> 3366 Accommodation 3367 <template x-if="openAccordion == '10384'"> 3368 <svg width="16" height="2" viewBox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 3369 <path d="M0.986328 1H15.9997" stroke="white" stroke-width="2"/> 3370 </svg> 3371 </template> 3372 <template x-if="openAccordion != '10384'"> 3373 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 3374 <path d="M8.49023 0.5V15.5" stroke="white" stroke-width="2"/> 3375 <path d="M0.986328 8H15.9997" stroke="white" stroke-width="2"/> 3376 </svg> 3377 </template> 3378 </button> 3379 <div x-show="openAccordion == '10384'" class="px-4 space-y-2 pb-3 grid grid-cols-1"> 3380 <a href="https://aub.ac.uk/accommodation/halls-of-residence" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'halls-of-residence'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3381 <span class="sr-only">Accommodation - </span> 3382 <span>Halls of Residence</span> 3383 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3384 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3385 </svg> 3386 </a> 3387 <a href="https://aub.ac.uk/accommodation/aub-reslife" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'aub-reslife'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3388 <span class="sr-only">Accommodation - </span> 3389 <span>AUB Reslife</span> 3390 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3391 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3392 </svg> 3393 </a> 3394 <a href="https://aub.ac.uk/accommodation/private-rented-accommodation" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'private-rented-accommodation'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]">
3395 <span class="sr-only">Accommodation - </span> 3396 <span>Private rented accommodation</span> 3397 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3398 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3399 </svg> 3400 </a> 3401 </div> 3402 </div> 3403 3404 <div :class="{'bg-[#333333]': openAccordion == '5047132' }" class="transition-all duration-300"> 3405 <button @click="toggleAccordion('5047132'); gtm({'event': 'ui_event', 'category': 'navigation_accordion', 'action': 'clicked', 'label': 'careers-and-industry'});" class="font-bold text-base flex items-center justify-between gap-2 py-3 px-4 w-full hover:bg-[#333333] transition-all duration-300 min-h-[44px]"> 3406 Careers and Industry 3407 <template x-if="openAccordion == '5047132'"> 3408 <svg width="16" height="2" viewBox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 3409 <path d="M0.986328 1H15.9997" stroke="white" stroke-width="2"/> 3410 </svg> 3411 </template> 3412 <template x-if="openAccordion != '5047132'"> 3413 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 3414 <path d="M8.49023 0.5V15.5" stroke="white" stroke-width="2"/> 3415 <path d="M0.986328 8H15.9997" stroke="white" stroke-width="2"/> 3416 </svg> 3417 </template> 3418 </button> 3419 <div x-show="openAccordion == '5047132'" class="px-4 space-y-2 pb-3 grid grid-cols-1"> 3420 <a href="https://aub.ac.uk/stepping-into-industry" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'stepping-into-industry'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3421 <span class="sr-only">Careers and Industry - </span> 3422 <span>Stepping into industry</span> 3423 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3424 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3425 </svg> 3426 </a> 3427 <a href="https://aub.ac.uk/careers-and-enterprise" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'careers-and-enterprise'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3428 <span class="sr-only">Careers and Industry - </span> 3429 <span>Careers and Enterprise</span> 3430 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3431 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3432 </svg> 3433 </a> 3434 <a href="https://aub.ac.uk/innovation-studio" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'innovation-studio'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3435 <span class="sr-only">Careers and Industry - </span> 3436 <span>Innovation Studio</span> 3437 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3438 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3439 </svg> 3440 </a> 3441 </div> 3442 </div> 3443 3444 <a href="https://aub.ac.uk/student-union" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'students-union'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3">
3445 <span class="font-bold">Students' Union</span> 3446 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 3447 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3448 </svg> 3449 </a> 3450 3451 <a href="https://aub.ac.uk/support" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'student-services'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3"> 3452 <span class="font-bold">Student Services</span> 3453 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 3454 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3455 </svg> 3456 </a> 3457 3458 </div> 3459 </div> 3460 <div class="w-full hidden lg:block"> 3461 3462 3463 3464 <aside class="bg-aub-yellow p-3"> 3465 3466 3467 3468 3469<div class="relative " 3470 > 3471 3472 3473 3474 <div class="relative block h-full w-full overflow-hidden"> 3475 <img 3476 alt="A close-up of two fabric patterns side by side. The left fabric features vibrant red and green abstract plant designs, while the right fabric showcases a teal background with stylised leaf shapes and circular yellow and pink accents." 3477 fetchpriority="low" 3478 class="w-full w-full h-[360px] object-cover " 3479 height="0.32" 3480 loading="lazy" 3481 sizes="400vw" 3482 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Madeline_Dearlove_IMG_5069-4-Large.jpeg" 3483 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Madeline_Dearlove_IMG_5069-4-Large.jpeg?fit=cover&width=800&s=ecjK8wkoeL5k1xJiiVixdDIvoZ6VbeTDT6fU4yMFrDY 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Madeline_Dearlove_IMG_5069-4-Large.jpeg?fit=cover&width=1200&s=HmkPK0gN2R_D3hBj5fNODZu28zMkr-RP3nXfB11Q-e0 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Madeline_Dearlove_IMG_5069-4-Large.jpeg?fit=cover&width=1600&s=oABmXeVI3GF84IRajAPr5fU-t5q54Nzv_q6HT3LcHmU 1600w" 3484 style="object-position: 50% 50%; object-fit: ; " 3485 width="0.4" 3486 > 3487 </div> 3488 3489 3490 3491 </div> 3492 3493 <div class="space-y-3 p-2 pt-5"> 3494 <h3 class="uppercase font-extrabold text-[32px] leading-none text-black">AUB SHOWCASE</h3> 3495 <p class="text-sm lg:text-lg font-normal text-black">Explore our collection of inspiring graduate work</p> 3496 3497 3498 3499 <a 3500 x-data="{}" 3501 @click=" 3502 3503 window.dataLayer = window.dataLayer || []; 3504 window.dataLayer.push({ 3505 'event': 'button_clicked', 3506 'dynamicName': 'discover-now' 3507 }); 3508 window.dataLayer.push({ 3509 event: 'ui_event', 3510 action: 'clicked', 3511 category: 'button', 3512 label: 'discover-now' 3513 }) 3514 " 3515 href="/showcase" 3516 class="duration-300 transition text-center inline-flex items-center justify-center min-h-[44px] rounded-full leading-none text-xs font-black uppercase px-6 py-3 border border-transparent bg-black text-white hover:bg-white hover:text-black hover:border-black "> 3517 <span class="inline-block align-middle">Discover now</span> 3518 </a> 3519 </div> 3520 </aside> 3521 3522 </div> 3523</div> 3524 3525<div x-show="activeMenu == 'menu'" x-cloak class="h-full relative pt-10 lg:flex gap-8 lg:pl-4"> 3526 <div class="w-full"> 3527 <ul class="border-b border-white/30 pb-4 px-4 lg:hidden"> 3528 <li class="py-3 first:pt-0 last:pb-0"> 3529 <button 3530 @click.prevent="activeMenu = 'courses'; gtm({'event': 'ui_event', 'category': 'main_navigation', 'action': 'clicked', 'label': 'our-courses'});" 3531 class="uppercase text-2xl font-extrabold flex w-full items-center gap-2 justify-between"> 3532 Our courses 3533 <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3534 <path d="M1 7H11M11 7L6 2M11 7L6 12" stroke="white" stroke-width="2" stroke-linecap="square"/> 3535 </svg> 3536 </button> 3537 </li> 3538 <li class="py-3 first:pt-0 last:pb-0"> 3539 <button 3540 @click.prevent="activeMenu = '5029891'; gtm({'event': 'ui_event', 'category': 'main_navigation', 'action': 'clicked', 'label': 'apply-to-aub'});" 3541 class="uppercase text-2xl font-extrabold flex w-full items-center gap-2 justify-between"> 3542 Apply to AUB 3543 <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3544 <path d="M1 7H11M11 7L6 2M11 7L6 12" stroke="white" stroke-width="2" stroke-linecap="square"/> 3545 </svg> 3546 </button> 3547 </li> 3548 <li class="py-3 first:pt-0 last:pb-0"> 3549 <button 3550 @click.prevent="activeMenu = '5030692'; gtm({'event': 'ui_event', 'category': 'main_navigation', 'action': 'clicked', 'label': 'open-days'});" 3551 class="uppercase text-2xl font-extrabold flex w-full items-center gap-2 justify-between"> 3552 Open Days 3553 <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3554 <path d="M1 7H11M11 7L6 2M11 7L6 12" stroke="white" stroke-width="2" stroke-linecap="square"/> 3555 </svg> 3556 </button> 3557 </li> 3558 <li class="py-3 first:pt-0 last:pb-0"> 3559 <button 3560 @click.prevent="activeMenu = '10338'; gtm({'event': 'ui_event', 'category': 'main_navigation', 'action': 'clicked', 'label': 'life-at-aub'});" 3561 class="uppercase text-2xl font-extrabold flex w-full items-center gap-2 justify-between"> 3562 Life at AUB 3563 <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3564 <path d="M1 7H11M11 7L6 2M11 7L6 12" stroke="white" stroke-width="2" stroke-linecap="square"/> 3565 </svg> 3566 </button> 3567 </li> 3568 </ul> 3569 <ul x-data="{ 3570 openAccordion: '', 3571 toggleAccordion(id) { 3572 if(this.openAccordion !== id) { 3573 this.openAccordion = id 3574 } else { 3575 this.openAccordion = null 3576 } 3577 }}" class="grid grid-cols-1 pt-3"> 3578 <li> 3579 <div :class="{'bg-[#333333]': openAccordion == '10408' }" class="transition-all duration-300"> 3580 <button @click="toggleAccordion('10408'); gtm({'event': 'ui_event', 'category': 'navigation_accordion', 'action': 'clicked', 'label': 'about-us'});" class="font-bold text-base flex items-center justify-between gap-2 py-3 px-4 w-full hover:bg-[#333333] transition-all duration-300 min-h-[44px]"> 3581 About us 3582 <template x-if="openAccordion == '10408'"> 3583 <svg width="16" height="2" viewBox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 3584 <path d="M0.986328 1H15.9997" stroke="white" stroke-width="2"/> 3585 </svg> 3586 </template> 3587 <template x-if="openAccordion != '10408'">
3588 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 3589 <path d="M8.49023 0.5V15.5" stroke="white" stroke-width="2"/> 3590 <path d="M0.986328 8H15.9997" stroke="white" stroke-width="2"/> 3591 </svg> 3592 </template> 3593 </button> 3594 <div x-show="openAccordion == '10408'" class="px-4 space-y-2 pb-3 grid grid-cols-1"> 3595 <a href="https://aub.ac.uk/about-us" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'about-us'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3596 <span class="sr-only">About us - </span> 3597 <span>About us</span> 3598 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3599 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3600 </svg> 3601 </a> 3602 <a href="https://aub.ac.uk/find-us" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'find-us'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3603 <span class="sr-only">About us - </span> 3604 <span>Find us</span> 3605 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3606 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3607 </svg> 3608 </a> 3609 <a href="https://aub.ac.uk/contact-us" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'contact-us'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3610 <span class="sr-only">About us - </span> 3611 <span>Contact us</span> 3612 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3613 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3614 </svg> 3615 </a> 3616 <a href="https://aub.ac.uk/study-at-aub/art-design-and-architecture" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'art-design-and-architecture'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3617 <span class="sr-only">About us - </span> 3618 <span>Art, Design and Architecture</span> 3619 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3620 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3621 </svg> 3622 </a> 3623 <a href="https://aub.ac.uk/study-at-aub/bournemouth-film-school" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'bournemouth-film-school'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3624 <span class="sr-only">About us - </span> 3625 <span>Bournemouth Film School</span> 3626 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3627 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3628 </svg> 3629 </a> 3630 <a href="https://aub.ac.uk/study-at-aub/fashion-and-creative-industries-management" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'fashion-and-creative-industries-management'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]">
3631 <span class="sr-only">About us - </span> 3632 <span>Fashion and Creative Industries Management</span> 3633 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3634 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3635 </svg> 3636 </a> 3637 <a href="https://aub.ac.uk/study-at-aub/postgraduate-courses" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'postgraduate-courses'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3638 <span class="sr-only">About us - </span> 3639 <span>Postgraduate courses</span> 3640 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3641 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3642 </svg> 3643 </a> 3644 <a href="https://aub.ac.uk/study-at-aub/online-postgraduate-courses" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'online-postgraduate-courses'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3645 <span class="sr-only">About us - </span> 3646 <span>Online postgraduate courses</span> 3647 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3648 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3649 </svg> 3650 </a> 3651 <a href="https://aub.ac.uk/about-aub-academy" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'aub-academy'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3652 <span class="sr-only">About us - </span> 3653 <span>AUB Academy</span> 3654 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3655 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3656 </svg> 3657 </a> 3658 <a href="https://aub.ac.uk/our-prospectus" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'our-prospectus'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3659 <span class="sr-only">About us - </span> 3660 <span>Our prospectus</span> 3661 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3662 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3663 </svg> 3664 </a> 3665 <a href="https://aub.ac.uk/campus/environment-aub" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'sustainability'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3666 <span class="sr-only">About us - </span> 3667 <span>Sustainability</span> 3668 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3669 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3670 </svg> 3671 </a> 3672 </div> 3673 </div> 3674 3675 </li> 3676 <li> 3677 <div :class="{'bg-[#333333]': openAccordion == '5029941' }" class="transition-all duration-300"> 3678 <button @click="toggleAccordion('5029941'); gtm({'event': 'ui_event', 'category': 'navigation_accordion', 'action': 'clicked', 'label': 'news-and-events'});" class="font-bold text-base flex items-center justify-between gap-2 py-3 px-4 w-full hover:bg-[#333333] transition-all duration-300 min-h-[44px]"> 3679 News and Events 3680 <template x-if="openAccordion == '5029941'"> 3681 <svg width="16" height="2" viewBox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 3682 <path d="M0.986328 1H15.9997" stroke="white" stroke-width="2"/> 3683 </svg> 3684 </template> 3685 <template x-if="openAccordion != '5029941'">
3686 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 3687 <path d="M8.49023 0.5V15.5" stroke="white" stroke-width="2"/> 3688 <path d="M0.986328 8H15.9997" stroke="white" stroke-width="2"/> 3689 </svg> 3690 </template> 3691 </button> 3692 <div x-show="openAccordion == '5029941'" class="px-4 space-y-2 pb-3 grid grid-cols-1"> 3693 <a href="https://aub.ac.uk/news" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'news-and-stories'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3694 <span class="sr-only">News and Events - </span> 3695 <span>News and stories</span> 3696 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3697 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3698 </svg> 3699 </a> 3700 <a href="https://aub.ac.uk/events" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'whats-on'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3701 <span class="sr-only">News and Events - </span> 3702 <span>What's on</span> 3703 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3704 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3705 </svg> 3706 </a> 3707 <a href="https://aub.ac.uk/summer-shows" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'summer-shows'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3708 <span class="sr-only">News and Events - </span> 3709 <span>Summer Shows</span> 3710 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3711 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3712 </svg> 3713 </a> 3714 <a href="https://aub.ac.uk/showcase" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'aub-showcase'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group min-h-[44px]"> 3715 <span class="sr-only">News and Events - </span> 3716 <span>AUB Showcase</span> 3717 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300"> 3718 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3719 </svg> 3720 </a> 3721 </div> 3722 </div> 3723 3724 </li> 3725 <li> 3726 <a href="https://aub.ac.uk/innovation-studio" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'innovation-studio'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3 justify-between pr-4"> 3727 <span class="font-bold">Innovation Studio</span> 3728 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 3729 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3730 </svg> 3731 </a> 3732 3733 </li> 3734 <li> 3735 <a href="https://aub.ac.uk/our-research" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'our-research'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3 justify-between pr-4">
3736 <span class="font-bold">Our Research</span> 3737 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 3738 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3739 </svg> 3740 </a> 3741 3742 </li> 3743 <li> 3744 <a href="https://aub.ac.uk/schools-colleges-hub" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'schools-and-colleges-hub'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3 justify-between pr-4"> 3745 <span class="font-bold">Schools and Colleges Hub</span> 3746 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 3747 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3748 </svg> 3749 </a> 3750 3751 </li> 3752 <li> 3753 <a href="https://aub.ac.uk/partner-institutions" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'partner-institutions'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3 justify-between pr-4"> 3754 <span class="font-bold">Partner Institutions</span> 3755 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 3756 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3757 </svg> 3758 </a> 3759 3760 </li> 3761 <li> 3762 <a href="https://aub.ac.uk/alumni" onclick="gtm({'event': 'ui_event', 'category': 'navigation_link', 'action': 'clicked', 'label': 'alumni'});" class="inline-flex items-center gap-2 hover:opacity-50 transition-opacity duration-300 group ml-4 min-h-[44px] py-3 justify-between pr-4"> 3763 <span class="font-bold">Alumni</span> 3764 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:translate-x-1 transition-transform duration-300 shrink-0"> 3765 <path d="M1 6H11M11 6L6 1M11 6L6 11" stroke="white" stroke-linecap="square"/> 3766 </svg> 3767 </a> 3768 3769 </li> 3770 </ul> 3771 </div> 3772 <div class="w-full hidden lg:block"> 3773 3774 3775 3776 <aside class="bg-aub-turquoise p-3"> 3777 3778 3779 3780 3781<div class="relative " 3782 > 3783 3784 3785 3786 <div class="relative block h-full w-full overflow-hidden"> 3787 <img 3788 alt="Two models pose in vibrant fashion outfits against a natural background. One model has braided hair adorned with flowers and wears a teal garment, while the other has a sleek look in a white and black outfit, with a soap bubble visually separating them." 3789 fetchpriority="low" 3790 class="w-full w-full h-[360px] object-cover " 3791 height="0.5" 3792 loading="lazy" 3793 sizes="400vw" 3794 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Ruth_Virgo_RuthVirgo_01.jpg" 3795 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Ruth_Virgo_RuthVirgo_01.jpg?fit=cover&width=800&s=L7DufFlvSfySqJHIkaBGZYo1HakBph4TCPryfu-w8W4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Ruth_Virgo_RuthVirgo_01.jpg?fit=cover&width=1200&s=iEI8hxVceJpZmY77t4vVcA9wnYkkKBrIA-6GORPwWvo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Ruth_Virgo_RuthVirgo_01.jpg?fit=cover&width=1600&s=xuc_38hXjS8DTcrhdma-3If16LjqXjR-6643phX-u8I 1600w" 3796 style="object-position: 50% 50%; object-fit: ; " 3797 width="0.59541666666667" 3798 > 3799 </div> 3800 3801 3802 3803 </div> 3804 3805 <div class="space-y-3 p-2 pt-5"> 3806 <h3 class="uppercase font-extrabold text-[32px] leading-none text-black">AUB SHOWCASE</h3> 3807 <p class="text-sm lg:text-lg font-normal text-black">Explore our collection of inspiring graduate work</p> 3808 3809 3810 3811 <a 3812 x-data="{}" 3813 @click=" 3814 3815 window.dataLayer = window.dataLayer || []; 3816 window.dataLayer.push({ 3817 'event': 'button_clicked', 3818 'dynamicName': 'discover-now' 3819 }); 3820 window.dataLayer.push({ 3821 event: 'ui_event', 3822 action: 'clicked', 3823 category: 'button', 3824 label: 'discover-now' 3825 }) 3826 " 3827 href="/showcase" 3828 class="duration-300 transition text-center inline-flex items-center justify-center min-h-[44px] rounded-full leading-none text-xs font-black uppercase px-6 py-3 border border-transparent bg-black text-white hover:bg-white hover:text-black hover:border-black ">
3829 <span class="inline-block align-middle">Discover now</span> 3830 </a> 3831 </div> 3832 </aside> 3833 3834 </div> 3835</div> 3836 </div> 3837</div> 3838 <div 3839 id="site-header-search" 3840 x-show="searchIsOpen" 3841 x-cloak 3842 @click.away=" 3843 searchIsOpen = false; 3844 searchFocusTrap.deactivate(); 3845 $refs.searchTrigger.focus(); 3846 gtm({'event': 'ui_event', 'category': 'search_panel', 'action': 'closed', 'label': 'click-away'}); 3847 " 3848 class="bg-black py-10 md:pb-16 lg:py-20 text-white absolute w-full z-10" 3849 x-transition:enter="transition motion-reduce:transition-none duration-500" 3850 x-transition:enter-start="opacity-0 transform -translate-y-64" 3851 x-transition:enter-end="opacity-100 transform translate-y-0" 3852 x-transition:leave="transition motion-reduce:transition-none duration-500" 3853 x-transition:leave-start="opacity-100 transform translate-y-0" 3854 x-transition:leave-end="opacity-0 transform -translate-y-64" 3855 x-bind:aria-hidden="searchIsOpen ? false : true" 3856 x-ref="search" 3857> 3858 <div class="contain"> 3859 <div> 3860 3861 3862 <h3 class="font-normal wrap-break-word text-3xl lg:text-5xl leading-tight mb-6" id="search-for-courses-or-information"> 3863 Search for courses or information 3864 </h3> 3865 3866 3867 3868 3869 3870<form action="https://aub.ac.uk/search" 3871 class="flex items-stretch flex-col gap-2 md:flex-row justify-center md:justify-between md:w-full md:space-x-2 border border-white rounded-lg p-2 relative bg-white/10"> 3872 <div class="relative flex items-center w-full"> 3873 <label for="search-input-1005196757" class="sr-only">Search</label> 3874 <span class="pointer-events-none pl-1"><svg class="fill-current" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> 3875 <path fill="currentColor" d="M8.5,0 C13.1944204,0 17,3.80557963 17,8.5 C17,10.4865245 16.3185332,12.3138839 15.1766205,13.7610573 L19.7071068,18.2928932 L18.2928932,19.7071068 L13.7610573,15.1766205 C12.3138839,16.3185332 10.4865245,17 8.5,17 C3.80557963,17 0,13.1944204 0,8.5 C0,3.80557963 3.80557963,0 8.5,0 Z M8.5,2 C4.91014913,2 2,4.91014913 2,8.5 C2,12.0898509 4.91014913,15 8.5,15 C12.0898509,15 15,12.0898509 15,8.5 C15,4.91014913 12.0898509,2 8.5,2 Z"/> 3876</svg> 3877</span> 3878 <input type="text" name="q" id="search-input-1005196757" value="" placeholder="Search" 3879 class="w-full inline-block rounded-lg text-s pl-2 pr-5 font-normal bg-transparent focus:outline-none min-h-[44px] search-input-debounced"> 3880 </div> 3881 <div class="flex flex-col md:flex-row gap-2 md:w-4/12 md:justify-end pt-2 md:pt-0"> 3882 <input type="hidden" name="filter" id="search-filter-dropdown-1901672560-input" value="all"> 3883 3884 3885 3886 3887<details id="dropdown-search-filter-dropdown-1901672560" 3888 class="relative dropdown-details" 3889 data-hidden-input="search-filter-dropdown-1901672560-input"> 3890 <summary 3891 class="border border border-white rounded-lg px-4 py-2 min-h-[44px] flex items-center w-full md:w-[130px] justify-between cursor-pointer list-none " 3892 type="button"> 3893 <span class="truncate">All results</span> 3894 <div class="ml-2 transition-transform duration-300 dropdown-chevron"> 3895 <svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 3896 <path d="M1 1L7 7L13 1" stroke="currentColor"/> 3897 </svg> 3898 </div> 3899 </summary> 3900 <div 3901 class="absolute top-0 left-0 mt-14 bg-black border border-white text-white rounded-lg z-10 overflow-hidden"> 3902 <ul role="listbox" class="w-full max-h-[200px] overflow-y-auto p-1 hide-scrollbar"> 3903 <li> 3904 <button 3905 role="option" 3906 aria-selected="true" 3907 data-value="all" 3908 type="button" 3909 3910 class="w-full text-left rounded-[4px] px-2 py-1 dropdown-option" 3911 > 3912 All results 3913 </button> 3914 </li> 3915 <li> 3916 <button 3917 role="option" 3918 aria-selected="false" 3919 data-value="pages" 3920 type="button" 3921 3922 class="w-full text-left rounded-[4px] px-2 py-1 dropdown-option" 3923 > 3924 Pages 3925 </button> 3926 </li> 3927 <li> 3928 <button 3929 role="option" 3930 aria-selected="false" 3931 data-value="undergraduateCourses" 3932 type="button" 3933 3934 class="w-full text-left rounded-[4px] px-2 py-1 dropdown-option" 3935 > 3936 Undergraduate Courses 3937 </button> 3938 </li> 3939 <li> 3940 <button 3941 role="option" 3942 aria-selected="false" 3943 data-value="graduateCourses" 3944 type="button" 3945 3946 class="w-full text-left rounded-[4px] px-2 py-1 dropdown-option" 3947 > 3948 Postgraduate Courses 3949 </button> 3950 </li> 3951 <li> 3952 <button 3953 role="option" 3954 aria-selected="false" 3955 data-value="otherCourses" 3956 type="button" 3957 3958 class="w-full text-left rounded-[4px] px-2 py-1 dropdown-option" 3959 > 3960 Other Courses 3961 </button> 3962 </li> 3963 <li> 3964 <button 3965 role="option" 3966 aria-selected="false" 3967 data-value="latest" 3968 type="button" 3969 3970 class="w-full text-left rounded-[4px] px-2 py-1 dropdown-option" 3971 > 3972 Latest 3973 </button> 3974 </li> 3975 </ul> 3976 </div> 3977</details> 3978 3979 3980<button class="inline-flex items-center justify-center px-4 py-2 min-h-[44px] leading-none rounded-lg bg-white text-black hover:bg-black hover:text-white hover:border-white border border-transparent transition-all duration-300 w-full shrink-0" type="submit" onclick="gtm({'event': 'ui_event', 'category': 'search_form', 'action': 'clicked', 'label': 'search-now'});"> 3981 <span class="font-extrabold uppercase text-sm whitespace-nowrap text-center">Search Now</span> 3982 </button> 3983 3984 </div> 3985</form> 3986 </div> 3987 </div> 3988</div> 3989 3990<div 3991 class="bg-dim-800 w-screen h-screen fixed inset-0 z-1" 3992 style="backdrop-filter: blur(2px);" 3993 x-show="searchIsOpen" 3994 x-cloak 3995 x-bind:aria-hidden="!searchIsOpen" 3996 @click=" 3997 searchIsOpen = false;
3998 searchFocusTrap.deactivate(); 3999 $refs.searchTrigger.focus(); 4000 gtm({'event': 'ui_event', 'category': 'search_panel', 'action': 'closed', 'label': 'overlay-click'}); 4001 " 4002 x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" 4003 x-transition:enter-start="opacity-0" 4004 x-transition:enter-end="opacity-100" 4005 x-transition:leave="transition motion-reduce:transition-none ease-in duration-300" 4006 x-transition:leave-start="opacity-100" 4007 x-transition:leave-end="opacity-0"> 4008</div> 4009 </header> 4010 4011 4012 4013 <main id="content"> 4014 <div id="browser-warning" class="hidden w-full p-5 bg-blue-500 text-white"> 4015 <div class="contain flex justify-center"> 4016 <p class="text-sm font-bold"> 4017 You are using an outdated browser. Most of this website should still work, but after <a class="underline" href="https://browser-update.org/update.html" target="_blank" rel="noopener norefferer" title="Upgrade your browser (Opens in a new window)">upgrading your browser</a> it will look and perform better. 4018 </p> 4019 </div> 4020</div> 4021 <div class="bg-black text-white relative"> 4022 <header class="relative flex flex-col items-center text-center"> 4023 <section class="absolute left-0 hidden px-5 py-5 lg:block md:px-10 top-5"> 4024 4025 4026 4027 4028 4029 <div class="bg-white/25 text-white px-6 rounded-full inline-block max-w-full overflow-x-auto"> 4030 <ul class="flex space-x-3 text-sm lg:text-base leading-none"> 4031 <li class="whitespace-nowrap"> 4032 <a class="transition-opacity duration-300 hover:opacity-50 font-normal min-h-[44px] min-w-[44px] inline-flex items-center justify-center" href="/" onclick="gtm({'event': 'ui_event', 'category': 'breadcrumbs', 'action': 'clicked', 'label': 'home'});" aria-label="Home"> 4033 <span class="underline">Home</span> 4034 </a> 4035 <svg class="ml-2 inline-block w-1 h-auto" width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 4036 <path d="M1 7L4 4L1 1" stroke="currentColor" stroke-opacity="0.5" stroke-linecap="square"/> 4037</svg> 4038 4039 </li> 4040 <li class="whitespace-nowrap"> 4041 <a class="transition-opacity duration-300 hover:opacity-50 font-normal min-h-[44px] min-w-[44px] inline-flex items-center justify-center" href="https://aub.ac.uk/news" onclick="gtm({'event': 'ui_event', 'category': 'breadcrumbs', 'action': 'clicked', 'label': 'latest-news'});" aria-label="Latest News"> 4042 <span class="underline">Latest News</span> 4043 </a> 4044 <svg class="ml-2 inline-block w-1 h-auto" width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 4045 <path d="M1 7L4 4L1 1" stroke="currentColor" stroke-opacity="0.5" stroke-linecap="square"/> 4046</svg> 4047 4048 </li> 4049 <li class="whitespace-nowrap"> 4050 <span class="min-h-[44px] min-w-[44px] inline-flex items-center justify-center">Featured</span> 4051 </li> 4052 </ul> 4053 </div> 4054 4055 </section> 4056 <div class="flex flex-col items-center px-5 pt-16 md:pt-20 md:px-10 contain-lg"> 4057 <p class="mb-2 text-xs font-bold uppercase md:text-lg md:mb-6">Curated by AUB</p> 4058 <h1 class="mb-2 text-3xl font-bold leading-none md:mb-4 md:text-6xl">Latest News</h1> 4059 <div class="max-w-xl text-base md:text-lg"> 4060 4061 4062 <div class="copy font-normal text-base lg:text-lg "> 4063 <?xml encoding="UTF-8"><p>A lot goes on within our creative campus. Even more goes on beyond. Browse our latest stories or filter by category if you're after something in particular.</p> 4064 4065 </div> 4066 4067 4068 </div>
4069 <nav x-data="" class="self-center hidden lg:block"> 4070 <ul class="bg-white rounded-3xl p-1 flex space-x-4 w-full mx-auto mt-6 md:mt-8"> 4071 <li class="w-full"> 4072 <a 4073 href="/news" 4074 class="bg-black text-white flex items-center justify-center transition-all duration-300 py-3 leading-none whitespace-nowrap md:py-3 px-6 text-black rounded-3xl w-full uppercase font-bold text-xs md:text-sm hover:opacity-50 min-w-175 min-h-[44px]" 4075 @click=" 4076 activeTab = 'news'; 4077 gtm({ 4078 event: 'ui_event', 4079 category: 'event_subnav_tab', 4080 action: 'clicked', 4081 label: 'latest-news' 4082 }); 4083 " 4084 > 4085 Latest news 4086 </a> 4087 </li> 4088 <li class="w-full"> 4089 <a 4090 href="/our-stories" 4091 class="text-black flex items-center justify-center transition-all duration-300 py-3 leading-none whitespace-nowrap md:py-3 px-6 text-black rounded-3xl w-full uppercase font-bold text-xs md:text-sm hover:opacity-50 min-w-175 min-h-[44px]" 4092 @click=" 4093 activeTab = 'stories'; 4094 gtm({ 4095 event: 'ui_event', 4096 category: 'event_subnav_tab', 4097 action: 'clicked', 4098 label: 'stories' 4099 }); 4100 " 4101 > 4102 Stories 4103 </a> 4104 </li> 4105 </ul> 4106 </nav> 4107 4108 4109 4110 4111 <div 4112 x-data="{ 4113 open: false, 4114 selectValue: '', 4115 selectTitle: 'Latest news', 4116 focusTrap: null 4117 }" 4118 x-init=" 4119 focusTrap = window.focusTrap($refs.dropdown, { 4120 allowOutsideClick: function() { return true }, 4121 fallbackFocus: function() { return $refs.dropdown } 4122 }); 4123 " 4124 x-on:keydown.escape=" 4125 open = false; 4126 focusTrap.deactivate(); 4127 $refs.trigger.focus(); 4128 " 4129 class="relative z-0 block lg:hidden mt-8 w-full md:max-w-md relative" 4130 x-bind:class="{ 'z-50': open }" 4131 > 4132 <div class="relative h-full"> 4133 4134 4135 <button 4136 class="duration-300 text-xs font-black uppercase px-5 py-3 leading-none border transition-all motion-reduce:transition-none relative z-40 min-h-[44px] pointer rounded-dropdown text-left inline-flex items-center justify-between bg-white text-black border-black w-full" 4137 aria-haspopup="true" 4138 aria-controls="mobile-nav-dropdown-body241218890" 4139 x-bind:aria-expanded="open" 4140 x-bind:class="{ 4141 'rounded-b-none': open, 4142 'hover:opacity-50': !open, 4143 }" 4144 @click=" 4145 open = true; 4146 focusTrap.activate(); 4147 gtm({ 4148 event: 'ui_event', 4149 category: 'dropdown', 4150 action: 'opened', 4151 label: 'latest-news' 4152 }); 4153 " 4154 type="button" 4155 x-ref="trigger" 4156 >
4157 <span x-text="selectTitle" class="truncate">Latest news</span> 4158 <div class="ml-8 -mt-px"> 4159 <div x-show="!open"> 4160 <svg class="fill-current" width="15" height="15" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"> 4161 <g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2"> 4162 <line x1="7.5" x2="7.5" y2="15"/> 4163 <line x2="15" y1="7.5" y2="7.5"/> 4164 </g> 4165</svg> 4166 4167 </div> 4168 <div x-show="open" x-cloak> 4169 <svg class="fill-current" width="15" height="3" viewBox="0 0 15 3" xmlns="http://www.w3.org/2000/svg"><path d="M15 .5v2H0v-2z" fill="currentColor" /></svg> 4170 4171 </div> 4172 </div> 4173 </button> 4174 4175 <div class="origin-top px-2 text-center w-full rounded-dropdown rounded-t-none absolute z-30 bg-white text-black" 4176 id="mobile-nav-dropdown-body241218890" 4177 role="group" 4178 aria-label="Latest news" 4179 x-bind:aria-expanded="open" 4180 x-bind:aria-hidden="!open" 4181 x-show="open" 4182 x-cloak 4183 x-bind:class="{ 4184 }" 4185 @click.away=" 4186 open = false; 4187 focusTrap.deactivate(); 4188 $refs.trigger.focus(); 4189 gtm({ 4190 event: 'ui_event', 4191 category: 'dropdown', 4192 action: 'closed', 4193 label: 'latest-news' 4194 }); 4195 " 4196 x-transition:enter="transition motion-reduce:transition-none linear duration-300" 4197 x-transition:enter-start="transform -translate-y-8 opacity-0" 4198 x-transition:enter-end="transform translate-y-0 opacity-100" 4199 x-transition:leave="transition motion-reduce:transition-none linear duration-300" 4200 x-transition:leave-start="transform translate-y-0 opacity-100" 4201 x-transition:leave-end="transform -translate-y-8 opacity-0" 4202 x-ref="dropdown" 4203 > 4204 <div class="border-t border-gray-400 max-h-dropdown overflow-y-auto dropdown-scrollbar scrolling-touch py-2"> 4205 <ul class="w-full" role="listbox" tabindex="-1" aria-label="Latest news"> 4206 <li 4207 class="js-dropdown-item" 4208 role="option" 4209 x-bind:aria-selected="(selectValue == 'latest-news').toString()" 4210 aria-selected="false" 4211 > 4212 <button 4213 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4214 type="button" 4215 @click=" 4216 window.location.href = '/news'; 4217 window.dataLayer = window.dataLayer || []; 4218 window.dataLayer.push({ 4219 'event': 'dropdown_clicked', 4220 'dynamicName': 'latest-news' 4221 }); 4222 gtm({ 4223 'event': 'ui_event', 4224 'category': 'dropdown_item', 4225 'action': 'clicked', 4226 'label': 'latest-news' 4227 }); 4228 " 4229 4230 >
4231 <span>Latest news</span> 4232 </button> 4233 </li> 4234 <li 4235 class="js-dropdown-item" 4236 role="option" 4237 x-bind:aria-selected="(selectValue == 'stories').toString()" 4238 aria-selected="false" 4239 > 4240 <button 4241 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4242 type="button" 4243 @click=" 4244 window.location.href = '/our-stories'; 4245 window.dataLayer = window.dataLayer || []; 4246 window.dataLayer.push({ 4247 'event': 'dropdown_clicked', 4248 'dynamicName': 'stories' 4249 }); 4250 gtm({ 4251 'event': 'ui_event', 4252 'category': 'dropdown_item', 4253 'action': 'clicked', 4254 'label': 'stories' 4255 }); 4256 " 4257 4258 > 4259 <span>Stories</span> 4260 </button> 4261 </li> 4262 </ul> 4263 </div> 4264 </div> 4265 </div> 4266 4267 <div 4268 class="bg-dim-500 w-screen h-screen fixed inset-0 z-10" 4269 x-show="open" 4270 x-cloak 4271 x-bind:aria-hidden="!open" 4272 @click.away=" 4273 open = false; 4274 focusTrap.deactivate(); 4275 $refs.trigger.focus(); 4276 " 4277 x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" 4278 x-transition:enter-start="opacity-0" 4279 x-transition:enter-end="opacity-100" 4280 x-transition:leave="transition motion-reduce:transition-none ease-in duration-300" 4281 x-transition:leave-start="opacity-100" 4282 x-transition:leave-end="opacity-0"> 4283 </div> 4284 </div> 4285 4286 4287 <hr class="border-t-2 border-white/30 w-full mt-16 mb-10 lg:mb-16 lg:mt-20" ></hr> 4288 </div> 4289 </header> 4290 <section class="contain-lg mt-6 mb-10 md:mb-12 lg:mt-0 lg:mb-6 lg:flex justify-between items-center"> 4291 4292 4293 <h2 class="font-normal wrap-break-word text-3xl font-normal lg:text-5xl leading-tight relative z-20" id="page-header-title"> 4294 News from AUB 4295 </h2> 4296 <div class="mt-5 lg:mt-0"> 4297 4298 4299 4300<div class="flex flex-col md:flex-row"> 4301 4302 4303 4304 4305 4306 4307 4308 4309 4310 4311 4312 4313 4314 4315 4316 4317 4318 4319 4320 4321 4322 4323 4324 4325 4326 4327 4328 4329 4330 4331 4332 4333 <div class=" w-full md:w-auto"> 4334 4335 4336 4337 4338 4339 <div 4340 x-data="{ 4341 open: false, 4342 selectValue: '', 4343 selectTitle: 'Select by Area', 4344 focusTrap: null 4345 }" 4346 x-init=" 4347 focusTrap = window.focusTrap($refs.dropdown, { 4348 allowOutsideClick: function() { return true }, 4349 fallbackFocus: function() { return $refs.dropdown } 4350 }); 4351 " 4352 x-on:keydown.escape=" 4353 open = false;
4354 focusTrap.deactivate(); 4355 $refs.trigger.focus(); 4356 " 4357 class="relative z-0 block" 4358 x-bind:class="{ 'z-50': open }" 4359 > 4360 <div class="relative h-full"> 4361 4362 4363 <button 4364 class="duration-300 text-xs font-black uppercase px-5 py-3 leading-none border transition-all motion-reduce:transition-none relative z-40 min-h-[44px] pointer rounded-dropdown text-left inline-flex items-center justify-between bg-black text-white border-white w-full md:w-auto md:min-w-260" 4365 aria-haspopup="true" 4366 aria-controls="newsCategory1493890215-dropdown-body303962370" 4367 x-bind:aria-expanded="open" 4368 x-bind:class="{ 4369 'rounded-b-none': open, 4370 'hover:opacity-50': !open, 4371 'bg-white text-black': open, 4372 'bg-black text-white': !open 4373 }" 4374 @click=" 4375 open = true; 4376 focusTrap.activate(); 4377 gtm({ 4378 event: 'ui_event', 4379 category: 'dropdown', 4380 action: 'opened', 4381 label: 'select-by-area' 4382 }); 4383 " 4384 type="button" 4385 x-ref="trigger" 4386 > 4387 <span x-text="selectTitle" class="truncate">Select by Area</span> 4388 <div class="ml-8 -mt-px"> 4389 <div x-show="!open"> 4390 <svg class="fill-current" width="15" height="15" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"> 4391 <g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2"> 4392 <line x1="7.5" x2="7.5" y2="15"/> 4393 <line x2="15" y1="7.5" y2="7.5"/> 4394 </g> 4395</svg> 4396 4397 </div> 4398 <div x-show="open" x-cloak> 4399 <svg class="fill-current" width="15" height="3" viewBox="0 0 15 3" xmlns="http://www.w3.org/2000/svg"><path d="M15 .5v2H0v-2z" fill="currentColor" /></svg> 4400 4401 </div> 4402 </div> 4403 </button> 4404 4405 <div class="origin-top px-2 text-center w-full rounded-dropdown rounded-t-none absolute z-30 bg-black text-white" 4406 id="newsCategory1493890215-dropdown-body303962370" 4407 role="group" 4408 aria-label="Select by Area" 4409 x-bind:aria-expanded="open" 4410 x-bind:aria-hidden="!open" 4411 x-show="open" 4412 x-cloak 4413 x-bind:class="{ 4414 'bg-white text-black': open, 4415 'bg-black text-white': !open 4416 }" 4417 @click.away=" 4418 open = false; 4419 focusTrap.deactivate(); 4420 $refs.trigger.focus(); 4421 gtm({ 4422 event: 'ui_event', 4423 category: 'dropdown', 4424 action: 'closed', 4425 label: 'select-by-area' 4426 }); 4427 " 4428 x-transition:enter="transition motion-reduce:transition-none linear duration-300" 4429 x-transition:enter-start="transform -translate-y-8 opacity-0" 4430 x-transition:enter-end="transform translate-y-0 opacity-100" 4431 x-transition:leave="transition motion-reduce:transition-none linear duration-300" 4432 x-transition:leave-start="transform translate-y-0 opacity-100" 4433 x-transition:leave-end="transform -translate-y-8 opacity-0" 4434 x-ref="dropdown" 4435 > 4436 <div class="border-t border-gray-400 max-h-dropdown overflow-y-auto dropdown-scrollbar scrolling-touch py-2"> 4437 <ul class="w-full" role="listbox" tabindex="-1" aria-label="Select by Area"> 4438 <li 4439 class="js-dropdown-item" 4440 role="option" 4441 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-alumni').toString()" 4442 aria-selected="false" 4443 > 4444 <button 4445 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4446 type="button" 4447 @click=" 4448 window.location.href = 'https://aub.ac.uk/news/alumni'; 4449 window.dataLayer = window.dataLayer || []; 4450 window.dataLayer.push({ 4451 'event': 'dropdown_clicked', 4452 'dynamicName': '
4452span-class-sr-only-filter-by-span-alumni' 4453 }); 4454 gtm({ 4455 'event': 'ui_event', 4456 'category': 'dropdown_item', 4457 'action': 'clicked', 4458 'label': 'span-class-sr-only-filter-by-span-alumni' 4459 }); 4460 " 4461 4462 > 4463 <span><span class="sr-only">Filter by </span>Alumni</span> 4464 </button> 4465 </li> 4466 <li 4467 class="js-dropdown-item" 4468 role="option" 4469 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-art-design-and-architecture').toString()" 4470 aria-selected="false" 4471 > 4472 <button 4473 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4474 type="button" 4475 @click=" 4476 window.location.href = 'https://aub.ac.uk/news/art-design-arch'; 4477 window.dataLayer = window.dataLayer || []; 4478 window.dataLayer.push({ 4479 'event': 'dropdown_clicked', 4480 'dynamicName': 'span-class-sr-only-filter-by-span-art-design-and-architecture' 4481 }); 4482 gtm({ 4483 'event': 'ui_event', 4484 'category': 'dropdown_item', 4485 'action': 'clicked', 4486 'label': 'span-class-sr-only-filter-by-span-art-design-and-architecture' 4487 }); 4488 " 4489 4490 > 4491 <span><span class="sr-only">Filter by </span>Art, Design and Architecture</span> 4492 </button> 4493 </li> 4494 <li 4495 class="js-dropdown-item" 4496 role="option" 4497 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-artist-curator-talk').toString()" 4498 aria-selected="false" 4499 > 4500 <button 4501 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4502 type="button" 4503 @click=" 4504 window.location.href = 'https://aub.ac.uk/news/artist-curator-talk'; 4505 window.dataLayer = window.dataLayer || []; 4506 window.dataLayer.push({ 4507 'event': 'dropdown_clicked', 4508 'dynamicName': '
4508span-class-sr-only-filter-by-span-artist-curator-talk' 4509 }); 4510 gtm({ 4511 'event': 'ui_event', 4512 'category': 'dropdown_item', 4513 'action': 'clicked', 4514 'label': 'span-class-sr-only-filter-by-span-artist-curator-talk' 4515 }); 4516 " 4517 4518 > 4519 <span><span class="sr-only">Filter by </span>Artist/Curator Talk</span> 4520 </button> 4521 </li> 4522 <li 4523 class="js-dropdown-item" 4524 role="option" 4525 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-aub-academy').toString()" 4526 aria-selected="false" 4527 > 4528 <button 4529 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4530 type="button" 4531 @click=" 4532 window.location.href = 'https://aub.ac.uk/news/aub-academy'; 4533 window.dataLayer = window.dataLayer || []; 4534 window.dataLayer.push({ 4535 'event': 'dropdown_clicked', 4536 'dynamicName': 'span-class-sr-only-filter-by-span-aub-academy' 4537 }); 4538 gtm({ 4539 'event': 'ui_event', 4540 'category': 'dropdown_item', 4541 'action': 'clicked', 4542 'label': 'span-class-sr-only-filter-by-span-aub-academy' 4543 }); 4544 " 4545 4546 > 4547 <span><span class="sr-only">Filter by </span>AUB Academy</span> 4548 </button> 4549 </li> 4550 <li 4551 class="js-dropdown-item" 4552 role="option" 4553 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-aub-human').toString()" 4554 aria-selected="false" 4555 > 4556 <button 4557 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4558 type="button" 4559 @click=" 4560 window.location.href = 'https://aub.ac.uk/news/aub-human'; 4561 window.dataLayer = window.dataLayer || []; 4562 window.dataLayer.push({ 4563 'event': 'dropdown_clicked', 4564 'dynamicName': '
4564span-class-sr-only-filter-by-span-aub-human' 4565 }); 4566 gtm({ 4567 'event': 'ui_event', 4568 'category': 'dropdown_item', 4569 'action': 'clicked', 4570 'label': 'span-class-sr-only-filter-by-span-aub-human' 4571 }); 4572 " 4573 4574 > 4575 <span><span class="sr-only">Filter by </span>AUB Human</span> 4576 </button> 4577 </li> 4578 <li 4579 class="js-dropdown-item" 4580 role="option" 4581 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-aub-innovation').toString()" 4582 aria-selected="false" 4583 > 4584 <button 4585 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4586 type="button" 4587 @click=" 4588 window.location.href = 'https://aub.ac.uk/news/aub-innovation'; 4589 window.dataLayer = window.dataLayer || []; 4590 window.dataLayer.push({ 4591 'event': 'dropdown_clicked', 4592 'dynamicName': 'span-class-sr-only-filter-by-span-aub-innovation' 4593 }); 4594 gtm({ 4595 'event': 'ui_event', 4596 'category': 'dropdown_item', 4597 'action': 'clicked', 4598 'label': 'span-class-sr-only-filter-by-span-aub-innovation' 4599 }); 4600 " 4601 4602 > 4603 <span><span class="sr-only">Filter by </span>AUB Innovation</span> 4604 </button> 4605 </li> 4606 <li 4607 class="js-dropdown-item" 4608 role="option" 4609 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-aub-theatre-productions').toString()" 4610 aria-selected="false" 4611 > 4612 <button 4613 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4614 type="button" 4615 @click=" 4616 window.location.href = 'https://aub.ac.uk/news/productions'; 4617 window.dataLayer = window.dataLayer || []; 4618 window.dataLayer.push({ 4619 'event': 'dropdown_clicked', 4620 'dynamicName': '
4620span-class-sr-only-filter-by-span-aub-theatre-productions' 4621 }); 4622 gtm({ 4623 'event': 'ui_event', 4624 'category': 'dropdown_item', 4625 'action': 'clicked', 4626 'label': 'span-class-sr-only-filter-by-span-aub-theatre-productions' 4627 }); 4628 " 4629 4630 > 4631 <span><span class="sr-only">Filter by </span>AUB Theatre Productions</span> 4632 </button> 4633 </li> 4634 <li 4635 class="js-dropdown-item" 4636 role="option" 4637 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-aubsu').toString()" 4638 aria-selected="false" 4639 > 4640 <button 4641 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4642 type="button" 4643 @click=" 4644 window.location.href = 'https://aub.ac.uk/news/aubsu'; 4645 window.dataLayer = window.dataLayer || []; 4646 window.dataLayer.push({ 4647 'event': 'dropdown_clicked', 4648 'dynamicName': 'span-class-sr-only-filter-by-span-aubsu' 4649 }); 4650 gtm({ 4651 'event': 'ui_event', 4652 'category': 'dropdown_item', 4653 'action': 'clicked', 4654 'label': 'span-class-sr-only-filter-by-span-aubsu' 4655 }); 4656 " 4657 4658 > 4659 <span><span class="sr-only">Filter by </span>AUBSU</span> 4660 </button> 4661 </li> 4662 <li 4663 class="js-dropdown-item" 4664 role="option" 4665 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-awards').toString()" 4666 aria-selected="false" 4667 > 4668 <button 4669 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4670 type="button" 4671 @click=" 4672 window.location.href = 'https://aub.ac.uk/news/award'; 4673 window.dataLayer = window.dataLayer || []; 4674 window.dataLayer.push({ 4675 'event': 'dropdown_clicked', 4676 'dynamicName': '
4676span-class-sr-only-filter-by-span-awards' 4677 }); 4678 gtm({ 4679 'event': 'ui_event', 4680 'category': 'dropdown_item', 4681 'action': 'clicked', 4682 'label': 'span-class-sr-only-filter-by-span-awards' 4683 }); 4684 " 4685 4686 > 4687 <span><span class="sr-only">Filter by </span>Awards</span> 4688 </button> 4689 </li> 4690 <li 4691 class="js-dropdown-item" 4692 role="option" 4693 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-bfs').toString()" 4694 aria-selected="false" 4695 > 4696 <button 4697 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4698 type="button" 4699 @click=" 4700 window.location.href = 'https://aub.ac.uk/news/bfs'; 4701 window.dataLayer = window.dataLayer || []; 4702 window.dataLayer.push({ 4703 'event': 'dropdown_clicked', 4704 'dynamicName': 'span-class-sr-only-filter-by-span-bfs' 4705 }); 4706 gtm({ 4707 'event': 'ui_event', 4708 'category': 'dropdown_item', 4709 'action': 'clicked', 4710 'label': 'span-class-sr-only-filter-by-span-bfs' 4711 }); 4712 " 4713 4714 > 4715 <span><span class="sr-only">Filter by </span>BFS</span> 4716 </button> 4717 </li> 4718 <li 4719 class="js-dropdown-item" 4720 role="option" 4721 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-collaboration').toString()" 4722 aria-selected="false" 4723 > 4724 <button 4725 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4726 type="button" 4727 @click=" 4728 window.location.href = 'https://aub.ac.uk/news/course-collaboration'; 4729 window.dataLayer = window.dataLayer || []; 4730 window.dataLayer.push({ 4731 'event': 'dropdown_clicked', 4732 'dynamicName': '
4732span-class-sr-only-filter-by-span-collaboration' 4733 }); 4734 gtm({ 4735 'event': 'ui_event', 4736 'category': 'dropdown_item', 4737 'action': 'clicked', 4738 'label': 'span-class-sr-only-filter-by-span-collaboration' 4739 }); 4740 " 4741 4742 > 4743 <span><span class="sr-only">Filter by </span>Collaboration</span> 4744 </button> 4745 </li> 4746 <li 4747 class="js-dropdown-item" 4748 role="option" 4749 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-community').toString()" 4750 aria-selected="false" 4751 > 4752 <button 4753 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4754 type="button" 4755 @click=" 4756 window.location.href = 'https://aub.ac.uk/news/community'; 4757 window.dataLayer = window.dataLayer || []; 4758 window.dataLayer.push({ 4759 'event': 'dropdown_clicked', 4760 'dynamicName': 'span-class-sr-only-filter-by-span-community' 4761 }); 4762 gtm({ 4763 'event': 'ui_event', 4764 'category': 'dropdown_item', 4765 'action': 'clicked', 4766 'label': 'span-class-sr-only-filter-by-span-community' 4767 }); 4768 " 4769 4770 > 4771 <span><span class="sr-only">Filter by </span>Community</span> 4772 </button> 4773 </li> 4774 <li 4775 class="js-dropdown-item" 4776 role="option" 4777 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-exhibition').toString()" 4778 aria-selected="false" 4779 > 4780 <button 4781 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4782 type="button" 4783 @click=" 4784 window.location.href = 'https://aub.ac.uk/news/project-exhibition'; 4785 window.dataLayer = window.dataLayer || []; 4786 window.dataLayer.push({ 4787 'event': 'dropdown_clicked', 4788 'dynamicName': '
4788span-class-sr-only-filter-by-span-exhibition' 4789 }); 4790 gtm({ 4791 'event': 'ui_event', 4792 'category': 'dropdown_item', 4793 'action': 'clicked', 4794 'label': 'span-class-sr-only-filter-by-span-exhibition' 4795 }); 4796 " 4797 4798 > 4799 <span><span class="sr-only">Filter by </span>Exhibition</span> 4800 </button> 4801 </li> 4802 <li 4803 class="js-dropdown-item" 4804 role="option" 4805 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-fashion-and-creative-industries-management').toString()" 4806 aria-selected="false" 4807 > 4808 <button 4809 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4810 type="button" 4811 @click=" 4812 window.location.href = 'https://aub.ac.uk/news/fashion-and-creative-industries'; 4813 window.dataLayer = window.dataLayer || []; 4814 window.dataLayer.push({ 4815 'event': 'dropdown_clicked', 4816 'dynamicName': 'span-class-sr-only-filter-by-span-fashion-and-creative-industries-management' 4817 }); 4818 gtm({ 4819 'event': 'ui_event', 4820 'category': 'dropdown_item', 4821 'action': 'clicked', 4822 'label': 'span-class-sr-only-filter-by-span-fashion-and-creative-industries-management' 4823 }); 4824 " 4825 4826 > 4827 <span><span class="sr-only">Filter by </span>Fashion and Creative Industries Management</span> 4828 </button> 4829 </li> 4830 <li 4831 class="js-dropdown-item" 4832 role="option" 4833 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-foundation').toString()" 4834 aria-selected="false" 4835 > 4836 <button 4837 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4838 type="button" 4839 @click=" 4840 window.location.href = 'https://aub.ac.uk/news/foundation'; 4841 window.dataLayer = window.dataLayer || []; 4842 window.dataLayer.push({ 4843 'event': 'dropdown_clicked', 4844 'dynamicName': '
4844span-class-sr-only-filter-by-span-foundation' 4845 }); 4846 gtm({ 4847 'event': 'ui_event', 4848 'category': 'dropdown_item', 4849 'action': 'clicked', 4850 'label': 'span-class-sr-only-filter-by-span-foundation' 4851 }); 4852 " 4853 4854 > 4855 <span><span class="sr-only">Filter by </span>Foundation</span> 4856 </button> 4857 </li> 4858 <li 4859 class="js-dropdown-item" 4860 role="option" 4861 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-international').toString()" 4862 aria-selected="false" 4863 > 4864 <button 4865 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4866 type="button" 4867 @click=" 4868 window.location.href = 'https://aub.ac.uk/news/international'; 4869 window.dataLayer = window.dataLayer || []; 4870 window.dataLayer.push({ 4871 'event': 'dropdown_clicked', 4872 'dynamicName': 'span-class-sr-only-filter-by-span-international' 4873 }); 4874 gtm({ 4875 'event': 'ui_event', 4876 'category': 'dropdown_item', 4877 'action': 'clicked', 4878 'label': 'span-class-sr-only-filter-by-span-international' 4879 }); 4880 " 4881 4882 > 4883 <span><span class="sr-only">Filter by </span>International</span> 4884 </button> 4885 </li> 4886 <li 4887 class="js-dropdown-item" 4888 role="option" 4889 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-museum-of-design-in-plastics').toString()" 4890 aria-selected="false" 4891 > 4892 <button 4893 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4894 type="button" 4895 @click=" 4896 window.location.href = 'https://aub.ac.uk/news/museum-of-design-in-plastics'; 4897 window.dataLayer = window.dataLayer || []; 4898 window.dataLayer.push({ 4899 'event': 'dropdown_clicked', 4900 'dynamicName': '
4900span-class-sr-only-filter-by-span-museum-of-design-in-plastics' 4901 }); 4902 gtm({ 4903 'event': 'ui_event', 4904 'category': 'dropdown_item', 4905 'action': 'clicked', 4906 'label': 'span-class-sr-only-filter-by-span-museum-of-design-in-plastics' 4907 }); 4908 " 4909 4910 > 4911 <span><span class="sr-only">Filter by </span>Museum of Design in Plastics</span> 4912 </button> 4913 </li> 4914 <li 4915 class="js-dropdown-item" 4916 role="option" 4917 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-outreach-and-schools').toString()" 4918 aria-selected="false" 4919 > 4920 <button 4921 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4922 type="button" 4923 @click=" 4924 window.location.href = 'https://aub.ac.uk/news/outreach-and-schools'; 4925 window.dataLayer = window.dataLayer || []; 4926 window.dataLayer.push({ 4927 'event': 'dropdown_clicked', 4928 'dynamicName': 'span-class-sr-only-filter-by-span-outreach-and-schools' 4929 }); 4930 gtm({ 4931 'event': 'ui_event', 4932 'category': 'dropdown_item', 4933 'action': 'clicked', 4934 'label': 'span-class-sr-only-filter-by-span-outreach-and-schools' 4935 }); 4936 " 4937 4938 > 4939 <span><span class="sr-only">Filter by </span>Outreach and schools</span> 4940 </button> 4941 </li> 4942 <li 4943 class="js-dropdown-item" 4944 role="option" 4945 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-palace-court-theatre').toString()" 4946 aria-selected="false" 4947 > 4948 <button 4949 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4950 type="button" 4951 @click=" 4952 window.location.href = 'https://aub.ac.uk/news/palace-court-theatre'; 4953 window.dataLayer = window.dataLayer || []; 4954 window.dataLayer.push({ 4955 'event': 'dropdown_clicked', 4956 'dynamicName': '
4956span-class-sr-only-filter-by-span-palace-court-theatre' 4957 }); 4958 gtm({ 4959 'event': 'ui_event', 4960 'category': 'dropdown_item', 4961 'action': 'clicked', 4962 'label': 'span-class-sr-only-filter-by-span-palace-court-theatre' 4963 }); 4964 " 4965 4966 > 4967 <span><span class="sr-only">Filter by </span>Palace Court Theatre</span> 4968 </button> 4969 </li> 4970 <li 4971 class="js-dropdown-item" 4972 role="option" 4973 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-postgraduate').toString()" 4974 aria-selected="false" 4975 > 4976 <button 4977 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 4978 type="button" 4979 @click=" 4980 window.location.href = 'https://aub.ac.uk/news/postgraduate'; 4981 window.dataLayer = window.dataLayer || []; 4982 window.dataLayer.push({ 4983 'event': 'dropdown_clicked', 4984 'dynamicName': 'span-class-sr-only-filter-by-span-postgraduate' 4985 }); 4986 gtm({ 4987 'event': 'ui_event', 4988 'category': 'dropdown_item', 4989 'action': 'clicked', 4990 'label': 'span-class-sr-only-filter-by-span-postgraduate' 4991 }); 4992 " 4993 4994 > 4995 <span><span class="sr-only">Filter by </span>Postgraduate</span> 4996 </button> 4997 </li> 4998 <li 4999 class="js-dropdown-item" 5000 role="option" 5001 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-research').toString()" 5002 aria-selected="false" 5003 > 5004 <button 5005 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5006 type="button" 5007 @click=" 5008 window.location.href = 'https://aub.ac.uk/news/research'; 5009 window.dataLayer = window.dataLayer || []; 5010 window.dataLayer.push({ 5011 'event': 'dropdown_clicked', 5012 'dynamicName': '
5012span-class-sr-only-filter-by-span-research' 5013 }); 5014 gtm({ 5015 'event': 'ui_event', 5016 'category': 'dropdown_item', 5017 'action': 'clicked', 5018 'label': 'span-class-sr-only-filter-by-span-research' 5019 }); 5020 " 5021 5022 > 5023 <span><span class="sr-only">Filter by </span>Research</span> 5024 </button> 5025 </li> 5026 <li 5027 class="js-dropdown-item" 5028 role="option" 5029 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-sustainability').toString()" 5030 aria-selected="false" 5031 > 5032 <button 5033 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5034 type="button" 5035 @click=" 5036 window.location.href = 'https://aub.ac.uk/news/green'; 5037 window.dataLayer = window.dataLayer || []; 5038 window.dataLayer.push({ 5039 'event': 'dropdown_clicked', 5040 'dynamicName': 'span-class-sr-only-filter-by-span-sustainability' 5041 }); 5042 gtm({ 5043 'event': 'ui_event', 5044 'category': 'dropdown_item', 5045 'action': 'clicked', 5046 'label': 'span-class-sr-only-filter-by-span-sustainability' 5047 }); 5048 " 5049 5050 > 5051 <span><span class="sr-only">Filter by </span>Sustainability</span> 5052 </button> 5053 </li> 5054 <li 5055 class="js-dropdown-item" 5056 role="option" 5057 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-the-gallery').toString()" 5058 aria-selected="false" 5059 > 5060 <button 5061 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5062 type="button" 5063 @click=" 5064 window.location.href = 'https://aub.ac.uk/news/thegallery'; 5065 window.dataLayer = window.dataLayer || []; 5066 window.dataLayer.push({ 5067 'event': 'dropdown_clicked', 5068 'dynamicName': '
5068span-class-sr-only-filter-by-span-the-gallery' 5069 }); 5070 gtm({ 5071 'event': 'ui_event', 5072 'category': 'dropdown_item', 5073 'action': 'clicked', 5074 'label': 'span-class-sr-only-filter-by-span-the-gallery' 5075 }); 5076 " 5077 5078 > 5079 <span><span class="sr-only">Filter by </span>TheGallery</span> 5080 </button> 5081 </li> 5082 <li 5083 class="js-dropdown-item" 5084 role="option" 5085 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-undergraduate').toString()" 5086 aria-selected="false" 5087 > 5088 <button 5089 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5090 type="button" 5091 @click=" 5092 window.location.href = 'https://aub.ac.uk/news/undergraduate'; 5093 window.dataLayer = window.dataLayer || []; 5094 window.dataLayer.push({ 5095 'event': 'dropdown_clicked', 5096 'dynamicName': 'span-class-sr-only-filter-by-span-undergraduate' 5097 }); 5098 gtm({ 5099 'event': 'ui_event', 5100 'category': 'dropdown_item', 5101 'action': 'clicked', 5102 'label': 'span-class-sr-only-filter-by-span-undergraduate' 5103 }); 5104 " 5105 5106 > 5107 <span><span class="sr-only">Filter by </span>Undergraduate</span> 5108 </button> 5109 </li> 5110 <li 5111 class="js-dropdown-item" 5112 role="option" 5113 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-university-life').toString()" 5114 aria-selected="false" 5115 > 5116 <button 5117 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5118 type="button" 5119 @click=" 5120 window.location.href = 'https://aub.ac.uk/news/university-life'; 5121 window.dataLayer = window.dataLayer || []; 5122 window.dataLayer.push({ 5123 'event': 'dropdown_clicked', 5124 'dynamicName': '
5124span-class-sr-only-filter-by-span-university-life' 5125 }); 5126 gtm({ 5127 'event': 'ui_event', 5128 'category': 'dropdown_item', 5129 'action': 'clicked', 5130 'label': 'span-class-sr-only-filter-by-span-university-life' 5131 }); 5132 " 5133 5134 > 5135 <span><span class="sr-only">Filter by </span>University life</span> 5136 </button> 5137 </li> 5138 <li 5139 class="js-dropdown-item" 5140 role="option" 5141 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-university-music').toString()" 5142 aria-selected="false" 5143 > 5144 <button 5145 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5146 type="button" 5147 @click=" 5148 window.location.href = 'https://aub.ac.uk/news/university-music'; 5149 window.dataLayer = window.dataLayer || []; 5150 window.dataLayer.push({ 5151 'event': 'dropdown_clicked', 5152 'dynamicName': 'span-class-sr-only-filter-by-span-university-music' 5153 }); 5154 gtm({ 5155 'event': 'ui_event', 5156 'category': 'dropdown_item', 5157 'action': 'clicked', 5158 'label': 'span-class-sr-only-filter-by-span-university-music' 5159 }); 5160 " 5161 5162 > 5163 <span><span class="sr-only">Filter by </span>University Music</span> 5164 </button> 5165 </li> 5166 <li 5167 class="js-dropdown-item" 5168 role="option" 5169 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-university-news').toString()" 5170 aria-selected="false" 5171 > 5172 <button 5173 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5174 type="button" 5175 @click=" 5176 window.location.href = 'https://aub.ac.uk/news/university-news'; 5177 window.dataLayer = window.dataLayer || []; 5178 window.dataLayer.push({ 5179 'event': 'dropdown_clicked', 5180 'dynamicName': '
5180span-class-sr-only-filter-by-span-university-news' 5181 }); 5182 gtm({ 5183 'event': 'ui_event', 5184 'category': 'dropdown_item', 5185 'action': 'clicked', 5186 'label': 'span-class-sr-only-filter-by-span-university-news' 5187 }); 5188 " 5189 5190 > 5191 <span><span class="sr-only">Filter by </span>University News</span> 5192 </button> 5193 </li> 5194 </ul> 5195 </div> 5196 </div> 5197 </div> 5198 5199 <div 5200 class="bg-dim-500 w-screen h-screen fixed inset-0 z-10" 5201 x-show="open" 5202 x-cloak 5203 x-bind:aria-hidden="!open" 5204 @click.away=" 5205 open = false; 5206 focusTrap.deactivate(); 5207 $refs.trigger.focus(); 5208 " 5209 x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" 5210 x-transition:enter-start="opacity-0" 5211 x-transition:enter-end="opacity-100" 5212 x-transition:leave="transition motion-reduce:transition-none ease-in duration-300" 5213 x-transition:leave-start="opacity-100" 5214 x-transition:leave-end="opacity-0"> 5215 </div> 5216 </div> 5217 5218 5219 </div> 5220 5221 5222 5223 5224 5225 5226 5227 5228 5229 5230 5231 5232 5233 5234 5235 5236 5237 5238 5239 5240 5241 5242 5243 5244 5245 5246 5247 5248 5249 5250 5251 5252 5253 5254 5255 5256 5257 5258 5259 5260 5261 5262 5263 5264 5265 5266 5267 5268 5269 5270 5271 5272 5273 5274 5275 5276 5277 5278 5279 5280 <div class="mt-3 md:mt-0 md:ml-3 w-full md:w-auto"> 5281 5282 5283 5284 5285 5286 <div 5287 x-data="{ 5288 open: false, 5289 selectValue: '', 5290 selectTitle: 'Select a Subject', 5291 focusTrap: null 5292 }" 5293 x-init=" 5294 focusTrap = window.focusTrap($refs.dropdown, { 5295 allowOutsideClick: function() { return true }, 5296 fallbackFocus: function() { return $refs.dropdown } 5297 }); 5298 " 5299 x-on:keydown.escape=" 5300 open = false;
5301 focusTrap.deactivate(); 5302 $refs.trigger.focus(); 5303 " 5304 class="relative z-0 block" 5305 x-bind:class="{ 'z-50': open }" 5306 > 5307 <div class="relative h-full"> 5308 5309 5310 <button 5311 class="duration-300 text-xs font-black uppercase px-5 py-3 leading-none border transition-all motion-reduce:transition-none relative z-40 min-h-[44px] pointer rounded-dropdown text-left inline-flex items-center justify-between bg-black text-white border-white w-full md:w-auto md:min-w-260" 5312 aria-haspopup="true" 5313 aria-controls="subject528612630-dropdown-body928088983" 5314 x-bind:aria-expanded="open" 5315 x-bind:class="{ 5316 'rounded-b-none': open, 5317 'hover:opacity-50': !open, 5318 'bg-white text-black': open, 5319 'bg-black text-white': !open 5320 }" 5321 @click=" 5322 open = true; 5323 focusTrap.activate(); 5324 gtm({ 5325 event: 'ui_event', 5326 category: 'dropdown', 5327 action: 'opened', 5328 label: 'select-a-subject' 5329 }); 5330 " 5331 type="button" 5332 x-ref="trigger" 5333 > 5334 <span x-text="selectTitle" class="truncate">Select a Subject</span> 5335 <div class="ml-8 -mt-px"> 5336 <div x-show="!open"> 5337 <svg class="fill-current" width="15" height="15" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"> 5338 <g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2"> 5339 <line x1="7.5" x2="7.5" y2="15"/> 5340 <line x2="15" y1="7.5" y2="7.5"/> 5341 </g> 5342</svg> 5343 5344 </div> 5345 <div x-show="open" x-cloak> 5346 <svg class="fill-current" width="15" height="3" viewBox="0 0 15 3" xmlns="http://www.w3.org/2000/svg"><path d="M15 .5v2H0v-2z" fill="currentColor" /></svg> 5347 5348 </div> 5349 </div> 5350 </button> 5351 5352 <div class="origin-top px-2 text-center w-full rounded-dropdown rounded-t-none absolute z-30 bg-black text-white" 5353 id="subject528612630-dropdown-body928088983" 5354 role="group" 5355 aria-label="Select a Subject" 5356 x-bind:aria-expanded="open" 5357 x-bind:aria-hidden="!open" 5358 x-show="open" 5359 x-cloak 5360 x-bind:class="{ 5361 'bg-white text-black': open, 5362 'bg-black text-white': !open 5363 }" 5364 @click.away=" 5365 open = false; 5366 focusTrap.deactivate(); 5367 $refs.trigger.focus(); 5368 gtm({ 5369 event: 'ui_event', 5370 category: 'dropdown', 5371 action: 'closed', 5372 label: 'select-a-subject' 5373 }); 5374 " 5375 x-transition:enter="transition motion-reduce:transition-none linear duration-300" 5376 x-transition:enter-start="transform -translate-y-8 opacity-0" 5377 x-transition:enter-end="transform translate-y-0 opacity-100" 5378 x-transition:leave="transition motion-reduce:transition-none linear duration-300" 5379 x-transition:leave-start="transform translate-y-0 opacity-100" 5380 x-transition:leave-end="transform -translate-y-8 opacity-0" 5381 x-ref="dropdown" 5382 > 5383 <div class="border-t border-gray-400 max-h-dropdown overflow-y-auto dropdown-scrollbar scrolling-touch py-2"> 5384 <ul class="w-full" role="listbox" tabindex="-1" aria-label="Select a Subject"> 5385 <li 5386 class="js-dropdown-item" 5387 role="option" 5388 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-acting').toString()" 5389 aria-selected="false" 5390 > 5391 <button 5392 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5393 type="button" 5394 @click=" 5395 window.location.href = 'https://aub.ac.uk/news/all/acting'; 5396 window.dataLayer = window.dataLayer || []; 5397 window.dataLayer.push({ 5398 'event': 'dropdown_clicked', 5399 'dynamicName': '
5399span-class-sr-only-filter-by-span-acting' 5400 }); 5401 gtm({ 5402 'event': 'ui_event', 5403 'category': 'dropdown_item', 5404 'action': 'clicked', 5405 'label': 'span-class-sr-only-filter-by-span-acting' 5406 }); 5407 " 5408 5409 > 5410 <span><span class="sr-only">Filter by </span>Acting</span> 5411 </button> 5412 </li> 5413 <li 5414 class="js-dropdown-item" 5415 role="option" 5416 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-acting-for-screen').toString()" 5417 aria-selected="false" 5418 > 5419 <button 5420 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5421 type="button" 5422 @click=" 5423 window.location.href = 'https://aub.ac.uk/news/all/acting-for-screen'; 5424 window.dataLayer = window.dataLayer || []; 5425 window.dataLayer.push({ 5426 'event': 'dropdown_clicked', 5427 'dynamicName': 'span-class-sr-only-filter-by-span-acting-for-screen' 5428 }); 5429 gtm({ 5430 'event': 'ui_event', 5431 'category': 'dropdown_item', 5432 'action': 'clicked', 5433 'label': 'span-class-sr-only-filter-by-span-acting-for-screen' 5434 }); 5435 " 5436 5437 > 5438 <span><span class="sr-only">Filter by </span>Acting for Screen</span> 5439 </button> 5440 </li> 5441 <li 5442 class="js-dropdown-item" 5443 role="option" 5444 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-animation-production').toString()" 5445 aria-selected="false" 5446 > 5447 <button 5448 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5449 type="button" 5450 @click=" 5451 window.location.href = 'https://aub.ac.uk/news/all/animation'; 5452 window.dataLayer = window.dataLayer || []; 5453 window.dataLayer.push({ 5454 'event': 'dropdown_clicked', 5455 'dynamicName': '
5455span-class-sr-only-filter-by-span-animation-production' 5456 }); 5457 gtm({ 5458 'event': 'ui_event', 5459 'category': 'dropdown_item', 5460 'action': 'clicked', 5461 'label': 'span-class-sr-only-filter-by-span-animation-production' 5462 }); 5463 " 5464 5465 > 5466 <span><span class="sr-only">Filter by </span>Animation Production</span> 5467 </button> 5468 </li> 5469 <li 5470 class="js-dropdown-item" 5471 role="option" 5472 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-architecture-part-1-riba-arb').toString()" 5473 aria-selected="false" 5474 > 5475 <button 5476 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5477 type="button" 5478 @click=" 5479 window.location.href = 'https://aub.ac.uk/news/all/architecture'; 5480 window.dataLayer = window.dataLayer || []; 5481 window.dataLayer.push({ 5482 'event': 'dropdown_clicked', 5483 'dynamicName': 'span-class-sr-only-filter-by-span-architecture-part-1-riba-arb' 5484 }); 5485 gtm({ 5486 'event': 'ui_event', 5487 'category': 'dropdown_item', 5488 'action': 'clicked', 5489 'label': 'span-class-sr-only-filter-by-span-architecture-part-1-riba-arb' 5490 }); 5491 " 5492 5493 > 5494 <span><span class="sr-only">Filter by </span>Architecture (Part 1 RIBA/ARB)</span> 5495 </button> 5496 </li> 5497 <li 5498 class="js-dropdown-item" 5499 role="option" 5500 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-arts-media-and-creative-industries-management').toString()" 5501 aria-selected="false" 5502 > 5503 <button 5504 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5505 type="button" 5506 @click=" 5507 window.location.href = 'https://aub.ac.uk/news/all/arts-media-and-creative-industries-management'; 5508 window.dataLayer = window.dataLayer || []; 5509 window.dataLayer.push({ 5510 'event': 'dropdown_clicked', 5511 'dynamicName': '
5511span-class-sr-only-filter-by-span-arts-media-and-creative-industries-management' 5512 }); 5513 gtm({ 5514 'event': 'ui_event', 5515 'category': 'dropdown_item', 5516 'action': 'clicked', 5517 'label': 'span-class-sr-only-filter-by-span-arts-media-and-creative-industries-management' 5518 }); 5519 " 5520 5521 > 5522 <span><span class="sr-only">Filter by </span>Arts, Media and Creative Industries Management</span> 5523 </button> 5524 </li> 5525 <li 5526 class="js-dropdown-item" 5527 role="option" 5528 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-commercial-photography').toString()" 5529 aria-selected="false" 5530 > 5531 <button 5532 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5533 type="button" 5534 @click=" 5535 window.location.href = 'https://aub.ac.uk/news/all/commercial-photgraphy'; 5536 window.dataLayer = window.dataLayer || []; 5537 window.dataLayer.push({ 5538 'event': 'dropdown_clicked', 5539 'dynamicName': 'span-class-sr-only-filter-by-span-commercial-photography' 5540 }); 5541 gtm({ 5542 'event': 'ui_event', 5543 'category': 'dropdown_item', 5544 'action': 'clicked', 5545 'label': 'span-class-sr-only-filter-by-span-commercial-photography' 5546 }); 5547 " 5548 5549 > 5550 <span><span class="sr-only">Filter by </span>Commercial Photography</span> 5551 </button> 5552 </li> 5553 <li 5554 class="js-dropdown-item" 5555 role="option" 5556 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-communication-design-and-strategy').toString()" 5557 aria-selected="false" 5558 > 5559 <button 5560 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5561 type="button" 5562 @click=" 5563 window.location.href = 'https://aub.ac.uk/news/all/communication-design-and-strategy'; 5564 window.dataLayer = window.dataLayer || []; 5565 window.dataLayer.push({ 5566 'event': 'dropdown_clicked', 5567 'dynamicName': '
5567span-class-sr-only-filter-by-span-communication-design-and-strategy' 5568 }); 5569 gtm({ 5570 'event': 'ui_event', 5571 'category': 'dropdown_item', 5572 'action': 'clicked', 5573 'label': 'span-class-sr-only-filter-by-span-communication-design-and-strategy' 5574 }); 5575 " 5576 5577 > 5578 <span><span class="sr-only">Filter by </span>Communication Design and Strategy</span> 5579 </button> 5580 </li> 5581 <li 5582 class="js-dropdown-item" 5583 role="option" 5584 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-content-creation-with-marketing').toString()" 5585 aria-selected="false" 5586 > 5587 <button 5588 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5589 type="button" 5590 @click=" 5591 window.location.href = 'https://aub.ac.uk/news/all/digital-content-production-and-strategy'; 5592 window.dataLayer = window.dataLayer || []; 5593 window.dataLayer.push({ 5594 'event': 'dropdown_clicked', 5595 'dynamicName': 'span-class-sr-only-filter-by-span-content-creation-with-marketing' 5596 }); 5597 gtm({ 5598 'event': 'ui_event', 5599 'category': 'dropdown_item', 5600 'action': 'clicked', 5601 'label': 'span-class-sr-only-filter-by-span-content-creation-with-marketing' 5602 }); 5603 " 5604 5605 > 5606 <span><span class="sr-only">Filter by </span>Content Creation with Marketing</span> 5607 </button> 5608 </li> 5609 <li 5610 class="js-dropdown-item" 5611 role="option" 5612 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-costume').toString()" 5613 aria-selected="false" 5614 > 5615 <button 5616 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5617 type="button" 5618 @click=" 5619 window.location.href = 'https://aub.ac.uk/news/all/costume'; 5620 window.dataLayer = window.dataLayer || []; 5621 window.dataLayer.push({ 5622 'event': 'dropdown_clicked', 5623 'dynamicName': '
5623span-class-sr-only-filter-by-span-costume' 5624 }); 5625 gtm({ 5626 'event': 'ui_event', 5627 'category': 'dropdown_item', 5628 'action': 'clicked', 5629 'label': 'span-class-sr-only-filter-by-span-costume' 5630 }); 5631 " 5632 5633 > 5634 <span><span class="sr-only">Filter by </span>Costume</span> 5635 </button> 5636 </li> 5637 <li 5638 class="js-dropdown-item" 5639 role="option" 5640 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-costume-for-film').toString()" 5641 aria-selected="false" 5642 > 5643 <button 5644 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5645 type="button" 5646 @click=" 5647 window.location.href = 'https://aub.ac.uk/news/all/costume-for-film'; 5648 window.dataLayer = window.dataLayer || []; 5649 window.dataLayer.push({ 5650 'event': 'dropdown_clicked', 5651 'dynamicName': 'span-class-sr-only-filter-by-span-costume-for-film' 5652 }); 5653 gtm({ 5654 'event': 'ui_event', 5655 'category': 'dropdown_item', 5656 'action': 'clicked', 5657 'label': 'span-class-sr-only-filter-by-span-costume-for-film' 5658 }); 5659 " 5660 5661 > 5662 <span><span class="sr-only">Filter by </span>Costume for Film</span> 5663 </button> 5664 </li> 5665 <li 5666 class="js-dropdown-item" 5667 role="option" 5668 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-creative-direction').toString()" 5669 aria-selected="false" 5670 > 5671 <button 5672 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5673 type="button" 5674 @click=" 5675 window.location.href = 'https://aub.ac.uk/news/all/creative-direction'; 5676 window.dataLayer = window.dataLayer || []; 5677 window.dataLayer.push({ 5678 'event': 'dropdown_clicked', 5679 'dynamicName': '
5679span-class-sr-only-filter-by-span-creative-direction' 5680 }); 5681 gtm({ 5682 'event': 'ui_event', 5683 'category': 'dropdown_item', 5684 'action': 'clicked', 5685 'label': 'span-class-sr-only-filter-by-span-creative-direction' 5686 }); 5687 " 5688 5689 > 5690 <span><span class="sr-only">Filter by </span>Creative Direction</span> 5691 </button> 5692 </li> 5693 <li 5694 class="js-dropdown-item" 5695 role="option" 5696 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-creative-writing').toString()" 5697 aria-selected="false" 5698 > 5699 <button 5700 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5701 type="button" 5702 @click=" 5703 window.location.href = 'https://aub.ac.uk/news/all/writing'; 5704 window.dataLayer = window.dataLayer || []; 5705 window.dataLayer.push({ 5706 'event': 'dropdown_clicked', 5707 'dynamicName': 'span-class-sr-only-filter-by-span-creative-writing' 5708 }); 5709 gtm({ 5710 'event': 'ui_event', 5711 'category': 'dropdown_item', 5712 'action': 'clicked', 5713 'label': 'span-class-sr-only-filter-by-span-creative-writing' 5714 }); 5715 " 5716 5717 > 5718 <span><span class="sr-only">Filter by </span>Creative Writing</span> 5719 </button> 5720 </li> 5721 <li 5722 class="js-dropdown-item" 5723 role="option" 5724 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-creative-writing-for-film').toString()" 5725 aria-selected="false" 5726 > 5727 <button 5728 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5729 type="button" 5730 @click=" 5731 window.location.href = 'https://aub.ac.uk/news/all/creative-writing-for-film'; 5732 window.dataLayer = window.dataLayer || []; 5733 window.dataLayer.push({ 5734 'event': 'dropdown_clicked', 5735 'dynamicName': '
5735span-class-sr-only-filter-by-span-creative-writing-for-film' 5736 }); 5737 gtm({ 5738 'event': 'ui_event', 5739 'category': 'dropdown_item', 5740 'action': 'clicked', 5741 'label': 'span-class-sr-only-filter-by-span-creative-writing-for-film' 5742 }); 5743 " 5744 5745 > 5746 <span><span class="sr-only">Filter by </span>Creative Writing for Film</span> 5747 </button> 5748 </li> 5749 <li 5750 class="js-dropdown-item" 5751 role="option" 5752 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-design').toString()" 5753 aria-selected="false" 5754 > 5755 <button 5756 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5757 type="button" 5758 @click=" 5759 window.location.href = 'https://aub.ac.uk/news/all/design'; 5760 window.dataLayer = window.dataLayer || []; 5761 window.dataLayer.push({ 5762 'event': 'dropdown_clicked', 5763 'dynamicName': 'span-class-sr-only-filter-by-span-design' 5764 }); 5765 gtm({ 5766 'event': 'ui_event', 5767 'category': 'dropdown_item', 5768 'action': 'clicked', 5769 'label': 'span-class-sr-only-filter-by-span-design' 5770 }); 5771 " 5772 5773 > 5774 <span><span class="sr-only">Filter by </span>Design</span> 5775 </button> 5776 </li> 5777 <li 5778 class="js-dropdown-item" 5779 role="option" 5780 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-design-for-costume-and-performance').toString()" 5781 aria-selected="false" 5782 > 5783 <button 5784 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5785 type="button" 5786 @click=" 5787 window.location.href = 'https://aub.ac.uk/news/all/design-for-costume-and-performance'; 5788 window.dataLayer = window.dataLayer || []; 5789 window.dataLayer.push({ 5790 'event': 'dropdown_clicked', 5791 'dynamicName': '
5791span-class-sr-only-filter-by-span-design-for-costume-and-performance' 5792 }); 5793 gtm({ 5794 'event': 'ui_event', 5795 'category': 'dropdown_item', 5796 'action': 'clicked', 5797 'label': 'span-class-sr-only-filter-by-span-design-for-costume-and-performance' 5798 }); 5799 " 5800 5801 > 5802 <span><span class="sr-only">Filter by </span>Design for Costume and Performance</span> 5803 </button> 5804 </li> 5805 <li 5806 class="js-dropdown-item" 5807 role="option" 5808 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-fashion').toString()" 5809 aria-selected="false" 5810 > 5811 <button 5812 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5813 type="button" 5814 @click=" 5815 window.location.href = 'https://aub.ac.uk/news/all/fashion'; 5816 window.dataLayer = window.dataLayer || []; 5817 window.dataLayer.push({ 5818 'event': 'dropdown_clicked', 5819 'dynamicName': 'span-class-sr-only-filter-by-span-fashion' 5820 }); 5821 gtm({ 5822 'event': 'ui_event', 5823 'category': 'dropdown_item', 5824 'action': 'clicked', 5825 'label': 'span-class-sr-only-filter-by-span-fashion' 5826 }); 5827 " 5828 5829 > 5830 <span><span class="sr-only">Filter by </span>Fashion</span> 5831 </button> 5832 </li> 5833 <li 5834 class="js-dropdown-item" 5835 role="option" 5836 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-fashion-communication').toString()" 5837 aria-selected="false" 5838 > 5839 <button 5840 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5841 type="button" 5842 @click=" 5843 window.location.href = 'https://aub.ac.uk/news/all/fashion-communication'; 5844 window.dataLayer = window.dataLayer || []; 5845 window.dataLayer.push({ 5846 'event': 'dropdown_clicked', 5847 'dynamicName': '
5847span-class-sr-only-filter-by-span-fashion-communication' 5848 }); 5849 gtm({ 5850 'event': 'ui_event', 5851 'category': 'dropdown_item', 5852 'action': 'clicked', 5853 'label': 'span-class-sr-only-filter-by-span-fashion-communication' 5854 }); 5855 " 5856 5857 > 5858 <span><span class="sr-only">Filter by </span>Fashion Communication</span> 5859 </button> 5860 </li> 5861 <li 5862 class="js-dropdown-item" 5863 role="option" 5864 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-fashion-management-and-strategy').toString()" 5865 aria-selected="false" 5866 > 5867 <button 5868 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5869 type="button" 5870 @click=" 5871 window.location.href = 'https://aub.ac.uk/news/all/fashion-management-and-strategy'; 5872 window.dataLayer = window.dataLayer || []; 5873 window.dataLayer.push({ 5874 'event': 'dropdown_clicked', 5875 'dynamicName': 'span-class-sr-only-filter-by-span-fashion-management-and-strategy' 5876 }); 5877 gtm({ 5878 'event': 'ui_event', 5879 'category': 'dropdown_item', 5880 'action': 'clicked', 5881 'label': 'span-class-sr-only-filter-by-span-fashion-management-and-strategy' 5882 }); 5883 " 5884 5885 > 5886 <span><span class="sr-only">Filter by </span>Fashion Management and Strategy</span> 5887 </button> 5888 </li> 5889 <li 5890 class="js-dropdown-item" 5891 role="option" 5892 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-film-production').toString()" 5893 aria-selected="false" 5894 > 5895 <button 5896 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5897 type="button" 5898 @click=" 5899 window.location.href = 'https://aub.ac.uk/news/all/film'; 5900 window.dataLayer = window.dataLayer || []; 5901 window.dataLayer.push({ 5902 'event': 'dropdown_clicked', 5903 'dynamicName': '
5903span-class-sr-only-filter-by-span-film-production' 5904 }); 5905 gtm({ 5906 'event': 'ui_event', 5907 'category': 'dropdown_item', 5908 'action': 'clicked', 5909 'label': 'span-class-sr-only-filter-by-span-film-production' 5910 }); 5911 " 5912 5913 > 5914 <span><span class="sr-only">Filter by </span>Film Production</span> 5915 </button> 5916 </li> 5917 <li 5918 class="js-dropdown-item" 5919 role="option" 5920 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-fine-art').toString()" 5921 aria-selected="false" 5922 > 5923 <button 5924 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5925 type="button" 5926 @click=" 5927 window.location.href = 'https://aub.ac.uk/news/all/fine-art'; 5928 window.dataLayer = window.dataLayer || []; 5929 window.dataLayer.push({ 5930 'event': 'dropdown_clicked', 5931 'dynamicName': 'span-class-sr-only-filter-by-span-fine-art' 5932 }); 5933 gtm({ 5934 'event': 'ui_event', 5935 'category': 'dropdown_item', 5936 'action': 'clicked', 5937 'label': 'span-class-sr-only-filter-by-span-fine-art' 5938 }); 5939 " 5940 5941 > 5942 <span><span class="sr-only">Filter by </span>Fine Art</span> 5943 </button> 5944 </li> 5945 <li 5946 class="js-dropdown-item" 5947 role="option" 5948 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-foundation-diploma-in-art-and-design').toString()" 5949 aria-selected="false" 5950 > 5951 <button 5952 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5953 type="button" 5954 @click=" 5955 window.location.href = 'https://aub.ac.uk/news/all/foundation-diploma-in-art-design-and-media'; 5956 window.dataLayer = window.dataLayer || []; 5957 window.dataLayer.push({ 5958 'event': 'dropdown_clicked', 5959 'dynamicName': '
5959span-class-sr-only-filter-by-span-foundation-diploma-in-art-and-design' 5960 }); 5961 gtm({ 5962 'event': 'ui_event', 5963 'category': 'dropdown_item', 5964 'action': 'clicked', 5965 'label': 'span-class-sr-only-filter-by-span-foundation-diploma-in-art-and-design' 5966 }); 5967 " 5968 5969 > 5970 <span><span class="sr-only">Filter by </span>Foundation Diploma in Art and Design</span> 5971 </button> 5972 </li> 5973 <li 5974 class="js-dropdown-item" 5975 role="option" 5976 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-games-art-and-design').toString()" 5977 aria-selected="false" 5978 > 5979 <button 5980 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 5981 type="button" 5982 @click=" 5983 window.location.href = 'https://aub.ac.uk/news/all/ba-hons-games-art-and-design'; 5984 window.dataLayer = window.dataLayer || []; 5985 window.dataLayer.push({ 5986 'event': 'dropdown_clicked', 5987 'dynamicName': 'span-class-sr-only-filter-by-span-games-art-and-design' 5988 }); 5989 gtm({ 5990 'event': 'ui_event', 5991 'category': 'dropdown_item', 5992 'action': 'clicked', 5993 'label': 'span-class-sr-only-filter-by-span-games-art-and-design' 5994 }); 5995 " 5996 5997 > 5998 <span><span class="sr-only">Filter by </span>Games Art and Design</span> 5999 </button> 6000 </li> 6001 <li 6002 class="js-dropdown-item" 6003 role="option" 6004 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-graphic-design').toString()" 6005 aria-selected="false" 6006 > 6007 <button 6008 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6009 type="button" 6010 @click=" 6011 window.location.href = 'https://aub.ac.uk/news/all/graphic-design'; 6012 window.dataLayer = window.dataLayer || []; 6013 window.dataLayer.push({ 6014 'event': 'dropdown_clicked', 6015 'dynamicName': '
6015span-class-sr-only-filter-by-span-graphic-design' 6016 }); 6017 gtm({ 6018 'event': 'ui_event', 6019 'category': 'dropdown_item', 6020 'action': 'clicked', 6021 'label': 'span-class-sr-only-filter-by-span-graphic-design' 6022 }); 6023 " 6024 6025 > 6026 <span><span class="sr-only">Filter by </span>Graphic Design</span> 6027 </button> 6028 </li> 6029 <li 6030 class="js-dropdown-item" 6031 role="option" 6032 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-illustration').toString()" 6033 aria-selected="false" 6034 > 6035 <button 6036 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6037 type="button" 6038 @click=" 6039 window.location.href = 'https://aub.ac.uk/news/all/illustration'; 6040 window.dataLayer = window.dataLayer || []; 6041 window.dataLayer.push({ 6042 'event': 'dropdown_clicked', 6043 'dynamicName': 'span-class-sr-only-filter-by-span-illustration' 6044 }); 6045 gtm({ 6046 'event': 'ui_event', 6047 'category': 'dropdown_item', 6048 'action': 'clicked', 6049 'label': 'span-class-sr-only-filter-by-span-illustration' 6050 }); 6051 " 6052 6053 > 6054 <span><span class="sr-only">Filter by </span>Illustration</span> 6055 </button> 6056 </li> 6057 <li 6058 class="js-dropdown-item" 6059 role="option" 6060 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-interior-architecture-and-design').toString()" 6061 aria-selected="false" 6062 > 6063 <button 6064 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6065 type="button" 6066 @click=" 6067 window.location.href = 'https://aub.ac.uk/news/all/interior-design'; 6068 window.dataLayer = window.dataLayer || []; 6069 window.dataLayer.push({ 6070 'event': 'dropdown_clicked', 6071 'dynamicName': '
6071span-class-sr-only-filter-by-span-interior-architecture-and-design' 6072 }); 6073 gtm({ 6074 'event': 'ui_event', 6075 'category': 'dropdown_item', 6076 'action': 'clicked', 6077 'label': 'span-class-sr-only-filter-by-span-interior-architecture-and-design' 6078 }); 6079 " 6080 6081 > 6082 <span><span class="sr-only">Filter by </span>Interior Architecture and Design</span> 6083 </button> 6084 </li> 6085 <li 6086 class="js-dropdown-item" 6087 role="option" 6088 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-animation-production').toString()" 6089 aria-selected="false" 6090 > 6091 <button 6092 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6093 type="button" 6094 @click=" 6095 window.location.href = 'https://aub.ac.uk/news/all/ma-animation-production'; 6096 window.dataLayer = window.dataLayer || []; 6097 window.dataLayer.push({ 6098 'event': 'dropdown_clicked', 6099 'dynamicName': 'span-class-sr-only-filter-by-span-ma-animation-production' 6100 }); 6101 gtm({ 6102 'event': 'ui_event', 6103 'category': 'dropdown_item', 6104 'action': 'clicked', 6105 'label': 'span-class-sr-only-filter-by-span-ma-animation-production' 6106 }); 6107 " 6108 6109 > 6110 <span><span class="sr-only">Filter by </span>MA Animation Production</span> 6111 </button> 6112 </li> 6113 <li 6114 class="js-dropdown-item" 6115 role="option" 6116 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-creative-writing').toString()" 6117 aria-selected="false" 6118 > 6119 <button 6120 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6121 type="button" 6122 @click=" 6123 window.location.href = 'https://aub.ac.uk/news/all/ma-creative-writing'; 6124 window.dataLayer = window.dataLayer || []; 6125 window.dataLayer.push({ 6126 'event': 'dropdown_clicked', 6127 'dynamicName': '
6127span-class-sr-only-filter-by-span-ma-creative-writing' 6128 }); 6129 gtm({ 6130 'event': 'ui_event', 6131 'category': 'dropdown_item', 6132 'action': 'clicked', 6133 'label': 'span-class-sr-only-filter-by-span-ma-creative-writing' 6134 }); 6135 " 6136 6137 > 6138 <span><span class="sr-only">Filter by </span>MA Creative Writing</span> 6139 </button> 6140 </li> 6141 <li 6142 class="js-dropdown-item" 6143 role="option" 6144 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-creative-writing-online').toString()" 6145 aria-selected="false" 6146 > 6147 <button 6148 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6149 type="button" 6150 @click=" 6151 window.location.href = 'https://aub.ac.uk/news/all/ma-creative-writing-online'; 6152 window.dataLayer = window.dataLayer || []; 6153 window.dataLayer.push({ 6154 'event': 'dropdown_clicked', 6155 'dynamicName': 'span-class-sr-only-filter-by-span-ma-creative-writing-online' 6156 }); 6157 gtm({ 6158 'event': 'ui_event', 6159 'category': 'dropdown_item', 6160 'action': 'clicked', 6161 'label': 'span-class-sr-only-filter-by-span-ma-creative-writing-online' 6162 }); 6163 " 6164 6165 > 6166 <span><span class="sr-only">Filter by </span>MA Creative Writing (Online)</span> 6167 </button> 6168 </li> 6169 <li 6170 class="js-dropdown-item" 6171 role="option" 6172 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-design-and-innovation').toString()" 6173 aria-selected="false" 6174 > 6175 <button 6176 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6177 type="button" 6178 @click=" 6179 window.location.href = 'https://aub.ac.uk/news/all/ma-design-and-innovation'; 6180 window.dataLayer = window.dataLayer || []; 6181 window.dataLayer.push({ 6182 'event': 'dropdown_clicked', 6183 'dynamicName': '
6183span-class-sr-only-filter-by-span-ma-design-and-innovation' 6184 }); 6185 gtm({ 6186 'event': 'ui_event', 6187 'category': 'dropdown_item', 6188 'action': 'clicked', 6189 'label': 'span-class-sr-only-filter-by-span-ma-design-and-innovation' 6190 }); 6191 " 6192 6193 > 6194 <span><span class="sr-only">Filter by </span>MA Design and Innovation</span> 6195 </button> 6196 </li> 6197 <li 6198 class="js-dropdown-item" 6199 role="option" 6200 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-fashion-innovation').toString()" 6201 aria-selected="false" 6202 > 6203 <button 6204 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6205 type="button" 6206 @click=" 6207 window.location.href = 'https://aub.ac.uk/news/all/ma-fashion-innovation'; 6208 window.dataLayer = window.dataLayer || []; 6209 window.dataLayer.push({ 6210 'event': 'dropdown_clicked', 6211 'dynamicName': 'span-class-sr-only-filter-by-span-ma-fashion-innovation' 6212 }); 6213 gtm({ 6214 'event': 'ui_event', 6215 'category': 'dropdown_item', 6216 'action': 'clicked', 6217 'label': 'span-class-sr-only-filter-by-span-ma-fashion-innovation' 6218 }); 6219 " 6220 6221 > 6222 <span><span class="sr-only">Filter by </span>MA Fashion Innovation</span> 6223 </button> 6224 </li> 6225 <li 6226 class="js-dropdown-item" 6227 role="option" 6228 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-film-practice').toString()" 6229 aria-selected="false" 6230 > 6231 <button 6232 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6233 type="button" 6234 @click=" 6235 window.location.href = 'https://aub.ac.uk/news/all/ma-film-practice'; 6236 window.dataLayer = window.dataLayer || []; 6237 window.dataLayer.push({ 6238 'event': 'dropdown_clicked', 6239 'dynamicName': '
6239span-class-sr-only-filter-by-span-ma-film-practice' 6240 }); 6241 gtm({ 6242 'event': 'ui_event', 6243 'category': 'dropdown_item', 6244 'action': 'clicked', 6245 'label': 'span-class-sr-only-filter-by-span-ma-film-practice' 6246 }); 6247 " 6248 6249 > 6250 <span><span class="sr-only">Filter by </span>MA Film Practice</span> 6251 </button> 6252 </li> 6253 <li 6254 class="js-dropdown-item" 6255 role="option" 6256 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-film-practice-online').toString()" 6257 aria-selected="false" 6258 > 6259 <button 6260 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6261 type="button" 6262 @click=" 6263 window.location.href = 'https://aub.ac.uk/news/all/ma-film-practice-online'; 6264 window.dataLayer = window.dataLayer || []; 6265 window.dataLayer.push({ 6266 'event': 'dropdown_clicked', 6267 'dynamicName': 'span-class-sr-only-filter-by-span-ma-film-practice-online' 6268 }); 6269 gtm({ 6270 'event': 'ui_event', 6271 'category': 'dropdown_item', 6272 'action': 'clicked', 6273 'label': 'span-class-sr-only-filter-by-span-ma-film-practice-online' 6274 }); 6275 " 6276 6277 > 6278 <span><span class="sr-only">Filter by </span>MA Film Practice (Online)</span> 6279 </button> 6280 </li> 6281 <li 6282 class="js-dropdown-item" 6283 role="option" 6284 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-fine-art').toString()" 6285 aria-selected="false" 6286 > 6287 <button 6288 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6289 type="button" 6290 @click=" 6291 window.location.href = 'https://aub.ac.uk/news/all/ma-fine-art'; 6292 window.dataLayer = window.dataLayer || []; 6293 window.dataLayer.push({ 6294 'event': 'dropdown_clicked', 6295 'dynamicName': '
6295span-class-sr-only-filter-by-span-ma-fine-art' 6296 }); 6297 gtm({ 6298 'event': 'ui_event', 6299 'category': 'dropdown_item', 6300 'action': 'clicked', 6301 'label': 'span-class-sr-only-filter-by-span-ma-fine-art' 6302 }); 6303 " 6304 6305 > 6306 <span><span class="sr-only">Filter by </span>MA Fine Art</span> 6307 </button> 6308 </li> 6309 <li 6310 class="js-dropdown-item" 6311 role="option" 6312 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-graphic-design').toString()" 6313 aria-selected="false" 6314 > 6315 <button 6316 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6317 type="button" 6318 @click=" 6319 window.location.href = 'https://aub.ac.uk/news/all/ma-graphic-design'; 6320 window.dataLayer = window.dataLayer || []; 6321 window.dataLayer.push({ 6322 'event': 'dropdown_clicked', 6323 'dynamicName': 'span-class-sr-only-filter-by-span-ma-graphic-design' 6324 }); 6325 gtm({ 6326 'event': 'ui_event', 6327 'category': 'dropdown_item', 6328 'action': 'clicked', 6329 'label': 'span-class-sr-only-filter-by-span-ma-graphic-design' 6330 }); 6331 " 6332 6333 > 6334 <span><span class="sr-only">Filter by </span>MA Graphic Design</span> 6335 </button> 6336 </li> 6337 <li 6338 class="js-dropdown-item" 6339 role="option" 6340 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-graphic-design-online').toString()" 6341 aria-selected="false" 6342 > 6343 <button 6344 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6345 type="button" 6346 @click=" 6347 window.location.href = 'https://aub.ac.uk/news/all/ma-graphic-design-online'; 6348 window.dataLayer = window.dataLayer || []; 6349 window.dataLayer.push({ 6350 'event': 'dropdown_clicked', 6351 'dynamicName': '
6351span-class-sr-only-filter-by-span-ma-graphic-design-online' 6352 }); 6353 gtm({ 6354 'event': 'ui_event', 6355 'category': 'dropdown_item', 6356 'action': 'clicked', 6357 'label': 'span-class-sr-only-filter-by-span-ma-graphic-design-online' 6358 }); 6359 " 6360 6361 > 6362 <span><span class="sr-only">Filter by </span>MA Graphic Design (Online)</span> 6363 </button> 6364 </li> 6365 <li 6366 class="js-dropdown-item" 6367 role="option" 6368 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-historical-costume').toString()" 6369 aria-selected="false" 6370 > 6371 <button 6372 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6373 type="button" 6374 @click=" 6375 window.location.href = 'https://aub.ac.uk/news/all/ma-historical-costume'; 6376 window.dataLayer = window.dataLayer || []; 6377 window.dataLayer.push({ 6378 'event': 'dropdown_clicked', 6379 'dynamicName': 'span-class-sr-only-filter-by-span-ma-historical-costume' 6380 }); 6381 gtm({ 6382 'event': 'ui_event', 6383 'category': 'dropdown_item', 6384 'action': 'clicked', 6385 'label': 'span-class-sr-only-filter-by-span-ma-historical-costume' 6386 }); 6387 " 6388 6389 > 6390 <span><span class="sr-only">Filter by </span>MA Historical Costume</span> 6391 </button> 6392 </li> 6393 <li 6394 class="js-dropdown-item" 6395 role="option" 6396 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-illustration').toString()" 6397 aria-selected="false" 6398 > 6399 <button 6400 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6401 type="button" 6402 @click=" 6403 window.location.href = 'https://aub.ac.uk/news/all/ma-illustration'; 6404 window.dataLayer = window.dataLayer || []; 6405 window.dataLayer.push({ 6406 'event': 'dropdown_clicked', 6407 'dynamicName': '
6407span-class-sr-only-filter-by-span-ma-illustration' 6408 }); 6409 gtm({ 6410 'event': 'ui_event', 6411 'category': 'dropdown_item', 6412 'action': 'clicked', 6413 'label': 'span-class-sr-only-filter-by-span-ma-illustration' 6414 }); 6415 " 6416 6417 > 6418 <span><span class="sr-only">Filter by </span>MA Illustration</span> 6419 </button> 6420 </li> 6421 <li 6422 class="js-dropdown-item" 6423 role="option" 6424 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-illustration-online').toString()" 6425 aria-selected="false" 6426 > 6427 <button 6428 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6429 type="button" 6430 @click=" 6431 window.location.href = 'https://aub.ac.uk/news/all/ma-illustration-online'; 6432 window.dataLayer = window.dataLayer || []; 6433 window.dataLayer.push({ 6434 'event': 'dropdown_clicked', 6435 'dynamicName': 'span-class-sr-only-filter-by-span-ma-illustration-online' 6436 }); 6437 gtm({ 6438 'event': 'ui_event', 6439 'category': 'dropdown_item', 6440 'action': 'clicked', 6441 'label': 'span-class-sr-only-filter-by-span-ma-illustration-online' 6442 }); 6443 " 6444 6445 > 6446 <span><span class="sr-only">Filter by </span>MA Illustration (Online)</span> 6447 </button> 6448 </li> 6449 <li 6450 class="js-dropdown-item" 6451 role="option" 6452 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-innovation-and-creative-entrepreneurship').toString()" 6453 aria-selected="false" 6454 > 6455 <button 6456 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6457 type="button" 6458 @click=" 6459 window.location.href = 'https://aub.ac.uk/news/all/ma-innovation-and-creative-entrepreneurship'; 6460 window.dataLayer = window.dataLayer || []; 6461 window.dataLayer.push({ 6462 'event': 'dropdown_clicked', 6463 'dynamicName': '
6463span-class-sr-only-filter-by-span-ma-innovation-and-creative-entrepreneurship' 6464 }); 6465 gtm({ 6466 'event': 'ui_event', 6467 'category': 'dropdown_item', 6468 'action': 'clicked', 6469 'label': 'span-class-sr-only-filter-by-span-ma-innovation-and-creative-entrepreneurship' 6470 }); 6471 " 6472 6473 > 6474 <span><span class="sr-only">Filter by </span>MA Innovation and Creative Entrepreneurship</span> 6475 </button> 6476 </li> 6477 <li 6478 class="js-dropdown-item" 6479 role="option" 6480 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-interior-design-online').toString()" 6481 aria-selected="false" 6482 > 6483 <button 6484 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6485 type="button" 6486 @click=" 6487 window.location.href = 'https://aub.ac.uk/news/all/ma-interior-design-online'; 6488 window.dataLayer = window.dataLayer || []; 6489 window.dataLayer.push({ 6490 'event': 'dropdown_clicked', 6491 'dynamicName': 'span-class-sr-only-filter-by-span-ma-interior-design-online' 6492 }); 6493 gtm({ 6494 'event': 'ui_event', 6495 'category': 'dropdown_item', 6496 'action': 'clicked', 6497 'label': 'span-class-sr-only-filter-by-span-ma-interior-design-online' 6498 }); 6499 " 6500 6501 > 6502 <span><span class="sr-only">Filter by </span>MA Interior Design (Online)</span> 6503 </button> 6504 </li> 6505 <li 6506 class="js-dropdown-item" 6507 role="option" 6508 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-landscape-architecture-studies-online').toString()" 6509 aria-selected="false" 6510 > 6511 <button 6512 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6513 type="button" 6514 @click=" 6515 window.location.href = 'https://aub.ac.uk/news/all/ma-landscape-architecture-studies-onl
6515ine'; 6516 window.dataLayer = window.dataLayer || []; 6517 window.dataLayer.push({ 6518 'event': 'dropdown_clicked', 6519 'dynamicName': 'span-class-sr-only-filter-by-span-ma-landscape-architecture-studies-online' 6520 }); 6521 gtm({ 6522 'event': 'ui_event', 6523 'category': 'dropdown_item', 6524 'action': 'clicked', 6525 'label': 'span-class-sr-only-filter-by-span-ma-landscape-architecture-studies-online' 6526 }); 6527 " 6528 6529 > 6530 <span><span class="sr-only">Filter by </span>MA Landscape Architecture Studies (Online)</span> 6531 </button> 6532 </li> 6533 <li 6534 class="js-dropdown-item" 6535 role="option" 6536 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-painting').toString()" 6537 aria-selected="false" 6538 > 6539 <button 6540 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6541 type="button" 6542 @click=" 6543 window.location.href = 'https://aub.ac.uk/news/all/ma-painting'; 6544 window.dataLayer = window.dataLayer || []; 6545 window.dataLayer.push({ 6546 'event': 'dropdown_clicked', 6547 'dynamicName': 'span-class-sr-only-filter-by-span-ma-painting' 6548 }); 6549 gtm({ 6550 'event': 'ui_event', 6551 'category': 'dropdown_item', 6552 'action': 'clicked', 6553 'label': 'span-class-sr-only-filter-by-span-ma-painting' 6554 }); 6555 " 6556 6557 > 6558 <span><span class="sr-only">Filter by </span>MA Painting</span> 6559 </button> 6560 </li> 6561 <li 6562 class="js-dropdown-item" 6563 role="option" 6564 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-photography').toString()" 6565 aria-selected="false" 6566 > 6567 <button 6568 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6569 type="button" 6570 @click=" 6571 window.location.href = 'https://aub.ac.uk/news/all/ma-photography'; 6572 window.dataLayer = window.dataLayer || []; 6573 window.dataLayer.push({ 6574 'event': 'dropdown_clicked', 6575 'dynamicName': '
6575span-class-sr-only-filter-by-span-ma-photography' 6576 }); 6577 gtm({ 6578 'event': 'ui_event', 6579 'category': 'dropdown_item', 6580 'action': 'clicked', 6581 'label': 'span-class-sr-only-filter-by-span-ma-photography' 6582 }); 6583 " 6584 6585 > 6586 <span><span class="sr-only">Filter by </span>MA Photography</span> 6587 </button> 6588 </li> 6589 <li 6590 class="js-dropdown-item" 6591 role="option" 6592 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-photography-online').toString()" 6593 aria-selected="false" 6594 > 6595 <button 6596 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6597 type="button" 6598 @click=" 6599 window.location.href = 'https://aub.ac.uk/news/all/ma-photography-online'; 6600 window.dataLayer = window.dataLayer || []; 6601 window.dataLayer.push({ 6602 'event': 'dropdown_clicked', 6603 'dynamicName': 'span-class-sr-only-filter-by-span-ma-photography-online' 6604 }); 6605 gtm({ 6606 'event': 'ui_event', 6607 'category': 'dropdown_item', 6608 'action': 'clicked', 6609 'label': 'span-class-sr-only-filter-by-span-ma-photography-online' 6610 }); 6611 " 6612 6613 > 6614 <span><span class="sr-only">Filter by </span>MA Photography (Online)</span> 6615 </button> 6616 </li> 6617 <li 6618 class="js-dropdown-item" 6619 role="option" 6620 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-user-experience-ux-ui').toString()" 6621 aria-selected="false" 6622 > 6623 <button 6624 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6625 type="button" 6626 @click=" 6627 window.location.href = 'https://aub.ac.uk/news/all/ma-user-experience-ux-ui'; 6628 window.dataLayer = window.dataLayer || []; 6629 window.dataLayer.push({ 6630 'event': 'dropdown_clicked', 6631 'dynamicName': '
6631span-class-sr-only-filter-by-span-ma-user-experience-ux-ui' 6632 }); 6633 gtm({ 6634 'event': 'ui_event', 6635 'category': 'dropdown_item', 6636 'action': 'clicked', 6637 'label': 'span-class-sr-only-filter-by-span-ma-user-experience-ux-ui' 6638 }); 6639 " 6640 6641 > 6642 <span><span class="sr-only">Filter by </span>MA User Experience (UX/UI)</span> 6643 </button> 6644 </li> 6645 <li 6646 class="js-dropdown-item" 6647 role="option" 6648 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-ma-visual-effects-and-photorealistic-computer-graphics').toString()" 6649 aria-selected="false" 6650 > 6651 <button 6652 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6653 type="button" 6654 @click=" 6655 window.location.href = 'https://aub.ac.uk/news/all/ma-visual-effects-and-photorealistic-computer-graphics'; 6656 window.dataLayer = window.dataLayer || []; 6657 window.dataLayer.push({ 6658 'event': 'dropdown_clicked', 6659 'dynamicName': 'span-class-sr-only-filter-by-span-ma-visual-effects-and-photorealistic-computer-graphics' 6660 }); 6661 gtm({ 6662 'event': 'ui_event', 6663 'category': 'dropdown_item', 6664 'action': 'clicked', 6665 'label': 'span-class-sr-only-filter-by-span-ma-visual-effects-and-photorealistic-computer-graphics' 6666 }); 6667 " 6668 6669 > 6670 <span><span class="sr-only">Filter by </span>MA Visual Effects and Photorealistic Computer Graphics</span> 6671 </button> 6672 </li> 6673 <li 6674 class="js-dropdown-item" 6675 role="option" 6676 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-makeup-hair-and-prosthetics').toString()" 6677 aria-selected="false" 6678 > 6679 <button 6680 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6681 type="button" 6682 @click=" 6683 window.location.href = 'https://aub.ac.uk/news/all/make-up'; 6684 window.dataLayer = window.dataLayer || []; 6685 window.dataLayer.push({ 6686 'event': 'dropdown_clicked', 6687 'dynamicName': '
6687span-class-sr-only-filter-by-span-makeup-hair-and-prosthetics' 6688 }); 6689 gtm({ 6690 'event': 'ui_event', 6691 'category': 'dropdown_item', 6692 'action': 'clicked', 6693 'label': 'span-class-sr-only-filter-by-span-makeup-hair-and-prosthetics' 6694 }); 6695 " 6696 6697 > 6698 <span><span class="sr-only">Filter by </span>Makeup, Hair and Prosthetics</span> 6699 </button> 6700 </li> 6701 <li 6702 class="js-dropdown-item" 6703 role="option" 6704 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-makeup-hair-and-prosthetics-for-film').toString()" 6705 aria-selected="false" 6706 > 6707 <button 6708 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6709 type="button" 6710 @click=" 6711 window.location.href = 'https://aub.ac.uk/news/all/make-up-hair-and-prosthetics-for-film'; 6712 window.dataLayer = window.dataLayer || []; 6713 window.dataLayer.push({ 6714 'event': 'dropdown_clicked', 6715 'dynamicName': 'span-class-sr-only-filter-by-span-makeup-hair-and-prosthetics-for-film' 6716 }); 6717 gtm({ 6718 'event': 'ui_event', 6719 'category': 'dropdown_item', 6720 'action': 'clicked', 6721 'label': 'span-class-sr-only-filter-by-span-makeup-hair-and-prosthetics-for-film' 6722 }); 6723 " 6724 6725 > 6726 <span><span class="sr-only">Filter by </span>Makeup, Hair and Prosthetics for Film</span> 6727 </button> 6728 </li> 6729 <li 6730 class="js-dropdown-item" 6731 role="option" 6732 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-master-of-architecture-part-2-riba-arb').toString()" 6733 aria-selected="false" 6734 > 6735 <button 6736 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6737 type="button" 6738 @click=" 6739 window.location.href = 'https://aub.ac.uk/news/all/master-of-architecture'; 6740 window.dataLayer = window.dataLayer || []; 6741 window.dataLayer.push({ 6742 'event': 'dropdown_clicked', 6743 'dynamicName': '
6743span-class-sr-only-filter-by-span-master-of-architecture-part-2-riba-arb' 6744 }); 6745 gtm({ 6746 'event': 'ui_event', 6747 'category': 'dropdown_item', 6748 'action': 'clicked', 6749 'label': 'span-class-sr-only-filter-by-span-master-of-architecture-part-2-riba-arb' 6750 }); 6751 " 6752 6753 > 6754 <span><span class="sr-only">Filter by </span>Master of Architecture (Part 2 RIBA/ARB)</span> 6755 </button> 6756 </li> 6757 <li 6758 class="js-dropdown-item" 6759 role="option" 6760 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-media-marketing-and-advertising').toString()" 6761 aria-selected="false" 6762 > 6763 <button 6764 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6765 type="button" 6766 @click=" 6767 window.location.href = 'https://aub.ac.uk/news/all/media-marketing-and-advertising'; 6768 window.dataLayer = window.dataLayer || []; 6769 window.dataLayer.push({ 6770 'event': 'dropdown_clicked', 6771 'dynamicName': 'span-class-sr-only-filter-by-span-media-marketing-and-advertising' 6772 }); 6773 gtm({ 6774 'event': 'ui_event', 6775 'category': 'dropdown_item', 6776 'action': 'clicked', 6777 'label': 'span-class-sr-only-filter-by-span-media-marketing-and-advertising' 6778 }); 6779 " 6780 6781 > 6782 <span><span class="sr-only">Filter by </span>Media, Marketing and Advertising</span> 6783 </button> 6784 </li> 6785 <li 6786 class="js-dropdown-item" 6787 role="option" 6788 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-modelmaking').toString()" 6789 aria-selected="false" 6790 > 6791 <button 6792 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6793 type="button" 6794 @click=" 6795 window.location.href = 'https://aub.ac.uk/news/all/modelmaking'; 6796 window.dataLayer = window.dataLayer || []; 6797 window.dataLayer.push({ 6798 'event': 'dropdown_clicked', 6799 'dynamicName': '
6799span-class-sr-only-filter-by-span-modelmaking' 6800 }); 6801 gtm({ 6802 'event': 'ui_event', 6803 'category': 'dropdown_item', 6804 'action': 'clicked', 6805 'label': 'span-class-sr-only-filter-by-span-modelmaking' 6806 }); 6807 " 6808 6809 > 6810 <span><span class="sr-only">Filter by </span>Modelmaking</span> 6811 </button> 6812 </li> 6813 <li 6814 class="js-dropdown-item" 6815 role="option" 6816 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-modelmaking-for-industry-degree-apprenticeship').toString()" 6817 aria-selected="false" 6818 > 6819 <button 6820 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6821 type="button" 6822 @click=" 6823 window.location.href = 'https://aub.ac.uk/news/all/modelmaking-for-industry-degree-apprenticeship'; 6824 window.dataLayer = window.dataLayer || []; 6825 window.dataLayer.push({ 6826 'event': 'dropdown_clicked', 6827 'dynamicName': 'span-class-sr-only-filter-by-span-modelmaking-for-industry-degree-apprenticeship' 6828 }); 6829 gtm({ 6830 'event': 'ui_event', 6831 'category': 'dropdown_item', 6832 'action': 'clicked', 6833 'label': 'span-class-sr-only-filter-by-span-modelmaking-for-industry-degree-apprenticeship' 6834 }); 6835 " 6836 6837 > 6838 <span><span class="sr-only">Filter by </span>Modelmaking for Industry: Degree Apprenticeship</span> 6839 </button> 6840 </li> 6841 <li 6842 class="js-dropdown-item" 6843 role="option" 6844 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-m-res-arts').toString()" 6845 aria-selected="false" 6846 > 6847 <button 6848 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6849 type="button" 6850 @click=" 6851 window.location.href = 'https://aub.ac.uk/news/all/mres-arts'; 6852 window.dataLayer = window.dataLayer || []; 6853 window.dataLayer.push({ 6854 'event': 'dropdown_clicked', 6855 'dynamicName': '
6855span-class-sr-only-filter-by-span-m-res-arts' 6856 }); 6857 gtm({ 6858 'event': 'ui_event', 6859 'category': 'dropdown_item', 6860 'action': 'clicked', 6861 'label': 'span-class-sr-only-filter-by-span-m-res-arts' 6862 }); 6863 " 6864 6865 > 6866 <span><span class="sr-only">Filter by </span>MRes Arts</span> 6867 </button> 6868 </li> 6869 <li 6870 class="js-dropdown-item" 6871 role="option" 6872 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-photography').toString()" 6873 aria-selected="false" 6874 > 6875 <button 6876 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6877 type="button" 6878 @click=" 6879 window.location.href = 'https://aub.ac.uk/news/all/photography'; 6880 window.dataLayer = window.dataLayer || []; 6881 window.dataLayer.push({ 6882 'event': 'dropdown_clicked', 6883 'dynamicName': 'span-class-sr-only-filter-by-span-photography' 6884 }); 6885 gtm({ 6886 'event': 'ui_event', 6887 'category': 'dropdown_item', 6888 'action': 'clicked', 6889 'label': 'span-class-sr-only-filter-by-span-photography' 6890 }); 6891 " 6892 6893 > 6894 <span><span class="sr-only">Filter by </span>Photography</span> 6895 </button> 6896 </li> 6897 <li 6898 class="js-dropdown-item" 6899 role="option" 6900 x-bind:aria-selected="(selectValue == 'span-class-sr-only-filter-by-span-textiles-design').toString()" 6901 aria-selected="false" 6902 > 6903 <button 6904 class="hover:opacity-50 duration-300 text-xs p-2 block font-black uppercase w-full text-center" 6905 type="button" 6906 @click=" 6907 window.location.href = 'https://aub.ac.uk/news/all/textiles-design'; 6908 window.dataLayer = window.dataLayer || []; 6909 window.dataLayer.push({ 6910 'event': 'dropdown_clicked', 6911 'dynamicName': '
6911span-class-sr-only-filter-by-span-textiles-design' 6912 }); 6913 gtm({ 6914 'event': 'ui_event', 6915 'category': 'dropdown_item', 6916 'action': 'clicked', 6917 'label': 'span-class-sr-only-filter-by-span-textiles-design' 6918 }); 6919 " 6920 6921 > 6922 <span><span class="sr-only">Filter by </span>Textiles Design</span> 6923 </button> 6924 </li> 6925 </ul> 6926 </div> 6927 </div> 6928 </div> 6929 6930 <div 6931 class="bg-dim-500 w-screen h-screen fixed inset-0 z-10" 6932 x-show="open" 6933 x-cloak 6934 x-bind:aria-hidden="!open" 6935 @click.away=" 6936 open = false; 6937 focusTrap.deactivate(); 6938 $refs.trigger.focus(); 6939 " 6940 x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" 6941 x-transition:enter-start="opacity-0" 6942 x-transition:enter-end="opacity-100" 6943 x-transition:leave="transition motion-reduce:transition-none ease-in duration-300" 6944 x-transition:leave-start="opacity-100" 6945 x-transition:leave-end="opacity-0"> 6946 </div> 6947 </div> 6948 6949 6950 </div> 6951 </div> 6952 </div> 6953 </section> 6954 6955 <div class="pb-20 md:pb-16 lg:pb-12"> 6956 <section class="contain-lg"> 6957 6958 6959 <div class="hidden lg:block mb-10 md:mb-12 lg:mb-16"> 6960 <div class="flex flex-row flex-nowrap w-full gap-10"> 6961 <div class="w-full md:w-4/6 lg:w-2/6"> 6962 6963 <a href="https://aub.ac.uk/latest/aub-alumna-leads-inspiring-creative-writing-workshop-for-arts-by-the-sea" aria-label="AUB Alumna leads inspiring creative writing workshop for Arts by the Sea" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 6964 6965 <div class="relative"> 6966 6967 6968 6969 6970<div class="relative mb-4" 6971 > 6972 6973 6974 6975 <div class="relative block h-full w-full overflow-hidden"> 6976 <img 6977 alt="A group of adults sit around a table in a meeting room, with papers, cups and a flip chart on a stand beside them." 6978 fetchpriority="low" 6979 class="w-full w-full " 6980 height="1.024" 6981 loading="lazy" 6982 sizes="100vw" 6983 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/1790842124226.publer.com.jpg" 6984 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/1790842124226.publer.com.jpg?fit=cover&gravity%5Bx%5D=0.5065&gravity%5By%5D=0.5684&height=800&width=800&s=upUILfJrhVpP4-XdbgFSYs1KTT_7pNiFQLEtPfE5UnY 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/1790842124226.publer.com.jpg?fit=cover&gravity%5Bx%5D=0.5065&gravity%5By%5D=0.5684&height=1200&width=1200&s=WIEunLV4I6TBt7_b48B7TJX0uU9Z9dx9YSeXgwSSUXo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/1790842124226.publer.com.jpg?fit=cover&gravity%5Bx%5D=0.5065&gravity%5By%5D=0.5684&height=1600&width=1600&s=NAImPmQKVGBIUcmIiZlfXLdY9LireaLQOyEGlBbTKbk 1600w" 6985 style="object-position: 50.65% 56.84%; object-fit: ; " 6986 width="1.28" 6987 > 6988 </div> 6989 6990 6991 6992 </div> 6993 6994 </div> 6995 6996 6997<div class="text-xs md:text-sm flex items-center mb-4"> 6998 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 6999 7000 <div>2 mins read time</div> 7001</div> 7002 7003 7004 <div class="font-bold md:text-xl md:leading-7"> 7005 AUB Alumna leads inspiring creative writing workshop for Arts by the Sea 7006 </div> 7007 </a> 7008 7009 </div> 7010 <div class="w-3/4 md:w-2/6 lg:w-1/6"> 7011 7012 <a href="https://aub.ac.uk/latest/aubs-palace-court-theatre-shines-light-on-educational-inclusion-with-landmark-boys-impact-conference-reception" aria-label="AUBâs Palace Court Theatre shines light on educational inclusion with landmark Boysâ Impact Conference reception" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7013 7014 <div class="relative"> 7015 7016 7017 7018 7019<div class="relative mb-4" 7020 > 7021 7022 7023 7024 <div class="relative block h-full w-full overflow-hidden"> 7025 <img 7026 alt="Five young men stand and sit on a dark stage with red lighting, with a drum kit and speakers in the background." 7027 fetchpriority="low" 7028 class="w-full w-full " 7029 height="1" 7030 loading="lazy" 7031 sizes="100vw" 7032 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/20260909_BoysImpact_Conference_210-FullRes-300dpi.jpg" 7033 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/20260909_BoysImpact_Conference_210-FullRes-300dpi.jpg?fit=cover&gravity%5Bx%5D=0.515&gravity%5By%5D=0.2809&height=400&width=800&s=4WXI33ryonjNFYnk4BzMmuRJsSSXXzNHZOFDQ11ijcc 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/20260909_BoysImpact_Conference_210-FullRes-300dpi.jpg?fit=cover&gravity%5Bx%5D=0.515&gravity%5By%5D=0.2809&height=600&width=1200&s=LVLCIdmow50Na7ENbf_X_zyYCbcyKZq4r4dgAccNff4 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/20260909_BoysImpact_Conference_210-FullRes-300dpi.jpg?fit=cover&gravity%5Bx%5D=0.515&gravity%5By%5D=0.2809&height=800&width=1600&s=pxNtOmwhIZgwOO4m1Z6Ry7V4PVglm73dWa_VQgcm4m4 1600w" 7034 style="object-position: 51.5% 28.09%; object-fit: ; " 7035 width="2.5" 7036 > 7037 </div> 7038 7039 7040 7041 </div> 7042 7043 </div> 7044 7045 7046<div class="text-xs md:text-sm flex items-center mb-4"> 7047 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7048 7049 <div>2 mins read time</div> 7050</div> 7051 7052 7053 <div class="font-bold md:text-xl md:leading-7"> 7054 AUBâs Palace Court Theatre shines light on educational inclusion with landmark Boysâ Impact Conference reception 7055 </div> 7056 </a> 7057 7058 </div> 7059 7060 <div class="w-full md:w-2/6 lg:w-2/6"> 7061 7062 <a href="https://aub.ac.uk/latest/aub-students-bring-hope-and-innovation-to-community-fashion-show" aria-label="AUB students bring hope and innovation to community fashion show" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7063 7064 <div class="relative"> 7065 7066 7067 7068 7069<div class="relative mb-4" 7070 > 7071 7072 7073 7074 <div class="relative block h-full w-full overflow-hidden"> 7075 <img 7076 alt="A person in a patchwork green outfit with a floral wreath and red face covering holds a
7076small brass pan aloft against a grey studio background." 7077 fetchpriority="low" 7078 class="w-full w-full " 7079 height="0.986" 7080 loading="lazy" 7081 sizes="100vw" 7082 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC4112-copy.jpeg" 7083 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC4112-copy.jpeg?fit=cover&gravity%5Bx%5D=0.5308&gravity%5By%5D=0.0896&width=800&s=RwNgT0R8Vd8QDKx0l40Ccs3KLQkzrdqQGtULnTpnQ0c 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC4112-copy.jpeg?fit=cover&gravity%5Bx%5D=0.5308&gravity%5By%5D=0.0896&width=1200&s=r8tnJAN5ZY3D-ANqnxFEK1UfgGz0Y3QZRLqxaUkZIgQ 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC4112-copy.jpeg?fit=cover&gravity%5Bx%5D=0.5308&gravity%5By%5D=0.0896&width=1600&s=qAoNlfGiVkQSb7af9vw5Nlz8PDJhN8PTdIFu71w22FY 1600w" 7084 style="object-position: 53.08% 8.96%; object-fit: ; " 7085 width="1.0954166666667" 7086 > 7087 </div> 7088 7089 7090 7091 </div> 7092 7093 </div> 7094 7095 7096<div class="text-xs md:text-sm flex items-center mb-4"> 7097 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7098 7099 <div>3 mins read time</div> 7100</div> 7101 7102 7103 <div class="font-bold md:text-xl md:leading-7"> 7104 AUB students bring hope and innovation to community fashion show 7105 </div> 7106 </a> 7107 7108 </div> 7109 7110 <div class="w-3/4 md:w-4/6 lg:w-1/6"> 7111 7112 <a href="https://aub.ac.uk/latest/aub-showcases-creative-talent-at-arts-by-the-sea-festival-2026" aria-label="AUB showcases creative talent at Arts by the Sea Festival 2026" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7113 7114 <div class="relative"> 7115 7116 7117 7118 7119<div class="relative mb-4" 7120 > 7121 7122 7123 7124 <div class="relative block h-full w-full overflow-hidden"> 7125 <img 7126 alt="Two people in orange protective suits stand and sit beside a small green kiosk with large windows, in a city square with pedestrians and trees in the background." 7127 fetchpriority="low" 7128 class="w-full w-full " 7129 height="0.23025" 7130 loading="lazy" 7131 sizes="100vw" 7132 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Divers.jpeg" 7133 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Divers.jpeg?fit=cover&width=800&s=cOr90IU47odRtR4eLrmYaM410I8e4NxGvBVDMvJiVhI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Divers.jpeg?fit=cover&width=1200&s=SYfbxa4QQu_dfzW4dPlNCFWio9QeZzS7e-IfVZEd13Y 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Divers.jpeg?fit=cover&width=1600&s=VUPvuj79jlsGOS4Sz_BiSQGBTVDE3FQWH7j8H3NBOeQ 1600w" 7134 style="object-position: 50% 50%; object-fit: ; " 7135 width="0.83333333333333" 7136 > 7137 </div> 7138 7139 7140 7141 </div> 7142 7143 </div> 7144 7145 7146<div class="text-xs md:text-sm flex items-center mb-4"> 7147 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7148 7149 <div>4 mins read time</div> 7150</div> 7151 7152 7153 <div class="font-bold md:text-xl md:leading-7"> 7154 AUB showcases creative talent at Arts by the Sea Festival 2026 7155 </div> 7156 </a> 7157 7158 </div> 7159 </div> 7160 </div> 7161 7162 <div class="block lg:hidden mb-10 md:mb-12 lg:mb-16"> 7163 <div class="flex flex-col w-full gap-10 mb-10 md:flex-row md:flex-nowrap md:gap-12 md:mb-12"> 7164 <div class="w-full md:w-4/6 lg:w-2/6"> 7165 7166 <a href="https://aub.ac.uk/latest/aub-alumna-leads-inspiring-creative-writing-workshop-for-arts-by-the-sea" aria-label="AUB Alumna leads inspiring creative writing workshop for Arts by the Sea" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7167 7168 <div class="relative"> 7169 7170 7171 7172 7173<div class="relative mb-4" 7174 > 7175 7176 7177 7178 <div class="relative block h-full w-full overflow-hidden"> 7179 <img 7180 alt="A group of adults sit around a table in a meeting room, with papers, cups and a flip chart on a stand beside them." 7181 fetchpriority="low" 7182 class="w-full w-full " 7183 height="1.024" 7184 loading="lazy" 7185 sizes="100vw" 7186 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/1790842124226.publer.com.jpg" 7187 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/1790842124226.publer.com.jpg?fit=cover&gravity%5Bx%5D=0.5065&gravity%5By%5D=0.5684&height=800&width=800&s=upUILfJrhVpP4-XdbgFSYs1KTT_7pNiFQLEtPfE5UnY 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/1790842124226.publer.com.jpg?fit=cover&gravity%5Bx%5D=0.5065&gravity%5By%5D=0.5684&height=1200&width=1200&s=WIEunLV4I6TBt7_b48B7TJX0uU9Z9dx9YSeXgwSSUXo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/1790842124226.publer.com.jpg?fit=cover&gravity%5Bx%5D=0.5065&gravity%5By%5D=0.5684&height=1600&width=1600&s=NAImPmQKVGBIUcmIiZlfXLdY9LireaLQOyEGlBbTKbk 1600w" 7188 style="object-position: 50.65% 56.84%; object-fit: ; " 7189 width="1.28" 7190 > 7191 </div> 7192 7193 7194 7195 </div> 7196 7197 </div> 7198 7199 7200<div class="text-xs md:text-sm flex items-center mb-4"> 7201 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7202 7203 <div>2 mins read time</div> 7204</div> 7205 7206 7207 <div class="font-bold md:text-xl md:leading-7"> 7208 AUB Alumna leads inspiring creative writing workshop for Arts by the Sea 7209 </div> 7210 </a> 7211 7212 </div> 7213 7214 <div class="w-3/4 md:w-2/6 lg:w-1/6"> 7215 7216 <a href="https://aub.ac.uk/latest/aubs-palace-court-theatre-shines-light-on-educational-inclusion-with-landmark-boys-impact-conference-reception" aria-label="AUBâs Palace Court Theatre shines light on educational inclusion with landmark Boysâ Impact Conference reception" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7217 7218 <div class="relative"> 7219 7220 7221 7222 7223<div class="relative mb-4" 7224 > 7225 7226 7227 7228 <div class="relative block h-full w-full overflow-hidden"> 7229 <img 7230 alt="Five young men stand and sit on a dark stage with red lighting, with a drum kit and speakers in the background." 7231 fetchpriority="low" 7232 class="w-full w-full " 7233 height="1" 7234 loading="lazy" 7235 sizes="100vw" 7236 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/20260909_BoysImpact_Conference_210-FullRes-300dpi.jpg" 7237 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/20260909_BoysImpact_Conference_210-FullRes-300dpi.jpg?fit=cover&gravity%5Bx%5D=0.515&gravity%5By%5D=0.2809&height=400&width=800&s=4WXI33ryonjNFYnk4BzMmuRJsSSXXzNHZOFDQ11ijcc 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/20260909_BoysImpact_Conference_210-FullRes-300dpi.jpg?fit=cover&gravity%5Bx%5D=0.515&gravity%5By%5D=0.2809&height=600&width=1200&s=LVLCIdmow50Na7ENbf_X_zyYCbcyKZq4r4dgAccNff4 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/20260909_BoysImpact_Conference_210-FullRes-300dpi.jpg?fit=cover&gravity%5Bx%5D=0.515&gravity%5By%5D=0.2809&height=800&width=1600&s=pxNtOmwhIZgwOO4m1Z6Ry7V4PVglm73dWa_VQgcm4m4 1600w" 7238 style="object-position: 51.5% 28.09%; object-fit: ; " 7239 width="2.5" 7240 > 7241 </div> 7242 7243 7244 7245 </div> 7246 7247 </div> 7248 7249 7250<div class="text-xs md:text-sm flex items-center mb-4"> 7251 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7252 7253 <div>2 mins read time</div> 7254</div> 7255 7256 7257 <div class="font-bold md:text-xl md:leading-7"> 7258 AUBâs Palace Court Theatre shines light on educational inclusion with landmark Boysâ Impact Conference reception 7259 </div> 7260 </a> 7261 7262 </div> 7263 </div> 7264 7265 <div class="flex flex-col w-full gap-10 md:flex-row md:flex-nowrap md:gap-12"> 7266 <div class="w-full md:w-2/6 lg:w-2/6"> 7267 7268 <a href="https://aub.ac.uk/latest/aub-students-bring-hope-and-innovation-to-community-fashion-show" aria-label="AUB students bring hope and innovation to community fashion show" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7269 7270 <div class="relative"> 7271 7272 7273 7274 7275<div class="relative mb-4" 7276 > 7277 7278 7279 7280 <div class="relative block h-full w-full overflow-hidden"> 7281 <img 7282 alt="A person in a patchwork green outfit with a floral wreath and red face covering holds a
7282small brass pan aloft against a grey studio background." 7283 fetchpriority="low" 7284 class="w-full w-full " 7285 height="0.986" 7286 loading="lazy" 7287 sizes="100vw" 7288 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC4112-copy.jpeg" 7289 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC4112-copy.jpeg?fit=cover&gravity%5Bx%5D=0.5308&gravity%5By%5D=0.0896&width=800&s=RwNgT0R8Vd8QDKx0l40Ccs3KLQkzrdqQGtULnTpnQ0c 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC4112-copy.jpeg?fit=cover&gravity%5Bx%5D=0.5308&gravity%5By%5D=0.0896&width=1200&s=r8tnJAN5ZY3D-ANqnxFEK1UfgGz0Y3QZRLqxaUkZIgQ 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC4112-copy.jpeg?fit=cover&gravity%5Bx%5D=0.5308&gravity%5By%5D=0.0896&width=1600&s=qAoNlfGiVkQSb7af9vw5Nlz8PDJhN8PTdIFu71w22FY 1600w" 7290 style="object-position: 53.08% 8.96%; object-fit: ; " 7291 width="1.0954166666667" 7292 > 7293 </div> 7294 7295 7296 7297 </div> 7298 7299 </div> 7300 7301 7302<div class="text-xs md:text-sm flex items-center mb-4"> 7303 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7304 7305 <div>3 mins read time</div> 7306</div> 7307 7308 7309 <div class="font-bold md:text-xl md:leading-7"> 7310 AUB students bring hope and innovation to community fashion show 7311 </div> 7312 </a> 7313 7314 </div> 7315 7316 <div class="w-3/4 md:w-4/6 lg:w-1/6"> 7317 7318 <a href="https://aub.ac.uk/latest/aub-showcases-creative-talent-at-arts-by-the-sea-festival-2026" aria-label="AUB showcases creative talent at Arts by the Sea Festival 2026" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7319 7320 <div class="relative"> 7321 7322 7323 7324 7325<div class="relative mb-4" 7326 > 7327 7328 7329 7330 <div class="relative block h-full w-full overflow-hidden"> 7331 <img 7332 alt="Two people in orange protective suits stand and sit beside a small green kiosk with large windows, in a city square with pedestrians and trees in the background." 7333 fetchpriority="low" 7334 class="w-full w-full " 7335 height="0.23025" 7336 loading="lazy" 7337 sizes="100vw" 7338 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Divers.jpeg" 7339 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Divers.jpeg?fit=cover&width=800&s=cOr90IU47odRtR4eLrmYaM410I8e4NxGvBVDMvJiVhI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Divers.jpeg?fit=cover&width=1200&s=SYfbxa4QQu_dfzW4dPlNCFWio9QeZzS7e-IfVZEd13Y 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Divers.jpeg?fit=cover&width=1600&s=VUPvuj79jlsGOS4Sz_BiSQGBTVDE3FQWH7j8H3NBOeQ 1600w" 7340 style="object-position: 50% 50%; object-fit: ; " 7341 width="0.83333333333333" 7342 > 7343 </div> 7344 7345 7346 7347 </div> 7348 7349 </div> 7350 7351 7352<div class="text-xs md:text-sm flex items-center mb-4"> 7353 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7354 7355 <div>4 mins read time</div> 7356</div> 7357 7358 7359 <div class="font-bold md:text-xl md:leading-7"> 7360 AUB showcases creative talent at Arts by the Sea Festival 2026 7361 </div> 7362 </a> 7363 7364 </div> 7365 </div> 7366 </div> 7367 7368 7369 7370 <div class="hidden lg:block mb-10 md:mb-12 lg:mb-16"> 7371 <div class="flex flex-row flex-nowrap w-full gap-10"> 7372 <div class="w-full md:w-3/6 lg:w-2/6"> 7373 7374 <a href="https://aub.ac.uk/latest/first-year-student-film-tr
7374iumphs-with-international-awards-and-festival-success" aria-label="First-year student film triumphs with international awards and festival success" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7375 7376 <div class="relative"> 7377 7378 7379 7380 7381<div class="relative mb-4" 7382 > 7383 7384 7385 7386 <div class="relative block h-full w-full overflow-hidden"> 7387 <img 7388 alt="Two people sit on the floor against a plain wall, with a closed door on the right and a bare room around them." 7389 fetchpriority="low" 7390 class="w-full w-full " 7391 height="0.18" 7392 loading="lazy" 7393 sizes="100vw" 7394 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/IMG_6467.jpeg" 7395 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/IMG_6467.jpeg?fit=cover&gravity%5Bx%5D=0.4781&gravity%5By%5D=0.9973&width=800&s=c-i9knEHY3ug_teU-_QN36OXTGkG-cdQWZAcx7hitR4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/IMG_6467.jpeg?fit=cover&gravity%5Bx%5D=0.4781&gravity%5By%5D=0.9973&width=1200&s=3-pbYy_5O3l3CmrFIf2Tbqjn1xETjiAHP3tqnEPUX7g 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/IMG_6467.jpeg?fit=cover&gravity%5Bx%5D=0.4781&gravity%5By%5D=0.9973&width=1600&s=mPyiIhrj3sHZO3v--EgWF337rL8pYX22LSLljhg2C3A 1600w" 7396 style="object-position: 47.81% 99.73%; object-fit: ; " 7397 width="0.53333333333333" 7398 > 7399 </div> 7400 7401 7402 7403 </div> 7404 7405 </div> 7406 7407 7408<div class="text-xs md:text-sm flex items-center mb-4"> 7409 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7410 7411 <div>3 mins read time</div> 7412</div> 7413 7414 7415 <div class="font-bold md:text-xl md:leading-7"> 7416 First-year student film triumphs with international awards and festival success 7417 </div> 7418 </a> 7419 7420 </div> 7421 <div class="w-3/4 md:w-3/6 lg:w-2/6"> 7422 7423 <a href="https://aub.ac.uk/latest/aub-researchers-showcase-innovative-macramé-framework-at-imperial-college-london" aria-label="AUB researchers showcase innovative macramé framework at Imperial College London" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7424 7425 <div class="relative"> 7426 7427 7428 7429 7430<div class="relative mb-4" 7431 > 7432 7433 7434 7435 <div class="relative block h-full w-full overflow-hidden"> 7436 <img 7437 alt="A colourful macramé wall hanging with cream, green, pink and teal cords, decorated with wooden beads against a plain white background." 7438 fetchpriority="low" 7439 class="w-full w-full " 7440 height="0.27" 7441 loading="lazy" 7442 sizes="100vw" 7443 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Credit-Fin-MacMillan.jpg" 7444 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Credit-Fin-MacMillan.jpg?fit=cover&width=800&s=CZSZN-FBOnI9X5uk58QLWRbtDrGN5F8BYLbEqg9SvdQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Credit-Fin-MacMillan.jpg?fit=cover&width=1200&s=kgXxxpK6kBv31tIPVlohjyIwD8k7Ec2oaSfv7O9czxo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Credit-Fin-MacMillan.jpg?fit=cover&width=1600&s=w9UmytK8Fksla7GlDBd7o533DSRLXF4aqk6U-s39RB8 1600w" 7445 style="object-position: 50% 50%; object-fit: ; " 7446 width="0.45" 7447 > 7448 </div> 7449 7450 7451 7452 </div> 7453 7454 </div> 7455 7456 7457<div class="text-xs md:text-sm flex items-center mb-4"> 7458 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7459 7460 <div>2 mins read time</div> 7461</div> 7462 7463 7464 <div class="font-bold md:text-xl md:leading-7"> 7465 AUB researchers showcase innovative macramé framework at Imperial College London 7466 </div> 7467 </a> 7468 7469 </div> 7470 7471 <div class="w-full md:w-4/6 lg:w-1/6"> 7472 7473 <a href="https://aub.ac.uk/latest/aub-costume-archive-unveils-historic-wedding-dresses-in-new-exhibition" aria-label="AUB Costume Archive unveils historic wedding dresses in new exhibition" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7474 7475 <div class="relative"> 7476 7477 7478 7479 7480<div class="relative mb-4" 7481 > 7482 7483 7484 7485 <div class="relative block h-full w-full overflow-hidden"> 7486 <img 7487 alt="A cream satin dress with long puffed sleeves and beaded heart details, shown against a black background." 7488 fetchpriority="low" 7489 class="w-full w-full " 7490 height="0.33325" 7491 loading="lazy" 7492 sizes="100vw" 7493 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Something-Borrowed-372.jpg" 7494 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Something-Borrowed-372.jpg?fit=cover&width=800&s=47VatLC4Qh5VSs-CJ6QLrruwI-6tpWlFoZCYigg8lGQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Something-Borrowed-372.jpg?fit=cover&width=1200&s=bcl8AXml5Z3d1HAehmEOi3ridcPi0gw-2HNlJ46KFcM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Something-Borrowed-372.jpg?fit=cover&width=1600&s=CQKXUE098_CdBEW4ahZ8ydI64oBDQScVsiDBVd_JHk8 1600w" 7495 style="object-position: 50% 50%; object-fit: ; " 7496 width="0.83333333333333" 7497 > 7498 </div> 7499 7500 7501 7502 </div> 7503 7504 </div> 7505 7506 7507<div class="text-xs md:text-sm flex items-center mb-4"> 7508 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7509 7510 <div>3 mins read time</div> 7511</div> 7512 7513 7514 <div class="font-bold md:text-xl md:leading-7"> 7515 AUB Costume Archive unveils historic wedding dresses in new exhibition 7516 </div> 7517 </a> 7518 7519 </div> 7520 7521 <div class="w-3/4 md:w-2/6 lg:w-1/6"> 7522 7523 <a href="https://aub.ac.uk/latest/aub-academy-tutor-makes-finals-in-saa-artists-of-the-year-awards" aria-label="AUB Academy tutor makes finals in SAA Artists of the Year Awards" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7524 7525 <div class="relative"> 7526 7527 7528 7529 7530<div class="relative mb-4" 7531 > 7532 7533 7534 7535 <div class="relative block h-full w-full overflow-hidden"> 7536 <img 7537 alt="A convex mirror reflecting a group of people standing in a subway station. The scene includes a tiled wall, a partially visible platform, and the people holding a smartphone, with some in casual clothing." 7538 fetchpriority="low" 7539 class="w-full w-full " 7540 height="0.1945" 7541 loading="lazy" 7542 sizes="100vw" 7543 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/On-the-Underground-Laura-Wyatt.jpg" 7544 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/On-the-Underground-Laura-Wyatt.jpg?fit=cover&width=800&s=FuHnizX7JjcIDhbtj1IE0WeMoLTG2NxsBTml4olLMgU 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/On-the-Underground-Laura-Wyatt.jpg?fit=cover&width=1200&s=x8JWerhF-UQGexu7OkJ-aHCS8qxuJY6_nzPLn4V36Oc 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/On-the-Underground-Laura-Wyatt.jpg?fit=cover&width=1600&s=ui-QbRMVcpgNjWeCSGdRGwGOTHeqt6yDR8sryp_fMBE 1600w" 7545 style="object-position: 50% 50%; object-fit: ; " 7546 width="0.41666666666667" 7547 > 7548 </div> 7549 7550 7551 7552 </div> 7553 7554 </div> 7555 7556 7557<div class="text-xs md:text-sm flex items-center mb-4"> 7558 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7559 7560 <div>2 mins read time</div> 7561</div> 7562 7563 7564 <div class="font-bold md:text-xl md:leading-7"> 7565 AUB Academy tutor makes finals in SAA Artists of the Year Awards 7566 </div> 7567 </a> 7568 7569 </div> 7570 </div> 7571 </div> 7572 7573 <div class="block lg:hidden mb-10 md:mb-12 lg:mb-16"> 7574 <div class="flex flex-col w-full gap-10 mb-10 md:flex-row md:flex-nowrap md:gap-12 md:mb-12"> 7575 <div class="w-full md:w-3/6 lg:w-2/6"> 7576 7577 <a href="https://aub.ac.uk/latest/first-year-student-film-tr
7577iumphs-with-international-awards-and-festival-success" aria-label="First-year student film triumphs with international awards and festival success" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7578 7579 <div class="relative"> 7580 7581 7582 7583 7584<div class="relative mb-4" 7585 > 7586 7587 7588 7589 <div class="relative block h-full w-full overflow-hidden"> 7590 <img 7591 alt="Two people sit on the floor against a plain wall, with a closed door on the right and a bare room around them." 7592 fetchpriority="low" 7593 class="w-full w-full " 7594 height="0.18" 7595 loading="lazy" 7596 sizes="100vw" 7597 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/IMG_6467.jpeg" 7598 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/IMG_6467.jpeg?fit=cover&gravity%5Bx%5D=0.4781&gravity%5By%5D=0.9973&width=800&s=c-i9knEHY3ug_teU-_QN36OXTGkG-cdQWZAcx7hitR4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/IMG_6467.jpeg?fit=cover&gravity%5Bx%5D=0.4781&gravity%5By%5D=0.9973&width=1200&s=3-pbYy_5O3l3CmrFIf2Tbqjn1xETjiAHP3tqnEPUX7g 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/IMG_6467.jpeg?fit=cover&gravity%5Bx%5D=0.4781&gravity%5By%5D=0.9973&width=1600&s=mPyiIhrj3sHZO3v--EgWF337rL8pYX22LSLljhg2C3A 1600w" 7599 style="object-position: 47.81% 99.73%; object-fit: ; " 7600 width="0.53333333333333" 7601 > 7602 </div> 7603 7604 7605 7606 </div> 7607 7608 </div> 7609 7610 7611<div class="text-xs md:text-sm flex items-center mb-4"> 7612 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7613 7614 <div>3 mins read time</div> 7615</div> 7616 7617 7618 <div class="font-bold md:text-xl md:leading-7"> 7619 First-year student film triumphs with international awards and festival success 7620 </div> 7621 </a> 7622 7623 </div> 7624 7625 <div class="w-3/4 md:w-3/6 lg:w-2/6"> 7626 7627 <a href="https://aub.ac.uk/latest/aub-researchers-showcase-innovative-macramé-framework-at-imperial-college-london" aria-label="AUB researchers showcase innovative macramé framework at Imperial College London" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7628 7629 <div class="relative"> 7630 7631 7632 7633 7634<div class="relative mb-4" 7635 > 7636 7637 7638 7639 <div class="relative block h-full w-full overflow-hidden"> 7640 <img 7641 alt="A colourful macramé wall hanging with cream, green, pink and teal cords, decorated with wooden beads against a plain white background." 7642 fetchpriority="low" 7643 class="w-full w-full " 7644 height="0.27" 7645 loading="lazy" 7646 sizes="100vw" 7647 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Credit-Fin-MacMillan.jpg" 7648 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Credit-Fin-MacMillan.jpg?fit=cover&width=800&s=CZSZN-FBOnI9X5uk58QLWRbtDrGN5F8BYLbEqg9SvdQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Credit-Fin-MacMillan.jpg?fit=cover&width=1200&s=kgXxxpK6kBv31tIPVlohjyIwD8k7Ec2oaSfv7O9czxo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Credit-Fin-MacMillan.jpg?fit=cover&width=1600&s=w9UmytK8Fksla7GlDBd7o533DSRLXF4aqk6U-s39RB8 1600w" 7649 style="object-position: 50% 50%; object-fit: ; " 7650 width="0.45" 7651 > 7652 </div> 7653 7654 7655 7656 </div> 7657 7658 </div> 7659 7660 7661<div class="text-xs md:text-sm flex items-center mb-4"> 7662 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7663 7664 <div>2 mins read time</div> 7665</div> 7666 7667 7668 <div class="font-bold md:text-xl md:leading-7"> 7669 AUB researchers showcase innovative macramé framework at Imperial College London 7670 </div> 7671 </a> 7672 7673 </div> 7674 </div> 7675 7676 <div class="flex flex-col w-full gap-10 md:flex-row md:flex-nowrap md:gap-12"> 7677 <div class="w-full md:w-4/6 lg:w-1/6"> 7678 7679 <a href="https://aub.ac.uk/latest/aub-costume-archive-unveils-historic-wedding-dresses-in-new-exhibition" aria-label="AUB Costume Archive unveils historic wedding dresses in new exhibition" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7680 7681 <div class="relative"> 7682 7683 7684 7685 7686<div class="relative mb-4" 7687 > 7688 7689 7690 7691 <div class="relative block h-full w-full overflow-hidden"> 7692 <img 7693 alt="A cream satin dress with long puffed sleeves and beaded heart details, shown against a black background." 7694 fetchpriority="low" 7695 class="w-full w-full " 7696 height="0.33325" 7697 loading="lazy" 7698 sizes="100vw" 7699 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Something-Borrowed-372.jpg" 7700 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Something-Borrowed-372.jpg?fit=cover&width=800&s=47VatLC4Qh5VSs-CJ6QLrruwI-6tpWlFoZCYigg8lGQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Something-Borrowed-372.jpg?fit=cover&width=1200&s=bcl8AXml5Z3d1HAehmEOi3ridcPi0gw-2HNlJ46KFcM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Something-Borrowed-372.jpg?fit=cover&width=1600&s=CQKXUE098_CdBEW4ahZ8ydI64oBDQScVsiDBVd_JHk8 1600w" 7701 style="object-position: 50% 50%; object-fit: ; " 7702 width="0.83333333333333" 7703 > 7704 </div> 7705 7706 7707 7708 </div> 7709 7710 </div> 7711 7712 7713<div class="text-xs md:text-sm flex items-center mb-4"> 7714 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7715 7716 <div>3 mins read time</div> 7717</div> 7718 7719 7720 <div class="font-bold md:text-xl md:leading-7"> 7721 AUB Costume Archive unveils historic wedding dresses in new exhibition 7722 </div> 7723 </a> 7724 7725 </div> 7726 7727 <div class="w-3/4 md:w-2/6 lg:w-1/6"> 7728 7729 <a href="https://aub.ac.uk/latest/aub-academy-tutor-makes-finals-in-saa-artists-of-the-year-awards" aria-label="AUB Academy tutor makes finals in SAA Artists of the Year Awards" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7730 7731 <div class="relative"> 7732 7733 7734 7735 7736<div class="relative mb-4" 7737 > 7738 7739 7740 7741 <div class="relative block h-full w-full overflow-hidden"> 7742 <img 7743 alt="A convex mirror reflecting a group of people standing in a subway station. The scene includes a tiled wall, a partially visible platform, and the people holding a smartphone, with some in casual clothing." 7744 fetchpriority="low" 7745 class="w-full w-full " 7746 height="0.1945" 7747 loading="lazy" 7748 sizes="100vw" 7749 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/On-the-Underground-Laura-Wyatt.jpg" 7750 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/On-the-Underground-Laura-Wyatt.jpg?fit=cover&width=800&s=FuHnizX7JjcIDhbtj1IE0WeMoLTG2NxsBTml4olLMgU 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/On-the-Underground-Laura-Wyatt.jpg?fit=cover&width=1200&s=x8JWerhF-UQGexu7OkJ-aHCS8qxuJY6_nzPLn4V36Oc 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/On-the-Underground-Laura-Wyatt.jpg?fit=cover&width=1600&s=ui-QbRMVcpgNjWeCSGdRGwGOTHeqt6yDR8sryp_fMBE 1600w" 7751 style="object-position: 50% 50%; object-fit: ; " 7752 width="0.41666666666667" 7753 > 7754 </div> 7755 7756 7757 7758 </div> 7759 7760 </div> 7761 7762 7763<div class="text-xs md:text-sm flex items-center mb-4"> 7764 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7765 7766 <div>2 mins read time</div> 7767</div> 7768 7769 7770 <div class="font-bold md:text-xl md:leading-7"> 7771 AUB Academy tutor makes finals in SAA Artists of the Year Awards 7772 </div> 7773 </a> 7774 7775 </div> 7776 </div> 7777 </div> 7778 7779 7780 7781 <div class="hidden lg:block mb-10 md:mb-12 lg:mb-16"> 7782 <div class="flex flex-row flex-nowrap w-full gap-10"> 7783 <div class="w-full md:w-2/6 lg:w-1/6"> 7784 7785 <a href="https://aub.ac.uk/latest/aub-academy-photographers-to-feature-in-arts-by-the-sea-exhibition" aria-label="AUB Academy photographers to feature in Arts by the Sea exhibition" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7786 7787 <div class="relative"> 7788 7789 7790 7791 7792<div class="relative mb-4" 7793 > 7794 7795 7796 7797 <div class="relative block h-full w-full overflow-hidden"> 7798 <img 7799 alt="A row of fishing boats moored in a harbour, with masts and rigging reflected in calm water under a grey sky." 7800 fetchpriority="low" 7801 class="w-full w-full " 7802 height="0.2815" 7803 loading="lazy" 7804 sizes="100vw" 7805 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Working-Harbour.jpg" 7806 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Working-Harbour.jpg?fit=cover&width=800&s=bNvEl1IGDdgwk_gJveECsls1CiUi9KA4Cb-Kner6ZA8 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Working-Harbour.jpg?fit=cover&width=1200&s=1TVn0WKgXSdAnH9tYXmXKmBsZdPUi7tmESp4ktjRcfQ 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Working-Harbour.jpg?fit=cover&width=1600&s=0Kt1__E6ca3WrW3zPTSXBV3HZNFjvJiDyjUjoFFMz-4 1600w" 7807 style="object-position: 50% 50%; object-fit: ; " 7808 width="0.83333333333333" 7809 > 7810 </div> 7811 7812 7813 7814 </div> 7815 7816 </div> 7817 7818 7819<div class="text-xs md:text-sm flex items-center mb-4"> 7820 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7821 7822 <div>12 mins read time</div> 7823</div> 7824 7825 7826 <div class="font-bold md:text-xl md:leading-7"> 7827 AUB Academy photographers to feature in Arts by the Sea exhibition 7828 </div> 7829 </a> 7830 7831 </div> 7832 <div class="w-3/4 md:w-4/6 lg:w-1/6"> 7833 7834 <a href="https://aub.ac.uk/latest/ba-hons-graphic-design-alumna-brings-creative-calm-workshops-to-arts-by-the-sea-2026-programme" aria-label="BA (Hons) Graphic Design alumna brings Creative
7834Calm workshops to Arts by the Sea 2026 programme" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7835 7836 <div class="relative"> 7837 7838 7839 7840 7841<div class="relative mb-4" 7842 > 7843 7844 7845 7846 <div class="relative block h-full w-full overflow-hidden"> 7847 <img 7848 alt="Headshot for T Blanshard-Phibbs" 7849 fetchpriority="low" 7850 class="w-full w-full " 7851 height="0.2955" 7852 loading="lazy" 7853 sizes="100vw" 7854 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tessa-Blanshard-Phibbs.jpg" 7855 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tessa-Blanshard-Phibbs.jpg?fit=cover&width=800&s=lgSEukpTTdqJUmDT-E8jJVPpJjemA-GLRV0sCtflLnQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tessa-Blanshard-Phibbs.jpg?fit=cover&width=1200&s=Lnx_iFAkVQfCSDAojxMqybWg_d6ZkESghvbrBtqt99k 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tessa-Blanshard-Phibbs.jpg?fit=cover&width=1600&s=-vSkvfEJF41SVgJfdhzAradDJYSpqTFM1PElRUoU10g 1600w" 7856 style="object-position: 50% 50%; object-fit: ; " 7857 width="0.73875" 7858 > 7859 </div> 7860 7861 7862 7863 </div> 7864 7865 </div> 7866 7867 7868<div class="text-xs md:text-sm flex items-center mb-4"> 7869 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7870 7871 <div>3 mins read time</div> 7872</div> 7873 7874 7875 <div class="font-bold md:text-xl md:leading-7"> 7876 BA (Hons) Graphic Design alumna brings Creative Calm workshops to Arts by the Sea 2026 programme 7877 </div> 7878 </a> 7879 7880 </div> 7881 7882 <div class="w-full md:w-3/6 lg:w-2/6"> 7883 7884 <a href="https://aub.ac.uk/latest/writing-the-elements-ma-creative-writing-online-alumna-to-host-workshop-at-arts-by-the-sea" aria-label="Writing the Elements: MA Creative Writing (Online) alumna to host workshop at Arts by the Sea" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7885 7886 <div class="relative"> 7887 7888 7889 7890 7891<div class="relative mb-4" 7892 > 7893 7894 7895 7896 <div class="relative block h-full w-full overflow-hidden"> 7897 <img 7898 alt="L Flynn standing beside a stripy black and white mural with trees in background." 7899 fetchpriority="low" 7900 class="w-full w-full " 7901 height="0.5" 7902 loading="lazy" 7903 sizes="100vw" 7904 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Louisa-Flynn-credit-Clare-Johnson.jpg" 7905 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Louisa-Flynn-credit-Clare-Johnson.jpg?fit=cover&gravity%5Bx%5D=0.3626&gravity%5By%5D=0.3668&width=800&s=OI0XZEYV8Tfq2RdbvFcHmSPqMGhX_kGQ6v99fgXt4Ag 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Louisa-Flynn-credit-Clare-Johnson.jpg?fit=cover&gravity%5Bx%5D=0.3626&gravity%5By%5D=0.3668&width=1200&s=mv1fyUEejHRf4uY9p-uyxh1WP3D5zDI3jCdxxABu5l8 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Louisa-Flynn-credit-Clare-Johnson.jpg?fit=cover&gravity%5Bx%5D=0.3626&gravity%5By%5D=0.3668&width=1600&s=qMtuQk34lu1Bj-_-cGG0hJEGiUYEzGYuCpaCGP8juCs 1600w" 7906 style="object-position: 36.26% 36.68%; object-fit: ; " 7907 width="0.55541666666667" 7908 > 7909 </div> 7910 7911 7912 7913 </div> 7914 7915 </div> 7916 7917 7918<div class="text-xs md:text-sm flex items-center mb-4"> 7919 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7920 7921 <div>2 mins read time</div> 7922</div> 7923 7924 7925 <div class="font-bold md:text-xl md:leading-7"> 7926 Writing the Elements: MA Creative Writing (Online) alumna to host workshop at Arts by the Sea 7927 </div> 7928 </a> 7929 7930 </div> 7931 7932 <div class="w-3/4 md:w-3/6 lg:w-2/6"> 7933 7934 <a href="https://aub.ac.uk/latest/the-art-of-sound-ba-hons-modelmaking-graduate-brings-hearing-colours-to-arts-by-the-sea-fringe" aria-label="The Art of Sound: BA (Hons) Modelmaking graduate brings "Hearing Colours" to Arts by the Sea Fringe" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7935 7936 <div class="relative"> 7937 7938 7939 7940 7941<div class="relative mb-4" 7942 > 7943 7944 7945 7946 <div class="relative block h-full w-full overflow-hidden"> 7947 <img 7948 alt="S Edwards standing with his fingers in his ears in front of two giant speakers." 7949 fetchpriority="low" 7950 class="w-full w-full " 7951 height="0.5" 7952 loading="lazy" 7953 sizes="100vw" 7954 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Sam-Edwards-ABTS.jpg" 7955 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Sam-Edwards-ABTS.jpg?fit=cover&gravity%5Bx%5D=0.5264&gravity%5By%5D=0.329&width=800&s=ECaxw4t44iA6kHikJYvI_xKUl8fYaScmuJVC8bKH6r8 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Sam-Edwards-ABTS.jpg?fit=cover&gravity%5Bx%5D=0.5264&gravity%5By%5D=0.329&width=1200&s=w1JSPUwbnKJ8w15FjsCAEqsjKGTNCUa0L7O3-9rfyfs 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Sam-Edwards-ABTS.jpg?fit=cover&gravity%5Bx%5D=0.5264&gravity%5By%5D=0.329&width=1600&s=couMKTc71R-W5bPLpTybqcrpeLnOLc5KTaeVIQ7C_9w 1600w" 7956 style="object-position: 52.64% 32.9%; object-fit: ; " 7957 width="0.63708333333333" 7958 > 7959 </div> 7960 7961 7962 7963 </div> 7964 7965 </div> 7966 7967 7968<div class="text-xs md:text-sm flex items-center mb-4"> 7969 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 7970 7971 <div>4 mins read time</div> 7972</div> 7973 7974 7975 <div class="font-bold md:text-xl md:leading-7"> 7976 The Art of Sound: BA (Hons) Modelmaking graduate brings "Hearing Colours" to Arts by the Sea Fringe 7977 </div> 7978 </a> 7979 7980 </div> 7981 </div> 7982 </div> 7983 7984 <div class="block lg:hidden mb-10 md:mb-12 lg:mb-16"> 7985 <div class="flex flex-col w-full gap-10 mb-10 md:flex-row md:flex-nowrap md:gap-12 md:mb-12"> 7986 <div class="w-full md:w-2/6 lg:w-1/6"> 7987 7988 <a href="https://aub.ac.uk/latest/aub-academy-photographers-to-feature-in-arts-by-the-sea-exhibition" aria-label="AUB Academy photographers to feature in Arts by the Sea exhibition" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 7989 7990 <div class="relative"> 7991 7992 7993 7994 7995<div class="relative mb-4" 7996 > 7997 7998 7999 8000 <div class="relative block h-full w-full overflow-hidden"> 8001 <img 8002 alt="A row of fishing boats moored in a harbour, with masts and rigging reflected in calm water under a grey sky." 8003 fetchpriority="low" 8004 class="w-full w-full " 8005 height="0.2815" 8006 loading="lazy" 8007 sizes="100vw" 8008 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Working-Harbour.jpg" 8009 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Working-Harbour.jpg?fit=cover&width=800&s=bNvEl1IGDdgwk_gJveECsls1CiUi9KA4Cb-Kner6ZA8 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Working-Harbour.jpg?fit=cover&width=1200&s=1TVn0WKgXSdAnH9tYXmXKmBsZdPUi7tmESp4ktjRcfQ 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Working-Harbour.jpg?fit=cover&width=1600&s=0Kt1__E6ca3WrW3zPTSXBV3HZNFjvJiDyjUjoFFMz-4 1600w" 8010 style="object-position: 50% 50%; object-fit: ; " 8011 width="0.83333333333333" 8012 > 8013 </div> 8014 8015 8016 8017 </div> 8018 8019 </div> 8020 8021 8022<div class="text-xs md:text-sm flex items-center mb-4"> 8023 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8024 8025 <div>12 mins read time</div> 8026</div> 8027 8028 8029 <div class="font-bold md:text-xl md:leading-7"> 8030 AUB Academy photographers to feature in Arts by the Sea exhibition 8031 </div> 8032 </a> 8033 8034 </div> 8035 8036 <div class="w-3/4 md:w-4/6 lg:w-1/6"> 8037 8038 <a href="https://aub.ac.uk/latest/ba-hons-graphic-design-alumna-brings-creative-calm-workshops-to-arts-by-the-sea-2026-programme" aria-label="BA (Hons) Graphic Design alumna brings Creative
8038Calm workshops to Arts by the Sea 2026 programme" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8039 8040 <div class="relative"> 8041 8042 8043 8044 8045<div class="relative mb-4" 8046 > 8047 8048 8049 8050 <div class="relative block h-full w-full overflow-hidden"> 8051 <img 8052 alt="Headshot for T Blanshard-Phibbs" 8053 fetchpriority="low" 8054 class="w-full w-full " 8055 height="0.2955" 8056 loading="lazy" 8057 sizes="100vw" 8058 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tessa-Blanshard-Phibbs.jpg" 8059 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tessa-Blanshard-Phibbs.jpg?fit=cover&width=800&s=lgSEukpTTdqJUmDT-E8jJVPpJjemA-GLRV0sCtflLnQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tessa-Blanshard-Phibbs.jpg?fit=cover&width=1200&s=Lnx_iFAkVQfCSDAojxMqybWg_d6ZkESghvbrBtqt99k 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tessa-Blanshard-Phibbs.jpg?fit=cover&width=1600&s=-vSkvfEJF41SVgJfdhzAradDJYSpqTFM1PElRUoU10g 1600w" 8060 style="object-position: 50% 50%; object-fit: ; " 8061 width="0.73875" 8062 > 8063 </div> 8064 8065 8066 8067 </div> 8068 8069 </div> 8070 8071 8072<div class="text-xs md:text-sm flex items-center mb-4"> 8073 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8074 8075 <div>3 mins read time</div> 8076</div> 8077 8078 8079 <div class="font-bold md:text-xl md:leading-7"> 8080 BA (Hons) Graphic Design alumna brings Creative Calm workshops to Arts by the Sea 2026 programme 8081 </div> 8082 </a> 8083 8084 </div> 8085 </div> 8086 8087 <div class="flex flex-col w-full gap-10 md:flex-row md:flex-nowrap md:gap-12"> 8088 <div class="w-full md:w-3/6 lg:w-2/6"> 8089 8090 <a href="https://aub.ac.uk/latest/writing-the-elements-ma-creative-writing-online-alumna-to-host-workshop-at-arts-by-the-sea" aria-label="Writing the Elements: MA Creative Writing (Online) alumna to host workshop at Arts by the Sea" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8091 8092 <div class="relative"> 8093 8094 8095 8096 8097<div class="relative mb-4" 8098 > 8099 8100 8101 8102 <div class="relative block h-full w-full overflow-hidden"> 8103 <img 8104 alt="L Flynn standing beside a stripy black and white mural with trees in background." 8105 fetchpriority="low" 8106 class="w-full w-full " 8107 height="0.5" 8108 loading="lazy" 8109 sizes="100vw" 8110 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Louisa-Flynn-credit-Clare-Johnson.jpg" 8111 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Louisa-Flynn-credit-Clare-Johnson.jpg?fit=cover&gravity%5Bx%5D=0.3626&gravity%5By%5D=0.3668&width=800&s=OI0XZEYV8Tfq2RdbvFcHmSPqMGhX_kGQ6v99fgXt4Ag 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Louisa-Flynn-credit-Clare-Johnson.jpg?fit=cover&gravity%5Bx%5D=0.3626&gravity%5By%5D=0.3668&width=1200&s=mv1fyUEejHRf4uY9p-uyxh1WP3D5zDI3jCdxxABu5l8 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Louisa-Flynn-credit-Clare-Johnson.jpg?fit=cover&gravity%5Bx%5D=0.3626&gravity%5By%5D=0.3668&width=1600&s=qMtuQk34lu1Bj-_-cGG0hJEGiUYEzGYuCpaCGP8juCs 1600w" 8112 style="object-position: 36.26% 36.68%; object-fit: ; " 8113 width="0.55541666666667" 8114 > 8115 </div> 8116 8117 8118 8119 </div> 8120 8121 </div> 8122 8123 8124<div class="text-xs md:text-sm flex items-center mb-4"> 8125 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8126 8127 <div>2 mins read time</div> 8128</div> 8129 8130 8131 <div class="font-bold md:text-xl md:leading-7"> 8132 Writing the Elements: MA Creative Writing (Online) alumna to host workshop at Arts by the Sea 8133 </div> 8134 </a> 8135 8136 </div> 8137 8138 <div class="w-3/4 md:w-3/6 lg:w-2/6"> 8139 8140 <a href="https://aub.ac.uk/latest/the-art-of-sound-ba-hons-modelmaking-graduate-brings-hearing-colours-to-arts-by-the-sea-fringe" aria-label="The Art of Sound: BA (Hons) Modelmaking graduate brings "Hearing Colours" to Arts by the Sea Fringe" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8141 8142 <div class="relative"> 8143 8144 8145 8146 8147<div class="relative mb-4" 8148 > 8149 8150 8151 8152 <div class="relative block h-full w-full overflow-hidden"> 8153 <img 8154 alt="S Edwards standing with his fingers in his ears in front of two giant speakers." 8155 fetchpriority="low" 8156 class="w-full w-full " 8157 height="0.5" 8158 loading="lazy" 8159 sizes="100vw" 8160 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Sam-Edwards-ABTS.jpg" 8161 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Sam-Edwards-ABTS.jpg?fit=cover&gravity%5Bx%5D=0.5264&gravity%5By%5D=0.329&width=800&s=ECaxw4t44iA6kHikJYvI_xKUl8fYaScmuJVC8bKH6r8 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Sam-Edwards-ABTS.jpg?fit=cover&gravity%5Bx%5D=0.5264&gravity%5By%5D=0.329&width=1200&s=w1JSPUwbnKJ8w15FjsCAEqsjKGTNCUa0L7O3-9rfyfs 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Sam-Edwards-ABTS.jpg?fit=cover&gravity%5Bx%5D=0.5264&gravity%5By%5D=0.329&width=1600&s=couMKTc71R-W5bPLpTybqcrpeLnOLc5KTaeVIQ7C_9w 1600w" 8162 style="object-position: 52.64% 32.9%; object-fit: ; " 8163 width="0.63708333333333" 8164 > 8165 </div> 8166 8167 8168 8169 </div> 8170 8171 </div> 8172 8173 8174<div class="text-xs md:text-sm flex items-center mb-4"> 8175 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8176 8177 <div>4 mins read time</div> 8178</div> 8179 8180 8181 <div class="font-bold md:text-xl md:leading-7"> 8182 The Art of Sound: BA (Hons) Modelmaking graduate brings "Hearing Colours" to Arts by the Sea Fringe 8183 </div> 8184 </a> 8185 8186 </div> 8187 </div> 8188 </div> 8189 8190 8191 8192 <div class="hidden lg:block mb-10 md:mb-12 lg:mb-16"> 8193 <div class="flex flex-row flex-nowrap w-full gap-10"> 8194 <div class="w-full md:w-4/6 lg:w-1/6"> 8195 8196 <a href="https://aub.ac.uk/latest/ma-fine-art-alumna-featuring-at-arts-by-the-sea-with-speculative-augmented-reality-project" aria-label="MA Fine Art alumna featuring at Arts by the Sea with speculative augmented reality project" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8197 8198 <div class="relative"> 8199 8200 8201 8202 8203<div class="relative mb-4" 8204 > 8205 8206 8207 8208 <div class="relative block h-full w-full overflow-hidden"> 8209 <img 8210 alt="A green storefront for Dragon Snake Daycare stands in a paved pedestrian street, with shops on either side and a graffiti-covered wall to the right." 8211 fetchpriority="low" 8212 class="w-full w-full " 8213 height="0.23025" 8214 loading="lazy" 8215 sizes="100vw" 8216 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Dragon-Day-Care.JPG" 8217 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Dragon-Day-Care.JPG?fit=cover&width=800&s=CZGIbNTLQLw8DuyygD_rXdbo3p8N-7QWs2xlEd6CzOI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Dragon-Day-Care.JPG?fit=cover&width=1200&s=5g2wJLRlt9RWGOF80ZLX3rLKlYzZrHKW8BH4B6yWwdU 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Dragon-Day-Care.JPG?fit=cover&width=1600&s=p1t-Km5A0ooHwb_u-05xRq86URomTBHLRHd-r-2Dlwk 1600w" 8218 style="object-position: 50% 50%; object-fit: ; " 8219 width="0.83333333333333" 8220 > 8221 </div> 8222 8223 8224 8225 </div> 8226 8227 </div> 8228 8229 8230<div class="text-xs md:text-sm flex items-center mb-4"> 8231 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8232 8233 <div>2 mins read time</div> 8234</div> 8235 8236 8237 <div class="font-bold md:text-xl md:leading-7"> 8238 MA Fine Art alumna featuring at Arts by the Sea with speculative augmented reality project 8239 </div> 8240 </a> 8241 8242 </div> 8243 <div class="w-3/4 md:w-2/6 lg:w-2/6"> 8244 8245 <a href="https://aub.ac.uk/latest/aub-partners-with-dorset-business-angels-to-prepare-creative-student-enterprises-for-investment" aria-label="AUB partners with Dorset Business Angels to prepare creative student enterprises for investment"
8245class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8246 8247 <div class="relative"> 8248 8249 8250 8251 8252<div class="relative mb-4" 8253 > 8254 8255 8256 8257 <div class="relative block h-full w-full overflow-hidden"> 8258 <img 8259 alt="Portrait of M Patrick" 8260 fetchpriority="low" 8261 class="w-full w-full " 8262 height="0.5" 8263 loading="lazy" 8264 sizes="100vw" 8265 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Mehjabeen.jpg" 8266 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Mehjabeen.jpg?fit=cover&gravity%5Bx%5D=0.4944&gravity%5By%5D=0.1889&width=800&s=AFLIa1V1E6tJ2SJY87lNLN3jITH8sKAsY-yw_s1lQnk 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Mehjabeen.jpg?fit=cover&gravity%5Bx%5D=0.4944&gravity%5By%5D=0.1889&width=1200&s=ag325Q90TmMQbSgIYJHN7FUZwBLH4piF1Iq2Jcqx-AI 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Mehjabeen.jpg?fit=cover&gravity%5Bx%5D=0.4944&gravity%5By%5D=0.1889&width=1600&s=C7d47jWCRg8ViQpCGvF-wSHRm7Q9DsUXNNHSU2Jw4gs 1600w" 8267 style="object-position: 49.44% 18.89%; object-fit: ; " 8268 width="0.55583333333333" 8269 > 8270 </div> 8271 8272 8273 8274 </div> 8275 8276 </div> 8277 8278 8279<div class="text-xs md:text-sm flex items-center mb-4"> 8280 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8281 8282 <div>2 mins read time</div> 8283</div> 8284 8285 8286 <div class="font-bold md:text-xl md:leading-7"> 8287 AUB partners with Dorset Business Angels to prepare creative student enterprises for investment 8288 </div> 8289 </a> 8290 8291 </div> 8292 8293 <div class="w-full md:w-2/6 lg:w-1/6"> 8294 8295 <a href="https://aub.ac.uk/latest/ma-film-practice-online-thesis-film-selected-for-international-film-festival" aria-label="MA Film Practice (Online) thesis film selected for international film festival" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8296 8297 <div class="relative"> 8298 8299 8300 8301 8302<div class="relative mb-4" 8303 > 8304 8305 8306 8307 <div class="relative block h-full w-full overflow-hidden"> 8308 <img 8309 alt="Film still of three people riding a Vespa, with a mountainside in the background." 8310 fetchpriority="low" 8311 class="w-full w-full " 8312 height="0.27" 8313 loading="lazy" 8314 sizes="100vw" 8315 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/KERASI__20260424.00_12_43_04.Still024.jpg" 8316 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/KERASI__20260424.00_12_43_04.Still024.jpg?fit=cover&width=800&s=HdEl8BVITKkV1vUtRZlUryKtSsje0t4BKd05ONe6Lz4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/KERASI__20260424.00_12_43_04.Still024.jpg?fit=cover&width=1200&s=o1OYrT5viOoyMzMAwr94gUt9O53NM-J6aYErP6vSPAE 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/KERASI__20260424.00_12_43_04.Still024.jpg?fit=cover&width=1600&s=myPGqcdkL5SrGbcGTvpsXzbUwr2_LUeC1XnAnPTAp3Y 1600w" 8317 style="object-position: 50% 50%; object-fit: ; " 8318 width="0.8" 8319 > 8320 </div> 8321 8322 8323 8324 </div> 8325 8326 </div> 8327 8328 8329<div class="text-xs md:text-sm flex items-center mb-4"> 8330 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8331 8332 <div>2 mins read time</div> 8333</div> 8334 8335 8336 <div class="font-bold md:text-xl md:leading-7"> 8337 MA Film Practice (Online) thesis film selected for international film festival 8338 </div> 8339 </a> 8340 8341 </div> 8342 8343 <div class="w-3/4 md:w-4/6 lg:w-2/6"> 8344 8345 <a href="https://aub.ac.uk/latest/ba-hons-graphic-design-students-liven-up-poole-quay-with-vibrant-mural-installation" aria-label="BA (Hons) Graphic Design students liven up Poole Quay with vibrant mural installation" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8346 8347 <div class="relative"> 8348 8349 8350 8351 8352<div class="relative mb-4" 8353 > 8354 8355 8356 8357 <div class="relative block h-full w-full overflow-hidden"> 8358 <img 8359 alt="Six people stand in high-visibility yellow vests in front of a colourful mural wall, with the central man holding paint tools." 8360 fetchpriority="low" 8361 class="w-full w-full " 8362 height="0.28325" 8363 loading="lazy" 8364 sizes="100vw" 8365 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PooleKioskMural_030926_web_4.jpg" 8366 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PooleKioskMural_030926_web_4.jpg?fit=cover&width=800&s=e4c91MyP9qQk3Q8QzEsVJYgWGlJcQVagV5OsfWzedew 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PooleKioskMural_030926_web_4.jpg?fit=cover&width=1200&s=O5xor4KtHuLXnvmDiXTvpwV_9z4Sk2pFf4li30vtAtM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PooleKioskMural_030926_web_4.jpg?fit=cover&width=1600&s=D6lM7m9aJMceAHukJX48jgAxhfDw0_LFyhccBmDFuCo 1600w" 8367 style="object-position: 50% 50%; object-fit: ; " 8368 width="0.70833333333333" 8369 > 8370 </div> 8371 8372 8373 8374 </div> 8375 8376 </div> 8377 8378 8379<div class="text-xs md:text-sm flex items-center mb-4"> 8380 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8381 8382 <div>2 mins read time</div> 8383</div> 8384 8385 8386 <div class="font-bold md:text-xl md:leading-7"> 8387 BA (Hons) Graphic Design students liven up Poole Quay with vibrant mural installation 8388 </div> 8389 </a> 8390 8391 </div> 8392 </div> 8393 </div> 8394 8395 <div class="block lg:hidden mb-10 md:mb-12 lg:mb-16"> 8396 <div class="flex flex-col w-full gap-10 mb-10 md:flex-row md:flex-nowrap md:gap-12 md:mb-12"> 8397 <div class="w-full md:w-4/6 lg:w-1/6"> 8398 8399 <a href="https://aub.ac.uk/latest/ma-fine-art-alumna-featuring-at-arts-by-the-sea-with-speculative-augmented-reality-project" aria-label="MA Fine Art alumna featuring at Arts by the Sea with speculative augmented reality project" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8400 8401 <div class="relative"> 8402 8403 8404 8405 8406<div class="relative mb-4" 8407 > 8408 8409 8410 8411 <div class="relative block h-full w-full overflow-hidden"> 8412 <img 8413 alt="A green storefront for Dragon Snake Daycare stands in a paved pedestrian street, with shops on either side and a graffiti-covered wall to the right." 8414 fetchpriority="low" 8415 class="w-full w-full " 8416 height="0.23025" 8417 loading="lazy" 8418 sizes="100vw" 8419 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Dragon-Day-Care.JPG" 8420 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Dragon-Day-Care.JPG?fit=cover&width=800&s=CZGIbNTLQLw8DuyygD_rXdbo3p8N-7QWs2xlEd6CzOI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Dragon-Day-Care.JPG?fit=cover&width=1200&s=5g2wJLRlt9RWGOF80ZLX3rLKlYzZrHKW8BH4B6yWwdU 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Dragon-Day-Care.JPG?fit=cover&width=1600&s=p1t-Km5A0ooHwb_u-05xRq86URomTBHLRHd-r-2Dlwk 1600w" 8421 style="object-position: 50% 50%; object-fit: ; " 8422 width="0.83333333333333" 8423 > 8424 </div> 8425 8426 8427 8428 </div> 8429 8430 </div> 8431 8432 8433<div class="text-xs md:text-sm flex items-center mb-4"> 8434 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8435 8436 <div>2 mins read time</div> 8437</div> 8438 8439 8440 <div class="font-bold md:text-xl md:leading-7"> 8441 MA Fine Art alumna featuring at Arts by the Sea with speculative augmented reality project 8442 </div> 8443 </a> 8444 8445 </div> 8446 8447 <div class="w-3/4 md:w-2/6 lg:w-2/6"> 8448 8449 <a href="https://aub.ac.uk/latest/aub-partners-with-dorset-business-angels-to-prepare-creative-student-enterprises-for-investment" aria-label="AUB partners with Dorset Business Angels to prepare creative student enterprises for investment"
8449class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8450 8451 <div class="relative"> 8452 8453 8454 8455 8456<div class="relative mb-4" 8457 > 8458 8459 8460 8461 <div class="relative block h-full w-full overflow-hidden"> 8462 <img 8463 alt="Portrait of M Patrick" 8464 fetchpriority="low" 8465 class="w-full w-full " 8466 height="0.5" 8467 loading="lazy" 8468 sizes="100vw" 8469 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Mehjabeen.jpg" 8470 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Mehjabeen.jpg?fit=cover&gravity%5Bx%5D=0.4944&gravity%5By%5D=0.1889&width=800&s=AFLIa1V1E6tJ2SJY87lNLN3jITH8sKAsY-yw_s1lQnk 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Mehjabeen.jpg?fit=cover&gravity%5Bx%5D=0.4944&gravity%5By%5D=0.1889&width=1200&s=ag325Q90TmMQbSgIYJHN7FUZwBLH4piF1Iq2Jcqx-AI 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Mehjabeen.jpg?fit=cover&gravity%5Bx%5D=0.4944&gravity%5By%5D=0.1889&width=1600&s=C7d47jWCRg8ViQpCGvF-wSHRm7Q9DsUXNNHSU2Jw4gs 1600w" 8471 style="object-position: 49.44% 18.89%; object-fit: ; " 8472 width="0.55583333333333" 8473 > 8474 </div> 8475 8476 8477 8478 </div> 8479 8480 </div> 8481 8482 8483<div class="text-xs md:text-sm flex items-center mb-4"> 8484 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8485 8486 <div>2 mins read time</div> 8487</div> 8488 8489 8490 <div class="font-bold md:text-xl md:leading-7"> 8491 AUB partners with Dorset Business Angels to prepare creative student enterprises for investment 8492 </div> 8493 </a> 8494 8495 </div> 8496 </div> 8497 8498 <div class="flex flex-col w-full gap-10 md:flex-row md:flex-nowrap md:gap-12"> 8499 <div class="w-full md:w-2/6 lg:w-1/6"> 8500 8501 <a href="https://aub.ac.uk/latest/ma-film-practice-online-thesis-film-selected-for-international-film-festival" aria-label="MA Film Practice (Online) thesis film selected for international film festival" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8502 8503 <div class="relative"> 8504 8505 8506 8507 8508<div class="relative mb-4" 8509 > 8510 8511 8512 8513 <div class="relative block h-full w-full overflow-hidden"> 8514 <img 8515 alt="Film still of three people riding a Vespa, with a mountainside in the background." 8516 fetchpriority="low" 8517 class="w-full w-full " 8518 height="0.27" 8519 loading="lazy" 8520 sizes="100vw" 8521 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/KERASI__20260424.00_12_43_04.Still024.jpg" 8522 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/KERASI__20260424.00_12_43_04.Still024.jpg?fit=cover&width=800&s=HdEl8BVITKkV1vUtRZlUryKtSsje0t4BKd05ONe6Lz4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/KERASI__20260424.00_12_43_04.Still024.jpg?fit=cover&width=1200&s=o1OYrT5viOoyMzMAwr94gUt9O53NM-J6aYErP6vSPAE 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/KERASI__20260424.00_12_43_04.Still024.jpg?fit=cover&width=1600&s=myPGqcdkL5SrGbcGTvpsXzbUwr2_LUeC1XnAnPTAp3Y 1600w" 8523 style="object-position: 50% 50%; object-fit: ; " 8524 width="0.8" 8525 > 8526 </div> 8527 8528 8529 8530 </div> 8531 8532 </div> 8533 8534 8535<div class="text-xs md:text-sm flex items-center mb-4"> 8536 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8537 8538 <div>2 mins read time</div> 8539</div> 8540 8541 8542 <div class="font-bold md:text-xl md:leading-7"> 8543 MA Film Practice (Online) thesis film selected for international film festival 8544 </div> 8545 </a> 8546 8547 </div> 8548 8549 <div class="w-3/4 md:w-4/6 lg:w-2/6"> 8550 8551 <a href="https://aub.ac.uk/latest/ba-hons-graphic-design-students-liven-up-poole-quay-with-vibrant-mural-installation" aria-label="BA (Hons) Graphic Design students liven up Poole Quay with vibrant mural installation" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8552 8553 <div class="relative"> 8554 8555 8556 8557 8558<div class="relative mb-4" 8559 > 8560 8561 8562 8563 <div class="relative block h-full w-full overflow-hidden"> 8564 <img 8565 alt="Six people stand in high-visibility yellow vests in front of a colourful mural wall, with the central man holding paint tools." 8566 fetchpriority="low" 8567 class="w-full w-full " 8568 height="0.28325" 8569 loading="lazy" 8570 sizes="100vw" 8571 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PooleKioskMural_030926_web_4.jpg" 8572 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PooleKioskMural_030926_web_4.jpg?fit=cover&width=800&s=e4c91MyP9qQk3Q8QzEsVJYgWGlJcQVagV5OsfWzedew 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PooleKioskMural_030926_web_4.jpg?fit=cover&width=1200&s=O5xor4KtHuLXnvmDiXTvpwV_9z4Sk2pFf4li30vtAtM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PooleKioskMural_030926_web_4.jpg?fit=cover&width=1600&s=D6lM7m9aJMceAHukJX48jgAxhfDw0_LFyhccBmDFuCo 1600w" 8573 style="object-position: 50% 50%; object-fit: ; " 8574 width="0.70833333333333" 8575 > 8576 </div> 8577 8578 8579 8580 </div> 8581 8582 </div> 8583 8584 8585<div class="text-xs md:text-sm flex items-center mb-4"> 8586 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8587 8588 <div>2 mins read time</div> 8589</div> 8590 8591 8592 <div class="font-bold md:text-xl md:leading-7"> 8593 BA (Hons) Graphic Design students liven up Poole Quay with vibrant mural installation 8594 </div> 8595 </a> 8596 8597 </div> 8598 </div> 8599 </div> 8600 8601 8602 8603 <div class="hidden lg:block mb-10 md:mb-12 lg:mb-16"> 8604 <div class="flex flex-row flex-nowrap w-full gap-10"> 8605 <div class="w-full md:w-3/6 lg:w-2/6"> 8606 8607 <a href="https://aub.ac.uk/latest/dan-ware-joins-arts-university-bournemouth-as-entrepreneur-in-residence" aria-label="Dan Ware joins Arts University Bournemouth as Entrepreneur-in-Residence" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8608 8609 <div class="relative"> 8610 8611 8612 8613 8614<div class="relative mb-4" 8615 > 8616 8617 8618 8619 <div class="relative block h-full w-full overflow-hidden"> 8620 <img 8621 alt="Portrait of D Ware" 8622 fetchpriority="low" 8623 class="w-full w-full " 8624 height="0.256" 8625 loading="lazy" 8626 sizes="100vw" 8627 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Dan-Ware.JPG" 8628 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Dan-Ware.JPG?fit=cover&gravity%5Bx%5D=0.531&gravity%5By%5D=0.1784&width=800&s=q-gsjibkZhXvn78lDMrG6FHHfChuhKJg7BfbAo4jS58 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Dan-Ware.JPG?fit=cover&gravity%5Bx%5D=0.531&gravity%5By%5D=0.1784&width=1200&s=QGL3A2P0vsDaPMTf06sIb7cWbrTvLDRnVzDAC1AEiME 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Dan-Ware.JPG?fit=cover&gravity%5Bx%5D=0.531&gravity%5By%5D=0.1784&width=1600&s=kdO0ubpLk9DpYWK8HU6K_muETjf8Ng1CmZCSTjfgAYM 1600w" 8629 style="object-position: 53.1% 17.84%; object-fit: ; " 8630 width="0.42666666666667" 8631 > 8632 </div> 8633 8634 8635 8636 </div> 8637 8638 </div> 8639 8640 8641<div class="text-xs md:text-sm flex items-center mb-4"> 8642 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8643 8644 <div>3 mins read time</div> 8645</div> 8646 8647 8648 <div class="font-bold md:text-xl md:leading-7"> 8649 Dan Ware joins Arts University Bournemouth as Entrepreneur-in-Residence 8650 </div> 8651 </a> 8652 8653 </div> 8654 <div class="w-3/4 md:w-3/6 lg:w-1/6"> 8655 8656 <a href="https://aub.ac.uk/latest/screams-by-the-sea-empowering-female-directors-and-building-a-genre-legacy-in-bournemouth" aria-label="Screams by the Sea: empowering female directors and building a genre legacy in Bournemouth" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8657 8658 <div class="relative"> 8659 8660 8661 8662 8663<div class="relative mb-4" 8664 > 8665 8666 8667 8668 <div class="relative block h-full w-full overflow-hidden"> 8669 <img 8670 alt="R Nikolov stands on a dark stage in front of a large screen reading 'UP NEXT SHORT FILM SELECTION'
8670, with an audience seated in rows below." 8671 fetchpriority="low" 8672 class="w-full w-full " 8673 height="0.3335" 8674 loading="lazy" 8675 sizes="100vw" 8676 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/29.03.25_ScreamsByTheSea_10.jpg" 8677 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/29.03.25_ScreamsByTheSea_10.jpg?fit=cover&width=800&s=KaO6a9MpOFnoDnqcdoi0g-E6lFv1xQyLZOh14z8MeYE 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/29.03.25_ScreamsByTheSea_10.jpg?fit=cover&width=1200&s=3see96PfTYyHgwvtiy-lNGxfw1Rdhs8jFabK7t2hYy4 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/29.03.25_ScreamsByTheSea_10.jpg?fit=cover&width=1600&s=WgmkUQDH8OSpaGz4bzSXBVQdYo_s2vH9Eg6M_jVtERs 1600w" 8678 style="object-position: 50% 50%; object-fit: ; " 8679 width="0.83333333333333" 8680 > 8681 </div> 8682 8683 8684 8685 </div> 8686 8687 </div> 8688 8689 8690<div class="text-xs md:text-sm flex items-center mb-4"> 8691 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8692 8693 <div>4 mins read time</div> 8694</div> 8695 8696 8697 <div class="font-bold md:text-xl md:leading-7"> 8698 Screams by the Sea: empowering female directors and building a genre legacy in Bournemouth 8699 </div> 8700 </a> 8701 8702 </div> 8703 8704 <div class="w-full md:w-4/6 lg:w-2/6"> 8705 8706 <a href="https://aub.ac.uk/latest/aubs-palace-court-theatre-to-host-boys-can-performance-during-landmark-boys-impact-conference" aria-label="AUBâs Palace Court Theatre to host Boys Can performance during landmark Boysâ Impact Conference" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8707 8708 <div class="relative"> 8709 8710 8711 8712 8713<div class="relative mb-4" 8714 > 8715 8716 8717 8718 <div class="relative block h-full w-full overflow-hidden"> 8719 <img 8720 alt="L Mann stands on a stage beside a screen with an audience seated in a dark theatre hall and banners on either side." 8721 fetchpriority="low" 8722 class="w-full w-full " 8723 height="0.3335" 8724 loading="lazy" 8725 sizes="100vw" 8726 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BeingaBoy2_4.jpg" 8727 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BeingaBoy2_4.jpg?fit=cover&width=800&s=RuQMxx056LLfNo3KBRVdcn-qgaxLtGTcb3Xyb47ZDg4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BeingaBoy2_4.jpg?fit=cover&width=1200&s=m3NZPo3GGVc2MwdDm8qUaBVrAkKg7o741pW4RYv2c04 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BeingaBoy2_4.jpg?fit=cover&width=1600&s=8F7nZgf5gKOgtlHdiV2JNqQ0lN5qtdEm3Dmi8njXPjo 1600w" 8728 style="object-position: 50% 50%; object-fit: ; " 8729 width="0.83333333333333" 8730 > 8731 </div> 8732 8733 8734 8735 </div> 8736 8737 </div> 8738 8739 8740<div class="text-xs md:text-sm flex items-center mb-4"> 8741 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8742 8743 <div>2 mins read time</div> 8744</div> 8745 8746 8747 <div class="font-bold md:text-xl md:leading-7"> 8748 AUBâs Palace Court Theatre to host Boys Can performance during landmark Boysâ Impact Conference 8749 </div> 8750 </a> 8751 8752 </div> 8753 8754 <div class="w-3/4 md:w-2/6 lg:w-1/6"> 8755 8756 <a href="https://aub.ac.uk/latest/aub-alumna-evelyn-hoskins-returns-to-bournemouth-in-smash-hit-musical-waitress" aria-label="AUB alumna Evelyn Hoskins returns to Bournemouth in smash-hit musical "Waitress"" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8757 8758 <div class="relative"> 8759 8760 8761 8762 8763<div class="relative mb-4" 8764 > 8765 8766 8767 8768 <div class="relative block h-full w-full overflow-hidden"> 8769 <img 8770 alt="Actor E Hoskins portraying a waitress with red hair and glasses in a blue uniform holding a red condiment bottle behind a counter, with yellow and red squeeze bottles beside them." 8771 fetchpriority="low" 8772 class="w-full w-full " 8773 height="0.27" 8774 loading="lazy" 8775 sizes="100vw" 8776 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Waitress_2026_Production_5.jpg" 8777 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Waitress_2026_Production_5.jpg?fit=cover&gravity%5Bx%5D=0.5613&gravity%5By%5D=0.2601&width=800&
8777s=AOyvo8MoERDpNXTE1s5uHkcJexrESQSUfwOEZeNKufQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Waitress_2026_Production_5.jpg?fit=cover&gravity%5Bx%5D=0.5613&gravity%5By%5D=0.2601&width=1200&s=YFLVfYy7gZDSwtEKZSvODHxlM4AzTRrUX46Gf0F3NcM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Waitress_2026_Production_5.jpg?fit=cover&gravity%5Bx%5D=0.5613&gravity%5By%5D=0.2601&width=1600&s=k9XfFQCV8C-6uxlVxfAGKQO21s8GEHnutU9Km5i0YWM 1600w" 8778 style="object-position: 56.13% 26.01%; object-fit: ; " 8779 width="0.8" 8780 > 8781 </div> 8782 8783 8784 8785 </div> 8786 8787 </div> 8788 8789 8790<div class="text-xs md:text-sm flex items-center mb-4"> 8791 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8792 8793 <div>2 mins read time</div> 8794</div> 8795 8796 8797 <div class="font-bold md:text-xl md:leading-7"> 8798 AUB alumna Evelyn Hoskins returns to Bournemouth in smash-hit musical "Waitress" 8799 </div> 8800 </a> 8801 8802 </div> 8803 </div> 8804 </div> 8805 8806 <div class="block lg:hidden mb-10 md:mb-12 lg:mb-16"> 8807 <div class="flex flex-col w-full gap-10 mb-10 md:flex-row md:flex-nowrap md:gap-12 md:mb-12"> 8808 <div class="w-full md:w-3/6 lg:w-2/6"> 8809 8810 <a href="https://aub.ac.uk/latest/dan-ware-joins-arts-university-bournemouth-as-entrepreneur-in-residence" aria-label="Dan Ware joins Arts University Bournemouth as Entrepreneur-in-Residence" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8811 8812 <div class="relative"> 8813 8814 8815 8816 8817<div class="relative mb-4" 8818 > 8819 8820 8821 8822 <div class="relative block h-full w-full overflow-hidden"> 8823 <img 8824 alt="Portrait of D Ware" 8825 fetchpriority="low" 8826 class="w-full w-full " 8827 height="0.256" 8828 loading="lazy" 8829 sizes="100vw" 8830 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Dan-Ware.JPG" 8831 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Dan-Ware.JPG?fit=cover&gravity%5Bx%5D=0.531&gravity%5By%5D=0.1784&width=800&s=q-gsjibkZhXvn78lDMrG6FHHfChuhKJg7BfbAo4jS58 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Dan-Ware.JPG?fit=cover&gravity%5Bx%5D=0.531&gravity%5By%5D=0.1784&width=1200&s=QGL3A2P0vsDaPMTf06sIb7cWbrTvLDRnVzDAC1AEiME 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Dan-Ware.JPG?fit=cover&gravity%5Bx%5D=0.531&gravity%5By%5D=0.1784&width=1600&s=kdO0ubpLk9DpYWK8HU6K_muETjf8Ng1CmZCSTjfgAYM 1600w" 8832 style="object-position: 53.1% 17.84%; object-fit: ; " 8833 width="0.42666666666667" 8834 > 8835 </div> 8836 8837 8838 8839 </div> 8840 8841 </div> 8842 8843 8844<div class="text-xs md:text-sm flex items-center mb-4"> 8845 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8846 8847 <div>3 mins read time</div> 8848</div> 8849 8850 8851 <div class="font-bold md:text-xl md:leading-7"> 8852 Dan Ware joins Arts University Bournemouth as Entrepreneur-in-Residence 8853 </div> 8854 </a> 8855 8856 </div> 8857 8858 <div class="w-3/4 md:w-3/6 lg:w-1/6"> 8859 8860 <a href="https://aub.ac.uk/latest/screams-by-the-sea-empowering-female-directors-and-building-a-genre-legacy-in-bournemouth" aria-label="Screams by the Sea: empowering female directors and building a genre legacy in Bournemouth" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8861 8862 <div class="relative"> 8863 8864 8865 8866 8867<div class="relative mb-4" 8868 > 8869 8870 8871 8872 <div class="relative block h-full w-full overflow-hidden"> 8873 <img 8874 alt="R Nikolov stands on a dark stage in front of a large screen reading 'UP NEXT SHORT FILM SELECTION'
8874, with an audience seated in rows below." 8875 fetchpriority="low" 8876 class="w-full w-full " 8877 height="0.3335" 8878 loading="lazy" 8879 sizes="100vw" 8880 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/29.03.25_ScreamsByTheSea_10.jpg" 8881 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/29.03.25_ScreamsByTheSea_10.jpg?fit=cover&width=800&s=KaO6a9MpOFnoDnqcdoi0g-E6lFv1xQyLZOh14z8MeYE 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/29.03.25_ScreamsByTheSea_10.jpg?fit=cover&width=1200&s=3see96PfTYyHgwvtiy-lNGxfw1Rdhs8jFabK7t2hYy4 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/29.03.25_ScreamsByTheSea_10.jpg?fit=cover&width=1600&s=WgmkUQDH8OSpaGz4bzSXBVQdYo_s2vH9Eg6M_jVtERs 1600w" 8882 style="object-position: 50% 50%; object-fit: ; " 8883 width="0.83333333333333" 8884 > 8885 </div> 8886 8887 8888 8889 </div> 8890 8891 </div> 8892 8893 8894<div class="text-xs md:text-sm flex items-center mb-4"> 8895 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8896 8897 <div>4 mins read time</div> 8898</div> 8899 8900 8901 <div class="font-bold md:text-xl md:leading-7"> 8902 Screams by the Sea: empowering female directors and building a genre legacy in Bournemouth 8903 </div> 8904 </a> 8905 8906 </div> 8907 </div> 8908 8909 <div class="flex flex-col w-full gap-10 md:flex-row md:flex-nowrap md:gap-12"> 8910 <div class="w-full md:w-4/6 lg:w-2/6"> 8911 8912 <a href="https://aub.ac.uk/latest/aubs-palace-court-theatre-to-host-boys-can-performance-during-landmark-boys-impact-conference" aria-label="AUBâs Palace Court Theatre to host Boys Can performance during landmark Boysâ Impact Conference" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8913 8914 <div class="relative"> 8915 8916 8917 8918 8919<div class="relative mb-4" 8920 > 8921 8922 8923 8924 <div class="relative block h-full w-full overflow-hidden"> 8925 <img 8926 alt="L Mann stands on a stage beside a screen with an audience seated in a dark theatre hall and banners on either side." 8927 fetchpriority="low" 8928 class="w-full w-full " 8929 height="0.3335" 8930 loading="lazy" 8931 sizes="100vw" 8932 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BeingaBoy2_4.jpg" 8933 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BeingaBoy2_4.jpg?fit=cover&width=800&s=RuQMxx056LLfNo3KBRVdcn-qgaxLtGTcb3Xyb47ZDg4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BeingaBoy2_4.jpg?fit=cover&width=1200&s=m3NZPo3GGVc2MwdDm8qUaBVrAkKg7o741pW4RYv2c04 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BeingaBoy2_4.jpg?fit=cover&width=1600&s=8F7nZgf5gKOgtlHdiV2JNqQ0lN5qtdEm3Dmi8njXPjo 1600w" 8934 style="object-position: 50% 50%; object-fit: ; " 8935 width="0.83333333333333" 8936 > 8937 </div> 8938 8939 8940 8941 </div> 8942 8943 </div> 8944 8945 8946<div class="text-xs md:text-sm flex items-center mb-4"> 8947 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8948 8949 <div>2 mins read time</div> 8950</div> 8951 8952 8953 <div class="font-bold md:text-xl md:leading-7"> 8954 AUBâs Palace Court Theatre to host Boys Can performance during landmark Boysâ Impact Conference 8955 </div> 8956 </a> 8957 8958 </div> 8959 8960 <div class="w-3/4 md:w-2/6 lg:w-1/6"> 8961 8962 <a href="https://aub.ac.uk/latest/aub-alumna-evelyn-hoskins-returns-to-bournemouth-in-smash-hit-musical-waitress" aria-label="AUB alumna Evelyn Hoskins returns to Bournemouth in smash-hit musical "Waitress"" class="block transition-opacity duration-300 hover:opacity-50 text-white w-full"> 8963 8964 <div class="relative"> 8965 8966 8967 8968 8969<div class="relative mb-4" 8970 > 8971 8972 8973 8974 <div class="relative block h-full w-full overflow-hidden"> 8975 <img 8976 alt="Actor E Hoskins portraying a waitress with red hair and glasses in a blue uniform holding a red condiment bottle behind a counter, with yellow and red squeeze bottles beside them." 8977 fetchpriority="low" 8978 class="w-full w-full " 8979 height="0.27" 8980 loading="lazy" 8981 sizes="100vw" 8982 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Waitress_2026_Production_5.jpg" 8983 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Waitress_2026_Production_5.jpg?fit=cover&gravity%5Bx%5D=0.5613&gravity%5By%5D=0.2601&width=800&
8983s=AOyvo8MoERDpNXTE1s5uHkcJexrESQSUfwOEZeNKufQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Waitress_2026_Production_5.jpg?fit=cover&gravity%5Bx%5D=0.5613&gravity%5By%5D=0.2601&width=1200&s=YFLVfYy7gZDSwtEKZSvODHxlM4AzTRrUX46Gf0F3NcM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Waitress_2026_Production_5.jpg?fit=cover&gravity%5Bx%5D=0.5613&gravity%5By%5D=0.2601&width=1600&s=k9XfFQCV8C-6uxlVxfAGKQO21s8GEHnutU9Km5i0YWM 1600w" 8984 style="object-position: 56.13% 26.01%; object-fit: ; " 8985 width="0.8" 8986 > 8987 </div> 8988 8989 8990 8991 </div> 8992 8993 </div> 8994 8995 8996<div class="text-xs md:text-sm flex items-center mb-4"> 8997 <svg class="mr-3" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m9 0c4.9705627 0 9 4.02943725 9 9 0 4.9705627-4.0294373 9-9 9-4.97056275 0-9-4.0294373-9-9 0-4.97056275 4.02943725-9 9-9zm0 1c-4.418278 0-8 3.581722-8 8s3.581722 8 8 8 8-3.581722 8-8-3.581722-8-8-8zm0 3.5v4.75l3.8 2.85-.6.8-4.2-3.15v-5.25z" fill="currentColor"/></svg> 8998 8999 <div>2 mins read time</div> 9000</div> 9001 9002 9003 <div class="font-bold md:text-xl md:leading-7"> 9004 AUB alumna Evelyn Hoskins returns to Bournemouth in smash-hit musical "Waitress" 9005 </div> 9006 </a> 9007 9008 </div> 9009 </div> 9010 </div> 9011 9012 </section> 9013 9014 </div> 9015 9016 </div> 9017 <div class="bg-pampas-500 text-black"> 9018 <div class="contain-lg"> 9019 <div class="pt-5 pb-16 lg:py-16 border-t lg:border-t-0 lg:border-b-2 border-white lg:border-gray-400"> 9020 9021 9022 <nav id="pagination" class="" aria-label="pagination"> 9023 <div class="contain text-center"> 9024 <ul class="flex justify-center lg:text-xl gap-x-2 md:gap-x-6 lg:gap-x-12" aria-label="Pagination"> 9025 <li> 9026 <span class="font-extrabold opacity-50 inline-flex items-center justify-center min-h-[44px] min-w-[44px]" aria-disabled="true">Previous</span> 9027 </li> 9028 9029 9030 9031 <li class="font-extrabold opacity-50 inline-flex items-center justify-center min-h-[44px] min-w-[44px]" aria-current="page" aria-disabled="true">1</li> 9032 9033 <li class="hidden sm:block"> 9034 <a href="https://aub.ac.uk/news/p2" onclick="gtm({'event': 'ui_event', 'category': 'pagination', 'action': 'clicked', 'label': 'page-2'});" class="font-extrabold underline hover:opacity-50 inline-flex items-center justify-center min-h-[44px] min-w-[44px]" aria-label="Page 2">2</a> 9035 </li> 9036 <li class="hidden sm:block"> 9037 <a href="https://aub.ac.uk/news/p3" onclick="gtm({'event': 'ui_event', 'category': 'pagination', 'action': 'clicked', 'label': 'page-3'});" class="font-extrabold underline hover:opacity-50 inline-flex items-center justify-center min-h-[44px] min-w-[44px]" aria-label="Page 3">3</a> 9038 </li> 9039 <li class="hidden sm:block"> 9040 <a href="https://aub.ac.uk/news/p4" onclick="gtm({'event': 'ui_event', 'category': 'pagination', 'action': 'clicked', 'label': 'page-4'});" class="font-extrabold underline hover:opacity-50 inline-flex items-center justify-center min-h-[44px] min-w-[44px]" aria-label="Page 4">4</a> 9041 </li> 9042 <li class="hidden sm:block"> 9043 <a href="https://aub.ac.uk/news/p5" onclick="gtm({'event': 'ui_event', 'category': 'pagination', 'action': 'clicked', 'label': 'page-5'});" class="font-extrabold underline hover:opacity-50 inline-flex items-center justify-center min-h-[44px] min-w-[44px]" aria-label="Page 5">5</a> 9044 </li> 9045 9046 9047 <li class="hidden md:inline-block"> 9048 <a href="https://aub.ac.uk/news/p36" onclick="gtm({'event': 'ui_event', 'category': 'pagination', 'action': 'clicked', 'label': 'page-36'});" class="font-extrabold underline hover:opacity-50 inline-flex items-center justify-center min-h-[44px] min-w-[44px]" aria-label="Page 36">â¦36</a> 9049 </li> 9050 9051 <li class=""> 9052 <a href="https://aub.ac.uk/news/p2" onclick="gtm({'event': 'ui_event', 'category': 'pagination', 'action': 'clicked', 'label': 'next'});" class="font-extrabold underline hover:opacity-50 inline-flex items-center justify-center min-h-[44px] min-w-[44px]" aria-label="Next page">Next</a> 9053 </li> 9054 </ul> 9055 </div> 9056 </nav> 9057 </div> 9058 </div> 9059 </div> 9060 9061 9062 9063 9064 9065 9066 9067 9068 9069 9070 9071 9072<section class="py-20 text-black bg-pampas-500" aria-label="Explore more"> 9073 <div class="contain-lg"> 9074 9075 9076 <h2 class="font-normal wrap-break-word text-xl lg:text-3xl leading-tight block mb-5 text-3xl lg:text-4xl block" id="explore-more"> 9077 Explore more 9078 </h2> 9079 </div> 9080 9081 9082 9083 9084 9085 9086 9087
9088<div id="explore-slider-explore-more-wrapper" class="relative lg:mx-auto "> 9089 <div id="explore-slider-explore-more" class="swiper-container mx-auto overflow-hidden" dir="ltr"> 9090 9091 9092 <div class="swiper-wrapper"> 9093 <div class="swiper-slide" dir="ltr"> 9094 <div class=""> 9095<article class="text-black"> 9096 <a class="block" href="https://aub.ac.uk/events" onclick="gtm({'event': 'ui_event', 'category': 'course_card', 'action': 'clicked', 'label': 'whats-on'});" aria-label="What's on"> 9097 <div class="transition-opacity duration-300 hover:opacity-50"> 9098 9099 9100 9101 9102<div class="relative mb-3" 9103 > 9104 9105 9106 9107 <div style="padding-bottom: 61.09785202864%;" class="relative block h-full w-full overflow-hidden"> 9108 <img 9109 alt="A large crowd of people gather in a courtyard with trees and bright-coloured parasols in the background." 9110 fetchpriority="low" 9111 class="w-full w-full object-cover absolute inset-0 w-full h-full " 9112 height="0.1965" 9113 loading="lazy" 9114 sizes="100vw" 9115 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-Latest-Bestival.png" 9116 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-Latest-Bestival.png?fit=cover&width=800&s=bnyh0meZJbhZjaA7XFJqM6kw5kIgA2PG71oB8XIMyeo 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-Latest-Bestival.png?fit=cover&width=1200&s=k5peDb4N5VH7h46KDN8btkF44RrB6l1x3G1pmquincE 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-Latest-Bestival.png?fit=cover&width=1600&s=l_02lnu9Yn1TtL1j30VCQ0qF8e6VD2ocG8J8nV_0AFg 1600w" 9117 style="object-position: 50% 50%; object-fit: ; " 9118 width="0.69666666666667" 9119 > 9120 </div> 9121 9122 9123 9124 </div> 9125 9126 </div> 9127 <div class="inline-block transition-opacity duration-300 hover:underline"> 9128 9129 9130 <h3 class="font-normal wrap-break-word text-lg block mb-3 font-bold underline font-bold" > 9131 What's on 9132 </h3> 9133 </div> 9134 </a> 9135 9136 9137 <div class="copy font-normal text-sm lg:text-base "> 9138 <?xml encoding="UTF-8"><p>A lot goes on in our creative community – browse our events and venues to find out more about what's going on at AUB</p> 9139 9140 </div> 9141 9142 </article> 9143 </div> 9144 </div> 9145 <div class="swiper-slide" dir="ltr"> 9146 <div class=""> 9147<article class="text-black"> 9148 <a class="block" href="https://aub.ac.uk/undergraduate-courses" onclick="gtm({'event': 'ui_event', 'category': 'course_card', 'action': 'clicked', 'label': 'view-all-undergraduate-courses'});" aria-label="View all undergraduate courses"> 9149 <div class="transition-opacity duration-300 hover:opacity-50"> 9150 9151 9152 9153 9154<div class="relative mb-3" 9155 > 9156 9157 9158 9159 <div style="padding-bottom: 61.09785202864%;" class="relative block h-full w-full overflow-hidden"> 9160 <img 9161 alt="" 9162 fetchpriority="low" 9163 class="w-full w-full object-cover absolute inset-0 w-full h-full " 9164 height="0.10675" 9165 loading="lazy" 9166 sizes="100vw" 9167 src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Discover_Meta.png" 9168 srcset="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Discover_Meta.png?fit=cover&width=800&s=4-Fj6muNxjgugbRLaL4FAxtx_Y4_dRaa3BtftAU8Nvg 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Discover_Meta.png?fit=cover&width=1200&s=nZKnNQHoy6F-MCHuaZDHZT-HtKOtieo5cCLRZCkKzMc 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Discover_Meta.png?fit=cover&width=1600&s=qSxEmn2MF8PImngMx2znBraQ_K2VGUC0zgBQgHEraXE 1600w" 9169 style="object-position: 50% 50%; object-fit: ; " 9170 width="0.29166666666667" 9171 > 9172 </div> 9173 9174 9175 9176 </div> 9177 9178 </div> 9179 <div class="inline-block transition-opacity duration-300 hover:underline"> 9180 9181 9182 <h3 class="font-normal wrap-break-word text-lg block mb-3 font-bold underline font-bold" > 9183 View all undergraduate courses 9184 </h3> 9185 </div> 9186 </a> 9187 9188 9189 <div class="copy font-normal text-sm lg:text-base "> 9190 <?xml encoding="UTF-8"><p>We offer over 30 undergraduate degrees, giving you the opportunity to study an arts subject you love in a creative community</p> 9191 9192 </div> 9193 9194 </article> 9195 </div> 9196 </div> 9197 </div> 9198 9199 9200 9201 9202 9203 </div> 9204</div> 9205 9206 9207<style>
9208 #explore-slider-explore-more .swiper-slide { 9209 height: auto !important; 9210 } 9211 9212 </style> 9213 9214</section> 9215 9216 9217 9218 </main> 9219 9220 <div class="bg-white "> 9221 9222 9223 <footer class="border-t-2 border-gray-400 overflow-hidden bg-white text-black"> 9224 <div class="grid grid-cols-1 lg:grid-cols-2 contain-xl py-10 md:py-8"> 9225 <div class="border-b-2 border-black/10 pb-10 lg:pb-0"> 9226 <a href="/" class="transition-opacity duration-300 hover:opacity-50 flex items-center lg:mt-2 md:max-w-footer-logo h-[44px]" aria-label="Go to homepage"> 9227 <svg class="max-w-full w-auto h-[44px]" xmlns="http://www.w3.org/2000/svg" data-name="Art" viewBox="0 0 1186.34 225.87"><path d="M441.88 0h100.7c45.17 0 72.78 23.21 72.78 61.17 0 20.7-10.67 36.7-29.49 43.92 22.27 6.59 35.45 26.35 35.45 53.33 0 38.9-27.92 62.74-73.41 62.74H441.88zm112.31 66.51c0-11.29-8.16-18.82-20.39-18.82h-32.31v37.64h32.31c12.23 0 20.39-7.53 20.39-18.82m5.96 85.32c0-13.18-8.47-21.65-22.27-21.65h-36.39v43.29h36.39c13.8 0 22.27-8.47 22.27-21.65ZM236.1 139.29V0h59.6v133.95c0 16.94 8.47 33.88 33.88 33.88s33.88-16.94 33.88-33.88V0h59.6v139.28c0 52.07-36.08 86.58-93.48 86.58s-93.48-34.51-93.48-86.58ZM122.37 157.42c-5.68 1.44-36.15 8.02-45.47 29.35-5.11 11.68-13.2 34.38-13.2 34.38H0l10.56-28.24s7.16-21.14 27.06-30.2c20.98-9.55 24.01-12.38 22.78-18.51-1.02-5.08-7.83-9.63-14.05-13.97-5.36-3.74-8.29-10.89-4.96-19.78C44.14 103.1 82.69 0 82.69 0h78.93l82.69 221.16h-63.7L122.16 64.84l-15.78 42.2c-3.33 8.92-.04 22.08 13.22 27.39 13.25 5.31 19.29 9.28 16.93 15.78-1.57 4.33-8.04 5.67-14.15 7.22ZM693.65 0h13.27l24.25 61.94h-13.36l-5.36-14.58H688.2l-5.36 14.58h-13.36zm1.49 28.2-2.9 7.91h16.17l-2.9-7.91-5.19-14.67zM733.45 16.69h11.33v6.85c1.85-5.01 6.24-7.73 11.77-7.73h2.02v11.95h-1.76c-7.47 0-11.51 4.31-11.51 11.69v22.49h-11.86V16.69ZM769.12 51.05V26.89h-6.94V17.4h3.34c3.34 0 4.39-1.14 4.39-4.39V5.89h11.07V16.7h8.08v10.19h-8.08v19.68c0 3.34 1.41 4.83 4.39 4.83 1.32 0 2.28-.18 3.69-.44v10.81c-2.29.7-4.39 1.05-7.38 1.05-8.08 0-12.56-4.22-12.56-11.77M791.78 47.27h12.04c.35 4.22 4.04 6.94 9.49 6.94 4.74 0 7.64-2.02 7.64-5.27 0-2.55-1.32-3.78-5.01-4.39l-10.46-1.67C797.31 41.56 793 37.17 793 30.14c0-8.87 7.82-14.76 19.68-14.76s19.86 6.06 20.12 15.29h-12.04c-.35-4.13-3.6-6.5-8.52-6.5-4.48 0-7.21 2.02-7.21 5.01 0 2.37 1.58 3.6 5.18 4.22l10.81 1.67c7.82 1.23 11.95 5.8 11.95 12.83 0 9.31-7.91 15.38-20.12 15.38s-20.91-6.41-21.09-15.99ZM670.54 119.32V79.61h12.48v38.57c0 7.38 3.95 12.65 12.12 12.65s12.12-5.27 12.12-12.65V79.61h12.47v39.71c0 14.5-9.49 23.55-24.6 23.55s-24.6-9.05-24.6-23.55ZM725.28 96.3h11.33v5.18c2.55-4.13 7.73-6.5 13.62-6.5 9.4 0 16.43 5.36 16.43 17.92v28.64h-11.95v-26.09c0-6.06-2.9-9.49-8.35-9.49-5.8 0-9.22 3.95-9.22 10.02v25.57h-11.86zM770.78 84.53c0-4.04 3.08-7.12 7.03-7.12s7.21 3.08 7.21 7.12-3.08 7.12-7.21 7.12-7.03-3.08-7.03-7.12m1.15 11.77h11.86v45.25h-11.86zM786.42 96.3h13.27l6.94 20.38 4.04 11.6 3.95-11.6 6.94-20.38h13.27l-18.19 45.25H804.6L786.41 96.3ZM832.55 118.79c0-14.15 9.31-23.81 22.93-23.81s22.93 8.87 22.93 22.05v.18c0 2.11-.17 4.13-.44 5.62h-33.3c.26 6.41 4.57 10.63 11.42 10.63 5.01 0 8.35-2.28 9.58-5.8h12.12c-2.46 9.58-10.46 15.2-21.96 15.2-14.15 0-23.28-9.49-23.28-24.07m23.02-14.67c-6.15 0-10.46 3.69-10.9 10.1h21.62c-.18-6.15-4.31-10.1-10.72-10.1M882.45 96.3h11.33v6.85c1.85-5.01 6.24-7.73 11.77-7.73h2.02v11.95h-1.76c-7.47 0-11.51 4.31-11.51 11.69v22.49h-11.86V96.3ZM908.98 126.88h12.04c.35 4.22 4.04 6.94 9.49 6.94 4.74 0 7.64-2.02 7.64-5.27 0-2.55-1.32-3.78-5.01-4.39l-10.46-1.67c-8.17-1.32-12.48-5.71-12.48-12.74 0-8.87 7.82-14.76 19.68-14.76s19.86 6.06 20.12 15.29h-12.04c-.35-4.13-3.6-6.5-8.52-6.5-4.48 0-7.21 2.02-7.21 5.01 0 2.37 1.58 3.6 5.18 4.22l10.81 1.67c7.82 1.23 11.95 5.8 11.95 12.83 0 9.31-7.91 15.38-20.12 15.38s-20.91-6.41-21.09-15.99ZM953.26 84.53c0-4.04 3.08-7.12 7.03-7.12s7.21 3.08 7.21 7.12-3.08 7.12-7.21 7.12-7.03-3.08-7.03-7.12m1.14 11.77h11.86v45.25H954.4zM976.98 130.66V106.5h-6.94v-9.49h3.34c3.34 0 4.39-1.14 4.39-4.39V85.5h11.07v10.81h8.08v10.19h-8.08v19.68c0 3.34 1.41 4.83 4.39 4.83 1.32 0 2.28-.18 3.69-.44v10.81c-2.29.7-4.39 1.05-7.38 1.05-8.08 0-12.56-4.22-12.56-11.77M1017.65 136.89 999.2 96.3h13.27l7.91 18.89 3.52 8.7 3.43-8.61 7.73-18.98h13.18l-26.18 59.75h-13.36l8.96-19.15ZM671.42 159.22h26.27c11.77 0 19.24 6.59 19.24 16.78 0 5.8-3.08 10.46-8.44
922712.56 6.5 1.93 10.11 7.47 10.11 15.11 0 10.72-7.47 17.48-19.42 17.48h-27.76v-61.94Zm32.69 17.66c0-4.57-3.25-7.38-8.17-7.38H683.9v14.85h12.04c5.01 0 8.17-2.9 8.17-7.47m1.67 25.65c0-5.27-3.25-8.43-8.61-8.43H683.9v16.78h13.27c5.36 0 8.61-3.25 8.61-8.35M721.76 198.49c0-13.97 9.4-23.9 23.98-23.9s23.99 9.93 23.99 23.9-9.4 23.99-23.99 23.99-23.98-9.93-23.98-23.99m35.94 0c0-8.52-4.92-13.18-11.95-13.18s-11.95 4.74-11.95 13.18 4.92 13.27 11.95 13.27 11.95-4.74 11.95-13.27M773.68 204.55v-28.64h11.86V202c0 6.15 2.9 9.58 8 9.58 5.62 0 8.87-3.95 8.87-10.02V175.9h11.86v45.25h-11.33v-5.18c-2.55 4.13-7.12 6.5-13.18 6.5-8.79 0-16.08-5.27-16.08-17.92M819.19 175.91h11.33v6.85c1.85-5.01 6.24-7.73 11.77-7.73h2.02v11.95h-1.76c-7.47 0-11.51 4.31-11.51 11.69v22.49h-11.86v-45.25ZM848.45 175.91h11.33v5.18c2.55-4.13 7.73-6.5 13.62-6.5 9.4 0 16.43 5.36 16.43 17.92v28.64h-11.95v-26.09c0-6.06-2.9-9.49-8.35-9.49-5.8 0-9.22 3.95-9.22 10.02v25.57h-11.86zM893.96 198.4c0-14.15 9.31-23.81 22.93-23.81s22.93 8.87 22.93 22.05v.18c0 2.11-.17 4.13-.44 5.62h-33.3c.26 6.41 4.57 10.63 11.42 10.63 5.01 0 8.35-2.28 9.58-5.8h12.12c-2.46 9.58-10.46 15.2-21.97 15.2-14.14 0-23.28-9.49-23.28-24.07Zm23.02-14.67c-6.15 0-10.46 3.69-10.9 10.1h21.62c-.18-6.15-4.31-10.1-10.72-10.1M944.12 175.91h11.33v5.18c2.11-3.95 7.21-6.5 13.18-6.5s10.89 2.46 13.62 6.94c2.99-4.57 7.73-6.94 13.71-6.94 10.46 0 16.25 6.33 16.25 17.48v29.08h-11.86v-26.71c0-5.8-2.63-8.87-7.73-8.87s-8.52 3.6-8.52 9.66v25.92h-11.86V194.7c0-5.97-2.63-9.14-7.64-9.14-5.36 0-8.61 3.69-8.61 9.75v25.83h-11.86v-45.25ZM1016.25 198.49c0-13.97 9.4-23.9 23.98-23.9s23.99 9.93 23.99 23.9-9.4 23.99-23.99 23.99-23.98-9.93-23.98-23.99m35.93 0c0-8.52-4.92-13.18-11.95-13.18s-11.95 4.74-11.95 13.18 4.92 13.27 11.95 13.27 11.95-4.74 11.95-13.27M1068.35 204.55v-28.64h11.86V202c0 6.15 2.9 9.58 8 9.58 5.62 0 8.87-3.95 8.87-10.02V175.9h11.86v45.25h-11.33v-5.18c-2.55 4.13-7.12 6.5-13.18 6.5-8.79 0-16.08-5.27-16.08-17.92M1120.09 210.26V186.1h-6.94v-9.49h3.34c3.34 0 4.39-1.14 4.39-4.39v-7.12h11.07v10.81h8.08v10.19h-8.08v19.68c0 3.34 1.41 4.83 4.39 4.83 1.32 0 2.28-.18 3.69-.44v10.81c-2.29.7-4.39 1.05-7.38 1.05-8.08 0-12.56-4.22-12.56-11.77M1144.95 159.22h11.86v21.26c2.55-3.69 7.56-5.89 13.09-5.89 9.4 0 16.43 5.36 16.43 17.92v28.64h-11.95v-26.09c0-6.15-2.9-9.58-8.26-9.58-5.89 0-9.31 4.04-9.31 10.02v25.66h-11.86z"/></svg> 9228 9229 </a> 9230 </div> 9231 9232 <ul 9233 x-data="{ open: 9990 }" 9234 class="flex flex-col md:hidden " 9235 > 9236 <li class="border-b-2 border-gray-400"> 9237 <button 9238 id="footer-accordion-9990" 9239 class="flex items-center justify-between font-bold w-full px-3 py-6" 9240 :aria-expanded="open === 9990 ? 'true' : 'false'" 9241 aria-controls="footer-accordion-9990-content" 9242 @click="open = open === 9990 ? null : 9990; gtm({'event': 'ui_event', 'category': 'footer_accordion', 'action': open === 9990 ? 'closed' : 'opened', 'label': 'current-students'});" 9243 :aria-label="open === 9990 ? 'Collapse' : 'Expand'" 9244 > 9245 <span>Current students</span> 9246 <svg 9247 width="14" 9248 height="8"
9249 viewBox="0 0 14 8" 9250 fill="none" 9251 xmlns="http://www.w3.org/2000/svg" 9252 :class="open === 9990 ? 'transform rotate-180' : ''" 9253 class="transition duration-300" 9254 > 9255 <path d="M2 1.5L7 6.5L12 1.5" stroke="black" stroke-width="2" stroke-linecap="square"/> 9256 </svg> 9257 </button> 9258 <div 9259 id="footer-accordion-9990-content" 9260 class="overflow-hidden transition-all duration-300 px-3 pb-6" 9261 :style="open === 9990 ? 'max-height: ' + $refs['footer-accordion-9990-content'].scrollHeight + 'px' : 'max-height: 0px'" 9262 x-ref="footer-accordion-9990-content" 9263 > 9264 <ul class="flex flex-col pt-3"> 9265 <li> 9266 <a 9267 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9268 href="https://my.aub.ac.uk/" 9269 x-data="{}" 9270 @click=" 9271 window.dataLayer = window.dataLayer || []; 9272 window.dataLayer.push({ 9273 'event': 'footer_link_clicked', 9274 'dynamicName': 'MyAUB (Students)' 9275 }); 9276 gtm({ 9277 event: 'ui_event', 9278 action: 'clicked', 9279 category: 'footer_link', 9280 label: 'my-aub-students' 9281 }); 9282 " 9283 target="_blank" rel="noopener norefferer" title="MyAUB (Students) (Opens in a new window)" > 9284 MyAUB (Students) 9285 </a> 9286 </li> 9287 <li> 9288 <a 9289 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9290 href="https://aub.ac.uk/term-dates" 9291 x-data="{}" 9292 @click=" 9293 window.dataLayer = window.dataLayer || []; 9294 window.dataLayer.push({ 9295 'event': 'footer_link_clicked', 9296 'dynamicName': 'Term Dates' 9297 }); 9298 gtm({ 9299 event: 'ui_event', 9300 action: 'clicked', 9301 category: 'footer_link', 9302 label: 'term-dates' 9303 }); 9304 " 9305 > 9306 Term Dates 9307 </a> 9308 </li> 9309 <li> 9310 <a 9311 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9312 href="https://aub.ac.uk/graduation" 9313 x-data="{}" 9314 @click=" 9315 window.dataLayer = window.dataLayer || []; 9316 window.dataLayer.push({ 9317 'event': 'footer_link_clicked', 9318 'dynamicName': 'Graduation' 9319 }); 9320 gtm({ 9321 event: 'ui_event', 9322 action: 'clicked', 9323 category: 'footer_link', 9324 label: 'graduation' 9325 }); 9326 " 9327 > 9328 Graduation 9329 </a> 9330 </li> 9331 <li> 9332 <a 9333 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9334 href="https://aub.ac.uk/alumni" 9335 x-data="{}" 9336 @click=" 9337 window.dataLayer = window.dataLayer || []; 9338 window.dataLayer.push({ 9339 'event': 'footer_link_clicked', 9340 'dynamicName': 'Alumni Community' 9341 }); 9342 gtm({ 9343 event: 'ui_event', 9344 action: 'clicked', 9345 category: 'footer_link', 9346 label: 'alumni-community' 9347 }); 9348 " 9349 > 9350 Alumni Community 9351 </a> 9352 </li> 9353 <li> 9354 <a 9355 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9356 href="https://www.aub
9356su.org.uk/" 9357 x-data="{}" 9358 @click=" 9359 window.dataLayer = window.dataLayer || []; 9360 window.dataLayer.push({ 9361 'event': 'footer_link_clicked', 9362 'dynamicName': 'Students' Union' 9363 }); 9364 gtm({ 9365 event: 'ui_event', 9366 action: 'clicked', 9367 category: 'footer_link', 9368 label: 'students-union' 9369 }); 9370 " 9371 target="_blank" rel="noopener norefferer" title="Students' Union (Opens in a new window)" > 9372 Students' Union 9373 </a> 9374 </li> 9375 <li> 9376 <a 9377 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9378 href="https://aub.ac.uk/become-an-aub-ambassador" 9379 x-data="{}" 9380 @click=" 9381 window.dataLayer = window.dataLayer || []; 9382 window.dataLayer.push({ 9383 'event': 'footer_link_clicked', 9384 'dynamicName': 'AUB Ambassadors' 9385 }); 9386 gtm({ 9387 event: 'ui_event', 9388 action: 'clicked', 9389 category: 'footer_link', 9390 label: 'aub-ambassadors' 9391 }); 9392 " 9393 > 9394 AUB Ambassadors 9395 </a> 9396 </li> 9397 </ul> 9398 </div> 9399 </li> 9400 <li class="border-b-2 border-gray-400"> 9401 <button 9402 id="footer-accordion-10008" 9403 class="flex items-center justify-between font-bold w-full px-3 py-6" 9404 :aria-expanded="open === 10008 ? 'true' : 'false'" 9405 aria-controls="footer-accordion-10008-content" 9406 @click="open = open === 10008 ? null : 10008; gtm({'event': 'ui_event', 'category': 'footer_accordion', 'action': open === 10008 ? 'closed' : 'opened', 'label': 'future-students'});" 9407 :aria-label="open === 10008 ? 'Collapse' : 'Expand'" 9408 > 9409 <span>Future students</span> 9410 <svg 9411 width="14" 9412 height="8"
9413 viewBox="0 0 14 8" 9414 fill="none" 9415 xmlns="http://www.w3.org/2000/svg" 9416 :class="open === 10008 ? 'transform rotate-180' : ''" 9417 class="transition duration-300" 9418 > 9419 <path d="M2 1.5L7 6.5L12 1.5" stroke="black" stroke-width="2" stroke-linecap="square"/> 9420 </svg> 9421 </button> 9422 <div 9423 id="footer-accordion-10008-content" 9424 class="overflow-hidden transition-all duration-300 px-3 pb-6" 9425 :style="open === 10008 ? 'max-height: ' + $refs['footer-accordion-10008-content'].scrollHeight + 'px' : 'max-height: 0px'" 9426 x-ref="footer-accordion-10008-content" 9427 > 9428 <ul class="flex flex-col pt-3"> 9429 <li> 9430 <a 9431 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9432 href="https://evision.aub.ac.uk/live/sits.urd/run/siw_lgn" 9433 x-data="{}" 9434 @click=" 9435 window.dataLayer = window.dataLayer || []; 9436 window.dataLayer.push({ 9437 'event': 'footer_link_clicked', 9438 'dynamicName': 'Your Application' 9439 }); 9440 gtm({ 9441 event: 'ui_event', 9442 action: 'clicked', 9443 category: 'footer_link', 9444 label: 'your-application' 9445 }); 9446 " 9447 target="_blank" rel="noopener norefferer" title="Your Application (Opens in a new window)" > 9448 Your Application 9449 </a> 9450 </li> 9451 <li> 9452 <a 9453 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9454 href="https://aub.ac.uk/apply" 9455 x-data="{}" 9456 @click=" 9457 window.dataLayer = window.dataLayer || []; 9458 window.dataLayer.push({ 9459 'event': 'footer_link_clicked', 9460 'dynamicName': 'How to Apply' 9461 }); 9462 gtm({ 9463 event: 'ui_event', 9464 action: 'clicked', 9465 category: 'footer_link', 9466 label: 'how-to-apply' 9467 }); 9468 " 9469 > 9470 How to Apply 9471 </a> 9472 </li> 9473 <li> 9474 <a 9475 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9476 href="https://aub.ac.uk/unibuddy" 9477 x-data="{}" 9478 @click=" 9479 window.dataLayer = window.dataLayer || []; 9480 window.dataLayer.push({ 9481 'event': 'footer_link_clicked', 9482 'dynamicName': 'Talk to current students' 9483 }); 9484 gtm({ 9485 event: 'ui_event', 9486 action: 'clicked', 9487 category: 'footer_link', 9488 label: 'talk-to-current-students' 9489 }); 9490 " 9491 > 9492 Talk to current students 9493 </a> 9494 </li> 9495 <li> 9496 <a 9497 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9498 href="https://aub.ac.uk/open-days" 9499 x-data="{}" 9500 @click=" 9501 window.dataLayer = window.dataLayer || []; 9502 window.dataLayer.push({ 9503 'event': 'footer_link_clicked', 9504 'dynamicName': 'Open Days' 9505 }); 9506 gtm({ 9507 event: 'ui_event', 9508 action: 'clicked', 9509 category: 'footer_link', 9510 label: 'open-days' 9511 }); 9512 " 9513 > 9514 Open Days 9515 </a> 9516 </li> 9517 <li> 9518 <a 9519 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9520 href="https://aub.ac.uk/parents-and-supporters-hub" 9521 x-data="{}" 9522 @click=" 9523 window.dataLayer = window.dataLayer || []; 9524 window.dataLayer.push({ 9525 'event': 'footer_link_clicked', 9526 'dynamicName': 'Parents and Supporters' 9527 }); 9528 gtm({ 9529 event: 'ui_event', 9530 action: 'clicked', 9531 category: 'footer_link', 9532 label: 'parents-and-supporters' 9533 }); 9534 " 9535 > 9536 Parents and Supporters 9537 </a> 9538 </li> 9539 </ul> 9540 </div> 9541 </li> 9542 <li class="border-b-2 border-gray-400"> 9543 <button 9544 id="footer-accordion-10017" 9545 class="flex items-center justify-between font-bold w-full px-3 py-6" 9546 :aria-expanded="open === 10017 ? 'true' : 'false'" 9547 aria-controls="footer-accordion-10017-content" 9548 @click="open = open === 10017 ? null : 10017; gtm({'event': 'ui_event', 'category': 'footer_accordion', 'action': open === 10017 ? 'closed' : 'opened', 'label': 'staff-and-governors'});" 9549 :aria-label="open === 10017 ? 'Collapse' : 'Expand'" 9550 >
9551 <span>Staff and Governors</span> 9552 <svg 9553 width="14" 9554 height="8" 9555 viewBox="0 0 14 8" 9556 fill="none" 9557 xmlns="http://www.w3.org/2000/svg" 9558 :class="open === 10017 ? 'transform rotate-180' : ''" 9559 class="transition duration-300" 9560 > 9561 <path d="M2 1.5L7 6.5L12 1.5" stroke="black" stroke-width="2" stroke-linecap="square"/> 9562 </svg> 9563 </button> 9564 <div 9565 id="footer-accordion-10017-content" 9566 class="overflow-hidden transition-all duration-300 px-3 pb-6" 9567 :style="open === 10017 ? 'max-height: ' + $refs['footer-accordion-10017-content'].scrollHeight + 'px' : 'max-height: 0px'" 9568 x-ref="footer-accordion-10017-content" 9569 > 9570 <ul class="flex flex-col pt-3"> 9571 <li> 9572 <a 9573 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9574 href="https://my.aub.ac.uk/" 9575 x-data="{}" 9576 @click=" 9577 window.dataLayer = window.dataLayer || []; 9578 window.dataLayer.push({ 9579 'event': 'footer_link_clicked', 9580 'dynamicName': 'MyAUB (Staff)' 9581 }); 9582 gtm({ 9583 event: 'ui_event', 9584 action: 'clicked', 9585 category: 'footer_link', 9586 label: 'my-aub-staff' 9587 }); 9588 " 9589 target="_blank" rel="noopener norefferer" title="MyAUB (Staff) (Opens in a new window)" > 9590 MyAUB (Staff) 9591 </a> 9592 </li> 9593 <li> 9594 <a 9595 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9596 href="https://aub.ac.uk/working-at-aub" 9597 x-data="{}" 9598 @click=" 9599 window.dataLayer = window.dataLayer || []; 9600 window.dataLayer.push({ 9601 'event': 'footer_link_clicked', 9602 'dynamicName': 'Vacancies' 9603 }); 9604 gtm({ 9605 event: 'ui_event', 9606 action: 'clicked', 9607 category: 'footer_link', 9608 label: 'vacancies' 9609 }); 9610 " 9611 > 9612 Vacancies 9613 </a> 9614 </li> 9615 <li> 9616 <a 9617 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9618 href="https://staff.aub.ac.uk/" 9619 x-data="{}" 9620 @click=" 9621 window.dataLayer = window.dataLayer || []; 9622 window.dataLayer.push({ 9623 'event': 'footer_link_clicked', 9624 'dynamicName': 'Staff profiles' 9625 }); 9626 gtm({ 9627 event: 'ui_event', 9628 action: 'clicked', 9629 category: 'footer_link', 9630 label: 'staff-profiles' 9631 }); 9632 " 9633 target="_blank" rel="noopener norefferer" title="Staff profiles (Opens in a new window)" > 9634 Staff profiles 9635 </a> 9636 </li> 9637 <li> 9638 <a 9639 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9640 href="https://aub.ac.uk/honorary-fellows" 9641 x-data="{}" 9642 @click=" 9643 window.dataLayer = window.dataLayer || []; 9644 window.dataLayer.push({ 9645 'event': 'footer_link_clicked', 9646 'dynamicName': 'Honorary Fellows' 9647 }); 9648 gtm({ 9649 event: 'ui_event', 9650 action: 'clicked', 9651 category: 'footer_link', 9652 label: 'honorary-fellows' 9653 }); 9654 " 9655 > 9656 Honorary Fellows 9657 </a> 9658 </li> 9659 </ul> 9660 </div> 9661 </li> 9662 <li class="border-b-2 border-gray-400"> 9663 <button 9664 id="footer-accordion-10029" 9665 class="flex items-center justify-between font-bold w-full px-3 py-6" 9666 :aria-expanded="open === 10029 ? 'true' : 'false'" 9667 aria-controls="footer-accordion-10029-content" 9668 @click="open = open === 10029 ? null : 10029; gtm({'event': 'ui_event', 'category': 'footer_accordion', 'action': open === 10029 ? 'closed' : 'opened', 'label': 'schools-and-colleges'});" 9669 :aria-label="open === 10029 ? 'Collapse' : 'Expand'" 9670 >
9671 <span>Schools and Colleges</span> 9672 <svg 9673 width="14" 9674 height="8" 9675 viewBox="0 0 14 8" 9676 fill="none" 9677 xmlns="http://www.w3.org/2000/svg" 9678 :class="open === 10029 ? 'transform rotate-180' : ''" 9679 class="transition duration-300" 9680 > 9681 <path d="M2 1.5L7 6.5L12 1.5" stroke="black" stroke-width="2" stroke-linecap="square"/> 9682 </svg> 9683 </button> 9684 <div 9685 id="footer-accordion-10029-content" 9686 class="overflow-hidden transition-all duration-300 px-3 pb-6" 9687 :style="open === 10029 ? 'max-height: ' + $refs['footer-accordion-10029-content'].scrollHeight + 'px' : 'max-height: 0px'" 9688 x-ref="footer-accordion-10029-content" 9689 > 9690 <ul class="flex flex-col pt-3"> 9691 <li> 9692 <a 9693 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9694 href="https://aub.ac.uk/schools-colleges-hub" 9695 x-data="{}" 9696 @click=" 9697 window.dataLayer = window.dataLayer || []; 9698 window.dataLayer.push({ 9699 'event': 'footer_link_clicked', 9700 'dynamicName': 'Schools and Colleges Hub' 9701 }); 9702 gtm({ 9703 event: 'ui_event', 9704 action: 'clicked', 9705 category: 'footer_link', 9706 label: 'schools-and-colleges-hub' 9707 }); 9708 " 9709 > 9710 Schools and Colleges Hub 9711 </a> 9712 </li> 9713 <li> 9714 <a 9715 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9716 href="https://aub.ac.uk/schools-colleges-hub/widening-access-to-aub" 9717 x-data="{}" 9718 @click=" 9719 window.dataLayer = window.dataLayer || []; 9720 window.dataLayer.push({ 9721 'event': 'footer_link_clicked', 9722 'dynamicName': 'Widening access to AUB' 9723 }); 9724 gtm({ 9725 event: 'ui_event', 9726 action: 'clicked', 9727 category: 'footer_link', 9728 label: 'widening-access-to-aub' 9729 }); 9730 " 9731 > 9732 Widening access to AUB 9733 </a> 9734 </li> 9735 <li> 9736 <a 9737 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9738 href="https://aub.ac.uk/partner-institutions" 9739 x-data="{}" 9740 @click=" 9741 window.dataLayer = window.dataLayer || []; 9742 window.dataLayer.push({ 9743 'event': 'footer_link_clicked', 9744 'dynamicName': 'Partner Institutions' 9745 }); 9746 gtm({ 9747 event: 'ui_event', 9748 action: 'clicked', 9749 category: 'footer_link', 9750 label: 'partner-institutions' 9751 }); 9752 " 9753 > 9754 Partner Institutions 9755 </a> 9756 </li> 9757 </ul> 9758 </div> 9759 </li> 9760 <li class="border-b-2 border-gray-400"> 9761 <button 9762 id="footer-accordion-4444570" 9763 class="flex items-center justify-between font-bold w-full px-3 py-6" 9764 :aria-expanded="open === 4444570 ? 'true' : 'false'" 9765 aria-controls="footer-accordion-4444570-content" 9766 @click="open = open === 4444570 ? null : 4444570; gtm({'event': 'ui_event', 'category': 'footer_accordion', 'action': open === 4444570 ? 'closed' : 'opened', 'label': 'other'});" 9767 :aria-label="open === 4444570 ? 'Collapse' : 'Expand'" 9768 >
9769 <span>Other</span> 9770 <svg 9771 width="14" 9772 height="8" 9773 viewBox="0 0 14 8" 9774 fill="none" 9775 xmlns="http://www.w3.org/2000/svg" 9776 :class="open === 4444570 ? 'transform rotate-180' : ''" 9777 class="transition duration-300" 9778 > 9779 <path d="M2 1.5L7 6.5L12 1.5" stroke="black" stroke-width="2" stroke-linecap="square"/> 9780 </svg> 9781 </button> 9782 <div 9783 id="footer-accordion-4444570-content" 9784 class="overflow-hidden transition-all duration-300 px-3 pb-6" 9785 :style="open === 4444570 ? 'max-height: ' + $refs['footer-accordion-4444570-content'].scrollHeight + 'px' : 'max-height: 0px'" 9786 x-ref="footer-accordion-4444570-content" 9787 > 9788 <ul class="flex flex-col pt-3"> 9789 <li> 9790 <a 9791 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9792 href="https://aub.ac.uk/legal-and-governance" 9793 x-data="{}" 9794 @click=" 9795 window.dataLayer = window.dataLayer || []; 9796 window.dataLayer.push({ 9797 'event': 'footer_link_clicked', 9798 'dynamicName': 'Legal and Governance' 9799 }); 9800 gtm({ 9801 event: 'ui_event', 9802 action: 'clicked', 9803 category: 'footer_link', 9804 label: 'legal-and-governance' 9805 }); 9806 " 9807 > 9808 Legal and Governance 9809 </a> 9810 </li> 9811 <li> 9812 <a 9813 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9814 href="https://aub.ac.uk/student-charter" 9815 x-data="{}" 9816 @click=" 9817 window.dataLayer = window.dataLayer || []; 9818 window.dataLayer.push({ 9819 'event': 'footer_link_clicked', 9820 'dynamicName': 'Student Charter' 9821 }); 9822 gtm({ 9823 event: 'ui_event', 9824 action: 'clicked', 9825 category: 'footer_link', 9826 label: 'student-charter' 9827 }); 9828 " 9829 > 9830 Student Charter 9831 </a> 9832 </li> 9833 <li> 9834 <a 9835 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9836 href="https://aub.ac.uk/regulations" 9837 x-data="{}" 9838 @click=" 9839 window.dataLayer = window.dataLayer || []; 9840 window.dataLayer.push({ 9841 'event': 'footer_link_clicked', 9842 'dynamicName': 'Regulations' 9843 }); 9844 gtm({ 9845 event: 'ui_event', 9846 action: 'clicked', 9847 category: 'footer_link', 9848 label: 'regulations' 9849 }); 9850 " 9851 > 9852 Regulations 9853 </a> 9854 </li> 9855 <li> 9856 <a 9857 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9858 href="https://aub.ac.uk/equality-diversity-inclusion" 9859 x-data="{}" 9860 @click=" 9861 window.dataLayer = window.dataLayer || []; 9862 window.dataLayer.push({ 9863 'event': 'footer_link_clicked', 9864 'dynamicName': 'Equity, Diversity and Inclusion' 9865 }); 9866 gtm({ 9867 event: 'ui_event', 9868 action: 'clicked', 9869 category: 'footer_link', 9870 label: 'equity-diversity-and-inclusion' 9871 }); 9872 " 9873 > 9874 Equity, Diversity and Inclusion 9875 </a> 9876 </li> 9877 <li> 9878 <a 9879 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9880 href="https://aub.ac.uk/charitable-foundation" 9881 x-data="{}" 9882 @click=" 9883 window.dataLayer = window.dataLayer || []; 9884 window.dataLayer.push({ 9885 'event': 'footer_link_clicked', 9886 'dynamicName': 'Charitable Foundation' 9887 }); 9888 gtm({ 9889 event: 'ui_event', 9890 action: 'clicked', 9891 category: 'footer_link', 9892 label: 'charitable-foundation' 9893 }); 9894 " 9895 > 9896 Charitable Foundation 9897 </a> 9898 </li> 9899 <li> 9900 <a 9901 class="text-sm underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9902 href="https://aub.ac.uk/sitemap" 9903 x-data="{}" 9904 @click=" 9905 window.dataLayer = window.dataLayer || []; 9906 window.dataLayer.push({ 9907 'event': 'footer_link_clicked', 9908 'dynamicName': 'Site Map' 9909 }); 9910 gtm({ 9911 event: 'ui_event', 9912 action: 'clicked', 9913 category: 'footer_link', 9914 label: 'site-map' 9915 }); 9916 " 9917 > 9918 Site Map 9919 </a> 9920 </li> 9921 </ul> 9922 </div> 9923 </li> 9924 </ul> 9925 <nav class="hidden md:grid md:grid-cols-3 lg:flex lg:pl-30 lg:pt-10 md:gap-x-10 lg:gap-x-16 md:gap-y-12 w-full mb-8 lg:mb-16 md:row-start-3 lg:col-span-full" aria-label="Footer navigation"> 9926 9927 <div class="mb-8 md:mb-0"> 9928 <h4 class="mb-3 lg:mb-5 font-bold text-center md:text-left md:text-lg">Current students</h4> 9929 <ul aria-label="Current students"> 9930 <li class="text-center md:text-left md:text-base mb-[8px]"> 9931 <a 9932 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9933 href="https://my.aub.ac.uk/" 9934 x-data="{}" 9935 @click=" 9936 window.dataLayer = window.dataLayer || []; 9937 window.dataLayer.push({ 9938 'event': 'footer_link_clicked', 9939 'dynamicName': 'MyAUB (Students)' 9940 }); 9941 gtm({ 9942 event: 'ui_event', 9943 action: 'clicked', 9944 category: 'footer_link', 9945 label: 'my-aub-students' 9946 }); 9947 " 9948 target="_blank" rel="noopener norefferer" title="MyAUB (Students) (Opens in a new window)" > 9949 MyAUB (Students) 9950 </a> 9951 </li> 9952 <li class="text-center md:text-left md:text-base mb-[8px]"> 9953 <a 9954 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9955 href="https://aub.ac.uk/term-dates" 9956 x-data="{}" 9957 @click=" 9958 window.dataLayer = window.dataLayer || []; 9959 window.dataLayer.push({ 9960 'event': 'footer_link_clicked', 9961 'dynamicName': 'Term Dates' 9962 }); 9963 gtm({ 9964 event: 'ui_event', 9965 action: 'clicked', 9966 category: 'footer_link', 9967 label: 'term-dates' 9968 }); 9969 " 9970 > 9971 Term Dates 9972 </a> 9973 </li> 9974 <li class="text-center md:text-left md:text-base mb-[8px]"> 9975 <a 9976 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9977 href="https://aub.ac.uk/graduation" 9978 x-data="{}" 9979 @click=" 9980 window.dataLayer = window.dataLayer || []; 9981 window.dataLayer.push({ 9982 'event': 'footer_link_clicked', 9983 'dynamicName': 'Graduation' 9984 }); 9985 gtm({ 9986 event: 'ui_event', 9987 action: 'clicked', 9988 category: 'footer_link', 9989 label: 'graduation' 9990 }); 9991 " 9992
9992 > 9993 Graduation 9994 </a> 9995 </li> 9996 <li class="text-center md:text-left md:text-base mb-[8px]"> 9997 <a 9998 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 9999 href="https://aub.ac.uk/alumni" 10000 x-data="{}" 10001 @click=" 10002 window.dataLayer = window.dataLayer || []; 10003 window.dataLayer.push({ 10004 'event': 'footer_link_clicked', 10005 'dynamicName': 'Alumni Community' 10006 }); 10007 gtm({ 10008 event: 'ui_event', 10009 action: 'clicked', 10010 category: 'footer_link', 10011 label: 'alumni-community' 10012 }); 10013 " 10014 > 10015 Alumni Community 10016 </a> 10017 </li> 10018 <li class="text-center md:text-left md:text-base mb-[8px]"> 10019 <a 10020 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10021 href="https://www.aubsu.org.uk/" 10022 x-data="{}" 10023 @click=" 10024 window.dataLayer = window.dataLayer || []; 10025 window.dataLayer.push({ 10026 'event': 'footer_link_clicked', 10027 'dynamicName': 'Students' Union' 10028 }); 10029 gtm({ 10030 event: 'ui_event', 10031 action: 'clicked', 10032 category: 'footer_link', 10033 label: 'students-union' 10034 }); 10035 " 10036 target="_blank" rel="noopener norefferer" title="Students' Union (Opens in a new window)" > 10037 Students' Union 10038 </a> 10039 </li> 10040 <li class="text-center md:text-left md:text-base "> 10041 <a 10042 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10043 href="https://aub.ac.uk/become-an-aub-ambassador" 10044 x-data="{}" 10045 @click=" 10046 window.dataLayer = window.dataLayer || []; 10047 window.dataLayer.push({ 10048 'event': 'footer_link_clicked', 10049 'dynamicName': 'AUB Ambassadors' 10050 }); 10051 gtm({ 10052 event: 'ui_event', 10053 action: 'clicked', 10054 category: 'footer_link', 10055 label: 'aub-ambassadors' 10056 }); 10057 " 10058 > 10059 AUB Ambassadors 10060 </a> 10061 </li> 10062 </ul> 10063 </div> 10064 10065 10066 <div class="mb-8 md:mb-0"> 10067 <h4 class="mb-3 lg:mb-5 font-bold text-center md:text-left md:text-lg">Future students</h4> 10068 <ul aria-label="Future students"> 10069 <li class="text-center md:text-left md:text-base mb-[8px]"> 10070 <a 10071 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10072 href="https://evision.aub.ac.uk/live/sits.urd/run/siw_lgn" 10073 x-data="{}" 10074 @click=" 10075 window.dataLayer = window.dataLayer || []; 10076 window.dataLayer.push({ 10077 'event': 'footer_link_clicked', 10078 'dynamicName': 'Your Application' 10079 }); 10080 gtm({ 10081 event: 'ui_event', 10082 action: 'clicked', 10083 category: 'footer_link', 10084 label: 'your-application' 10085 }); 10086 " 10087 target="_blank" rel="noopener norefferer" title="Your Application (Opens in a new window)" > 10088 Your Application 10089 </a> 10090 </li> 10091 <li class="text-center md:text-left md:text-base mb-[8px]"> 10092 <a 10093 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10094 href="https://aub.ac.uk/apply" 10095 x-data="{}" 10096 @click=" 10097 window.dataLayer = window.dataLayer || []; 10098 window.dataLayer.push({ 10099 'event': 'footer_link_clicked', 10100 'dynamicName': 'How to Apply' 10101 }); 10102 gtm({ 10103 event: 'ui_event', 10104 action: 'clicked', 10105 category: 'footer_link', 10106 label: 'how-to-apply' 10107 }); 10108 " 10109 > 10110 How to Apply 10111 </a> 10112 </li> 10113 <li class="text-center md:text-left md:text-base mb-[8px]"> 10114 <a 10115 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10116 href="https://aub.ac.uk/unibuddy" 10117 x-data="{}" 10118 @click=" 10119 window.dataLayer = window.dataLayer || []; 10120 window.dataLayer.push({ 10121 'event': 'footer_link_clicked', 10122 'dynamicName': 'Talk to current students' 10123 }); 10124 gtm({ 10125 event: 'ui_event', 10126 action: 'clicked', 10127 category: 'footer_link', 10128 label: 'talk-to-current-students' 10129 }); 10130 " 10131 > 10132 Talk to current students 10133 </a> 10134 </li> 10135 <li class="text-center md:text-left md:text-base mb-[8px]"> 10136 <a 10137 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10138 href="https://aub.ac.uk/open-days" 10139 x-data="{}" 10140 @click=" 10141 window.dataLayer = window.dataLayer || []; 10142 window.dataLayer.push({ 10143 'event': 'footer_link_clicked', 10144 'dynamicName': 'Open Days' 10145 }); 10146 gtm({ 10147 event: 'ui_event', 10148 action: 'clicked', 10149 category: 'footer_link', 10150 label: 'open-days' 10151 }); 10152 " 10153 > 10154 Open Days 10155 </a> 10156 </li> 10157 <li class="text-center md:text-left md:text-base "> 10158 <a 10159 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10160 href="https://aub.ac.uk/parents-and-supporters-hub" 10161 x-data="{}" 10162 @click=" 10163 window.dataLayer = window.dataLayer || []; 10164 window.dataLayer.push({ 10165 'event': 'footer_link_clicked', 10166 'dynamicName': 'Parents and Supporters' 10167 }); 10168 gtm({ 10169 event: 'ui_event', 10170 action: 'clicked', 10171 category: 'footer_link', 10172 label: 'parents-and-supporters' 10173 }); 10174 " 10175 > 10176 Parents and Supporters 10177 </a> 10178 </li> 10179 </ul> 10180 </div> 10181 10182 10183 <div class="mb-8 md:mb-0"> 10184 <h4 class="mb-3 lg:mb-5 font-bold text-center md:text-left md:text-lg">Staff and Governors</h4> 10185 <ul aria-label="Staff and Governors"> 10186 <li class="text-center md:text-left md:text-base mb-[8px]"> 10187 <a 10188 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10189 href="https://my.aub.ac.uk/" 10190 x-data="{}" 10191 @click=" 10192 window.dataLayer = window.dataLayer || []; 10193 window.dataLayer.push({ 10194 'event': 'footer_link_clicked', 10195 'dynamicName': 'MyAUB (Staff)' 10196 }); 10197 gtm({ 10198 event: 'ui_event', 10199 action: 'clicked', 10200 category: 'footer_link', 10201 label: 'my-aub-staff' 10202 }); 10203 " 10204 target="_blank" rel="noopener norefferer" title="MyAUB (Staff) (Opens in a new window)" > 10205 MyAUB (Staff) 10206 </a> 10207 </li> 10208 <li class="text-center md:text-left md:text-base mb-[8px]"> 10209 <a 10210 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10211 href="https://aub.ac.uk/working-at-aub" 10212 x-data="{}" 10213 @click=" 10214 window.dataLayer = window.dataLayer || []; 10215
10215 window.dataLayer.push({ 10216 'event': 'footer_link_clicked', 10217 'dynamicName': 'Vacancies' 10218 }); 10219 gtm({ 10220 event: 'ui_event', 10221 action: 'clicked', 10222 category: 'footer_link', 10223 label: 'vacancies' 10224 }); 10225 " 10226 > 10227 Vacancies 10228 </a> 10229 </li> 10230 <li class="text-center md:text-left md:text-base mb-[8px]"> 10231 <a 10232 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10233 href="https://staff.aub.ac.uk/" 10234 x-data="{}" 10235 @click=" 10236 window.dataLayer = window.dataLayer || []; 10237 window.dataLayer.push({ 10238 'event': 'footer_link_clicked', 10239 'dynamicName': 'Staff profiles' 10240 }); 10241 gtm({ 10242 event: 'ui_event', 10243 action: 'clicked', 10244 category: 'footer_link', 10245 label: 'staff-profiles' 10246 }); 10247 " 10248 target="_blank" rel="noopener norefferer" title="Staff profiles (Opens in a new window)" > 10249 Staff profiles 10250 </a> 10251 </li> 10252 <li class="text-center md:text-left md:text-base "> 10253 <a 10254 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10255 href="https://aub.ac.uk/honorary-fellows" 10256 x-data="{}" 10257 @click=" 10258 window.dataLayer = window.dataLayer || []; 10259 window.dataLayer.push({ 10260 'event': 'footer_link_clicked', 10261 'dynamicName': 'Honorary Fellows' 10262 }); 10263 gtm({ 10264 event: 'ui_event', 10265 action: 'clicked', 10266 category: 'footer_link', 10267 label: 'honorary-fellows' 10268 }); 10269 " 10270 > 10271 Honorary Fellows 10272 </a> 10273 </li> 10274 </ul> 10275 </div> 10276 10277 10278 <div class="mb-8 md:mb-0"> 10279 <h4 class="mb-3 lg:mb-5 font-bold text-center md:text-left md:text-lg">Schools and Colleges</h4> 10280 <ul aria-label="Schools and Colleges"> 10281 <li class="text-center md:text-left md:text-base mb-[8px]"> 10282 <a 10283 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10284 href="https://aub.ac.uk/schools-colleges-hub" 10285 x-data="{}" 10286 @click=" 10287 window.dataLayer = window.dataLayer || []; 10288 window.dataLayer.push({ 10289 'event': 'footer_link_clicked', 10290 'dynamicName': 'Schools and Colleges Hub' 10291 }); 10292 gtm({ 10293 event: 'ui_event', 10294 action: 'clicked', 10295 category: 'footer_link', 10296 label: 'schools-and-colleges-hub' 10297 }); 10298 " 10299 > 10300 Schools and Colleges Hub 10301 </a> 10302 </li> 10303 <li class="text-center md:text-left md:text-base mb-[8px]"> 10304 <a 10305 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10306 href="https://aub.ac.uk/schools-colleges-hub/widening-access-to-aub" 10307 x-data="{}" 10308 @click=" 10309 window.dataLayer = window.dataLayer || []; 10310 window.dataLayer.push({ 10311 'event': 'footer_link_clicked', 10312 'dynamicName': 'Widening access to AUB' 10313 }); 10314 gtm({ 10315 event: 'ui_event', 10316 action: 'clicked', 10317 category: 'footer_link', 10318 label: 'widening-access-to-aub' 10319 }); 10320 " 10321 > 10322 Widening access to AUB 10323 </a> 10324 </li> 10325 <li class="text-center md:text-left md:text-base "> 10326 <a 10327 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10328 href="https://aub.ac.uk/partner-institutions" 10329 x-data="{}" 10330 @click=" 10331 window.dataLayer = window.dataLayer || []; 10332 window.dataLayer.push({ 10333 'event': 'footer_link_clicked', 10334 'dynamicName': 'Partner Institutions' 10335 }); 10336 gtm({ 10337 event: 'ui_event', 10338 action: 'clicked', 10339 category: 'footer_link', 10340 label: 'partner-institutions' 10341 }); 10342 " 10343 > 10344 Partner Institutions 10345 </a> 10346 </li> 10347 </ul> 10348 </div> 10349 10350 10351 <div > 10352 <h4 class="mb-3 lg:mb-5 font-bold text-center md:text-left md:text-lg">Other</h4> 10353 <ul aria-label="Other"> 10354 <li class="text-center md:text-left md:text-base mb-[8px]"> 10355 <a 10356 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10357 href="https://aub.ac.uk/legal-and-governance" 10358 x-data="{}" 10359 @click=" 10360 window.dataLayer = window.dataLayer || []; 10361 window.dataLayer.push({ 10362 'event': 'footer_link_clicked', 10363 'dynamicName': 'Legal and Governance' 10364 }); 10365 gtm({ 10366 event: 'ui_event', 10367 action: 'clicked', 10368 category: 'footer_link', 10369 label: 'legal-and-governance' 10370 }); 10371 " 10372 > 10373 Legal and Governance 10374 </a> 10375 </li> 10376 <li class="text-center md:text-left md:text-base mb-[8px]"> 10377 <a 10378 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10379 href="https://aub.ac.uk/student-charter" 10380 x-data="{}" 10381 @click=" 10382 window.dataLayer = window.dataLayer || []; 10383 window.dataLayer.push({ 10384 'event': 'footer_link_clicked', 10385 'dynamicName': 'Student Charter' 10386 }); 10387 gtm({ 10388 event: 'ui_event', 10389 action: 'clicked', 10390 category: 'footer_link', 10391 label: 'student-charter' 10392 }); 10393 " 10394 > 10395 Student Charter 10396 </a> 10397 </li> 10398 <li class="text-center md:text-left md:text-base mb-[8px]"> 10399 <a 10400 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10401 href="https://aub.ac.uk/regulations" 10402 x-data="{}" 10403 @click=" 10404 window.dataLayer = window.dataLayer || []; 10405 window.dataLayer.push({ 10406 'event': 'footer_link_clicked', 10407 'dynamicName': 'Regulations' 10408 }); 10409 gtm({ 10410 event: 'ui_event', 10411 action: 'clicked', 10412 category: 'footer_link', 10413 label: 'regulations' 10414 }); 10415 " 10416 > 10417 Regulations 10418 </a> 10419 </li> 10420 <li class="text-center md:text-left md:text-base mb-[8px]"> 10421 <a 10422 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10423 href="https://aub.ac.uk/equality-diversity-inclusion" 10424 x-data="{}" 10425 @click=" 10426 window.dataLayer = window.dataLayer || []; 10427 window.dataLayer.push({ 10428 'event': 'footer_link_clicked', 10429 'dynamicName': 'Equity, Diversity and Inclusion' 10430 }); 10431 gtm({ 10432 event: 'ui_event', 10433 action: 'clicked', 10434 category: 'footer_link', 10435 label: 'equity-diversity-and-inclusion' 10436 }); 10437 " 10438 > 10439 Equity, Diversity and Inclusion 10440 </a> 10441 </li> 10442
10442 <li class="text-center md:text-left md:text-base mb-[8px]"> 10443 <a 10444 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10445 href="https://aub.ac.uk/charitable-foundation" 10446 x-data="{}" 10447 @click=" 10448 window.dataLayer = window.dataLayer || []; 10449 window.dataLayer.push({ 10450 'event': 'footer_link_clicked', 10451 'dynamicName': 'Charitable Foundation' 10452 }); 10453 gtm({ 10454 event: 'ui_event', 10455 action: 'clicked', 10456 category: 'footer_link', 10457 label: 'charitable-foundation' 10458 }); 10459 " 10460 > 10461 Charitable Foundation 10462 </a> 10463 </li> 10464 <li class="text-center md:text-left md:text-base "> 10465 <a 10466 class="text-sm lg:text-base underline transition-opacity duration-300 hover:opacity-50 min-h-[44px] flex items-center" 10467 href="https://aub.ac.uk/sitemap" 10468 x-data="{}" 10469 @click=" 10470 window.dataLayer = window.dataLayer || []; 10471 window.dataLayer.push({ 10472 'event': 'footer_link_clicked', 10473 'dynamicName': 'Site Map' 10474 }); 10475 gtm({ 10476 event: 'ui_event', 10477 action: 'clicked', 10478 category: 'footer_link', 10479 label: 'site-map' 10480 }); 10481 " 10482 > 10483 Site Map 10484 </a> 10485 </li> 10486 </ul> 10487 </div> 10488 10489 </nav> 10490 10491 <div class="flex flex-col justify-between items-center md:items-end lg:justify-end md:mb-10 lg:mb-0 md:row-start-2 lg:row-start-1 lg:col-start-2 md:py-8 lg:pb-6 lg:pt-0 md:border-b-2 md:border-black/10 lg:justify-items-end"> 10492 <div class="flex flex-col w-full items-center md:flex-row lg:ml-auto lg:justify-end"> 10493 <ul class="inline-flex flex-nowrap justify-center items-center md:justify-end mt-12 md:mt-0 md:pr-10" aria-label="Social media"> 10494 <li class="mr-2"> 10495 <a 10496 class="transition-opacity duration-300 hover:opacity-50 w-[44px] h-[44px] flex items-center justify-center" 10497 href="https://www.instagram.com/inspiredaub/?hl=en" 10498 target="_blank" 10499 rel="noopener norefferer" 10500 aria-label="Go to AUBâs instagram profile (Opens in a new window)" 10501 x-data="{}" 10502 @click=" 10503 window.dataLayer = window.dataLayer || []; 10504 window.dataLayer.push({ 10505 'event': 'social_profile_clicked', 10506 'dynamicName': 'instagram' 10507 }); 10508 gtm({ 10509 event: 'ui_event', 10510 action: 'clicked', 10511 category: 'social_profile', 10512 label: 'instagram' 10513 }); 10514 " 10515 > 10516 <svg class="shrink-0 h-6 w-6" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 10517<path d="M9.99875 1.80125C12.6684 1.80125 12.9846 1.8125 14.0395 1.86C14.6734 1.86762 15.3012 1.98432 15.8955 2.205C16.3302 2.3656 16.7232 2.62192 17.0454 2.955C17.3784 3.27724 17.6347 3.67027 17.7953 4.105C18.0159 4.69937 18.1326 5.32729 18.1402 5.96125C18.1877 7.01625 18.199 7.33625 18.199 10.0025C18.199 12.6687 18.1877 12.9887 18.1402 14.0437C18.1326 14.6777 18.0159 15.3056 17.7953 15.9C17.6293 16.3314 17.3747 16.7232 17.0479 17.05C16.7211 17.3768 16.3293 17.6315 15.898 17.7975C15.3037 18.0182 14.6759 18.1349 14.042 18.1425C12.9871 18.19 12.6672 18.2012 10.0012 18.2012C7.33533 18.2012 7.01537 18.19 5.9605 18.1425C5.32662 18.1349 4.69878 18.0182 4.10449 17.7975C3.66982 17.6369 3.27683 17.3806 2.95463 17.0475C2.6216 16.7253 2.3653 16.3322 2.20472 15.8975C1.98408 15.3031 1.86739 14.6752 1.85977 14.0412C1.81227 12.9862 1.80102 12.6662 1.80102 10C1.80102 7.33375 1.81227 7.01375 1.85977 5.95875C1.86739 5.32479 1.98408 4.69687 2.20472 4.1025C2.3653 3.66777 2.6216 3.27474 2.95463 2.9525C3.27683 2.61942 3.66982 2.3631 4.10449 2.2025C4.69878 1.98182 5.32662 1.86512 5.9605 1.8575C7.01537 1.81 7.33533 1.79875 10.0012 1.79875L9.99875 1.80125ZM9.99875 0C7.28284 0 6.94288 0.01125 5.87427 0.06C5.04557 0.0768543 4.22572 0.234082 3.44957 0.525C2.7821 0.775698 2.17761 1.1695 1.67854 1.67875C1.16935 2.17788 0.775601 2.78245 0.524934 3.45C0.234052 4.22625 0.0768447 5.0462 0.0599925 5.875C0.0112486 6.94375 0 7.28375 0 10C0 12.7163 0.0112486 13.0563 0.0599925 14.125C0.0768447 14.9538 0.234052 15.7738 0.524934 16.55C0.775601 17.2175 1.16935 17.8221 1.67854 18.3212C2.17761 18.8305 2.7821 19.2243 3.44957 19.475C4.22651 19.7662 5.04722 19.9234 5.87677 19.94C6.94288 19.9887 7.28284 20 9.99875 20C12.7147 20 13.0546 19.9887 14.1232 19.94C14.9528 19.9234 15.7735 19.7662 16.5504 19.475C17.2146 19.2179 17.8178 18.8249 18.3214 18.3212C18.825 17.8175 19.218 17.2143 19.4751 16.55C19.7662 15.773 19.9234 14.9521 19.94 14.1225C19.9888 13.0563 20 12.7163 20 9.9975C20 7.27875 19.9888 6.94125 19.94 5.8725C19.9221 5.0444 19.764 4.22531 19.4726 3.45C19.2219 2.78245 18.8281 2.17788 18.319 1.67875C17.8199 1.1695 17.2154 0.775698 16.5479 0.525C15.7718 0.234082 14.9519 0.0768543 14.1232 0.06C13.0546 0.01125 12.7147 0 9.99875 0Z" fill="currentColor"/> 10518<path d="M9.99875 4.865C8.98327 4.865 7.99059 5.16616 7.14625 5.7304C6.30191 6.29464 5.64383 7.09662 5.25522 8.03492C4.86661 8.97322 4.76494 10.0057 4.96305 11.0018C5.16116 11.9979 5.65016 12.9129 6.36821 13.631C7.08626 14.3491 8.00112 14.8382 8.99709 15.0363C9.99305 15.2345 11.0254 15.1328 11.9636 14.7441C12.9018 14.3555 13.7036 13.6973 14.2678 12.8529C14.832 12.0084 15.1331 11.0156 15.1331 10C15.1331 9.32566 15.0003 8.65793 14.7423 8.03492C14.4843 7.41191 14.1061 6.84584 13.6293 6.36901C13.1525 5.89218 12.5865 5.51394 11.9636 5.25588C11.3407 4.99782 10.673 4.865 9.99875 4.865ZM9.99875 13.3337C9.33948 13.3337 8.69501 13.1382 8.14685 12.7719C7.59869 12.4056 7.17144 11.8849 6.91915 11.2758C6.66686 10.6666 6.60085 9.9963 6.72947 9.34962C6.85808 8.70293 7.17555 8.10892 7.64173 7.64268C8.1079 7.17645 8.70185 6.85894 9.34845 6.73031C9.99505 6.60167 10.6653 6.66769 11.2744 6.92002C11.8834 7.17234 12.404 7.59964 12.7703 8.14787C13.1366 8.6961 13.3321 9.34065 13.3321 10C13.3321 10.8842 12.9809 11.7321 12.3558 12.3573C11.7307 12.9825 10.8828 13.3337 9.99875 13.3337Z" fill="currentColor"/> 10519<path d="M15.3356 5.8625C15.9982 5.8625 16.5354 5.32524 16.5354 4.6625C16.5354 3.99976 15.9982 3.4625 15.3356 3.4625C14.6729 3.4625 14.1357 3.99976 14.1357 4.6625C14.1357 5.32524 14.6729 5.8625 15.3356 5.8625Z" fill="currentColor"/> 10520</svg> 10521 10522 </a> 10523 </li> 10524 <li class="mr-2"> 10525 <a 10526 class="transition-opacity duration-300 hover:opacity-50 w-[44px] h-[44px] flex items-center justify-center" 10527 href="https://www.tiktok.com/@inspiredaub" 10528 target="_blank" 10529 rel="noopener norefferer" 10530 aria-label="Go to AUBâs tiktok profile (Opens in a new window)" 10531 x-data="{}" 10532 @click=" 10533 window.dataLayer = window.dataLayer || []; 10534 window.dataLayer.push({ 10535 'event': 'social_profile_clicked', 10536 'dynamicName': 'tiktok' 10537 }); 10538 gtm({ 10539 event: 'ui_event', 10540 action: 'clicked', 10541 category: 'social_profile', 10542 label: 'tiktok' 10543 }); 10544 " 10545 > 10546 <svg class="shrink-0 h-6 w-6" width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 10547<path d="M5.0353 5.21325V7.61775C4.73247 7.53789 4.41558 7.527 4.10799 7.5859C3.80039 7.64479 3.50994 7.77197 3.25803 7.95804C3.00612 8.14412 2.79918 8.38436 2.65246 8.66105C2.50574 8.93774 2.42299 9.24382 2.4103 9.55675C2.39249 9.82655 2.4327 10.097 2.52821 10.35C2.62372 10.6029 2.77233 10.8325 2.96402 11.0232C3.1557 11.2139 3.38602 11.3613 3.63947 11.4555C3.89291 11.5497 4.1636 11.5885 4.4333 11.5693C4.70526 11.5899 4.97847 11.5513 5.23407 11.4562C5.48968 11.361 5.7216 11.2115 5.91383 11.0181C6.10606 10.8246 6.25404 10.5917 6.34754 10.3355C6.44104 10.0793 6.47785 9.80582 6.45543 9.534V0H8.83455C9.23968 2.5165 10.4971 3.101 12.1832 3.3705V5.782C11.0153 5.68656 9.88866 5.30621 8.90193 4.67425V9.43862C8.90018 11.5938 7.62268 14 4.4508 14C3.85585 13.9973 3.26743 13.8758 2.72001 13.6428C2.17258 13.4098 1.67717 13.0699 1.26279 12.6429C0.848419 12.216 0.523413 11.7107 0.30682 11.1566C0.0902261 10.6024 -0.0135994 10.0106 0.00142624 9.41587C0.0201341 8.7965 0.169937 8.18814 0.440956 7.6309C0.711974 7.07365 1.09805 6.5802 1.57372 6.18308C2.04939 5.78595 2.60385 5.49419 3.20053 5.32702C3.7972 5.15984 4.42254 5.12107 5.0353 5.21325Z" fill="currentColor"/> 10548</svg> 10549 10550 </a> 10551 </li> 10552 <li class="mr-2"> 10553 <a 10554 class="transition-opacity duration-300 hover:opacity-50 w-[44px] h-[44px] flex items-center justify-center" 10555 href="https://facebook.com/inspiredAUB/" 10556 target="_blank" 10557 rel="noopener norefferer" 10558 aria-label="Go to AUBâs facebook profile (Opens in a new window)" 10559 x-data="{}" 10560 @click=" 10561 window.dataLayer = window.dataLayer || []; 10562 window.dataLayer.push({ 10563 'event': 'social_profile_clicked', 10564 'dynamicName': 'facebook' 10565 }); 10566 gtm({ 10567 event: 'ui_event', 10568 action: 'clicked', 10569 category: 'social_profile', 10570 label: 'facebook' 10571 }); 10572 " 10573 > 10574 <svg class="shrink-0 h-6 w-6" width="8" height="15" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 15"> 10575 <path fill-rule="evenodd" fill="currentColor" d="M1225,317.49 L1223.55001,317.490938 C1222.41293,317.490938 1222.19244,318.016875 1222.19244,318.788437 L1222.19244,320.490937 L1224.90468,320.490937 L1224.55133,323.158125 L1222.19244,323.158125 L1222.19244,330 L1219.36466,330 L1219.36466,323.158125 L1217,323.158125 L1217,320.490937 L1219.36466,320.490937 L1219.36466,318.525 C1219.36466,316.242188 1220.79637,315 1222.88663,315 C1223.88795,315 1224.74871,315.072187 1225,315.105 L1225,317.49 Z" transform="translate(-1217 -315)"/> 10576</svg> 10577 10578 </a> 10579 </li> 10580 <li class="mr-2"> 10581 <a 10582 class="transition-opacity duration-300 hover:opacity-50 w-[44px] h-[44px] flex items-center justify-center" 10583 href="https://linkedin.com/company/the-arts-university-at-bournemouth" 10584 target="_blank" 10585 rel="noopener norefferer" 10586 aria-label="Go to AUBâs linkedin profile (Opens in a new window)" 10587 x-data="{}" 10588 @click=" 10589 window.dataLayer = window.dataLayer || []; 10590 window.dataLayer.push({ 10591 'event': 'social_profile_clicked', 10592 'dynamicName': 'linkedin' 10593 }); 10594 gtm({ 10595 event: 'ui_event', 10596 action: 'clicked', 10597 category: 'social_profile', 10598 label: 'linkedin' 10599 }); 10600 " 10601 > 10602 <svg class="shrink-0 h-6 w-6" width="14" height="13" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13"> 10603 <path fill-rule="evenodd" fill="currentColor" d="M1288.57283,319.956522 L1285.67483,319.956522 L1285.67483,329 L1288.57342,329 L1288.57342,324.252739 C1288.57342,321.613174 1292.09033,321.397261 1292.09033,324.252739 L1292.09033,329 L1295,329 L1295,323.273783 C1295,318.81987 1289.7955,318.982087 1288.57283,321.174565 L1288.57283,319.956522 Z M1281,329 L1283.91667,329 L1283.91667,319.956522 L1281,319.956522 L1281,
10603329 Z M1283.905,317.413043 C1283.905,318.193609 1283.2575,318.826087 1282.45833,318.826087 C1281.65917,318.826087 1281.01167,318.193609 1281.01167,317.413043 C1281.01167,316.633043 1281.65917,316 1282.45833,316 C1283.2575,316 1283.905,316.633043 1283.905,317.413043 L1283.905,317.413043 Z" transform="translate(-1281 -316)"/> 10604</svg> 10605 10606 </a> 10607 </li> 10608 <li > 10609 <a 10610 class="transition-opacity duration-300 hover:opacity-50 w-[44px] h-[44px] flex items-center justify-center" 10611 href="https://youtube.com/inspiredaub" 10612 target="_blank" 10613 rel="noopener norefferer" 10614 aria-label="Go to AUBâs youtube profile (Opens in a new window)" 10615 x-data="{}" 10616 @click=" 10617 window.dataLayer = window.dataLayer || []; 10618 window.dataLayer.push({ 10619 'event': 'social_profile_clicked', 10620 'dynamicName': 'youtube' 10621 }); 10622 gtm({ 10623 event: 'ui_event', 10624 action: 'clicked', 10625 category: 'social_profile', 10626 label: 'youtube' 10627 }); 10628 " 10629 > 10630 <svg class="shrink-0 h-6 w-6" width="17" height="13" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 13"> 10631 <path fill="currentColor" d="M1396.89396,316.132977 C1394.34112,315.955313 1388.65533,315.956035 1386.10604,316.132977 C1383.34567,316.325086 1383.02054,318.025173 1383,322.5 C1383.02054,326.966882 1383.34283,328.674192 1386.10604,328.867023 C1388.65604,329.043965 1394.34112,329.044687 1396.89396,328.867023 C1399.65433,328.674914 1399.97946,326.974827 1400,322.5 C1399.97946,318.033118 1399.65717,316.325808 1396.89396,316.132977 Z M1389.375,325.388849 L1389.375,319.611151 L1395.04167,322.494945 L1389.375,325.388849 L1389.375,325.388849 Z" transform="translate(-1383 -316)"/> 10632</svg> 10633 10634 </a> 10635 </li> 10636 </ul> 10637 <hr class="border-t-2 border-solid border-black/10 block my-6 w-full md:hidden"/> 10638 <div class="flex flex-nowrap justify-center md:justify-start lg:justify-end items-center w-full lg:w-auto mb-12 md:mb-0 md:border-l-2 md:border-black/5 md:pl-10"> 10639 <a href="https://www.whatuni.com/student-awards-winners/small-or-specialist-institution/" class="flex items-center justify-center" target="_blank" rel="noreferrer" title="Top 10 Small or Specialist in what uni student choice awards (Opens in a new window)"> 10640 <img class="mr-4 h-[44px] w-[44px]" src="/assets/images/top-10-inst.png" alt="Top 10 Small or Specialist in what uni student choice awards" loading="lazy" width="44" height="44"> 10641 </a> 10642 <img class="h-[44px] w-[44px] mr-4" src="/assets/images/eco-campus-platinum.png" alt="Eco Campus Platinum award" loading="lazy" width="44" height="44"> 10643 <a href="https://www.thecompleteuniversityguide.co.uk/league-tables/rankings/south-west-england#utm_source=artsuniversitybournemouth&utm_medium=referral&utm_campaign=leaguetablebadge&utm_term=swengland" target="_blank" rel="noreferrer" title="Top 10 - South West, Complete University Guide League Tables 2022 (Opens in a new window)"> 10644 <img class="h-[44px] w-[44px]" src="/assets/images/sw-university-guide.png" alt="Top 10 - South West, Complete University Guide League Tables 2022" loading="lazy" width="44" height="44"> 10645 </a> 10646 </div> 10647 </div> 10648 </div> 10649 10650 <div class="pt-8 lg:pt-0 border-t-2 border-gray-400 lg:border-none lg:row-start-4 lg:col-span-full lg:pl-30"> 10651 <div class="lg:border-t-2 border-gray-400 lg:pt-8"> 10652 <div class="flex flex-col lg:flex-row md:w-full lg:items-center lg:justify-between">
10653 <span class="block text-sm text-center md:text-left"> 10654 © Copyright 2026 Arts University Bournemouth 10655 </span> 10656 10657 <ul class="text-center md:text-left mt-6 md:mt-4 lg:mt-0 space-y-2 md:flex md:space-y-0 lg:space-x-2 lg:ml-8" aria-label="Legal links"> 10658 <li class="block"> 10659 <a 10660 class="text-sm underline transition-opacity duration-300 hover:opacity-50 flex items-center justify-center min-h-[44px] min-w-[44px]" 10661 href="https://aub.ac.uk/privacy-policy" 10662 x-data="{}" 10663 @click=" 10664 window.dataLayer = window.dataLayer || []; 10665 window.dataLayer.push({ 10666 'event': 'footer_link_clicked', 10667 'dynamicName': 'Privacy Policy' 10668 }); 10669 gtm({ 10670 event: 'ui_event', 10671 action: 'clicked', 10672 category: 'footer_link', 10673 label: 'privacy-policy' 10674 }); 10675 " 10676 title="Privacy Policy" > 10677 Privacy Policy 10678 </a> 10679 </li> 10680 <li class="block"> 10681 <a 10682 class="text-sm underline transition-opacity duration-300 hover:opacity-50 flex items-center justify-center min-h-[44px] min-w-[44px]" 10683 href="https://aub.ac.uk/terms-and-conditions" 10684 x-data="{}" 10685 @click=" 10686 window.dataLayer = window.dataLayer || []; 10687 window.dataLayer.push({ 10688 'event': 'footer_link_clicked', 10689 'dynamicName': 'Terms and Conditions' 10690 }); 10691 gtm({ 10692 event: 'ui_event', 10693 action: 'clicked', 10694 category: 'footer_link', 10695 label: 'terms-and-conditions' 10696 }); 10697 " 10698 title="Terms and Conditions" > 10699 Terms and Conditions 10700 </a> 10701 </li> 10702 <li class="block"> 10703 <a 10704 class="text-sm underline transition-opacity duration-300 hover:opacity-50 flex items-center justify-center min-h-[44px] min-w-[44px]" 10705 href="https://aub.ac.uk/legal-and-governance/modern-slavery-statement" 10706 x-data="{}" 10707 @click=" 10708 window.dataLayer = window.dataLayer || []; 10709 window.dataLayer.push({ 10710 'event': 'footer_link_clicked', 10711 'dynamicName': 'Modern slavery statement' 10712 }); 10713 gtm({ 10714 event: 'ui_event', 10715 action: 'clicked', 10716 category: 'footer_link', 10717 label: 'modern-slavery-statement' 10718 }); 10719 " 10720 title="Modern slavery statement" > 10721 Modern slavery statement 10722 </a> 10723 </li> 10724 <li class="block"> 10725 <a 10726 class="text-sm underline transition-opacity duration-300 hover:opacity-50 flex items-center justify-center min-h-[44px] min-w-[44px]" 10727 href="https://aub.ac.uk/privacy-policy/cookie-declaration" 10728 x-data="{}" 10729 @click=" 10730 window.dataLayer = window.dataLayer || []; 10731 window.dataLayer.push({ 10732 'event': 'footer_link_clicked', 10733 'dynamicName': 'Co
10733okie Declaration' 10734 }); 10735 gtm({ 10736 event: 'ui_event', 10737 action: 'clicked', 10738 category: 'footer_link', 10739 label: 'cookie-declaration' 10740 }); 10741 " 10742 title="Cookie Declaration" > 10743 Cookie Declaration 10744 </a> 10745 </li> 10746 <li class="block"> 10747 <a 10748 class="text-sm underline transition-opacity duration-300 hover:opacity-50 flex items-center justify-center min-h-[44px] min-w-[44px]" 10749 href="https://aub.ac.uk/accessibility-statement" 10750 x-data="{}" 10751 @click=" 10752 window.dataLayer = window.dataLayer || []; 10753 window.dataLayer.push({ 10754 'event': 'footer_link_clicked', 10755 'dynamicName': 'Accessibility Statement' 10756 }); 10757 gtm({ 10758 event: 'ui_event', 10759 action: 'clicked', 10760 category: 'footer_link', 10761 label: 'accessibility-statement' 10762 }); 10763 " 10764 title="Accessibility Statement" > 10765 Accessibility Statement 10766 </a> 10767 </li> 10768 <li class="block"> 10769 <a class="text-sm underline transition-opacity duration-300 hover:opacity-50 flex items-center justify-center min-h-[44px] min-w-[44px]" href="https://bondandcoyne.co.uk/" target="_blank" rel="noopener norefferer" title="Site by Bond and Coyne (Opens in a new window)">Site by Bond and Coyne</a> 10770 </li> 10771 </ul> 10772 </div> 10773 </div> 10774 <div class="block mt-4 lg:mt-2 text-xs text-center md:text-left text-gray-800"> 10775 <p>Every effort is taken to ensure the accuracy of information, and that itâs true and correct at the time of publishing on aub.ac.uk</p> 10776 </div> 10777 </div> 10778 </div> 10779 </footer> 10780 </div> 10781
10781<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 10781
10781
10782<script type="module" src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/builds/a2daa9ba-1f84-43d5-8cf5-15bab00e1277/artifacts/assets/dist/assets/app.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/app.js'}});document.dispatchEvent(e);"></script>
10782 10783<link href="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/builds/a2daa9ba-1f84-43d5-8cf5-15bab00e1277/artifacts/assets/dist/assets/app.css" rel="stylesheet"> 10784 10785 10786 10787 10788
10788<script type="module" src="https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/builds/a2daa9ba-1f84-43d5-8cf5-15bab00e1277/artifacts/assets/dist/assets/cookie-consent.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/cookie-consent.js'}});document.dispatchEvent(e);"></script>
10788 10789 10790 <!-- Hotjar Tracking Code for www.aub.ac.uk --> 10791
10791<script>
vendor: 117 bytes, lines 10791-10794
10791 10792 (function(h,o,t,j,a,r){ 10793 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 10794 h._hjSettings={hjid:
10794810516
vendor: 245 bytes, lines 10794-10800
10794,hjsv:6}; 10795 a=o.getElementsByTagName('head')[0]; 10796 r=o.createElement('script');r.async=1; 10797 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 10798 a.appendChild(r); 10799 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 10800
10800</script>
10800 10801 10802
10802<script src="https://widget.tabnav.com/limited-widget.min.js.gz" tnv-data-config='{"language":"gb-en","color":"#000000","buttonColor":"#000000","buttonSize":"small","widgetSize":"small","widgetLocation":"left","buttonLocation":"bottom"}' defer></script>
10802 10803 <noscript> JavaScript is required for <a href="https://tabnav.com/accessibility-widget">accessibility widget</a> to work properly.</noscript> 10804
10804<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","author":{"@id":"https://aub.ac.uk/#identity"},"copyrightHolder":{"@id":"https://aub.ac.uk/#identity"},"copyrightYear":"2020","creator":{"@id":"https://aub.ac.uk/#creator"},"dateModified":"2026-06-03T14:21:07+01:00","datePublished":"2020-04-28T15:20:00+01:00","description":"A lot goes on in our creative community â browse our news stories to find out more about AUB","headline":"Latest News","image":{"@type":"ImageObject","url":"https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Staff-Profile-Icon_1.png?fit=cover&height=630&width=1200&s=-ZMCmVUP2Ez8FtIDLB7XBnjIqPvn4x_EcR-JvqQwlXQ"},"inLanguage":"en-gb","mainEntityOfPage":"https://aub.ac.uk/news","name":"Latest News","potentialAction":{"@type":"SearchAction","query-input":"required name=search_term_string","target":"https://aub.ac.uk/search?q={search_term_string}"},"publisher":{"@id":"https://aub.ac.uk/#creator"},"url":"https://aub.ac.uk/news"},{"@id":"https://aub.ac.uk/#identity","@type":"Organization","address":{"@type":"PostalAddress","addressCountry":"United Kingdom","addressLocality":"Wallisdown, Poole","addressRegion":"Dorset","postalCode":"BH12 5HH","streetAddress":"Arts University Bournemouth"},"alternateName":"AUB","description":"Established in 1883 as a specialist institution, Arts University Bournemouth is a leading university offering high quality specialist education in art, design, media and performance across the creative industries.","email":"[email protected]","image":{"@type":"ImageObject","height":"400","url":"https://images.aubcdn.com/aub/images/R5-G_6I_400x400.jpg","width":"400"},"logo":{"@type":"ImageObject","height":"60","url":"https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/R5-G_6I_400x400.jpg?fit=contain&format=png&height=60&width=600&s=qXVFrIaWH2_fT6lgIl2JIS-h7dp7cj4YMSWbZWik4CY","width":"60"},"name":"Arts University Bournemouth","sameAs":["https://twitter.com/inspiredAUB","https://facebook.com/inspiredAUB/","https://en.wikipedia.org/wiki/Arts_University_Bournemouth","https://linkedin.com/company/the-arts-university-at-bournemouth","https://youtube.com/inspiredaub","https://www.instagram.com/inspiredaub","https://pinterest.com/inspiredaub"],"telephone":"+44 1202 533 011","url":"https://aub.ac.uk/"},{"@id":"https://www.madebymutual.com/#creator","@type":"LocalBusiness","address":{"@type":"PostalAddress","addressCountry":"United Kingdom","addressLocality":"Hastings","addressRegion":"East Sussex","postalCode":"TN34 1HL","streetAddress":"45 Robertson St"},"alternateName":"Mutual","description":"Mutual is a web design and development agency specialising in Craft CMS and Gatsby, based in the UK.","email":"[email protected]","geo":{"@type":"GeoCoordinates","latitude":"50.855484","longitude":"0.5757133"},"name":"We Make Stuff Ltd","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","closes":"17:00:00","dayOfWeek":["Monday"],"opens":"09:00:00"},{"@type":"OpeningHoursSpecification","closes":"17:00:00","dayOfWeek":["Tuesday"],"opens":"09:00:00"},{"@type":"OpeningHoursSpecification","closes":"17:00:00","dayOfWeek":["Wednesday"],"opens":"09:00:00"},{"@type":"OpeningHoursSpecification","closes":"17:00:00","dayOfWeek":["Thursday"],"opens":"09:00:00"},{"@type":"OpeningHoursSpecification","closes":"17:00:00","dayOfWeek":["Friday"],"opens":"09:00:00"}],"priceRange":"$","url":"https://www.madebymutual.com/"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://aub.ac.uk/","name":"Home","position":1},{"@type":"ListItem","item":"https://aub.ac.uk/news","name":"Latest News","position":2}],"name":"Breadcrumbs"}]}</script>
10804<script src="https://cdn.jsdelivr.net/npm/focus-trap@5/dist/focus-trap.min.js"></script>
vendor: 1 bytes, line 10804
10804
10805<script>function lazyLoad() { 10806 var lazyVideos = [].slice.call(document.querySelectorAll(".js-gif-replacement")); 10807 10808 if ("IntersectionObserver" in window) { 10809 var lazyVideoObserver = new IntersectionObserver(function(entries, observer) { 10810 entries.forEach(function(video) { 10811 if (video.isIntersecting) { 10812 var mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)'); 10813 var autoplayVideos = mediaQuery.matches != true && !document.body.classList.contains('a11y-reduce-animations'); 10814 if(autoplayVideos) { 10815 10816 video.target.setAttribute('autoplay', autoplayVideos ? 1 : 0); 10817 } 10818 for (var source in video.target.children) { 10819 var videoSource = video.target.children[source]; 10820 if (typeof videoSource.tagName === "string" && videoSource.tagName === "SOURCE") { 10821 videoSource.src = videoSource.dataset.src; 10822 } 10823 } 10824 video.target.load(); 10825 video.target.classList.remove("js-gif-replacement"); 10826 lazyVideoObserver.unobserve(video.target); 10827 10828 var event = new Event('resizeSlider'); 10829 document.dispatchEvent(event); 10830 } 10831 }); 10832 }); 10833 10834 lazyVideos.forEach(function(lazyVideo) { 10835 lazyVideoObserver.observe(lazyVideo); 10836 }); 10837 } 10838 } 10839 10840 document.addEventListener("DOMContentLoaded", lazyLoad); 10841 window.addEventListener("lazyLoadImages", function() { 10842 lazyLoad(); 10843 }); 10844var inlineLinks = document.querySelectorAll(".copy a"); 10845 inlineLinks.forEach(function(link) { 10846 link.addEventListener("click", function() { 10847 window.dataLayer = window.dataLayer || []; 10848 window.dataLayer.push({ 10849 'event': 'inline_link_clicked', 10850 'dynamicName': link.innerText 10851 }); 10852 }); 10853 }); 10854document.addEventListener("DOMContentLoaded", function() { 10855 function getContainerWidth() { 10856 10857 const container = document.createElement('div'); 10858 const classArray = 'contain-lg'?.split(' ') ?? []; 10859 container.style.visibility = 'hidden'; 10860 for (let i = 0; i < classArray.length; i++) { 10861 container.classList.add(classArray[i]); 10862 } 10863 document.body.appendChild(container); 10864 10865 const styles = window.getComputedStyle(container); 10866 const width = parseFloat(styles.width); 10867 const paddingLeft = parseFloat(styles.paddingLeft); 10868 const paddingRight = parseFloat(styles.paddingRight); 10869 const calculatedWidth = width - paddingLeft - paddingRight; 10870 10871 container.parentNode.removeChild(container); 10872 10873 return calculatedWidth; 10874 } 10875 10876 10877 function adjustSliderWidth() { 10878 const containerWidth = getContainerWidth(); 10879 const widthToSet = window.innerWidth >= 1024 ? containerWidth + 'px' : '100%'; 10880 document.getElementById('explore-slider-explore-more-wrapper').style.width = widthToSet; 10881 } 10882 10883 function initializeSwiper() { 10884 10885 const options = { 10886 init: false, 10887 slidesPerView: '1.25', 10888 spaceBetween: 20, 10889 autoHeight: false, 10890 freeMode: 0, 10891 slidesOffsetBefore: 20, 10892 slidesOffsetAfter: 20, 10893 navigation: { 10894 nextEl: '#explore-slider-explore-more-navigation-next', 10895 prevEl: '#explore-slider-explore-more-navigation-prev', 10896 disabledClass: 'opacity-25 cursor-not-allowed' 10897 }, 10898 breakpoints: { 10899 768: { 10900 slidesPerView: '1.25', 10901 slidesOffsetBefore: 40, 10902 slidesOffsetAfter: 40, 10903 }, 10904 1024: { 10905 slidesPerView: '4', 10906 spaceBetween: 40, 10907 autoHeight: 1, 10908 freeMode: 0, 10909 slidesOffsetBefore: 0, 10910 slidesOffsetAfter: 0, 10911 } 10912 } 10913 } 10914
10915 return new Swiper('#explore-slider-explore-more', options); 10916 } 10917 10918 let swiper = initializeSwiper() 10919 swiper.init(); 10920 swiper.on('activeIndexChange', function() { 10921 gtm({ 10922 event: 'ui_event', 10923 action: 'slide_change', 10924 category: 'slider', 10925 label: 'explore-slider-explore-more' 10926 }) 10927 window.dispatchEvent(new Event('lazyLoadImages')); 10928 }); 10929 10930 setTimeout(function() { 10931 window.dispatchEvent(new Event('resize')); 10932 }, 100); 10933 10934 adjustSliderWidth(); 10935 10936 10937 10938 let windowWidth = window.innerWidth; 10939 10940 window.addEventListener('resize', function() { 10941 10942 if(windowWidth !== window.innerWidth) { 10943 console.log('Resizing'); 10944 swiper.destroy(); 10945 swiper = initializeSwiper(); 10946 swiper.init(); 10947 10948 adjustSliderWidth(); 10949 } 10950 10951 windowWidth = window.innerWidth; 10952 }); 10953 10954 document.addEventListener('resizeSlider', function() { 10955 setTimeout(function() { 10956 swiper.update(); 10957 }, 1000); 10958 }); 10959 });</script>
10959</body> 10960</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.