PageSourceSearch

https://aub.ac.uk/news

html aub.ac.uk collected 2026-10-02 05:17:53 UTC 733,565 bytes, 10,960 lines download raw bytes

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&amp;height=630&amp;width=1200&amp;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&amp;height=418&amp;width=800&amp;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 &quot;A day in the deep&quot; 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&amp;width=800&amp;s=FwDONjbE9Ds_TYlJigpCp7yJFkyqqmiHU47L_qQf38U 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Foundation_day-in-the-deep.png?fit=cover&amp;width=1200&amp;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&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.4795&amp;gravity%5By%5D=0.2145&amp;width=800&amp;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&amp;gravity%5Bx%5D=0.4795&amp;gravity%5By%5D=0.2145&amp;width=1200&amp;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&amp;gravity%5Bx%5D=0.4795&amp;gravity%5By%5D=0.2145&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.4473&amp;gravity%5By%5D=0.854&amp;width=800&amp;s=zUYZKSh3J7DA4ztp3qZIHFYHokIw1LMSXeLheCLmNEg 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/swonderful-other-days-116-copy-2.jpg?fit=cover&amp;gravity%5Bx%5D=0.4473&amp;gravity%5By%5D=0.854&amp;width=1200&amp;s=_g85CU5VlbUcaxVj92RG4NB1CY7-88b3pzX0afFmZx4 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/swonderful-other-days-116-copy-2.jpg?fit=cover&amp;gravity%5Bx%5D=0.4473&amp;gravity%5By%5D=0.854&amp;width=1600&amp;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&amp;width=720&amp;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&amp;width=800&amp;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&amp;width=1200&amp;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&amp;width=1600&amp;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&amp;width=800&amp;s=SA1EzjwppX9klRSh2are_fNEplQ_lCO2OtQPa-DXFIA 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Main_image_MattiaHolm.jpg?fit=cover&amp;width=1200&amp;s=hXksINWiho0iAL5Hs4SOT_vVWjlaOcDfjFWLwloNAdk 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Main_image_MattiaHolm.jpg?fit=cover&amp;width=1600&amp;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&amp;width=720&amp;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&amp;width=800&amp;s=CtFILogKICQY4XM7FiH1dt5bE2QMYRg8dggEw680Wjk 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Anh-Le_Graphic-Design_03.jpg?fit=cover&amp;width=1200&amp;s=V5lxBDGe6yfocwJ2iCy0dK3sBQkl-KmEeFNZK5rW1x4 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Anh-Le_Graphic-Design_03.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=EAhaGRwIO14LEH19yxgcbSttaI-L0WcoaRN9rlUpCfE 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/COSTUME-HERO-IMAGE.jpg?fit=cover&amp;width=1200&amp;s=BpMiR0gt_FleNSUpUPBJ-9lPq1EgcdPi_6A6_1jG2mE 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/COSTUME-HERO-IMAGE.jpg?fit=cover&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.3057&amp;width=800&amp;s=wMapr8HKCi9FE8uI8TJD5HgZ5iViuj6v42LXscbAsI0 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Lizzie-Hodge-DCP-06-Large.jpeg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.3057&amp;width=1200&amp;s=xvvOzEZq8t7Wa5DGvDeDYgyjhpis_26T2DyUOX4RgTM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Lizzie-Hodge-DCP-06-Large.jpeg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.3057&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.5&amp;gravity%5By%5D=0.5&amp;width=800&amp;s=EJhpogAnEWJxut5l6FDd8lQapJCeysHfH-tKZ2hwbBw 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Rachel-Kolb_CommercialPhotography_01.jpg?fit=cover&amp;gravity%5Bx%5D=0.5&amp;gravity%5By%5D=0.5&amp;width=1200&amp;s=tAPNR7Fhl6401RbTPipNSkt7aVJ8HFsq6pp6aNAcxhs 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Rachel-Kolb_CommercialPhotography_01.jpg?fit=cover&amp;gravity%5Bx%5D=0.5&amp;gravity%5By%5D=0.5&amp;width=1600&amp;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&amp;width=800&amp;s=M7UyO3RKSnWiKpIQzGVwJ-xKUC_LeFmrGm1BzxPyzck 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/CREATIVE-WRITING-HERO.jpg?fit=cover&amp;width=1200&amp;s=WSnOoFN8Ib9I4mjuO7YO2l8k4YblrNDUSlNB9zhhplk 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/CREATIVE-WRITING-HERO.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;
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&amp;width=1200&amp;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&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.4991&amp;gravity%5By%5D=0.2443&amp;width=800&amp;s=5yRWT1R156N99_LROeAIn5yp_mb0z6VlbOrEsWIm0Uc 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/061526_GFW__Highres_PH_170.jpg?fit=cover&amp;gravity%5Bx%5D=0.4991&amp;gravity%5By%5D=0.2443&amp;width=1200&amp;s=mvUYTBaQv3k-ajJOnCxbfaPlIY1MsgHWkXZW316VU6c 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/061526_GFW__Highres_PH_170.jpg?fit=cover&amp;gravity%5Bx%5D=0.4991&amp;gravity%5By%5D=0.2443&amp;width=1600&amp;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&amp;width=800&amp;s=BnWT1jgOX9caeHNYUjJ3AM79vjoDtgOk1Rzvl1EL20g 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/B-Bolland-Portfolio9.jpg?fit=cover&amp;width=1200&amp;s=ThTwX-4DU77zwn6B2ZZl5Ybn6qky0g6HRAaBgQxJKr0 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/B-Bolland-Portfolio9.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=Rm2yXTBE_vyKD4MYUu5W2tNxfFk-Or7qVDAdioPR9iM 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Film-production-HERO-IMAGE.jpg?fit=cover&amp;width=1200&amp;s=BKbESghkJiYPdoVaLIADxZcerWC0qLt7M9b_bxoYPNA 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Film-production-HERO-IMAGE.jpg?fit=cover&amp;width=1600&amp;
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&amp;width=800&amp;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&amp;width=1200&amp;s=r9I5NEug38w0gw6chGYlqaDL8stUIvmJvCOhu66xkJI 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BA-Hons-Fine-Art-banner-2025.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=myoAtM835TCBaOCqGF4wJTdHdmR5x1YRL-LegdRh6vI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Beno-Raistrick_Image-2.png?fit=cover&amp;width=1200&amp;s=3rXsn7w5Zfq8PcFXCfXhq1D4hY9kMxgdO35IbV1Xdbc 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Beno-Raistrick_Image-2.png?fit=cover&amp;width=1600&amp;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&amp;width=720&amp;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&amp;width=800&amp;s=gRvB81mGBINqJuB5z-yJe3VkpscBJgzSUuzE4arNTW0 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/longbanner_coursebanner_jake-alexander.jpg?fit=cover&amp;width=1200&amp;s=e2e5zr5drfOMQz-zkl4T_G6r6KuEt9Dj83TAV32lVFo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/longbanner_coursebanner_jake-alexander.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;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&amp;width=1200&amp;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&amp;width=1600&amp;
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&#039;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&amp;width=800&amp;s=Qv7v1VhvcdIKzXOg0xqw-BSGjYeqGl9lpIgXp42Yd-U 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MAKE-UP-2.jpg?fit=cover&amp;width=1200&amp;s=5HXltvBtw5KuRtMlSP3RLrrfHYm87f6Ip5fQB4_vzZ4 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MAKE-UP-2.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=jWmzvPbUNPOeQ9BmYX7Ky_s8BVoeZGM6v7dN2ZKfsSM 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Limbo-Film_Dan-Bowhay_BTS166.jpg?fit=cover&amp;width=1200&amp;s=9kyDatO7v0IzDempSrVS5B7eNdjsAo_EDvM0tdnh5Iw 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Limbo-Film_Dan-Bowhay_BTS166.jpg?fit=cover&amp;width=1600&amp;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&amp;width=720&amp;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&amp;width=800&amp;s=0WRlguQnHNmcPit7-p3papE-_yYknmUhtm4HqZiSBkU 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Equipment-modelmaking-facilities.jpg?fit=cover&amp;width=1200&amp;s=DJtBJ2BVNshn7Ud3s-uGRcjZH28oN7mR4-bsQ1Weqx0 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Equipment-modelmaking-facilities.jpg?fit=cover&amp;width=1600&amp;
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&amp;gravity%5Bx%5D=0.5&amp;gravity%5By%5D=0.2491&amp;width=800&amp;s=tdRB-fV8yeRUjDYGmMsw5B-CbO11HazMlcVFGFvV3Qo 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/RESONANCE-0127.JPG?fit=cover&amp;gravity%5Bx%5D=0.5&amp;gravity%5By%5D=0.2491&amp;width=1200&amp;s=JPI_YbEhY9S8xxZH4WK9Q04diTEy_t6RYKufFDI9TLw 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/RESONANCE-0127.JPG?fit=cover&amp;gravity%5Bx%5D=0.5&amp;gravity%5By%5D=0.2491&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.5126&amp;gravity%5By%5D=0.2724&amp;width=800&amp;s=vLP0Gbi3zL7JstwPEMyx7qaWq8qAGEaM7fm-KauShlI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PHOTOGRAPHY-HERO.jpg?fit=cover&amp;gravity%5Bx%5D=0.5126&amp;gravity%5By%5D=0.2724&amp;width=1200&amp;s=DpFbBAyfcrzawxRHm8ZwCbaONCkhTevfGWoafvvjTyM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PHOTOGRAPHY-HERO.jpg?fit=cover&amp;gravity%5Bx%5D=0.5126&amp;gravity%5By%5D=0.2724&amp;width=1600&amp;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&amp;width=800&amp;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&amp;width=1200&amp;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&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.7784&amp;gravity%5By%5D=0.8894&amp;width=720&amp;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&amp;width=800&amp;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&amp;width=1200&amp;s=wOvJuErSP2G-zwhE9h95vzvtIaXY8vCHTi6rrdn3CyY 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tom-Rogers_Image_03-Large.jpeg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=GCAJpVJsrs65P3xCwQhkGes7_jN0e2k4xTXxtqmXUp8 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Kheyal_Full_Flipped_v3.png?fit=cover&amp;width=1200&amp;s=PWHEeQX2wGDaXXCzjSBCOGBnS9gp-1nHBcBT5k6qtqc 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Kheyal_Full_Flipped_v3.png?fit=cover&amp;width=1600&amp;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&amp;height=400&amp;width=800&amp;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&amp;height=600&amp;width=1200&amp;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&amp;height=800&amp;width=1600&amp;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&amp;width=800&amp;s=zv6eHOj4blI2YOwIEnwIC86hh7n82gAoNhAzpT5EuOE 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/cw-2-1842x1024.jpg?fit=cover&amp;width=1200&amp;s=ySYwdPDyV1vN9BmYyaTF5SoUmf3ZsiT6xY5cxx8cszI 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/cw-2-1842x1024.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=rkBBoqzHJTgypooQQcGcONseXGgXsTxRnozHtW4ur3o 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Memoir-Writing-5.jpg?fit=cover&amp;width=1200&amp;s=ZMROX8fjvYud_vV8sX2QVREtin-RfhJ3PBnEQTCZsRc 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Memoir-Writing-5.jpg?fit=cover&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.495&amp;gravity%5By%5D=0.1897&amp;width=800&amp;s=LBzIU9s9dvAcU9w1lYqGirNJnyBkRbgPtR_psFVWV3g 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Bee-Aslan-16.png?fit=cover&amp;gravity%5Bx%5D=0.495&amp;gravity%5By%5D=0.1897&amp;width=1200&amp;s=39jgvo0FkwHTPMGz_MCKsPS1KG8lsiwU2nt7t9yNslA 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Bee-Aslan-16.png?fit=cover&amp;gravity%5Bx%5D=0.495&amp;gravity%5By%5D=0.1897&amp;width=1600&amp;
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&amp;width=800&amp;s=Y8AUIn2l__yHU6BBZg1uzbeJNJNhFYQJ5aXO2HuPCyU 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/HEADER_MA_Film-PRactice_online.jpg?fit=cover&amp;width=1200&amp;s=axEjuyJqH4Dsj3pFjuX48m3rri5BKn0ZWvdZZ_S78WM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/HEADER_MA_Film-PRactice_online.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=_WGxeKjoUERGoAMaSW5XjdVX4cXbPiIIB97duYd0IbM 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/0-MA-Film-Practice-Triangle-01.JPG?fit=cover&amp;width=1200&amp;s=btf5NSB3D04bMQxChyoq6Dxx6f0Qih2b5jZyoI3fx1k 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/0-MA-Film-Practice-Triangle-01.JPG?fit=cover&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.4812&amp;gravity%5By%5D=0.9474&amp;width=800&amp;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&amp;gravity%5Bx%5D=0.4812&amp;gravity%5By%5D=0.9474&amp;width=1200&amp;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&amp;gravity%5Bx%5D=0.4812&amp;gravity%5By%5D=0.9474&amp;width=1600&amp;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&amp;height=400&amp;width=800&amp;s=LJrMpccIcyq9PwmYZOtKR2OYUJDFDt-fBdwYics7nXY 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Becky-Stone_GraphicDesign-05.jpg?fit=cover&amp;height=600&amp;width=1200&amp;s=ZY4Y2bb9EFsWetD50o346A0oNLGXX6291tefPYNdlgs 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Becky-Stone_GraphicDesign-05.jpg?fit=cover&amp;height=800&amp;width=1600&amp;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&amp;width=800&amp;
1972s=2a5rygALntoa2xLWOWOepstC-I7jEHmYJqfXSHr9rlg 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MA-GDO-Hero-1.jpg?fit=cover&amp;width=1200&amp;s=zyKHXrG_0Ceqzs8Gg9TJZgq87KZcwnAqGDArEqf2WoU 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MA-GDO-Hero-1.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=jaGNexqmho6FlemNP2BaZhrr-3QdiMjK-kgPSXPQbso 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Anne-Thomson_Medieval_costume.jpg?fit=cover&amp;width=1200&amp;s=QZNGcVLsEpS85unRck3PLkrvKjAIhRuwXNNghjh5ggk 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Anne-Thomson_Medieval_costume.jpg?fit=cover&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.5506&amp;gravity%5By%5D=0.7673&amp;width=800&amp;s=QMISnQwc2yosEVlUfo3A1TyUEFXWIX413q1dI1uWbSA 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/19-Searching-for-extra-terrestrial-life.png?fit=cover&amp;gravity%5Bx%5D=0.5506&amp;gravity%5By%5D=0.7673&amp;width=1200&amp;s=Qm8ecIN89X-sOsv9RCi0EfSdbBxPrM58xyPhoqb6kGI 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/19-Searching-for-extra-terrestrial-life.png?fit=cover&amp;gravity%5Bx%5D=0.5506&amp;gravity%5By%5D=0.7673&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.4959&amp;gravity%5By%5D=0.7099&amp;width=800&amp;
2077s=oDsb0ZzZRhpNoKSeEl7sOK_sfDP1YnuJFXCXZjiBDj4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Banner-JulieSanderson-identityandauthorship-creativeartefact1.png?fit=cover&amp;gravity%5Bx%5D=0.4959&amp;gravity%5By%5D=0.7099&amp;width=1200&amp;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&amp;gravity%5Bx%5D=0.4959&amp;gravity%5By%5D=0.7099&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.3216&amp;gravity%5By%5D=0.7426&amp;width=800&amp;s=0qHLkb1M5oafUKqYkqU_Y12XM6UjoOtGUe1DU6o6NjE 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Element-Creative-TA200033.jpg?fit=cover&amp;gravity%5Bx%5D=0.3216&amp;gravity%5By%5D=0.7426&amp;width=1200&amp;s=o4YbrkXkjds3NfIXQiWt1JfpFdPR-ekT-E6EYmWC7Cs 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Element-Creative-TA200033.jpg?fit=cover&amp;gravity%5Bx%5D=0.3216&amp;gravity%5By%5D=0.7426&amp;width=1600&amp;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&amp;width=720&amp;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&amp;gravity%5Bx%5D=0.0006&amp;gravity%5By%5D=0.982&amp;width=800&amp;s=82anrIuhOqMqE3-Ka7VBHzlkGU1wdI3-HpXFcuorvQs 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Rosie-Alabaster-3D-wood-quay.jpg?fit=cover&amp;gravity%5Bx%5D=0.0006&amp;gravity%5By%5D=0.982&amp;width=1200&amp;s=clqqrxkHyFVTghuKXUqUessCXpUuCOr79hPoX74OYSo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Rosie-Alabaster-3D-wood-quay.jpg?fit=cover&amp;gravity%5Bx%5D=0.0006&amp;gravity%5By%5D=0.982&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.4962&amp;gravity%5By%5D=0.1803&amp;width=800&amp;s=ZvTrnmPfOS0H_2dLUJrCyAv0sDuSWMulOwbLCenBJ9A 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MA-Painting-new-hero-2.jpg?fit=cover&amp;gravity%5Bx%5D=0.4962&amp;gravity%5By%5D=0.1803&amp;width=1200&amp;s=giEH7tj9Loffn4Nex6RBgxmgrjXhNBgu00uR0p2ZMsY 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/MA-Painting-new-hero-2.jpg?fit=cover&amp;gravity%5Bx%5D=0.4962&amp;gravity%5By%5D=0.1803&amp;width=1600&amp;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&amp;width=800&amp;s=d34b27qccJ9skPUg0vzd691MqdJxaS02XyqH7MsCgiQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Elizabeth-vickers_3.jpg?fit=cover&amp;width=1200&amp;s=NsbmnyH5qjeYuIxxLmZRAZE6l04Ic8hQlJdr1KIcTpA 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Elizabeth-vickers_3.jpg?fit=cover&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.4711&amp;gravity%5By%5D=0.0829&amp;width=720&amp;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&amp;width=800&amp;s=xb3P7Eb_zjwsEtuufvYH_raAlTTiUCmFzBKQ7WpZgj0 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/ma-tl-2500x1500.jpg?fit=cover&amp;width=1200&amp;s=SYW8NmBbeByGuyr4HCR2okmqpJAXrs9HeclREOZS9Tk 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/ma-tl-2500x1500.jpg?fit=cover&amp;width=1600&amp;
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&amp;width=800&amp;s=Ig6baaufj00TckIeb_irl9Z6EvMtlTgcZZcTlJKpDD0 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Roshna-George_Graphic-Design_01.jpg?fit=cover&amp;width=1200&amp;s=Smtd0lni8cmzchGRriuw1xlBYP7EaJGjfMeRsnjaYz8 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Roshna-George_Graphic-Design_01.jpg?fit=cover&amp;width=1600&amp;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&amp;width=720&amp;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&amp;width=800&amp;s=KdWvy93HbvPEDk9VcZYJY30XFwljrF_BKRH0-u_Fqx0 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/JOEL_WALLACE_ERABU_02.jpg?fit=cover&amp;width=1200&amp;s=9wswjD21WIUKFzSqK5tixwjp2mn7Nddeaf_i-ypntB8 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/JOEL_WALLACE_ERABU_02.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=pxX1sFGRPEjX4SQqN0HGQJC__cHQyDOvJ9qLhlSxC0Y 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-HoC_2024__078a3508_web-1.jpg?fit=cover&amp;width=1200&amp;s=TPMuKFXGQKUQZpSTkoFp5Kk7iBmqSepMHvzTJlFqbf0 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-HoC_2024__078a3508_web-1.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=vqzkDEsQJK8Mrz8q8sMwFVBC4iEWm4qlLkIZeCWaO7s 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-HoC_2024__078a3567_web.jpg?fit=cover&amp;width=1200&amp;s=vHRMrkcBLtmR43eWQs4UnfHFEOEjs2nDxS5HJs9LlXo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-HoC_2024__078a3567_web.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;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&amp;width=1200&amp;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&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.4977&amp;gravity%5By%5D=0.5439&amp;width=720&amp;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&amp;width=800&amp;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&amp;width=1200&amp;s=NGBumUYkVkfUtslhnLFyH4tXKw5j1Pw4sPglpD-uGOE 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC_0004-Bespoke-courses.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=sGaqxM1ZIKiKJeEFZU8aPm9Q_B02aZUSO_HzLOA1EL8 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/SAS-Fine-Art2330.jpg?fit=cover&amp;width=1200&amp;s=rXu_jTtfI_vTRzxEDu0dunSWJ85rL9QtZ5rUAdVv5vE 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/SAS-Fine-Art2330.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=eNNZujMGWcHHlPdLoUbR5a8erPYjjKe9TimGFB9GAxc 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Life-Drawing-22-copy.jpg?fit=cover&amp;width=1200&amp;s=s5XABwBt-cyEWhgb8U867w4tChIlujxNK_3xehBM6Jg 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Life-Drawing-22-copy.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=HyEmVKvM5_Q4aeaR8Zwj0vEssl34GpH5i9SuZpQUROs 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/07-Saturday-Art-School-1920x1024.jpg?fit=cover&amp;width=1200&amp;s=GZ_fYIVlH_5UDVCYci3T4zwMVGUVEb8ogFEFRE4oWh8 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/07-Saturday-Art-School-1920x1024.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=OZOBpo6SS47mlJ4NEXD9NoxbXVrqHzMunqsZPFDX0yU 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Highlights-reel-.00_00_59_10.Still008.jpg?fit=cover&amp;width=1200&amp;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&amp;width=1600&amp;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&amp;width=800&amp;s=0WRlguQnHNmcPit7-p3papE-_yYknmUhtm4HqZiSBkU 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Equipment-modelmaking-facilities.jpg?fit=cover&amp;width=1200&amp;s=DJtBJ2BVNshn7Ud3s-uGRcjZH28oN7mR4-bsQ1Weqx0 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Equipment-modelmaking-facilities.jpg?fit=cover&amp;width=1600&amp;
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&amp;width=800&amp;s=KajwPh8tLC8ixB3dbDpqIs1tzi8aBKgZF0xgORnBn2o 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Miss-Canton_Dan-Bowhay_BTS_0273.jpg?fit=cover&amp;width=1200&amp;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&amp;width=1600&amp;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&amp;width=800&amp;
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&amp;width=1200&amp;s=ULiy2uWwS9ePSu3edYQR98sf3MtQJVRhDX_TmxWr_wA 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Openday%E2%80%94June2024_100.jpg?fit=cover&amp;width=1600&amp;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&#039; 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&amp;width=800&amp;s=ecjK8wkoeL5k1xJiiVixdDIvoZ6VbeTDT6fU4yMFrDY 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Madeline_Dearlove_IMG_5069-4-Large.jpeg?fit=cover&amp;width=1200&amp;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&amp;width=1600&amp;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&#039;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&amp;width=800&amp;s=L7DufFlvSfySqJHIkaBGZYo1HakBph4TCPryfu-w8W4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Ruth_Virgo_RuthVirgo_01.jpg?fit=cover&amp;width=1200&amp;s=iEI8hxVceJpZmY77t4vVcA9wnYkkKBrIA-6GORPwWvo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Ruth_Virgo_RuthVirgo_01.jpg?fit=cover&amp;width=1600&amp;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({&#039;event&#039;: &#039;ui_event&#039;, &#039;category&#039;: &#039;search_form&#039;, &#039;action&#039;: &#039;clicked&#039;, &#039;label&#039;: &#039;search-now&#039;});">
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&amp;gravity%5Bx%5D=0.5065&amp;gravity%5By%5D=0.5684&amp;height=800&amp;width=800&amp;s=upUILfJrhVpP4-XdbgFSYs1KTT_7pNiFQLEtPfE5UnY 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/1790842124226.publer.com.jpg?fit=cover&amp;gravity%5Bx%5D=0.5065&amp;gravity%5By%5D=0.5684&amp;height=1200&amp;width=1200&amp;s=WIEunLV4I6TBt7_b48B7TJX0uU9Z9dx9YSeXgwSSUXo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/1790842124226.publer.com.jpg?fit=cover&amp;gravity%5Bx%5D=0.5065&amp;gravity%5By%5D=0.5684&amp;height=1600&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.515&amp;gravity%5By%5D=0.2809&amp;height=400&amp;width=800&amp;s=4WXI33ryonjNFYnk4BzMmuRJsSSXXzNHZOFDQ11ijcc 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/20260909_BoysImpact_Conference_210-FullRes-300dpi.jpg?fit=cover&amp;gravity%5Bx%5D=0.515&amp;gravity%5By%5D=0.2809&amp;height=600&amp;width=1200&amp;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&amp;gravity%5Bx%5D=0.515&amp;gravity%5By%5D=0.2809&amp;height=800&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.5308&amp;gravity%5By%5D=0.0896&amp;width=800&amp;s=RwNgT0R8Vd8QDKx0l40Ccs3KLQkzrdqQGtULnTpnQ0c 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC4112-copy.jpeg?fit=cover&amp;gravity%5Bx%5D=0.5308&amp;gravity%5By%5D=0.0896&amp;width=1200&amp;s=r8tnJAN5ZY3D-ANqnxFEK1UfgGz0Y3QZRLqxaUkZIgQ 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC4112-copy.jpeg?fit=cover&amp;gravity%5Bx%5D=0.5308&amp;gravity%5By%5D=0.0896&amp;width=1600&amp;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&amp;width=800&amp;s=cOr90IU47odRtR4eLrmYaM410I8e4NxGvBVDMvJiVhI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Divers.jpeg?fit=cover&amp;width=1200&amp;s=SYfbxa4QQu_dfzW4dPlNCFWio9QeZzS7e-IfVZEd13Y 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Divers.jpeg?fit=cover&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.5065&amp;gravity%5By%5D=0.5684&amp;height=800&amp;width=800&amp;s=upUILfJrhVpP4-XdbgFSYs1KTT_7pNiFQLEtPfE5UnY 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/1790842124226.publer.com.jpg?fit=cover&amp;gravity%5Bx%5D=0.5065&amp;gravity%5By%5D=0.5684&amp;height=1200&amp;width=1200&amp;s=WIEunLV4I6TBt7_b48B7TJX0uU9Z9dx9YSeXgwSSUXo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/1790842124226.publer.com.jpg?fit=cover&amp;gravity%5Bx%5D=0.5065&amp;gravity%5By%5D=0.5684&amp;height=1600&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.515&amp;gravity%5By%5D=0.2809&amp;height=400&amp;width=800&amp;s=4WXI33ryonjNFYnk4BzMmuRJsSSXXzNHZOFDQ11ijcc 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/20260909_BoysImpact_Conference_210-FullRes-300dpi.jpg?fit=cover&amp;gravity%5Bx%5D=0.515&amp;gravity%5By%5D=0.2809&amp;height=600&amp;width=1200&amp;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&amp;gravity%5Bx%5D=0.515&amp;gravity%5By%5D=0.2809&amp;height=800&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.5308&amp;gravity%5By%5D=0.0896&amp;width=800&amp;s=RwNgT0R8Vd8QDKx0l40Ccs3KLQkzrdqQGtULnTpnQ0c 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC4112-copy.jpeg?fit=cover&amp;gravity%5Bx%5D=0.5308&amp;gravity%5By%5D=0.0896&amp;width=1200&amp;s=r8tnJAN5ZY3D-ANqnxFEK1UfgGz0Y3QZRLqxaUkZIgQ 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/DSC4112-copy.jpeg?fit=cover&amp;gravity%5Bx%5D=0.5308&amp;gravity%5By%5D=0.0896&amp;width=1600&amp;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&amp;width=800&amp;s=cOr90IU47odRtR4eLrmYaM410I8e4NxGvBVDMvJiVhI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Divers.jpeg?fit=cover&amp;width=1200&amp;s=SYfbxa4QQu_dfzW4dPlNCFWio9QeZzS7e-IfVZEd13Y 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Divers.jpeg?fit=cover&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.4781&amp;gravity%5By%5D=0.9973&amp;width=800&amp;s=c-i9knEHY3ug_teU-_QN36OXTGkG-cdQWZAcx7hitR4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/IMG_6467.jpeg?fit=cover&amp;gravity%5Bx%5D=0.4781&amp;gravity%5By%5D=0.9973&amp;width=1200&amp;s=3-pbYy_5O3l3CmrFIf2Tbqjn1xETjiAHP3tqnEPUX7g 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/IMG_6467.jpeg?fit=cover&amp;gravity%5Bx%5D=0.4781&amp;gravity%5By%5D=0.9973&amp;width=1600&amp;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&amp;width=800&amp;s=CZSZN-FBOnI9X5uk58QLWRbtDrGN5F8BYLbEqg9SvdQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Credit-Fin-MacMillan.jpg?fit=cover&amp;width=1200&amp;s=kgXxxpK6kBv31tIPVlohjyIwD8k7Ec2oaSfv7O9czxo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Credit-Fin-MacMillan.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=47VatLC4Qh5VSs-CJ6QLrruwI-6tpWlFoZCYigg8lGQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Something-Borrowed-372.jpg?fit=cover&amp;width=1200&amp;s=bcl8AXml5Z3d1HAehmEOi3ridcPi0gw-2HNlJ46KFcM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Something-Borrowed-372.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=FuHnizX7JjcIDhbtj1IE0WeMoLTG2NxsBTml4olLMgU 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/On-the-Underground-Laura-Wyatt.jpg?fit=cover&amp;width=1200&amp;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&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.4781&amp;gravity%5By%5D=0.9973&amp;width=800&amp;s=c-i9knEHY3ug_teU-_QN36OXTGkG-cdQWZAcx7hitR4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/IMG_6467.jpeg?fit=cover&amp;gravity%5Bx%5D=0.4781&amp;gravity%5By%5D=0.9973&amp;width=1200&amp;s=3-pbYy_5O3l3CmrFIf2Tbqjn1xETjiAHP3tqnEPUX7g 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/IMG_6467.jpeg?fit=cover&amp;gravity%5Bx%5D=0.4781&amp;gravity%5By%5D=0.9973&amp;width=1600&amp;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&amp;width=800&amp;s=CZSZN-FBOnI9X5uk58QLWRbtDrGN5F8BYLbEqg9SvdQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Credit-Fin-MacMillan.jpg?fit=cover&amp;width=1200&amp;s=kgXxxpK6kBv31tIPVlohjyIwD8k7Ec2oaSfv7O9czxo 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Credit-Fin-MacMillan.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=47VatLC4Qh5VSs-CJ6QLrruwI-6tpWlFoZCYigg8lGQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Something-Borrowed-372.jpg?fit=cover&amp;width=1200&amp;s=bcl8AXml5Z3d1HAehmEOi3ridcPi0gw-2HNlJ46KFcM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Something-Borrowed-372.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=FuHnizX7JjcIDhbtj1IE0WeMoLTG2NxsBTml4olLMgU 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/On-the-Underground-Laura-Wyatt.jpg?fit=cover&amp;width=1200&amp;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&amp;width=1600&amp;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&amp;width=800&amp;s=bNvEl1IGDdgwk_gJveECsls1CiUi9KA4Cb-Kner6ZA8 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Working-Harbour.jpg?fit=cover&amp;width=1200&amp;s=1TVn0WKgXSdAnH9tYXmXKmBsZdPUi7tmESp4ktjRcfQ 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Working-Harbour.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=lgSEukpTTdqJUmDT-E8jJVPpJjemA-GLRV0sCtflLnQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tessa-Blanshard-Phibbs.jpg?fit=cover&amp;width=1200&amp;s=Lnx_iFAkVQfCSDAojxMqybWg_d6ZkESghvbrBtqt99k 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tessa-Blanshard-Phibbs.jpg?fit=cover&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.3626&amp;gravity%5By%5D=0.3668&amp;width=800&amp;s=OI0XZEYV8Tfq2RdbvFcHmSPqMGhX_kGQ6v99fgXt4Ag 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Louisa-Flynn-credit-Clare-Johnson.jpg?fit=cover&amp;gravity%5Bx%5D=0.3626&amp;gravity%5By%5D=0.3668&amp;width=1200&amp;s=mv1fyUEejHRf4uY9p-uyxh1WP3D5zDI3jCdxxABu5l8 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Louisa-Flynn-credit-Clare-Johnson.jpg?fit=cover&amp;gravity%5Bx%5D=0.3626&amp;gravity%5By%5D=0.3668&amp;width=1600&amp;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 &quot;Hearing Colours&quot; 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&amp;gravity%5Bx%5D=0.5264&amp;gravity%5By%5D=0.329&amp;width=800&amp;s=ECaxw4t44iA6kHikJYvI_xKUl8fYaScmuJVC8bKH6r8 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Sam-Edwards-ABTS.jpg?fit=cover&amp;gravity%5Bx%5D=0.5264&amp;gravity%5By%5D=0.329&amp;width=1200&amp;s=w1JSPUwbnKJ8w15FjsCAEqsjKGTNCUa0L7O3-9rfyfs 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Sam-Edwards-ABTS.jpg?fit=cover&amp;gravity%5Bx%5D=0.5264&amp;gravity%5By%5D=0.329&amp;width=1600&amp;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 &quot;Hearing Colours&quot; 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&amp;width=800&amp;s=bNvEl1IGDdgwk_gJveECsls1CiUi9KA4Cb-Kner6ZA8 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Working-Harbour.jpg?fit=cover&amp;width=1200&amp;s=1TVn0WKgXSdAnH9tYXmXKmBsZdPUi7tmESp4ktjRcfQ 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Working-Harbour.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=lgSEukpTTdqJUmDT-E8jJVPpJjemA-GLRV0sCtflLnQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tessa-Blanshard-Phibbs.jpg?fit=cover&amp;width=1200&amp;s=Lnx_iFAkVQfCSDAojxMqybWg_d6ZkESghvbrBtqt99k 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Tessa-Blanshard-Phibbs.jpg?fit=cover&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.3626&amp;gravity%5By%5D=0.3668&amp;width=800&amp;s=OI0XZEYV8Tfq2RdbvFcHmSPqMGhX_kGQ6v99fgXt4Ag 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Louisa-Flynn-credit-Clare-Johnson.jpg?fit=cover&amp;gravity%5Bx%5D=0.3626&amp;gravity%5By%5D=0.3668&amp;width=1200&amp;s=mv1fyUEejHRf4uY9p-uyxh1WP3D5zDI3jCdxxABu5l8 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Louisa-Flynn-credit-Clare-Johnson.jpg?fit=cover&amp;gravity%5Bx%5D=0.3626&amp;gravity%5By%5D=0.3668&amp;width=1600&amp;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 &quot;Hearing Colours&quot; 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&amp;gravity%5Bx%5D=0.5264&amp;gravity%5By%5D=0.329&amp;width=800&amp;s=ECaxw4t44iA6kHikJYvI_xKUl8fYaScmuJVC8bKH6r8 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Sam-Edwards-ABTS.jpg?fit=cover&amp;gravity%5Bx%5D=0.5264&amp;gravity%5By%5D=0.329&amp;width=1200&amp;s=w1JSPUwbnKJ8w15FjsCAEqsjKGTNCUa0L7O3-9rfyfs 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Sam-Edwards-ABTS.jpg?fit=cover&amp;gravity%5Bx%5D=0.5264&amp;gravity%5By%5D=0.329&amp;width=1600&amp;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 &quot;Hearing Colours&quot; 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&amp;width=800&amp;s=CZGIbNTLQLw8DuyygD_rXdbo3p8N-7QWs2xlEd6CzOI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Dragon-Day-Care.JPG?fit=cover&amp;width=1200&amp;s=5g2wJLRlt9RWGOF80ZLX3rLKlYzZrHKW8BH4B6yWwdU 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Dragon-Day-Care.JPG?fit=cover&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.4944&amp;gravity%5By%5D=0.1889&amp;width=800&amp;s=AFLIa1V1E6tJ2SJY87lNLN3jITH8sKAsY-yw_s1lQnk 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Mehjabeen.jpg?fit=cover&amp;gravity%5Bx%5D=0.4944&amp;gravity%5By%5D=0.1889&amp;width=1200&amp;s=ag325Q90TmMQbSgIYJHN7FUZwBLH4piF1Iq2Jcqx-AI 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Mehjabeen.jpg?fit=cover&amp;gravity%5Bx%5D=0.4944&amp;gravity%5By%5D=0.1889&amp;width=1600&amp;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&amp;width=800&amp;s=HdEl8BVITKkV1vUtRZlUryKtSsje0t4BKd05ONe6Lz4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/KERASI__20260424.00_12_43_04.Still024.jpg?fit=cover&amp;width=1200&amp;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&amp;width=1600&amp;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&amp;width=800&amp;s=e4c91MyP9qQk3Q8QzEsVJYgWGlJcQVagV5OsfWzedew 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PooleKioskMural_030926_web_4.jpg?fit=cover&amp;width=1200&amp;s=O5xor4KtHuLXnvmDiXTvpwV_9z4Sk2pFf4li30vtAtM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PooleKioskMural_030926_web_4.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=CZGIbNTLQLw8DuyygD_rXdbo3p8N-7QWs2xlEd6CzOI 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Dragon-Day-Care.JPG?fit=cover&amp;width=1200&amp;s=5g2wJLRlt9RWGOF80ZLX3rLKlYzZrHKW8BH4B6yWwdU 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Shopkeepers-Dragon-Day-Care.JPG?fit=cover&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.4944&amp;gravity%5By%5D=0.1889&amp;width=800&amp;s=AFLIa1V1E6tJ2SJY87lNLN3jITH8sKAsY-yw_s1lQnk 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Mehjabeen.jpg?fit=cover&amp;gravity%5Bx%5D=0.4944&amp;gravity%5By%5D=0.1889&amp;width=1200&amp;s=ag325Q90TmMQbSgIYJHN7FUZwBLH4piF1Iq2Jcqx-AI 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Mehjabeen.jpg?fit=cover&amp;gravity%5Bx%5D=0.4944&amp;gravity%5By%5D=0.1889&amp;width=1600&amp;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&amp;width=800&amp;s=HdEl8BVITKkV1vUtRZlUryKtSsje0t4BKd05ONe6Lz4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/KERASI__20260424.00_12_43_04.Still024.jpg?fit=cover&amp;width=1200&amp;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&amp;width=1600&amp;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&amp;width=800&amp;s=e4c91MyP9qQk3Q8QzEsVJYgWGlJcQVagV5OsfWzedew 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PooleKioskMural_030926_web_4.jpg?fit=cover&amp;width=1200&amp;s=O5xor4KtHuLXnvmDiXTvpwV_9z4Sk2pFf4li30vtAtM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/PooleKioskMural_030926_web_4.jpg?fit=cover&amp;width=1600&amp;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&amp;gravity%5Bx%5D=0.531&amp;gravity%5By%5D=0.1784&amp;width=800&amp;s=q-gsjibkZhXvn78lDMrG6FHHfChuhKJg7BfbAo4jS58 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Dan-Ware.JPG?fit=cover&amp;gravity%5Bx%5D=0.531&amp;gravity%5By%5D=0.1784&amp;width=1200&amp;s=QGL3A2P0vsDaPMTf06sIb7cWbrTvLDRnVzDAC1AEiME 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Dan-Ware.JPG?fit=cover&amp;gravity%5Bx%5D=0.531&amp;gravity%5By%5D=0.1784&amp;width=1600&amp;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 &#039;UP NEXT SHORT FILM SELECTION&#039;
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&amp;width=800&amp;s=KaO6a9MpOFnoDnqcdoi0g-E6lFv1xQyLZOh14z8MeYE 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/29.03.25_ScreamsByTheSea_10.jpg?fit=cover&amp;width=1200&amp;s=3see96PfTYyHgwvtiy-lNGxfw1Rdhs8jFabK7t2hYy4 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/29.03.25_ScreamsByTheSea_10.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=RuQMxx056LLfNo3KBRVdcn-qgaxLtGTcb3Xyb47ZDg4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BeingaBoy2_4.jpg?fit=cover&amp;width=1200&amp;s=m3NZPo3GGVc2MwdDm8qUaBVrAkKg7o741pW4RYv2c04 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BeingaBoy2_4.jpg?fit=cover&amp;width=1600&amp;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 &quot;Waitress&quot;" 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&amp;gravity%5Bx%5D=0.5613&amp;gravity%5By%5D=0.2601&amp;width=800&amp;
8777s=AOyvo8MoERDpNXTE1s5uHkcJexrESQSUfwOEZeNKufQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Waitress_2026_Production_5.jpg?fit=cover&amp;gravity%5Bx%5D=0.5613&amp;gravity%5By%5D=0.2601&amp;width=1200&amp;s=YFLVfYy7gZDSwtEKZSvODHxlM4AzTRrUX46Gf0F3NcM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Waitress_2026_Production_5.jpg?fit=cover&amp;gravity%5Bx%5D=0.5613&amp;gravity%5By%5D=0.2601&amp;width=1600&amp;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 &quot;Waitress&quot;
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&amp;gravity%5Bx%5D=0.531&amp;gravity%5By%5D=0.1784&amp;width=800&amp;s=q-gsjibkZhXvn78lDMrG6FHHfChuhKJg7BfbAo4jS58 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Dan-Ware.JPG?fit=cover&amp;gravity%5Bx%5D=0.531&amp;gravity%5By%5D=0.1784&amp;width=1200&amp;s=QGL3A2P0vsDaPMTf06sIb7cWbrTvLDRnVzDAC1AEiME 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Dan-Ware.JPG?fit=cover&amp;gravity%5Bx%5D=0.531&amp;gravity%5By%5D=0.1784&amp;width=1600&amp;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 &#039;UP NEXT SHORT FILM SELECTION&#039;
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&amp;width=800&amp;s=KaO6a9MpOFnoDnqcdoi0g-E6lFv1xQyLZOh14z8MeYE 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/29.03.25_ScreamsByTheSea_10.jpg?fit=cover&amp;width=1200&amp;s=3see96PfTYyHgwvtiy-lNGxfw1Rdhs8jFabK7t2hYy4 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/29.03.25_ScreamsByTheSea_10.jpg?fit=cover&amp;width=1600&amp;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&amp;width=800&amp;s=RuQMxx056LLfNo3KBRVdcn-qgaxLtGTcb3Xyb47ZDg4 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BeingaBoy2_4.jpg?fit=cover&amp;width=1200&amp;s=m3NZPo3GGVc2MwdDm8qUaBVrAkKg7o741pW4RYv2c04 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/BeingaBoy2_4.jpg?fit=cover&amp;width=1600&amp;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 &quot;Waitress&quot;" 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&amp;gravity%5Bx%5D=0.5613&amp;gravity%5By%5D=0.2601&amp;width=800&amp;
8983s=AOyvo8MoERDpNXTE1s5uHkcJexrESQSUfwOEZeNKufQ 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Waitress_2026_Production_5.jpg?fit=cover&amp;gravity%5Bx%5D=0.5613&amp;gravity%5By%5D=0.2601&amp;width=1200&amp;s=YFLVfYy7gZDSwtEKZSvODHxlM4AzTRrUX46Gf0F3NcM 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Waitress_2026_Production_5.jpg?fit=cover&amp;gravity%5Bx%5D=0.5613&amp;gravity%5By%5D=0.2601&amp;width=1600&amp;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 &quot;Waitress&quot;
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&#039;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&amp;width=800&amp;s=bnyh0meZJbhZjaA7XFJqM6kw5kIgA2PG71oB8XIMyeo 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-Latest-Bestival.png?fit=cover&amp;width=1200&amp;s=k5peDb4N5VH7h46KDN8btkF44RrB6l1x3G1pmquincE 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/AUB-Latest-Bestival.png?fit=cover&amp;width=1600&amp;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 &ndash; 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&amp;width=800&amp;s=4-Fj6muNxjgugbRLaL4FAxtx_Y4_dRaa3BtftAU8Nvg 800w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Discover_Meta.png?fit=cover&amp;width=1200&amp;s=nZKnNQHoy6F-MCHuaZDHZT-HtKOtieo5cCLRZCkKzMc 1200w, https://cdn.craft.cloud/019d6cb0-cb3e-71de-bfe0-b63d781a913e/assets/images/Discover_Meta.png?fit=cover&amp;width=1600&amp;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&#039; 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&#039; Union (Opens in a new window)"                                            >
9372                                                Students&#039; 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&#039; 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&#039; Union (Opens in a new window)"                                        >
10037                                            Students&#039; 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                            &copy; 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(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/js/app.js&#039;}});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(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/js/cookie-consent.js&#039;}});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.