CINXE.COM

Imperial College Union

<!DOCTYPE html> <html lang="en"> <head> <title> Imperial College Union</title> <!-- Required Meta Tags Always Come First --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- <meta property="og:title" content="Imperial"> <meta property="og:description" content="SUMS is a single system which can be easily embedded into the heart of your organisation. Created by students' unions, for students' unions, SUMS uses pioneering, data-driven technology to organise and understand your student membership, meaning that you can focus on what truly matters: the student experience."> <meta property="og:determiner" content="the"> <meta property="og:site_name" content="SUMS"> <meta property="og:image" content="https://sassets.sumsmanagement.com/web/images/phone+header+face.png"> <meta property="og:locale" content="en_GB"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@sumsmanagement"> <meta name="twitter:creator" content="@lincolnSU"> <meta name="twitter:title" content="SUMS - Students' Union Management System"> <meta name="twitter:description" content="SUMS is a single system which can be easily embedded into the heart of your organisation. Created by students' unions, for students' unions, SUMS uses pioneering, data-driven technology to organise and understand your student membership, meaning that you can focus on what truly matters: the student experience."> <meta name="twitter:image" content="https://sassets.sumsmanagement.com/web/images/phone+header+face.png"> --> <!-- Favicon --> <link rel="icon" href="https://www-n.imperialcollegeunion.org/favicon.ico" sizes="16x16"/> <!-- Google Fonts --> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans%3A400%2C300%2C500%2C600%2C700%7CPlayfair+Display%7CRoboto%7CRaleway%7CSpectral%7CRubik" /> <!-- CSS Global Compulsory --> <!-- <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/bootstrap/bootstrap.min.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/bootstrap/offcanvas.css" /> --> <!-- CSS Global Icons --> <!-- <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/icon-awesome/css/font-awesome.min.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/icon-line/css/simple-line-icons.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/icon-etlinefont/style.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/icon-line-pro/style.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/icon-hs/style.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/dzsparallaxer/dzsparallaxer.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/dzsparallaxer/dzsscroller/scroller.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/dzsparallaxer/advancedscroller/plugin.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/animate.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/hamburgers/hamburgers.min.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/hs-megamenu/src/hs.megamenu.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/malihu-scrollbar/jquery.mCustomScrollbar.min.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/slick-carousel/slick/slick.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/fancybox/jquery.fancybox.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/plyr/dist/plyr.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/chosen/chosen.css" /> --> <!-- Revolution Slider --> <!-- <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/css/settings.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/css/layers.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/css/navigation.css" /> --> <!-- CSS Unify --> <!-- <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/css/unify-core.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/css/unify-components.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/css/unify-globals.css" /> --> <!-- CSS Implementing Plugins --> <!-- <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.4/vendor/custombox/custombox.min.css" /> <link rel="stylesheet" href="https://lnassets.sumsmanagement.com/SUMS/jquery-ui.min.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.5/vendor/slick-carousel/slick/slick.css" /> <link rel="stylesheet" href="https://wassets.sumsmanagement.com/unify/2.5/vendor/slick-carousel/slick/slick-theme.css" /> --> <!-- CSS Customization --> <link rel="stylesheet" href="https://imperial.sums.su/global/custom-css" /> <!-- ICU specific styles --> <link href="https://cdn.jsdelivr.net/npm/flowbite@2.4.1/dist/flowbite.min.css" rel="stylesheet" /> <link href="https://api.fontshare.com/v2/css?f[]=satoshi@300,301,400,401,500,501,700,701,900,901,1,2&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="https://imperial.sums.su/global/dotorg-sums-ee-css" /> <!-- CSS Page Level - Platform Assets --> <!-- CSS Page Level - Custom Assets --> <!-- JS Global Compulsory - Useful to load this before page --> <script src="https://lnassets.sumsmanagement.com/SUMS/JQueryV3_6_0.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/jquery-migrate/jquery-migrate.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/popper.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/bootstrap/bootstrap.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/bootstrap/offcanvas.js"></script> <script src="https://www.google.com/recaptcha/api.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <!-- RSS Feed JS --> <script src="https://lnassets.sumsmanagement.com/SUMS/moment.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.5/vendor/jquery.rss.js/jquery.rss.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" /> <style> .su-font, .font-sans { font-family: 'Satoshi', sans-serif !important; } </style> <script defer data-domain="imperialcollegeunion.org" src="https://plausible.io/js/script.js"></script> </head> <body class="font-sans text-offBlack"> <!-- Header --> <header class="relative top-0 z-50 md:pr-20"> <div class="h-0"> <div class="hidden items-center p-8 md:block md:flex md:justify-between"> <div> <svg class="fill-offBlack" width="105" viewBox="0 0 457 209" xmlns="http://www.w3.org/2000/svg" > <g clipPath="url(#clip0_4995_176)"> <path d="M115.41 75.93C115.41 78.42 113.83 79.99 111.33 79.99C108.83 79.99 107.25 78.43 107.25 75.93V37.07C107.25 34.58 108.83 33.02 111.33 33.02C113.83 33.02 115.41 34.58 115.41 37.07V75.93Z" /> <path d="M157.66 50.2C157.66 43.64 153.78 39.58 147.11 39.58C140.44 39.58 136.64 43.63 136.64 50.2V75.93C136.64 78.42 135.06 79.99 132.56 79.99C130.06 79.99 128.48 78.43 128.48 75.93V37.07C128.48 34.58 130.05 33.02 132.56 33.02C135.07 33.02 136.64 34.58 136.64 37.07V38.46L136.82 38.63C138.77 36.3 141.82 33.02 149.24 33.02C154.07 33.02 159.06 34.92 162.76 40.79C166.38 35.96 170.74 33.02 177.87 33.02C185.46 33.02 195.01 37.51 195.01 50.45V75.92C195.01 78.41 193.43 79.98 190.93 79.98C188.43 79.98 186.85 78.42 186.85 75.92V50.19C186.85 43.63 182.97 39.57 176.29 39.57C169.61 39.57 165.82 43.62 165.82 50.19V75.92C165.82 78.41 164.25 79.98 161.74 79.98C159.23 79.98 157.66 78.42 157.66 75.92V50.19V50.2Z" /> <path d="M208.44 37.07C208.44 34.58 210.02 33.02 212.52 33.02C215.02 33.02 216.6 34.58 216.6 37.07V39.32H216.78C219.1 35.18 223.46 33.02 229.94 33.02C243.28 33.02 250.96 44.33 250.96 56.5C250.96 68.67 243.28 79.98 229.94 79.98C223.45 79.98 218.92 76.61 216.78 73.77H216.6V90.5C216.6 93 215.03 94.55 212.52 94.55C210.01 94.55 208.44 92.99 208.44 90.5V37.07ZM229.29 73.42C239.3 73.42 242.83 64.27 242.83 56.5C242.83 48.73 239.3 39.58 229.29 39.58C219.28 39.58 215.77 48.73 215.77 56.5C215.77 64.27 219.29 73.42 229.29 73.42Z" /> <path d="M267.12 59.44C267.12 67.3 272.48 73.43 281.64 73.43C292.49 73.43 295.26 67.21 298.32 67.21C299.81 67.21 301.3 68.42 301.3 70.59C301.3 74.3 291.19 79.99 281.57 79.99C265.81 79.99 258.97 68.68 258.97 56.51C258.97 44.34 267.31 33.03 281.11 33.03C294.91 33.03 302.3 44.34 302.3 55.39C302.3 58.06 301.3 59.44 297.77 59.44H267.12ZM294.16 53.74C294.16 47.18 290.08 39.58 281.1 39.58C271 39.23 267.38 46.74 267.12 53.74H294.16Z" /> <path d="M312.39 37.07C312.39 34.58 313.96 33.02 316.47 33.02C318.98 33.02 320.55 34.58 320.55 37.07V40.96H320.73C322.6 37.42 327.13 33.02 331.85 33.02C334.73 33.02 336.39 34.74 336.39 36.91C336.39 39.08 334.73 40.45 331.29 41.05C326.48 41.82 320.55 45.19 320.55 54.09V75.93C320.55 78.42 318.97 79.99 316.47 79.99C313.97 79.99 312.39 78.43 312.39 75.93V37.07Z" /> <path d="M347.97 17.48C350.76 17.48 352.97 19.56 352.97 22.15C352.97 24.74 350.75 26.81 347.97 26.81C345.19 26.81 342.97 24.74 342.97 22.15C342.97 19.56 345.2 17.48 347.97 17.48ZM352.05 75.93C352.05 78.42 350.49 79.99 347.97 79.99C345.45 79.99 343.89 78.43 343.89 75.93V37.07C343.89 34.58 345.48 33.02 347.97 33.02C350.46 33.02 352.05 34.58 352.05 37.07V75.93Z" /> <path d="M405.89 76.28C405.89 78.95 403.66 79.99 402.09 79.99C400.42 79.99 398.29 78.95 398.29 76.28V73.08H398.11C394.57 77.74 389.95 79.99 384.66 79.99C370.76 79.99 362.98 68.68 362.98 56.51C362.98 44.34 370.75 33.03 384.66 33.03C390.32 33.03 394.31 35.27 398.11 39.16H398.29V36.74C398.29 34.07 400.42 33.03 402.09 33.03C403.66 33.03 405.89 34.07 405.89 36.74V76.28ZM384.66 73.42C394.67 73.42 398.18 64.27 398.18 56.5C398.18 48.73 394.66 39.58 384.66 39.58C374.66 39.58 371.14 48.73 371.14 56.5C371.14 64.27 374.66 73.42 384.66 73.42Z" /> <path d="M427.11 75.93C427.11 78.42 425.55 79.99 423.03 79.99C420.51 79.99 418.95 78.43 418.95 75.93V16.88C418.95 14.38 420.52 12.83 423.03 12.83C425.54 12.83 427.11 14.38 427.11 16.88V75.93Z" /> <path d="M194.03 101.57C202.37 101.57 207.29 104.26 207.29 107.35C207.29 108.91 205.89 110.55 203.96 110.55C200.81 110.55 199.61 108.14 194.03 108.14C183.94 108.14 179.94 117.29 179.94 125.06C179.94 132.83 183.93 141.97 194.03 141.97C199.78 141.97 201.27 139.38 203.86 139.38C205.71 139.38 207.02 140.51 207.02 142.57C207.02 145.43 202.48 148.54 194.03 148.54C179.02 148.54 171.8 137.23 171.8 125.06C171.8 112.89 179.02 101.57 194.03 101.57Z" /> <path d="M236.94 101.57C250.85 101.57 258.62 112.89 258.62 125.06C258.62 137.23 250.85 148.54 236.94 148.54C223.03 148.54 215.26 137.23 215.26 125.06C215.26 112.89 223.05 101.57 236.94 101.57ZM236.94 141.98C246.95 141.98 250.47 132.83 250.47 125.07C250.47 117.31 246.95 108.15 236.94 108.15C226.93 108.15 223.42 117.3 223.42 125.07C223.42 132.84 226.94 141.98 236.94 141.98Z" /> <path d="M277.71 144.48C277.71 146.99 276.15 148.55 273.63 148.55C271.11 148.55 269.55 146.99 269.55 144.48V92.55C269.55 90.05 271.14 88.49 273.63 88.49C276.12 88.49 277.71 90.05 277.71 92.55V144.48Z" /> <path d="M298.94 144.48C298.94 146.99 297.36 148.55 294.86 148.55C292.36 148.55 290.78 146.99 290.78 144.48V92.55C290.78 90.05 292.37 88.49 294.86 88.49C297.35 88.49 298.94 90.05 298.94 92.55V144.48Z" /> <path d="M317.19 127.99C317.19 135.85 322.56 141.98 331.74 141.98C342.58 141.98 345.35 135.77 348.4 135.77C349.89 135.77 351.38 136.98 351.38 139.13C351.38 142.85 341.27 148.55 331.65 148.55C315.89 148.55 309.05 137.24 309.05 125.07C309.05 112.9 317.39 101.58 331.19 101.58C344.99 101.58 352.4 112.9 352.4 123.94C352.4 126.62 351.39 128 347.87 128H317.19V127.99ZM344.25 122.29C344.25 115.74 340.17 108.14 331.19 108.14C321.08 107.8 317.47 115.3 317.19 122.29H344.25Z" /> <path d="M402.91 144.74C402.91 158.38 394.01 166.67 380.66 166.67C372.24 166.67 361.75 162.18 361.75 158.3C361.75 156.74 362.6 154.76 365.19 154.76C368.9 154.76 372.52 160.12 381.32 160.12C391.71 160.12 394.75 152.52 394.75 145.95V141.98H394.57C392.05 145.95 387.61 148.55 382.05 148.55C368.15 148.55 360.37 137.24 360.37 125.07C360.37 112.9 368.15 101.58 382.05 101.58C387.33 101.58 392.44 104.61 394.57 107.36H394.75V105.29C394.75 102.62 396.88 101.57 399.12 101.57C400.68 101.57 402.91 102.62 402.91 105.29V144.74ZM382.05 141.98C392.05 141.98 395.58 132.83 395.58 125.07C395.58 117.31 392.05 108.15 382.05 108.15C372.05 108.15 368.53 117.3 368.53 125.07C368.53 132.84 372.05 141.98 382.05 141.98Z" /> <path d="M421.54 127.99C421.54 135.85 426.9 141.98 436.09 141.98C446.92 141.98 449.71 135.77 452.77 135.77C454.24 135.77 455.72 136.98 455.72 139.13C455.72 142.85 445.63 148.55 435.99 148.55C420.23 148.55 413.38 137.24 413.38 125.07C413.38 112.9 421.72 101.58 435.52 101.58C449.32 101.58 456.74 112.9 456.74 123.94C456.74 126.62 455.71 128 452.2 128H421.54V127.99ZM448.58 122.29C448.58 115.74 444.5 108.14 435.52 108.14C425.41 107.8 421.81 115.3 421.54 122.29H448.59H448.58Z" /> <path d="M106.41 168.98C106.41 164.93 109.05 162.22 112.75 162.22C116.45 162.22 119.09 164.93 119.09 168.98V190.74C119.09 195.82 123.06 198.62 127.29 198.62C131.52 198.62 135.46 195.82 135.46 190.74V168.98C135.46 164.93 138.1 162.22 141.81 162.22C145.52 162.22 148.15 164.93 148.15 168.98V190.99C148.15 201.83 140.66 208.77 127.29 208.77C113.92 208.77 106.41 201.83 106.41 190.99V168.98Z" /> <path d="M155.84 168.98C155.84 164.93 158.48 162.22 162.18 162.22C165.44 162.22 167.55 163.92 167.99 166.71C170.46 163.41 174.24 161.71 180.23 161.71C190.17 161.71 197.58 167.81 197.58 178.14V201.49C197.58 205.56 194.94 208.26 191.24 208.26C187.54 208.26 184.9 205.56 184.9 201.49V180.25C184.9 174.59 181.19 171.88 176.61 171.88C171.42 171.88 168.51 175.51 168.51 180.25V201.49C168.51 205.56 165.88 208.26 162.17 208.26C158.46 208.26 155.83 205.56 155.83 201.49V168.99L155.84 168.98Z" /> <path d="M205.09 168.98C205.09 164.93 207.73 162.22 211.42 162.22C215.11 162.22 217.76 164.93 217.76 168.98V201.48C217.76 205.55 215.11 208.25 211.42 208.25C207.73 208.25 205.09 205.55 205.09 201.48V168.98Z" /> <path d="M268.85 185.32C268.85 198.02 259.79 208.76 246.15 208.76C232.51 208.76 223.44 198.01 223.44 185.32C223.44 172.63 232.77 161.7 246.15 161.7C259.53 161.7 268.85 172.96 268.85 185.32ZM236.12 185.32C236.12 191.16 239.28 197.6 246.15 197.6C253.02 197.6 256.18 191.16 256.18 185.32C256.18 179.48 253.1 172.88 246.15 172.88C239.2 172.88 236.12 179.48 236.12 185.32Z" /> <path d="M274.68 168.98C274.68 164.93 277.32 162.22 281.02 162.22C284.28 162.22 286.4 163.92 286.84 166.71C289.32 163.41 293.09 161.71 299.07 161.71C309.01 161.71 316.42 167.81 316.42 178.14V201.49C316.42 205.56 313.78 208.26 310.08 208.26C306.38 208.26 303.74 205.56 303.74 201.49V180.25C303.74 174.59 300.04 171.88 295.48 171.88C290.28 171.88 287.37 175.51 287.37 180.25V201.49C287.37 205.56 284.73 208.26 281.03 208.26C277.33 208.26 274.69 205.56 274.69 201.49V168.99L274.68 168.98Z" /> <path d="M77.3099 135.26C77.3099 144.82 69.5499 152.58 59.9999 152.58C50.4499 152.58 42.6799 144.82 42.6799 135.26C42.6799 125.7 50.4299 117.95 59.9999 117.95C69.5699 117.95 77.3099 125.69 77.3099 135.26Z" /> <path d="M137.04 120.89C137.04 133.33 126.96 143.38 114.54 143.38C102.12 143.38 92.04 133.33 92.04 120.89C92.04 108.45 102.12 98.39 114.54 98.39C126.96 98.39 137.04 108.46 137.04 120.89Z" /> <path d="M117.69 19.33C117.69 22.94 114.76 25.86 111.16 25.86C107.56 25.86 104.62 22.94 104.62 19.33C104.62 15.72 107.55 12.79 111.16 12.79C114.77 12.79 117.69 15.71 117.69 19.33Z" /> <path d="M64.3999 8.61C64.3999 13.36 60.5499 17.21 55.7899 17.21C51.0299 17.21 47.1799 13.36 47.1799 8.61C47.1799 3.86 51.0299 0 55.7899 0C60.5499 0 64.3999 3.85 64.3999 8.61Z" /> <path d="M24.1901 45.21C24.1901 51.45 19.1301 56.5 12.9001 56.5C6.67009 56.5 1.59009 51.46 1.59009 45.21C1.59009 38.96 6.64009 33.91 12.9001 33.91C19.1601 33.91 24.1901 38.97 24.1901 45.21Z" /> <path d="M29.53 101.57C29.53 109.72 22.92 116.33 14.78 116.33C6.64 116.33 0 109.72 0 101.57C0 93.42 6.61 86.83 14.77 86.83C22.93 86.83 29.52 93.42 29.52 101.57H29.53Z" /> </g> <defs> <clipPath id="clip0_4995_176"> <rect width="456.74" height="208.76" fill="white" /> </clipPath> </defs> </svg> </div> <div> <ul class="leading-none"> <li> <a class="underline" href="https://linktr.ee/imperialcollegeunion" > Connect with us </a> </li> </ul> </div> </div> </div> <div class="isolate z-10 bg-offWhite shadow-sm md:fixed md:right-0 md:top-0 md:h-screen md:w-20"> <nav class="flex items-center justify-between md:h-full md:flex-col md:py-2" aria-label="Global" > <div class="flex px-3 md:hidden"> <a href="/" class="-m-1.5 p-1.5"> <span class="sr-only">Imperial College Union</span> <div class="max-w-20"> <svg class="" width="80" viewBox="0 0 457 209" xmlns="http://www.w3.org/2000/svg" > <g clipPath="url(#clip0_4995_176)"> <path d="M115.41 75.93C115.41 78.42 113.83 79.99 111.33 79.99C108.83 79.99 107.25 78.43 107.25 75.93V37.07C107.25 34.58 108.83 33.02 111.33 33.02C113.83 33.02 115.41 34.58 115.41 37.07V75.93Z" /> <path d="M157.66 50.2C157.66 43.64 153.78 39.58 147.11 39.58C140.44 39.58 136.64 43.63 136.64 50.2V75.93C136.64 78.42 135.06 79.99 132.56 79.99C130.06 79.99 128.48 78.43 128.48 75.93V37.07C128.48 34.58 130.05 33.02 132.56 33.02C135.07 33.02 136.64 34.58 136.64 37.07V38.46L136.82 38.63C138.77 36.3 141.82 33.02 149.24 33.02C154.07 33.02 159.06 34.92 162.76 40.79C166.38 35.96 170.74 33.02 177.87 33.02C185.46 33.02 195.01 37.51 195.01 50.45V75.92C195.01 78.41 193.43 79.98 190.93 79.98C188.43 79.98 186.85 78.42 186.85 75.92V50.19C186.85 43.63 182.97 39.57 176.29 39.57C169.61 39.57 165.82 43.62 165.82 50.19V75.92C165.82 78.41 164.25 79.98 161.74 79.98C159.23 79.98 157.66 78.42 157.66 75.92V50.19V50.2Z" /> <path d="M208.44 37.07C208.44 34.58 210.02 33.02 212.52 33.02C215.02 33.02 216.6 34.58 216.6 37.07V39.32H216.78C219.1 35.18 223.46 33.02 229.94 33.02C243.28 33.02 250.96 44.33 250.96 56.5C250.96 68.67 243.28 79.98 229.94 79.98C223.45 79.98 218.92 76.61 216.78 73.77H216.6V90.5C216.6 93 215.03 94.55 212.52 94.55C210.01 94.55 208.44 92.99 208.44 90.5V37.07ZM229.29 73.42C239.3 73.42 242.83 64.27 242.83 56.5C242.83 48.73 239.3 39.58 229.29 39.58C219.28 39.58 215.77 48.73 215.77 56.5C215.77 64.27 219.29 73.42 229.29 73.42Z" /> <path d="M267.12 59.44C267.12 67.3 272.48 73.43 281.64 73.43C292.49 73.43 295.26 67.21 298.32 67.21C299.81 67.21 301.3 68.42 301.3 70.59C301.3 74.3 291.19 79.99 281.57 79.99C265.81 79.99 258.97 68.68 258.97 56.51C258.97 44.34 267.31 33.03 281.11 33.03C294.91 33.03 302.3 44.34 302.3 55.39C302.3 58.06 301.3 59.44 297.77 59.44H267.12ZM294.16 53.74C294.16 47.18 290.08 39.58 281.1 39.58C271 39.23 267.38 46.74 267.12 53.74H294.16Z" /> <path d="M312.39 37.07C312.39 34.58 313.96 33.02 316.47 33.02C318.98 33.02 320.55 34.58 320.55 37.07V40.96H320.73C322.6 37.42 327.13 33.02 331.85 33.02C334.73 33.02 336.39 34.74 336.39 36.91C336.39 39.08 334.73 40.45 331.29 41.05C326.48 41.82 320.55 45.19 320.55 54.09V75.93C320.55 78.42 318.97 79.99 316.47 79.99C313.97 79.99 312.39 78.43 312.39 75.93V37.07Z" /> <path d="M347.97 17.48C350.76 17.48 352.97 19.56 352.97 22.15C352.97 24.74 350.75 26.81 347.97 26.81C345.19 26.81 342.97 24.74 342.97 22.15C342.97 19.56 345.2 17.48 347.97 17.48ZM352.05 75.93C352.05 78.42 350.49 79.99 347.97 79.99C345.45 79.99 343.89 78.43 343.89 75.93V37.07C343.89 34.58 345.48 33.02 347.97 33.02C350.46 33.02 352.05 34.58 352.05 37.07V75.93Z" /> <path d="M405.89 76.28C405.89 78.95 403.66 79.99 402.09 79.99C400.42 79.99 398.29 78.95 398.29 76.28V73.08H398.11C394.57 77.74 389.95 79.99 384.66 79.99C370.76 79.99 362.98 68.68 362.98 56.51C362.98 44.34 370.75 33.03 384.66 33.03C390.32 33.03 394.31 35.27 398.11 39.16H398.29V36.74C398.29 34.07 400.42 33.03 402.09 33.03C403.66 33.03 405.89 34.07 405.89 36.74V76.28ZM384.66 73.42C394.67 73.42 398.18 64.27 398.18 56.5C398.18 48.73 394.66 39.58 384.66 39.58C374.66 39.58 371.14 48.73 371.14 56.5C371.14 64.27 374.66 73.42 384.66 73.42Z" /> <path d="M427.11 75.93C427.11 78.42 425.55 79.99 423.03 79.99C420.51 79.99 418.95 78.43 418.95 75.93V16.88C418.95 14.38 420.52 12.83 423.03 12.83C425.54 12.83 427.11 14.38 427.11 16.88V75.93Z" /> <path d="M194.03 101.57C202.37 101.57 207.29 104.26 207.29 107.35C207.29 108.91 205.89 110.55 203.96 110.55C200.81 110.55 199.61 108.14 194.03 108.14C183.94 108.14 179.94 117.29 179.94 125.06C179.94 132.83 183.93 141.97 194.03 141.97C199.78 141.97 201.27 139.38 203.86 139.38C205.71 139.38 207.02 140.51 207.02 142.57C207.02 145.43 202.48 148.54 194.03 148.54C179.02 148.54 171.8 137.23 171.8 125.06C171.8 112.89 179.02 101.57 194.03 101.57Z" /> <path d="M236.94 101.57C250.85 101.57 258.62 112.89 258.62 125.06C258.62 137.23 250.85 148.54 236.94 148.54C223.03 148.54 215.26 137.23 215.26 125.06C215.26 112.89 223.05 101.57 236.94 101.57ZM236.94 141.98C246.95 141.98 250.47 132.83 250.47 125.07C250.47 117.31 246.95 108.15 236.94 108.15C226.93 108.15 223.42 117.3 223.42 125.07C223.42 132.84 226.94 141.98 236.94 141.98Z" /> <path d="M277.71 144.48C277.71 146.99 276.15 148.55 273.63 148.55C271.11 148.55 269.55 146.99 269.55 144.48V92.55C269.55 90.05 271.14 88.49 273.63 88.49C276.12 88.49 277.71 90.05 277.71 92.55V144.48Z" /> <path d="M298.94 144.48C298.94 146.99 297.36 148.55 294.86 148.55C292.36 148.55 290.78 146.99 290.78 144.48V92.55C290.78 90.05 292.37 88.49 294.86 88.49C297.35 88.49 298.94 90.05 298.94 92.55V144.48Z" /> <path d="M317.19 127.99C317.19 135.85 322.56 141.98 331.74 141.98C342.58 141.98 345.35 135.77 348.4 135.77C349.89 135.77 351.38 136.98 351.38 139.13C351.38 142.85 341.27 148.55 331.65 148.55C315.89 148.55 309.05 137.24 309.05 125.07C309.05 112.9 317.39 101.58 331.19 101.58C344.99 101.58 352.4 112.9 352.4 123.94C352.4 126.62 351.39 128 347.87 128H317.19V127.99ZM344.25 122.29C344.25 115.74 340.17 108.14 331.19 108.14C321.08 107.8 317.47 115.3 317.19 122.29H344.25Z" /> <path d="M402.91 144.74C402.91 158.38 394.01 166.67 380.66 166.67C372.24 166.67 361.75 162.18 361.75 158.3C361.75 156.74 362.6 154.76 365.19 154.76C368.9 154.76 372.52 160.12 381.32 160.12C391.71 160.12 394.75 152.52 394.75 145.95V141.98H394.57C392.05 145.95 387.61 148.55 382.05 148.55C368.15 148.55 360.37 137.24 360.37 125.07C360.37 112.9 368.15 101.58 382.05 101.58C387.33 101.58 392.44 104.61 394.57 107.36H394.75V105.29C394.75 102.62 396.88 101.57 399.12 101.57C400.68 101.57 402.91 102.62 402.91 105.29V144.74ZM382.05 141.98C392.05 141.98 395.58 132.83 395.58 125.07C395.58 117.31 392.05 108.15 382.05 108.15C372.05 108.15 368.53 117.3 368.53 125.07C368.53 132.84 372.05 141.98 382.05 141.98Z" /> <path d="M421.54 127.99C421.54 135.85 426.9 141.98 436.09 141.98C446.92 141.98 449.71 135.77 452.77 135.77C454.24 135.77 455.72 136.98 455.72 139.13C455.72 142.85 445.63 148.55 435.99 148.55C420.23 148.55 413.38 137.24 413.38 125.07C413.38 112.9 421.72 101.58 435.52 101.58C449.32 101.58 456.74 112.9 456.74 123.94C456.74 126.62 455.71 128 452.2 128H421.54V127.99ZM448.58 122.29C448.58 115.74 444.5 108.14 435.52 108.14C425.41 107.8 421.81 115.3 421.54 122.29H448.59H448.58Z" /> <path d="M106.41 168.98C106.41 164.93 109.05 162.22 112.75 162.22C116.45 162.22 119.09 164.93 119.09 168.98V190.74C119.09 195.82 123.06 198.62 127.29 198.62C131.52 198.62 135.46 195.82 135.46 190.74V168.98C135.46 164.93 138.1 162.22 141.81 162.22C145.52 162.22 148.15 164.93 148.15 168.98V190.99C148.15 201.83 140.66 208.77 127.29 208.77C113.92 208.77 106.41 201.83 106.41 190.99V168.98Z" /> <path d="M155.84 168.98C155.84 164.93 158.48 162.22 162.18 162.22C165.44 162.22 167.55 163.92 167.99 166.71C170.46 163.41 174.24 161.71 180.23 161.71C190.17 161.71 197.58 167.81 197.58 178.14V201.49C197.58 205.56 194.94 208.26 191.24 208.26C187.54 208.26 184.9 205.56 184.9 201.49V180.25C184.9 174.59 181.19 171.88 176.61 171.88C171.42 171.88 168.51 175.51 168.51 180.25V201.49C168.51 205.56 165.88 208.26 162.17 208.26C158.46 208.26 155.83 205.56 155.83 201.49V168.99L155.84 168.98Z" /> <path d="M205.09 168.98C205.09 164.93 207.73 162.22 211.42 162.22C215.11 162.22 217.76 164.93 217.76 168.98V201.48C217.76 205.55 215.11 208.25 211.42 208.25C207.73 208.25 205.09 205.55 205.09 201.48V168.98Z" /> <path d="M268.85 185.32C268.85 198.02 259.79 208.76 246.15 208.76C232.51 208.76 223.44 198.01 223.44 185.32C223.44 172.63 232.77 161.7 246.15 161.7C259.53 161.7 268.85 172.96 268.85 185.32ZM236.12 185.32C236.12 191.16 239.28 197.6 246.15 197.6C253.02 197.6 256.18 191.16 256.18 185.32C256.18 179.48 253.1 172.88 246.15 172.88C239.2 172.88 236.12 179.48 236.12 185.32Z" /> <path d="M274.68 168.98C274.68 164.93 277.32 162.22 281.02 162.22C284.28 162.22 286.4 163.92 286.84 166.71C289.32 163.41 293.09 161.71 299.07 161.71C309.01 161.71 316.42 167.81 316.42 178.14V201.49C316.42 205.56 313.78 208.26 310.08 208.26C306.38 208.26 303.74 205.56 303.74 201.49V180.25C303.74 174.59 300.04 171.88 295.48 171.88C290.28 171.88 287.37 175.51 287.37 180.25V201.49C287.37 205.56 284.73 208.26 281.03 208.26C277.33 208.26 274.69 205.56 274.69 201.49V168.99L274.68 168.98Z" /> <path d="M77.3099 135.26C77.3099 144.82 69.5499 152.58 59.9999 152.58C50.4499 152.58 42.6799 144.82 42.6799 135.26C42.6799 125.7 50.4299 117.95 59.9999 117.95C69.5699 117.95 77.3099 125.69 77.3099 135.26Z" /> <path d="M137.04 120.89C137.04 133.33 126.96 143.38 114.54 143.38C102.12 143.38 92.04 133.33 92.04 120.89C92.04 108.45 102.12 98.39 114.54 98.39C126.96 98.39 137.04 108.46 137.04 120.89Z" /> <path d="M117.69 19.33C117.69 22.94 114.76 25.86 111.16 25.86C107.56 25.86 104.62 22.94 104.62 19.33C104.62 15.72 107.55 12.79 111.16 12.79C114.77 12.79 117.69 15.71 117.69 19.33Z" /> <path d="M64.3999 8.61C64.3999 13.36 60.5499 17.21 55.7899 17.21C51.0299 17.21 47.1799 13.36 47.1799 8.61C47.1799 3.86 51.0299 0 55.7899 0C60.5499 0 64.3999 3.85 64.3999 8.61Z" /> <path d="M24.1901 45.21C24.1901 51.45 19.1301 56.5 12.9001 56.5C6.67009 56.5 1.59009 51.46 1.59009 45.21C1.59009 38.96 6.64009 33.91 12.9001 33.91C19.1601 33.91 24.1901 38.97 24.1901 45.21Z" /> <path d="M29.53 101.57C29.53 109.72 22.92 116.33 14.78 116.33C6.64 116.33 0 109.72 0 101.57C0 93.42 6.61 86.83 14.77 86.83C22.93 86.83 29.52 93.42 29.52 101.57H29.53Z" /> </g> <defs> <clipPath id="clip0_4995_176"> <rect width="456.74" height="208.76" fill="white" /> </clipPath> </defs> </svg> </div> </a> </div> <div class="flex items-center md:h-full md:flex-col md:justify-between"> <!-- Secondary menu --> <div class="md:order-2"> <ul class="flex md:flex-col"> <!-- <li><button type="button" class="inline-flex items-center justify-center rounded-md p-5 md:p-4 md:p-6 text-gray-700 hover:bg-gray-100 hidden md:block px-3 md:px-6"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.7071 14.2929L15 13.5858L13.5858 15L14.2929 15.7071L15.7071 14.2929ZM20.2929 21.7071L21 22.4142L22.4142 21L21.7071 20.2929L20.2929 21.7071ZM10 16C6.68629 16 4 13.3137 4 10H2C2 14.4183 5.58172 18 10 18V16ZM4 10C4 6.68629 6.68629 4 10 4V2C5.58172 2 2 5.58172 2 10H4ZM10 4C13.3137 4 16 6.68629 16 10H18C18 5.58172 14.4183 2 10 2V4ZM16 10C16 13.3137 13.3137 16 10 16V18C14.4183 18 18 14.4183 18 10H16ZM14.2929 15.7071L20.2929 21.7071L21.7071 20.2929L15.7071 14.2929L14.2929 15.7071Z" fill="#131313"></path> </svg></button></li> --> <li> <!-- <a id="shop-basket" class="inline-flex items-center justify-center rounded-md p-5 md:p-4 md:p-6 text-gray-700 hover:bg-gray-100 px-3 md:px-6" href="/shop/basket" data-toggle="tooltip" data-html="true" data-offset="0,8" data-trigger="manual" data-placement="bottom" title="<h4>Added to basket!</h4>"> --> <a id="shop-basket" class="inline-flex items-center justify-center rounded-md p-5 md:p-4 md:p-6 text-gray-700 hover:bg-gray-100 px-3 md:px-6" href="https://www.imperialcollegeunion.org/cart" data-toggle="tooltip" data-html="true" data-offset="0,8" data-trigger="manual" data-placement="bottom"> <!-- <span id="shop-basket-badge" class="u-badge-v1--sm g-rounded-50x g-brd-around g-brd-1" style="display: none"></span> --> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="3" y="7" width="18" height="16" stroke="#131313" stroke-width="2"></rect> <path d="M7 8V6.33333C7 3.38781 9.23858 1 12 1C14.7614 1 17 3.38781 17 6.33333V8" stroke="#131313" stroke-width="2"></path> </svg> <span class="sr-only">Shopping basket</span> </a> </li> <li> <a class="inline-flex items-center justify-center rounded-md p-5 md:p-4 md:p-6 text-gray-700 hover:bg-gray-100 px-3 md:px-6" href="/"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_5512_586)"> <path d="M4 24V19C4 16.7909 5.79086 15 8 15H16C18.2091 15 20 16.7909 20 19V24" stroke="#131313" stroke-width="2"></path> <path d="M11.9999 11.9999C10.8132 11.9999 9.65315 11.648 8.66646 10.9888C7.67976 10.3295 6.91073 9.3924 6.4566 8.29604C6.00248 7.19969 5.88366 5.99329 6.11517 4.8294C6.34668 3.66551 6.91813 2.59642 7.75724 1.7573C8.59636 0.918186 9.66545 0.346741 10.8293 0.11523C11.9932 -0.116281 13.1996 0.00253868 14.296 0.456664C15.3923 0.91079 16.3294 1.67983 16.9887 2.66652C17.648 3.65321 17.9999 4.81325 17.9999 5.99994C17.9983 7.59075 17.3656 9.11595 16.2408 10.2408C15.1159 11.3657 13.5907 11.9984 11.9999 11.9999ZM11.9999 1.99994C11.2088 1.99994 10.4354 2.23454 9.7776 2.67406C9.1198 3.11359 8.60711 3.7383 8.30436 4.46921C8.00161 5.20011 7.9224 6.00438 8.07674 6.7803C8.23108 7.55623 8.61204 8.26896 9.17145 8.82837C9.73086 9.38778 10.4436 9.76874 11.2195 9.92308C11.9954 10.0774 12.7997 9.99821 13.5306 9.69546C14.2615 9.39271 14.8862 8.88002 15.3258 8.22222C15.7653 7.56443 15.9999 6.79107 15.9999 5.99994C15.9999 4.93908 15.5785 3.92166 14.8283 3.17151C14.0782 2.42137 13.0607 1.99994 11.9999 1.99994Z" fill="#131313"></path> </g> <defs> <clipPath id="clip0_5512_586"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </svg> <span class="sr-only">Log in</span> </a> </li> </ul> </div> <!-- Hamburger --> <div class="md:order-1"> <button type="button" class="inline-flex items-center justify-center rounded-md p-5 md:p-4 md:p-6 text-gray-700 hover:bg-gray-100" data-modal-show="navBarModal" data-modal-target="navBarModal" > <!-- onClick={() => setMobileMenuOpen(true)} --> <span class="sr-only">Open main menu</span> <svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg" > <rect width="24" height="2" fill="#131313" /> <rect y="7" width="24" height="2" fill="#131313" /> <rect y="14" width="24" height="2" fill="#131313" /> </svg> </button> </div> </div> </nav> <div id="navBarModal" tabindex="-1" aria-hidden="true" class="hidden fixed"> <div class="fixed inset-y-0 right-0 z-50 w-10/12 overflow-y-auto bg-white p-1 sm:max-w-[1400px] sm:ring-1 sm:ring-gray-900/10"> <div class="flex items-center justify-end"> <button type="button" class="inline-flex items-center justify-center rounded-md p-5 md:p-4 md:p-6 text-gray-700 hover:bg-gray-100" data-modal-hide="navBarModal" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /> </svg> </button> </div> <div class="md:hidden"> <div class="mt-6 flow-root"> <div class="-my-6 divide-y divide-gray-500/10"> <div id="menu-mobile-accordion" data-accordion="collapse" class="space-y-2 py-6" data-active-classes="text-offblack" data-inactive-classes="text-offblack"> <div id="menu-mobile-accordion-activities-heading" class="py-5"> <button class="imperialH1 mb-0 flex w-full items-center justify-between px-3 text-xl tracking-tighter" type="button" aria-expanded="false" data-accordion-target="#menu-mobile-accordion-activities-body" aria-controls="menu-mobile-accordion-activities-body" >Activities<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-none"> <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path> </svg> </button> </div> <div id="menu-mobile-accordion-activities-body" class="hidden mb-5 mt-2 px-3" aria-labelledby="menu-mobile-accordion-activities-heading"> <div class="imperialP pb-2 text-sm font-normal"> Sign up to one of our 340+ CSPs and connect with new people, learn something exciting, or just have fun. </div> <div class="rounded-md bg-gray-100"> <a href="https://www.imperialcollegeunion.org/activities/a-to-z" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Activities A to Z</a> <a href="https://www.imperialcollegeunion.org/activities/committee-support-hub" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Committee Support Hub</a> <a href="https://www.imperialcollegeunion.org/activities/start-something-new" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Start something new</a> <a href="https://www.imperialcollegeunion.org/activities/your-student-representatives" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Your Student Representatives</a> </div> </div> <div id="menu-mobile-accordion-representation-heading" class="py-5"> <button class="imperialH1 mb-0 flex w-full items-center justify-between px-3 text-xl tracking-tighter" type="button" aria-expanded="false" data-accordion-target="#menu-mobile-accordion-representation-body" aria-controls="menu-mobile-accordion-representation-body" >Representation<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-none"> <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path> </svg> </button> </div> <div id="menu-mobile-accordion-representation-body" class="hidden mb-5 mt-2 px-3" aria-labelledby="menu-mobile-accordion-representation-heading"> <div class="imperialP pb-2 text-sm font-normal"> We have student representatives across different cohorts to make sure your unique perspectives are represented. </div> <div class="rounded-md bg-gray-100"> <a href="https://www.imperialcollegeunion.org/representation/a-to-z" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Representatives A to Z</a> <a href="https://www.imperialcollegeunion.org/representation/your-officer-team" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Your Officer Team</a> <a href="https://www.imperialcollegeunion.org/representation/constituent-unions" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Constituent Unions</a> <a href="https://www.imperialcollegeunion.org/representation/lac-networks" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Liberation and Community Networks</a> <a href="https://www.imperialcollegeunion.org/representation/campaigns" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Campaigns</a> <a href="https://www.imperialcollegeunion.org/representation/elections" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Elections at ICU</a> <a href="https://www.imperialcollegeunion.org/representation/representation-networks" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Representation Networks</a> </div> </div> <div id="menu-mobile-accordion-yourunion-heading" class="py-5"> <button class="imperialH1 mb-0 flex w-full items-center justify-between px-3 text-xl tracking-tighter" type="button" aria-expanded="false" data-accordion-target="#menu-mobile-accordion-yourunion-body" aria-controls="menu-mobile-accordion-yourunion-body" >Your Union<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-none"> <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path> </svg> </button> </div> <div id="menu-mobile-accordion-yourunion-body" class="hidden mb-5 mt-2 px-3" aria-labelledby="menu-mobile-accordion-yourunion-heading"> <div class="imperialP pb-2 text-sm font-normal"> We are led by students, for students. We are run by a board of trustees, Union staff and Imperial students. </div> <div class="rounded-md bg-gray-100"> <a href="https://www.imperialcollegeunion.org/welcome" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Welcome 2024</a> <a href="https://www.imperialcollegeunion.org/your-union/constituent-unions" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Constituent Unions</a> <a href="https://www.imperialcollegeunion.org/your-union/how-were-run" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >How We're Run</a> <a href="https://www.imperialcollegeunion.org/imperial-award-page" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Imperial Award</a> <a href="https://www.imperialcollegeunion.org/your-union/our-impact" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Our Impact</a> <a href="https://www.imperialcollegeunion.org/your-union/policies" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Policies</a> <a href="https://www.imperialcollegeunion.org/your-union/sustainability" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Sustainability</a> <a href="https://www.imperialcollegeunion.org/your-union/union-awards-2024" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Union Awards 2024</a> </div> </div> <div id="menu-mobile-accordion-advice-heading" class="py-5"> <button class="imperialH1 mb-0 flex w-full items-center justify-between px-3 text-xl tracking-tighter" type="button" aria-expanded="false" data-accordion-target="#menu-mobile-accordion-advice-body" aria-controls="menu-mobile-accordion-advice-body" >Advice<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-none"> <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path> </svg> </button> </div> <div id="menu-mobile-accordion-advice-body" class="hidden mb-5 mt-2 px-3" aria-labelledby="menu-mobile-accordion-advice-heading"> <div class="imperialP pb-2 text-sm font-normal"> Our advice service is a free, confidential and independent service for all students at Imperial. </div> <div class="rounded-md bg-gray-100"> <a href="https://www.imperialcollegeunion.org/advice/request-advice" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Request Advice</a> <a href="https://www.imperialcollegeunion.org/advice/academic-issues" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Academic Issues</a> <a href="https://www.imperialcollegeunion.org/advice/complaints" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Complaints</a> <a href="https://www.imperialcollegeunion.org/advice/signposting" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Signposting</a> <a href="https://www.imperialcollegeunion.org/advice/feedback" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Feedback</a> <a href="https://www.imperialcollegeunion.org/advice/advice-service-policies" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Advice Service Policies</a> <a href="https://www.imperialcollegeunion.org/advice/imperial-accommodation-issues" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Imperial Accommodation Issues</a> </div> </div> <div id="menu-mobile-accordion-whatson-heading" class="py-5"> <button class="imperialH1 mb-0 flex w-full items-center justify-between px-3 text-xl tracking-tighter" type="button" aria-expanded="false" data-accordion-target="#menu-mobile-accordion-whatson-body" aria-controls="menu-mobile-accordion-whatson-body" >What's on<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-none"> <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path> </svg> </button> </div> <div id="menu-mobile-accordion-whatson-body" class="hidden mb-5 mt-2 px-3" aria-labelledby="menu-mobile-accordion-whatson-heading"> <div class="imperialP pb-2 text-sm font-normal"> Our event calendar is designed to help you make new connections and discover new interests! </div> <div class="rounded-md bg-gray-100"> <a href="https://www.imperialcollegeunion.org/whats-on/events/upcoming" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Coming Up</a> <a href="https://www.imperialcollegeunion.org/whats-on/events/upcoming" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >By Date</a> <a href="https://www.imperialcollegeunion.org/about-us/sustainability" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Sustainability Events</a> </div> </div> <div id="menu-mobile-accordion-eatdrinkshop-heading" class="py-5"> <button class="imperialH1 mb-0 flex w-full items-center justify-between px-3 text-xl tracking-tighter" type="button" aria-expanded="false" data-accordion-target="#menu-mobile-accordion-eatdrinkshop-body" aria-controls="menu-mobile-accordion-eatdrinkshop-body" >Eat, Drink, Shop<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-none"> <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path> </svg> </button> </div> <div id="menu-mobile-accordion-eatdrinkshop-body" class="hidden mb-5 mt-2 px-3" aria-labelledby="menu-mobile-accordion-eatdrinkshop-heading"> <div class="imperialP pb-2 text-sm font-normal"> We have 5 bars, a convenience store and a nightclub! Come eat some great food, or get a last-minute snack! </div> <div class="rounded-md bg-gray-100"> <a href="https://www.imperialcollegeunion.org/eat-drink-shop/offers" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Menus and offers</a> <a href="https://www.imperialcollegeunion.org/eat-drink-shop/our-policies" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Our policies</a> <a href="https://www.imperialcollegeunion.org/eat-drink-shop/our-venues" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Our venues</a> <a href="https://www.imperialcollegeunion.org/eat-drink-shop/book-a-venue" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Book a venue</a> <a href="https://www.imperialcollegeunion.org/eat-drink-shop/union-shop-shop-extra" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >The Union Shop &amp; Shop Extra</a> <a href="https://shopimperial.org/" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Imperial Shop</a> <a href="https://www.imperialcollegeunion.org/shop/student-groups/products?f%5B0%5D=group%3A64" class="imperialLink hover:bg-bgPurple block rounded-lg px-3 py-3 text-sm font-semibold" >Student Group Shop</a> </div> </div> </div> <div class="px-3 py-6"> <div class="w-full flex flex-col rounded-xl bg-lightPurple p-4"> <h2 class="imperialH1 mb-2 text-base text-xl tracking-tighter">Account</h2> <p class="imperialP pb-5 text-sm font-normal"> Welcome! </p> <div class="flex flex-wrap gap-4"> <a href="https://www.imperialcollegeunion.org/user" class="btn-primary mt-auto block">My Account</a> <a href="https://www.imperialcollegeunion.org/cart" class="btn-primary mt-auto block">Shopping Basket</a> <a href="/auth/dashboard" class="btn-primary mt-auto block">Student Dashboard</a> <a href="https://eactivities.union.ic.ac.uk" class="btn-primary mt-auto block">eActivities</a> </div> </div> </div> </div> </div> </div> <div class="hidden md:block"> <ul class="grid grid-cols-2 gap-10 px-20 py-5 xl:grid-cols-3"> <li class=""> <h2 class="imperialH1 mb-1 pl-2 text-base text-xl tracking-tighter">Activities</h2> <div class="imperialP px-2 pb-2 text-sm font-normal">Sign up to one of our 340+ CSPs and connect with new people, learn something exciting, or just have fun.</div> <ul class="mx-2 mt-2 overflow-hidden rounded-md bg-gray-100"> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/activities/a-to-z">Activities A to Z</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/activities/committee-support-hub">Committee Support Hub</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/activities/start-something-new">Start something new</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/activities/your-student-representatives">Your Student Representatives</a></li> </ul> </li> <li class=""> <h2 class="imperialH1 mb-1 pl-2 text-base text-xl tracking-tighter">Representation</h2> <div class="imperialP px-2 pb-2 text-sm font-normal">We have student representatives across different cohorts to make sure your unique perspectives are represented.</div> <ul class="mx-2 mt-2 overflow-hidden rounded-md bg-gray-100"> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/representation/a-to-z">Representatives A to Z</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/representation/your-officer-team">Your Officer Team</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/representation/constituent-unions">Constituent Unions</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/representation/lac-networks">Liberation and Community Networks</a> </li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/representation/campaigns">Campaigns</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/representation/elections">Elections at ICU</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/representation/representation-networks">Representation Networks</a> </li> </ul> </li> <li class=""> <h2 class="imperialH1 mb-1 pl-2 text-base text-xl tracking-tighter">Your Union</h2> <div class="imperialP px-2 pb-2 text-sm font-normal">We are led by students, for students. We are run by a board of trustees, Union staff and Imperial students.</div> <ul class="mx-2 mt-2 overflow-hidden rounded-md bg-gray-100"> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/welcome">Welcome 2024</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/your-union/constituent-unions">Constituent Unions</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/your-union/how-were-run">How We're Run</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/imperial-award-page">Imperial Award</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/your-union/our-impact">Our Impact</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/your-union/policies">Policies</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/your-union/sustainability">Sustainability</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/your-union/union-awards-2024">Union Awards 2024</a></li> </ul> </li> <li class=""> <h2 class="imperialH1 mb-1 pl-2 text-base text-xl tracking-tighter">Advice</h2> <div class="imperialP px-2 pb-2 text-sm font-normal">Our advice service is a free, confidential and independent service for all students at Imperial.</div> <ul class="mx-2 mt-2 overflow-hidden rounded-md bg-gray-100"> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/advice/request-advice">Request Advice</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/advice/academic-issues">Academic Issues</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/advice/complaints">Complaints</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/advice/signposting">Signposting</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/advice/feedback">Feedback</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/advice/advice-service-policies">Advice Service Policies</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/advice/imperial-accommodation-issues">Imperial Accommodation Issues</a></li> </ul> </li> <li class=""> <h2 class="imperialH1 mb-1 pl-2 text-base text-xl tracking-tighter">What's on</h2> <div class="imperialP px-2 pb-2 text-sm font-normal">Our event calendar is designed to help you make new connections and discover new interests!</div> <ul class="mx-2 mt-2 overflow-hidden rounded-md bg-gray-100"> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/whats-on/events/upcoming">Coming Up</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/whats-on/events/upcoming">By Date</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/about-us/sustainability">Sustainability Events</a></li> </ul> </li> <li class=""> <h2 class="imperialH1 mb-1 pl-2 text-base text-xl tracking-tighter">Eat, Drink, Shop</h2> <div class="imperialP px-2 pb-2 text-sm font-normal">We have 5 bars, a convenience store and a nightclub! Come eat some great food, or get a last-minute snack!</div> <ul class="mx-2 mt-2 overflow-hidden rounded-md bg-gray-100"> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/eat-drink-shop/offers">Menus and offers</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/eat-drink-shop/our-policies">Our policies</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/eat-drink-shop/our-venues">Our venues</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/eat-drink-shop/book-a-venue">Book a venue</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/eat-drink-shop/union-shop-shop-extra">The Union Shop &amp; Shop Extra</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://shopimperial.org/">Imperial Shop</a></li> <li class="imperialLink hover:bg-bgPurple block text-sm font-semibold leading-4"><a class="block px-3 py-2" href="https://www.imperialcollegeunion.org/shop/student-groups/products?f%5B0%5D=group%3A64">Student Group Shop</a></li> </ul> </li> <li class="flex xl:col-start-3"> <div class="w-full flex flex-col rounded-xl bg-lightPurple p-4"> <h2 class="imperialH1 mb-2 text-base text-xl tracking-tighter">Account</h2> <p class="imperialP pb-5 text-sm font-normal"> Welcome! </p> <div class="flex flex-wrap gap-4"> <a href="https://www.imperialcollegeunion.org/user" class="btn-primary mt-auto block">My Account</a> <a href="https://www.imperialcollegeunion.org/cart" class="btn-primary mt-auto block">Shopping Basket</a> <a href="/auth/dashboard" class="btn-primary mt-auto block">Student Dashboard</a> <a href="https://eactivities.union.ic.ac.uk" class="btn-primary mt-auto block">eActivities</a> </div> </div> </li> </ul> </div> </div> </div> </div> </header> <div class="md:pr-20"> <main> <a name="back-to-top"></a> <!-- Hero --> <div class="relative"> <!-- Title --> <div class="bg-blue overflow-hidden"> <div class="relative mx-auto py-8 lg:py-18"> <!-- Circles --> <div class="absolute left-0 top-0 h-full w-full"> <div class="flex h-full max-w-[1600px] items-end justify-end gap-5 lg:justify-center"> <div class="bg-green aspect-1 w-[468px] rounded-full object-cover"></div> <div class="bg-green aspect-1 w-[468px] rounded-full object-cover"></div> <div class="bg-green aspect-1 w-[468px] rounded-full object-cover"></div> </div> </div> <!-- Content --> <div class="relative z-10 order-3 mx-auto flex max-w-[1580px] flex-col gap-4 px-6 py-4 md:py-16 xl:flex-row"> <div class="flex-shrink-1 order-3 xl:order-1"> <h1 class="imperialHeroSmall font-black uppercase tracking-tighter"> My Imperial College Union </h1> </div> </div> </div> </div> </div> <!-- Panels --> <div class="bg-offBlack"> <div class="mx-auto max-w-[1920px] lg:grid lg:grid-cols-2"> <!-- For you panel --> <div class="relative bg-darkPurple"> <!-- Circles --> <!-- <div class="absolute left-0 top-0 h-full w-full"> <div class="flex h-full max-w-[1600px] items-end justify-end gap-5"> <div class="bg-purple aspect-1 w-[275px] rounded-full object-cover"></div> </div> </div> --> <!-- Content --> <div class="relative z-10 inset-0 flex flex-col items-start justify-between gap-8 py-8"> <div class="imperialContainer w-full"> <p class="imperialH5 mb-4 text-offWhite">For you</p> <h2 class="imperialH2 text-offWhite">Membership and Shop</h2> </div> <div class="imperialContainer w-full"> <div class="bg-offWhite/75"> <a href="https://www.imperialcollegeunion.org/user"> <div class="hover:bg-pink border-y-[1px] border-y-gray-200 py-10 hover:cursor-pointer"> <div class="imperialContainer flex items-center justify-end gap-4"> <div class="mr-auto"> <p class="imperialH2"> My Account </p> <p class="imperialH5">- for membership details and website sign-in</p> </div> <div class="hidden h-20 w-20 items-center justify-center rounded-full bg-offWhite xl:flex"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 6.6665L21.3333 15.9998L12 25.3332" stroke="#131313" stroke-width="2.66667" stroke-linecap="square"></path></svg> </div> </div> </div> </a> <a href="https://www.imperialcollegeunion.org/cart"> <div class="hover:bg-green border-y-[1px] border-y-gray-200 py-10 hover:cursor-pointer"> <div class="imperialContainer flex items-center justify-end gap-4"> <div class="mr-auto"> <p class="imperialH2"> Shopping Basket </p> </div> <div class="hidden h-20 w-20 items-center justify-center rounded-full bg-offWhite xl:flex"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 6.6665L21.3333 15.9998L12 25.3332" stroke="#131313" stroke-width="2.66667" stroke-linecap="square"></path></svg> </div> </div> </div> </a> </div> </div> </div> </div> <!-- For student leaders panel --> <div class="relative bg-darkBlue"> <!-- Circles --> <!-- <div class="absolute left-0 top-0 h-full w-full"> <div class="flex h-full max-w-[1600px] items-end justify-end gap-5"> <div class="bg-blue aspect-1 w-[275px] rounded-full object-cover"></div> </div> </div> --> <!-- Content --> <div class="relative z-10 inset-0 flex flex-col items-start justify-between gap-8 py-8"> <div class="imperialContainer w-full"> <p class="imperialH5 mb-4 text-offWhite">For student leaders</p> <h2 class="imperialH2 text-offWhite">Student Group Toolbox</h2> </div> <div class="imperialContainer w-full"> <div class="bg-offWhite/75"> <a href="/auth/dashboard"> <div class="hover:bg-pink border-y-[1px] border-y-gray-200 py-10 hover:cursor-pointer"> <div class="imperialContainer flex items-center justify-end gap-4"> <div class="mr-auto"> <p class="imperialH2"> Student Dashboard </p> <p class="imperialH5">- for student group administration (requires Sign In)</p> </div> <div class="hidden h-20 w-20 items-center justify-center rounded-full bg-offWhite xl:flex"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 6.6665L21.3333 15.9998L12 25.3332" stroke="#131313" stroke-width="2.66667" stroke-linecap="square"></path></svg> </div> </div> </div> </a> <a href="https://eactivities.union.ic.ac.uk"> <div class="hover:bg-green border-y-[1px] border-y-gray-200 py-10 hover:cursor-pointer"> <div class="imperialContainer flex items-center justify-end gap-4"> <div class="mr-auto"> <p class="imperialH2"> eActivities </p> <p class="imperialH5">- for student group finances</p> </div> <div class="hidden h-20 w-20 items-center justify-center rounded-full bg-offWhite xl:flex"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 6.6665L21.3333 15.9998L12 25.3332" stroke="#131313" stroke-width="2.66667" stroke-linecap="square"></path></svg> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </main> <footer class="bg-darkGreen py-8 text-offWhite" aria-labelledby="footer-heading"> <h2 id="footer-heading" class="sr-only">Footer</h2> <div class="imperialContainer sm:pt-24"> <div class="grid grid-cols-1 gap-10 md:grid-cols-2 md:grid-rows-[auto_auto_auto_auto_auto_auto] xl:gap-8"><svg class="fill-offWhite ..." width="105" viewBox="0 0 457 209" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4995_176)"> <path d="M115.41 75.93C115.41 78.42 113.83 79.99 111.33 79.99C108.83 79.99 107.25 78.43 107.25 75.93V37.07C107.25 34.58 108.83 33.02 111.33 33.02C113.83 33.02 115.41 34.58 115.41 37.07V75.93Z"> </path> <path d="M157.66 50.2C157.66 43.64 153.78 39.58 147.11 39.58C140.44 39.58 136.64 43.63 136.64 50.2V75.93C136.64 78.42 135.06 79.99 132.56 79.99C130.06 79.99 128.48 78.43 128.48 75.93V37.07C128.48 34.58 130.05 33.02 132.56 33.02C135.07 33.02 136.64 34.58 136.64 37.07V38.46L136.82 38.63C138.77 36.3 141.82 33.02 149.24 33.02C154.07 33.02 159.06 34.92 162.76 40.79C166.38 35.96 170.74 33.02 177.87 33.02C185.46 33.02 195.01 37.51 195.01 50.45V75.92C195.01 78.41 193.43 79.98 190.93 79.98C188.43 79.98 186.85 78.42 186.85 75.92V50.19C186.85 43.63 182.97 39.57 176.29 39.57C169.61 39.57 165.82 43.62 165.82 50.19V75.92C165.82 78.41 164.25 79.98 161.74 79.98C159.23 79.98 157.66 78.42 157.66 75.92V50.19V50.2Z"> </path> <path d="M208.44 37.07C208.44 34.58 210.02 33.02 212.52 33.02C215.02 33.02 216.6 34.58 216.6 37.07V39.32H216.78C219.1 35.18 223.46 33.02 229.94 33.02C243.28 33.02 250.96 44.33 250.96 56.5C250.96 68.67 243.28 79.98 229.94 79.98C223.45 79.98 218.92 76.61 216.78 73.77H216.6V90.5C216.6 93 215.03 94.55 212.52 94.55C210.01 94.55 208.44 92.99 208.44 90.5V37.07ZM229.29 73.42C239.3 73.42 242.83 64.27 242.83 56.5C242.83 48.73 239.3 39.58 229.29 39.58C219.28 39.58 215.77 48.73 215.77 56.5C215.77 64.27 219.29 73.42 229.29 73.42Z"> </path> <path d="M267.12 59.44C267.12 67.3 272.48 73.43 281.64 73.43C292.49 73.43 295.26 67.21 298.32 67.21C299.81 67.21 301.3 68.42 301.3 70.59C301.3 74.3 291.19 79.99 281.57 79.99C265.81 79.99 258.97 68.68 258.97 56.51C258.97 44.34 267.31 33.03 281.11 33.03C294.91 33.03 302.3 44.34 302.3 55.39C302.3 58.06 301.3 59.44 297.77 59.44H267.12ZM294.16 53.74C294.16 47.18 290.08 39.58 281.1 39.58C271 39.23 267.38 46.74 267.12 53.74H294.16Z"> </path> <path d="M312.39 37.07C312.39 34.58 313.96 33.02 316.47 33.02C318.98 33.02 320.55 34.58 320.55 37.07V40.96H320.73C322.6 37.42 327.13 33.02 331.85 33.02C334.73 33.02 336.39 34.74 336.39 36.91C336.39 39.08 334.73 40.45 331.29 41.05C326.48 41.82 320.55 45.19 320.55 54.09V75.93C320.55 78.42 318.97 79.99 316.47 79.99C313.97 79.99 312.39 78.43 312.39 75.93V37.07Z"> </path> <path d="M347.97 17.48C350.76 17.48 352.97 19.56 352.97 22.15C352.97 24.74 350.75 26.81 347.97 26.81C345.19 26.81 342.97 24.74 342.97 22.15C342.97 19.56 345.2 17.48 347.97 17.48ZM352.05 75.93C352.05 78.42 350.49 79.99 347.97 79.99C345.45 79.99 343.89 78.43 343.89 75.93V37.07C343.89 34.58 345.48 33.02 347.97 33.02C350.46 33.02 352.05 34.58 352.05 37.07V75.93Z"> </path> <path d="M405.89 76.28C405.89 78.95 403.66 79.99 402.09 79.99C400.42 79.99 398.29 78.95 398.29 76.28V73.08H398.11C394.57 77.74 389.95 79.99 384.66 79.99C370.76 79.99 362.98 68.68 362.98 56.51C362.98 44.34 370.75 33.03 384.66 33.03C390.32 33.03 394.31 35.27 398.11 39.16H398.29V36.74C398.29 34.07 400.42 33.03 402.09 33.03C403.66 33.03 405.89 34.07 405.89 36.74V76.28ZM384.66 73.42C394.67 73.42 398.18 64.27 398.18 56.5C398.18 48.73 394.66 39.58 384.66 39.58C374.66 39.58 371.14 48.73 371.14 56.5C371.14 64.27 374.66 73.42 384.66 73.42Z"> </path> <path d="M427.11 75.93C427.11 78.42 425.55 79.99 423.03 79.99C420.51 79.99 418.95 78.43 418.95 75.93V16.88C418.95 14.38 420.52 12.83 423.03 12.83C425.54 12.83 427.11 14.38 427.11 16.88V75.93Z"> </path> <path d="M194.03 101.57C202.37 101.57 207.29 104.26 207.29 107.35C207.29 108.91 205.89 110.55 203.96 110.55C200.81 110.55 199.61 108.14 194.03 108.14C183.94 108.14 179.94 117.29 179.94 125.06C179.94 132.83 183.93 141.97 194.03 141.97C199.78 141.97 201.27 139.38 203.86 139.38C205.71 139.38 207.02 140.51 207.02 142.57C207.02 145.43 202.48 148.54 194.03 148.54C179.02 148.54 171.8 137.23 171.8 125.06C171.8 112.89 179.02 101.57 194.03 101.57Z"> </path> <path d="M236.94 101.57C250.85 101.57 258.62 112.89 258.62 125.06C258.62 137.23 250.85 148.54 236.94 148.54C223.03 148.54 215.26 137.23 215.26 125.06C215.26 112.89 223.05 101.57 236.94 101.57ZM236.94 141.98C246.95 141.98 250.47 132.83 250.47 125.07C250.47 117.31 246.95 108.15 236.94 108.15C226.93 108.15 223.42 117.3 223.42 125.07C223.42 132.84 226.94 141.98 236.94 141.98Z"> </path> <path d="M277.71 144.48C277.71 146.99 276.15 148.55 273.63 148.55C271.11 148.55 269.55 146.99 269.55 144.48V92.55C269.55 90.05 271.14 88.49 273.63 88.49C276.12 88.49 277.71 90.05 277.71 92.55V144.48Z"> </path> <path d="M298.94 144.48C298.94 146.99 297.36 148.55 294.86 148.55C292.36 148.55 290.78 146.99 290.78 144.48V92.55C290.78 90.05 292.37 88.49 294.86 88.49C297.35 88.49 298.94 90.05 298.94 92.55V144.48Z"> </path> <path d="M317.19 127.99C317.19 135.85 322.56 141.98 331.74 141.98C342.58 141.98 345.35 135.77 348.4 135.77C349.89 135.77 351.38 136.98 351.38 139.13C351.38 142.85 341.27 148.55 331.65 148.55C315.89 148.55 309.05 137.24 309.05 125.07C309.05 112.9 317.39 101.58 331.19 101.58C344.99 101.58 352.4 112.9 352.4 123.94C352.4 126.62 351.39 128 347.87 128H317.19V127.99ZM344.25 122.29C344.25 115.74 340.17 108.14 331.19 108.14C321.08 107.8 317.47 115.3 317.19 122.29H344.25Z"> </path> <path d="M402.91 144.74C402.91 158.38 394.01 166.67 380.66 166.67C372.24 166.67 361.75 162.18 361.75 158.3C361.75 156.74 362.6 154.76 365.19 154.76C368.9 154.76 372.52 160.12 381.32 160.12C391.71 160.12 394.75 152.52 394.75 145.95V141.98H394.57C392.05 145.95 387.61 148.55 382.05 148.55C368.15 148.55 360.37 137.24 360.37 125.07C360.37 112.9 368.15 101.58 382.05 101.58C387.33 101.58 392.44 104.61 394.57 107.36H394.75V105.29C394.75 102.62 396.88 101.57 399.12 101.57C400.68 101.57 402.91 102.62 402.91 105.29V144.74ZM382.05 141.98C392.05 141.98 395.58 132.83 395.58 125.07C395.58 117.31 392.05 108.15 382.05 108.15C372.05 108.15 368.53 117.3 368.53 125.07C368.53 132.84 372.05 141.98 382.05 141.98Z"> </path> <path d="M421.54 127.99C421.54 135.85 426.9 141.98 436.09 141.98C446.92 141.98 449.71 135.77 452.77 135.77C454.24 135.77 455.72 136.98 455.72 139.13C455.72 142.85 445.63 148.55 435.99 148.55C420.23 148.55 413.38 137.24 413.38 125.07C413.38 112.9 421.72 101.58 435.52 101.58C449.32 101.58 456.74 112.9 456.74 123.94C456.74 126.62 455.71 128 452.2 128H421.54V127.99ZM448.58 122.29C448.58 115.74 444.5 108.14 435.52 108.14C425.41 107.8 421.81 115.3 421.54 122.29H448.59H448.58Z"> </path> <path d="M106.41 168.98C106.41 164.93 109.05 162.22 112.75 162.22C116.45 162.22 119.09 164.93 119.09 168.98V190.74C119.09 195.82 123.06 198.62 127.29 198.62C131.52 198.62 135.46 195.82 135.46 190.74V168.98C135.46 164.93 138.1 162.22 141.81 162.22C145.52 162.22 148.15 164.93 148.15 168.98V190.99C148.15 201.83 140.66 208.77 127.29 208.77C113.92 208.77 106.41 201.83 106.41 190.99V168.98Z"> </path> <path d="M155.84 168.98C155.84 164.93 158.48 162.22 162.18 162.22C165.44 162.22 167.55 163.92 167.99 166.71C170.46 163.41 174.24 161.71 180.23 161.71C190.17 161.71 197.58 167.81 197.58 178.14V201.49C197.58 205.56 194.94 208.26 191.24 208.26C187.54 208.26 184.9 205.56 184.9 201.49V180.25C184.9 174.59 181.19 171.88 176.61 171.88C171.42 171.88 168.51 175.51 168.51 180.25V201.49C168.51 205.56 165.88 208.26 162.17 208.26C158.46 208.26 155.83 205.56 155.83 201.49V168.99L155.84 168.98Z"> </path> <path d="M205.09 168.98C205.09 164.93 207.73 162.22 211.42 162.22C215.11 162.22 217.76 164.93 217.76 168.98V201.48C217.76 205.55 215.11 208.25 211.42 208.25C207.73 208.25 205.09 205.55 205.09 201.48V168.98Z"> </path> <path d="M268.85 185.32C268.85 198.02 259.79 208.76 246.15 208.76C232.51 208.76 223.44 198.01 223.44 185.32C223.44 172.63 232.77 161.7 246.15 161.7C259.53 161.7 268.85 172.96 268.85 185.32ZM236.12 185.32C236.12 191.16 239.28 197.6 246.15 197.6C253.02 197.6 256.18 191.16 256.18 185.32C256.18 179.48 253.1 172.88 246.15 172.88C239.2 172.88 236.12 179.48 236.12 185.32Z"> </path> <path d="M274.68 168.98C274.68 164.93 277.32 162.22 281.02 162.22C284.28 162.22 286.4 163.92 286.84 166.71C289.32 163.41 293.09 161.71 299.07 161.71C309.01 161.71 316.42 167.81 316.42 178.14V201.49C316.42 205.56 313.78 208.26 310.08 208.26C306.38 208.26 303.74 205.56 303.74 201.49V180.25C303.74 174.59 300.04 171.88 295.48 171.88C290.28 171.88 287.37 175.51 287.37 180.25V201.49C287.37 205.56 284.73 208.26 281.03 208.26C277.33 208.26 274.69 205.56 274.69 201.49V168.99L274.68 168.98Z"> </path> <path d="M77.3099 135.26C77.3099 144.82 69.5499 152.58 59.9999 152.58C50.4499 152.58 42.6799 144.82 42.6799 135.26C42.6799 125.7 50.4299 117.95 59.9999 117.95C69.5699 117.95 77.3099 125.69 77.3099 135.26Z"> </path> <path d="M137.04 120.89C137.04 133.33 126.96 143.38 114.54 143.38C102.12 143.38 92.04 133.33 92.04 120.89C92.04 108.45 102.12 98.39 114.54 98.39C126.96 98.39 137.04 108.46 137.04 120.89Z"> </path> <path d="M117.69 19.33C117.69 22.94 114.76 25.86 111.16 25.86C107.56 25.86 104.62 22.94 104.62 19.33C104.62 15.72 107.55 12.79 111.16 12.79C114.77 12.79 117.69 15.71 117.69 19.33Z"> </path> <path d="M64.3999 8.61C64.3999 13.36 60.5499 17.21 55.7899 17.21C51.0299 17.21 47.1799 13.36 47.1799 8.61C47.1799 3.86 51.0299 0 55.7899 0C60.5499 0 64.3999 3.85 64.3999 8.61Z"> </path> <path d="M24.1901 45.21C24.1901 51.45 19.1301 56.5 12.9001 56.5C6.67009 56.5 1.59009 51.46 1.59009 45.21C1.59009 38.96 6.64009 33.91 12.9001 33.91C19.1601 33.91 24.1901 38.97 24.1901 45.21Z"> </path> <path d="M29.53 101.57C29.53 109.72 22.92 116.33 14.78 116.33C6.64 116.33 0 109.72 0 101.57C0 93.42 6.61 86.83 14.77 86.83C22.93 86.83 29.52 93.42 29.52 101.57H29.53Z"> </path> </g> <defs> <clipPath id="clip0_4995_176"> <rect width="456.74" height="208.76" fill="white"></rect> </clipPath> </defs> </svg> <div class="md:row-start-2"> <ul class="imperialH3"> <li>Imperial College Union</li> <li>Beit Quadrangle</li> <li>Prince Consort Road</li> <li>London</li> <li>SW7 2BB</li> </ul> <ul class="imperialH3"> <li><a href="tel:020 7594 8060">020 7594 8060</a></li> <li class="underline"><a href="mailto:union@imperial.ac.uk">union@imperial.ac.uk</a></li> </ul> <div class="flex space-x-6"><a href="https://www.facebook.com/imperialcollegeunion" class="text-offWhite"><span class="sr-only">Facebook</span><svg fill="currentColor" viewBox="0 0 24 24" class="h-6 w-6" aria-hidden="true"> <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path> </svg></a><a href="https://www.instagram.com/icunion/" class="text-offWhite"><span class="sr-only">Instagram</span><svg fill="currentColor" viewBox="0 0 24 24" class="h-6 w-6" aria-hidden="true"> <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path> </svg></a><a href="https://twitter.com/icunion" class="text-offWhite"><span class="sr-only">X</span><svg fill="currentColor" viewBox="0 0 24 24" class="h-6 w-6" aria-hidden="true"> <path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z"> </path> </svg></a><a href="https://www.linkedin.com/company/imperial-college-union" class="text-offWhite"><span class="sr-only">LinkedIn</span><svg fill="currentColor" width="23" height="23" viewBox="0 0 24 24" class="h-6 w-6" aria-hidden="true"> <path d="M5.15 4.06522C5.15 5.20604 4.225 6.13043 3.08333 6.13043C1.94167 6.13043 1.01667 5.20604 1.01667 4.06522C1.01667 2.92522 1.94167 2 3.08333 2C4.225 2 5.15 2.92522 5.15 4.06522ZM5.16667 7.78261H1V21H5.16667V7.78261ZM11.8183 7.78261H7.67833V21H11.8192V14.0617C11.8192 10.2039 16.8433 9.8883 16.8433 14.0617V21H21V12.6309C21 6.12135 13.565 6.35843 11.8183 9.56283V7.78261Z"> </path> </svg></a><a href="https://www.youtube.com/channel/UCDbftdMxA8C-UqhaB8FsW5w" class="text-offWhite"><span class="sr-only">YouTube</span><svg fill="currentColor" viewBox="0 0 24 24" class="h-6 w-6" aria-hidden="true"> <path fill-rule="evenodd" d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z" clip-rule="evenodd"></path> </svg></a></div> </div> <div class="md:hidden"> <div id="footer-menu-mobile-accordion" data-accordion="open" data-active-classes="text-offWhite" data-inactive-classes="text-offWhite"> <div id="footer-menu-mobile-accordion-activities-heading" class="w-full border-b-[1px] border-white border-opacity-20"> <button class="flex w-full justify-between py-2 text-lg font-black uppercase" type="button" aria-expanded="false" data-accordion-target="#footer-menu-mobile-accordion-activities-body" aria-controls="footer-menu-mobile-accordion-activities-body"> <span class="inline-block">Activities</span><span class="inline-block">+</span></button> </div> <div id="footer-menu-mobile-accordion-activities-body" class="hidden"> <ul role="list" class="space-y-4 pb-6 pt-3"> <li><a href="https://www.imperialcollegeunion.org/activities/a-to-z" class="text-sm">Clubs A-Z</a></li> <li><a href="https://www.imperialcollegeunion.org/activities/committee-support-hub" class="text-sm">Resources for Committees</a></li> <li><a href="https://www.imperialcollegeunion.org/activities/give-it-go-participants" class="text-sm">Start a new group or activity</a></li> </ul> </div> <div id="footer-menu-mobile-accordion-yourunion-heading" class="w-full border-b-[1px] border-white border-opacity-20"> <button class="flex w-full justify-between py-2 text-lg font-black uppercase" type="button" aria-expanded="false" data-accordion-target="#footer-menu-mobile-accordion-yourunion-body" aria-controls="footer-menu-mobile-accordion-yourunion-body"> <span class="inline-block">Your Union</span><span class="inline-block">+</span></button> </div> <div id="footer-menu-mobile-accordion-yourunion-body" class="hidden"> <ul role="list" class="space-y-4 pb-6 pt-3"> <li><a href="https://www.imperialcollegeunion.org/your-union/how-were-run" class="text-sm">How we're run</a></li> <li><a href="https://www.imperialcollegeunion.org/your-union/our-impact" class="text-sm">Our impact</a></li> <li><a href="https://www.imperialcollegeunion.org/your-union/policies" class="text-sm">Policies</a></li> <li><a href="https://www.imperialcollegeunion.org/your-union/sustainability" class="text-sm">Sustainability</a></li> <li><a href="https://www.imperialcollegeunion.org/your-union/union-awards-2024" class="text-sm">Awards</a></li> <li><a href="https://www.imperialcollegeunion.org/your-union/constituent-unions" class="text-sm">Constituent Unions</a></li> </ul> </div> <div id="footer-menu-mobile-accordion-advicesupport-heading" class="w-full border-b-[1px] border-white border-opacity-20"> <button class="flex w-full justify-between py-2 text-lg font-black uppercase" type="button" aria-expanded="false" data-accordion-target="#footer-menu-mobile-accordion-advicesupport-body" aria-controls="footer-menu-mobile-accordion-advicesupport-body"> <span class="inline-block">Advice &amp; Support</span><span class="inline-block">+</span></button> </div> <div id="footer-menu-mobile-accordion-advicesupport-body" class="hidden"> <ul role="list" class="space-y-4 pb-6 pt-3"> <li><a href="https://www.imperialcollegeunion.org/advice" class="text-sm">Get advice</a></li> <li><a href="https://www.imperialcollegeunion.org/advice/academic-issues" class="text-sm">Academic issues</a></li> <li><a href="https://www.imperialcollegeunion.org/advice/complaints" class="text-sm">Making a complaint</a></li> <li><a href="https://www.imperialcollegeunion.org/advice/feedback" class="text-sm">Feedback</a></li> <li><a href="https://www.imperialcollegeunion.org/advice/imperial-accommodation-issues" class="text-sm">Accommodation issues</a></li> </ul> </div> <div id="footer-menu-mobile-accordion-services-heading" class="w-full border-b-[1px] border-white border-opacity-20" data-active-classes="w-full border-b-[1px] border-white border-opacity-20" data-inactive-classes="w-full border-b-[1px] border-white border-opacity-20"> <button class="flex w-full justify-between py-2 text-lg font-black uppercase" type="button" aria-expanded="false" data-accordion-target="#footer-menu-mobile-accordion-services-body" aria-controls="footer-menu-mobile-accordion-services-body"> <span class="inline-block">Services</span><span class="inline-block">+</span></button> </div> <div id="footer-menu-mobile-accordion-services-body" class="hidden"> <ul role="list" class="space-y-4 pb-6 pt-3"> <li><a href="https://eactivities.union.ic.ac.uk/" class="text-sm">eActivities</a></li> <li><a href="https://www.imperialcollegeunion.org/about-imperial-college-union" class="text-sm">About us</a></li> <li><a href="https://www.imperialcollegeunion.org/contact-us" class="text-sm">Contact us</a></li> <li><a href="https://www.imperialcollegeunion.org/advertise-us" class="text-sm">Advertise with us</a></li> <li><a href="https://www.imperialcollegeunion.org/hire-our-spaces" class="text-sm">Hire our spaces</a></li> <li><a href="https://www.imperialcollegeunion.org/jobs" class="text-sm">Careers</a></li> <li><a href="https://www.imperialcollegeunion.org/accessibility-imperial-college-union-main-website" class="text-sm">Accessibility</a></li> </ul> </div> </div> </div> <div class="hidden md:col-span-2 md:row-start-3 md:block"> <div class="grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0"> <div class="md:grid md:grid-cols-2 md:gap-4"> <div> <h3 class="text-[14px] font-black uppercase">Activities</h3> <ul role="list" class="mt-4 space-y-1"> <li><a href="https://www.imperialcollegeunion.org/activities/a-to-z" class="text-sm font-medium">Clubs A-Z</a></li> <li><a href="https://www.imperialcollegeunion.org/activities/committee-support-hub" class="text-sm font-medium">Resources for Committees</a></li> <li><a href="https://www.imperialcollegeunion.org/activities/give-it-go-participants" class="text-sm font-medium">Start a new group or activity</a></li> </ul> </div> <div class=""> <h3 class="text-[14px] font-black uppercase">Your union</h3> <ul role="list" class="mt-4 space-y-1"> <li><a href="https://www.imperialcollegeunion.org/your-union/how-were-run" class="text-sm font-medium">How we’re run</a></li> <li><a href="https://www.imperialcollegeunion.org/your-union/our-impact" class="text-sm font-medium">Our impact</a></li> <li><a href="https://www.imperialcollegeunion.org/your-union/policies" class="text-sm font-medium">Policies</a></li> <li><a href="https://www.imperialcollegeunion.org/your-union/sustainability" class="text-sm font-medium">Sustainability</a></li> <li><a href="https://www.imperialcollegeunion.org/your-union/union-awards-2024" class="text-sm font-medium">Awards</a></li> <li><a href="https://www.imperialcollegeunion.org/your-union/constituent-unions" class="text-sm font-medium">Constituent Unions</a></li> </ul> </div> </div> <div class="md:grid md:grid-cols-2 md:gap-4"> <div> <h3 class="text-[14px] font-black uppercase">Advice &amp; support</h3> <ul role="list" class="mt-4 space-y-1"> <li><a href="https://www.imperialcollegeunion.org/advice" class="text-sm font-medium">Get advice</a> </li> <li><a href="https://www.imperialcollegeunion.org/advice/academic-issues" class="text-sm font-medium">Academic issues</a></li> <li><a href="https://www.imperialcollegeunion.org/advice/complaints" class="text-sm font-medium">Making a complaint</a></li> <li><a href="https://www.imperialcollegeunion.org/advice/feedback" class="text-sm font-medium">Feedback</a></li> <li><a href="https://www.imperialcollegeunion.org/advice/imperial-accommodation-issues" class="text-sm font-medium">Accommodation issues</a></li> </ul> </div> <div class=""> <h3 class="text-[14px] font-black uppercase">Services</h3> <ul role="list" class="mt-4 space-y-1"> <li><a href="https://eactivities.union.ic.ac.uk/" class="text-sm font-medium">eActivities</a></li> <li><a href="https://www.imperialcollegeunion.org/about-imperial-college-union" class="text-sm font-medium">About us</a></li> <li><a href="https://www.imperialcollegeunion.org/contact-us" class="text-sm font-medium">Contact us</a> </li> <li><a href="https://www.imperialcollegeunion.org/advertise-us" class="text-sm font-medium">Advertise with us</a></li> <li><a href="https://www.imperialcollegeunion.org/hire-our-spaces" class="text-sm font-medium">Hire our spaces</a></li> <li><a href="https://www.imperialcollegeunion.org/jobs" class="text-sm font-medium">Careers</a></li> <li><a href="https://www.imperialcollegeunion.org/accessibility-imperial-college-union-main-website" class="text-sm font-medium">Accessibility</a></li> </ul> </div> </div> </div> </div> <div class="grid grid-cols-1 md:row-start-4 md:pt-24"> <p class="text-xs xl:content-center">© <!-- -->2024<!-- --> Imperial College Union • Registered Charity No. 1151241 • VAT Reg No. GB 240 5617 84</p> </div> <ul class="grid grid-cols-2 gap-5 text-[14px] leading-4 md:row-start-4 md:pt-24 xl:grid-cols-3"> <li><a href="https://www.imperialcollegeunion.org/terms-use">Terms &amp; conditions</a></li> <li><a href="https://www.imperialcollegeunion.org/privacy">Privacy Policy</a></li> <li><a href="https://www.imperialcollegeunion.org/cookies">Cookies</a></li> </ul> <div class="flex sm:row-start-6 md:col-span-2 md:justify-end xl:col-span-1 xl:col-start-2 xl:row-start-1"> <div class="aspect-1 w-[120px] rounded-full bg-green object-cover"></div> <div class="aspect-1 w-[120px] rounded-full bg-green object-cover"></div> <div class="ml-auto xl:ml-0"> <a href="#back-to-top"> <span class="sr-only">Back to top</span> <div class="relative h-[120px] w-[120px] animate-spin-very-slow rounded-full border border-gray-500 bg-offWhite text-[13px] transition-colors hover:cursor-pointer hover:bg-lightPurple"> <svg height="120" width="120" style="transform:rotate(0deg);position:absolute;top:0;left:0"> <path id="ellipse-id-Rdvbba" style="fill: none;" fill="red" d="M0 60A60 60 0 1 1 120 60A60 60 0 1 1 0 60"> </path><text style="text-transform: uppercase; letter-spacing: 0.35rem; font-weight: 900; text-align: center;"> <textPath xlink:href="#ellipse-id-Rdvbba" startOffset="0"> <tspan dy="21" style="white-space: pre;">• Back to top</tspan> </textPath> </text> </svg> <div class="h-[118px] w-[118px] rotate-180 text-[13px]"><svg height="120" width="120" style="transform:rotate(0deg);position:absolute;top:0;left:0"> <path id="ellipse-id-Rlvbba" style="fill: none;" fill="red" d="M0 60A60 60 0 1 1 120 60A60 60 0 1 1 0 60"></path><text style="text-transform: uppercase; letter-spacing: 0.35rem; font-weight: 900; text-align: center;"> <textPath xlink:href="#ellipse-id-Rlvbba" startOffset="0"> <tspan dy="21" style="white-space: pre;">• Back to top</tspan> </textPath> </text> </svg></div> </div> </a> </div> </div> </div> </div> </footer> </div> <!-- JS Implementing Plugins --> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/hs-megamenu/src/hs.megamenu.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/appear.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/plyr/dist/plyr.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/dzsparallaxer/dzsparallaxer.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/dzsparallaxer/dzsscroller/scroller.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/dzsparallaxer/advancedscroller/plugin.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/masonry/dist/masonry.pkgd.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/malihu-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/slick-carousel/slick/slick.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/fancybox/jquery.fancybox.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/image-select/src/ImageSelect.jquery.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/chosen/chosen.jquery.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/jquery-validation/dist/jquery.validate.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/custombox/custombox.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/jquery.countdown.min.js"></script> <!-- JS Revolution Slider --> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/js/jquery.themepunch.tools.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/js/jquery.themepunch.revolution.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution-addons/slicey/js/revolution.addon.slicey.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/js/extensions/revolution.extension.actions.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/js/extensions/revolution.extension.carousel.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/js/extensions/revolution.extension.kenburn.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/js/extensions/revolution.extension.migration.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/js/extensions/revolution.extension.navigation.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/js/extensions/revolution.extension.parallax.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/js/extensions/revolution.extension.slideanims.min.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/revolution-slider/revolution/js/extensions/revolution.extension.video.min.js"></script> <!-- jQuery UI Core <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/jquery-ui/ui/widget.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/jquery-ui/ui/version.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/jquery-ui/ui/keycode.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/jquery-ui/ui/position.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/jquery-ui/ui/unique-id.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/jquery-ui/ui/safe-active-element.js"></script> <!-- jQuery UI Helpers <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/jquery-ui/ui/widgets/menu.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/jquery-ui/ui/widgets/mouse.js"></script> <!-- jQuery UI Widgets <script src="https://wassets.sumsmanagement.com/unify/2.4/vendor/jquery-ui/ui/widgets/datepicker.js"></script> <!-- jQuery UI Updated --> <script src="https://lnassets.sumsmanagement.com/SUMS/jquery-ui.min.js"></script> <!-- JS Unify --> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/hs.core.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/helpers/hs.hamburgers.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/helpers/hs.rating.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/helpers/hs.not-empty-state.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/helpers/hs.focus-state.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.header.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.dropdown.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.counter.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.onscroll-animation.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.sticky-block.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.scrollbar.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.popup.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.carousel.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.video-audio.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.go-to.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.count-qty.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.select.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.validation.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.tabs.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.datepicker.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.modal-window.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.step-form.js"></script> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.progress-bar.js"></script> <!-- JS Unify --> <script src="https://wassets.sumsmanagement.com/unify/2.4/js/components/hs.countdown.js"></script> <!-- JS ICU --> <script src="https://cdn.jsdelivr.net/npm/flowbite@2.4.1/dist/flowbite.min.js"></script> <!-- JS Custom --> <script src="https://wassets.sumsmanagement.com/unify/2.4/js-extra/jquery.blockUI.js"></script> <script src="https://lnassets.sumsmanagement.com/unify/2.4/js/custom.js"></script> <script src="/js/shop.form.js"></script> <script src="/js/shop.global.js?version=1.1"></script> <script src="/js/bearer.js"></script> <!-- JS Page Level - Platform Assets --> <!-- JS Page Level --> <!-- JS Plugins Init. --> <script> var tpj = jQuery, revapi26; tpj(document).ready(function () { if (tpj("#rev_slider_26_1").revolution == undefined) {revslider_showDoubleJqueryError("#rev_slider_26_1");} else { revapi26 = tpj("#rev_slider_26_1").show().revolution({ sliderType: "standard", jsFileLocation: "revolution/js/", sliderLayout: "fullscreen", dottedOverlay: "none", delay: 9000, navigation: { keyboardNavigation: "off", keyboard_direction: "horizontal", mouseScrollNavigation: "off", mouseScrollReverse: "default", onHoverStop: "off", touch: { touchenabled: "on", touchOnDesktop: "off", swipe_threshold: 75, swipe_min_touches: 1, swipe_direction: "horizontal", drag_block_vertical: false }, arrows: { style: "uranus", enable: true, hide_onmobile: true, hide_under: 778, hide_onleave: false, tmp: '', left: { h_align: "left", v_align: "center", h_offset: 15, v_offset: 0 }, right: { h_align: "right", v_align: "center", h_offset: 15, v_offset: 0 } }, bullets: { enable: true, hide_onmobile: false, style: "bullet-bar", hide_onleave: false, direction: "horizontal", h_align: "center", v_align: "bottom", h_offset: 0, v_offset: 30, space: 5, tmp: '' } }, responsiveLevels: [1240, 1024, 778, 480], visibilityLevels: [1240, 1024, 778, 480], gridwidth: [1240, 1024, 778, 480], gridheight: [868, 768, 960, 720], lazyType: "none", parallax: { type: "scroll", origo: "slidercenter", speed: 2000, levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 51, 55] }, shadow: 0, spinner: "off", stopLoop: "off", stopAfterLoops: -1, stopAtSlide: -1, shuffle: "off", autoHeight: "off", fullScreenAutoWidth: "off", fullScreenAlignForce: "off", fullScreenOffsetContainer: "", fullScreenOffset: "132px", hideThumbsOnMobile: "off", hideSliderAtLimit: 0, hideCaptionAtLimit: 0, hideAllCaptionAtLilmit: 0, debugMode: false, fallbacks: { simplifyAll: "off", nextSlideOnWindowFocus: "off", disableFocusListener: false } }); } }); $(document).on('ready', function () { // initialization of HSDropdown component $.HSCore.components.HSDropdown.init($('[data-dropdown-target]'), { afterOpen: function(){$(this).find('input[type="search"]').focus();} }); // initialization of tabs $.HSCore.components.HSTabs.init('[role="tablist"]'); // initialization of popups $.HSCore.components.HSPopup.init('.js-fancybox'); // initialization of modals $.HSCore.components.HSModalWindow.init('[data-modal-target]'); // initialization of carousel $.HSCore.components.HSCarousel.init('.js-carousel'); // initialization of custom video $.HSCore.components.HSVideoAudio.init('.js-video-audio'); // initialization of scroll animation $.HSCore.components.HSOnScrollAnimation.init('[data-animation]'); // initialization of custom select $.HSCore.components.HSSelect.init('.js-custom-select'); // initialization of HSScrollBar component $.HSCore.components.HSScrollBar.init($('.js-scrollbar')); // initialization of go to $.HSCore.components.HSGoTo.init('.js-go-to'); // initialization of form validation $.HSCore.components.HSValidation.init('.js-validate'); // initialization of quantity counter $.HSCore.components.HSCountQty.init('.js-quantity'); // initialization of step form $.HSCore.components.HSStepForm.init('.js-shop-form'); // Form helpers $.HSCore.helpers.HSRating.init(); $.HSCore.helpers.HSFocusState.init(); $.HSCore.helpers.HSNotEmptyState.init(); // init search box(es) $('#lsu-search-btn').on('click', function(event) { event.preventDefault(); window.location = '/search?q=' + encodeURI($('#lsu-search').val()); }); $('#lsu-search-page-btn').on('click', function(event) { event.preventDefault(); window.location = '/search?q=' + encodeURI($('#lsu-search-page').val()); }); }); $(window).on('load', function () { // initialization of header $.HSCore.components.HSHeader.init($('#js-header')); $.HSCore.helpers.HSHamburgers.init('.hamburger'); // initialization of HSMegaMenu component $('#dropdown-megamenu').HSMegaMenu({ event: 'hover', pageContainer: $('.container'), breakpoint: 767 }); // initialization of HSMegaMenu component $('.js-mega-menu').HSMegaMenu(); // initialization of sticky blocks $.HSCore.components.HSStickyBlock.init('.js-sticky-block'); // initialization of horizontal progress bars var horizontalProgressBars = $.HSCore.components.HSProgressBar.init('.js-hr-progress-bar', { direction: 'horizontal', indicatorSelector: '.js-hr-progress-bar-indicator' }); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10