
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="white-translucent" />
		
	
	<title>SUSU - Southampton University Students' Union</title>

	<base href="https://www.susu.org/" />

	<link rel="stylesheet" href="https://use.typekit.net/czx6utv.css">
	<link rel="stylesheet" href="/coreui/css/susu.bootstrap.min.css?v=20220831" crossorigin="anonymous">
	<link rel="stylesheet" href="/coreui/css/mdb.lite.min.css?v=20200920" crossorigin="anonymous">
	<link rel="stylesheet" href="/coreui/css/susu-bs4-mods.css?v=20220920" crossorigin="anonymous">

	<meta name="description" content="SUSU - the Students' Union for students at the University of Southampton" />
	<meta name="keywords" content="SUSU, University of Southampton, Southampton, Student Union, Students Union, Students' Union, Union, The Union Southampton" />
	<meta name="theme-color" content="#7C1E1D">


	<!--<meta property="fb:admins" content="" />-->
	<meta property="fb:app_id" content="170566696341740">
	<meta property="og:url" content="https://www.susu.org/">
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Southampton University Students' Union">
	<meta property="og:locale" content="en_GB">
	<meta property="og:image" content="https://www.susu.org/coreui/img/susu-fb-cover-new.png">
	<meta property="og:description" content="The Students' Union for students at the University of Southampton">
	<meta property="og:site_name" content="University of Southampton Students' Union"/>
   	<meta property="og:image:width" content="1200">
   	<meta property="og:image:height" content="630">

   	<meta property="og:video" content="https://www.susu.org/video/susu-we-are.mp4">   	<meta property="og:video:secure_url" content="https://www.susu.org/video/susu-we-are.mp4">   	<meta property="og:video:type" content="video/mp4">   	<meta property="og:video:height" content="1200">   	<meta property="og:video:width" content="630">


   	
	<meta name="twitter:card" content = "summary" />
	<meta name="twitter:site" content = "@Union_Soton" />
	<meta name="twitter:title" content = "1" />
	<meta name="twitter:description" content = "The Students' Union for students at the University of Southampton">
	<meta name="twitter:image" content = "https://www.susu.org/coreui/img/susu-fb-cover-new.png">


	<link type="image/x-icon" rel="icon" href="/favicon.ico?v=3">
	<link type="image/x-icon" rel="shortcut icon" href="/favicon.ico?v=3">
	<link rel="apple-touch-icon" sizes="57x57" href="/coreui/favicon/apple-icon-57x57.png?v=3">
	<link rel="apple-touch-icon" sizes="60x60" href="/coreui/favicon/apple-icon-60x60.png?v=3">
	<link rel="apple-touch-icon" sizes="72x72" href="/coreui/favicon/apple-icon-72x72.png?v=3">
	<link rel="apple-touch-icon" sizes="76x76" href="/coreui/favicon/apple-icon-76x76.png?v=3">
	<link rel="apple-touch-icon" sizes="114x114" href="/coreui/favicon/apple-icon-114x114.png?v=3">
	<link rel="apple-touch-icon" sizes="120x120" href="/coreui/favicon/apple-icon-120x120.png?v=3">
	<link rel="apple-touch-icon" sizes="144x144" href="/coreui/favicon/apple-icon-144x144.png?v=3">
	<link rel="apple-touch-icon" sizes="152x152" href="/coreui/favicon/apple-icon-152x152.png?v=3">
	<link rel="apple-touch-icon" sizes="180x180" href="/coreui/favicon/apple-icon-180x180.png?v=3">
	<link rel="icon" type="image/png" sizes="192x192"  href="/coreui/favicon/android-icon-192x192.png?v=3">
	<link rel="icon" type="image/png" sizes="32x32" href="/coreui/favicon/favicon-32x32.png?v=3">
	<link rel="icon" type="image/png" sizes="96x96" href="/coreui/favicon/favicon-96x96.png?v=3">
	<link rel="icon" type="image/png" sizes="16x16" href="/coreui/favicon/favicon-16x16.png?v=3">
	<link rel="manifest" href="/manifest.json">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="/coreui/favicon/ms-icon-144x144.png?v=3">

		
<style>
.news .card-img-top {
    max-height: 150px;
    object-fit: cover;
}

.jumbotron {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-top: 20%
}
.jumbotron video {
  position: absolute;
  z-index: 1;
  top: 0;
  width:100%;
  height:100%;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
}
.jumbotron .container {
  z-index: 2;
  position: relative;
}

.cal-month {
  overflow-wrap: normal;
}

.events.card-img-top {
  max-height: 300px;
}

.events.card-group>.card {
  margin-bottom: 0;
  border: none;
}

.card-times, .card-date {
  color: #686D72;
}

.fpage-heading::after {
  width: 5rem;
  border-top-width: 3px;
  border-top-style: solid;
  content: "";
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding-bottom: 10px;
}

.places-list {
  padding: 10px;
  width: 100%;
  background-color: #91A9C4;
  color: #fff;
}

.representation-list {
  padding: 10px;
  width: 100%;
  background-color: #FA4616;;
  color: #fff;
}
.support-list {
  padding: 10px;
  width: 100%;
  background-color: #A0D1CA;
  color: #fff;
}
.opportunities-list {
  padding: 10px;
  width: 100%;
  background-color: #FFC72C;
  color: #fff;
}
main p {
  color: #212529;
}


.news div.card {
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 15px 15px -10px rgba(0, 0, 0, 0.23);

}

div.card.border-light {
    background-color: #ffffff;
    margin-bottom: 25px;
    /*border-radius: 4px;*/
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
}

/* freshers countdown styles */
#headline {
  font-weight: normal;
  letter-spacing: .125rem;
  text-transform: uppercase;
}

#countdown ul {
padding-inline-start:0
}

#countdown ul li {
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
}

#countdown ul li span {
  align-items: center;
  display: block;
  font-size: 4.5rem;
}

/*css for leadership elections modal*/
.countdown {
    text-transform: uppercase;
    font-weight: bold;
    font-size:20px;
}
.btn {
background-color:#7C1E1D;
    color:white;
    font-weight:550;
}

.modal-header {
    /*background-color: #7C1E1D;*/
    background-color: #313639;
    padding:16px 16px;
    color:#FFF;
    border-bottom:2px;
 }


</style>	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

	<script src="https://js.stripe.com/v3/"></script>

	<script rel="preconnect" src="https://cdn.jsdelivr.net/npm/cookie-bar/cookiebar-latest.min.js?forceLang=en&tracking=1&thirdparty=1&always=1&scrolling=1&showPolicyLink=1&privacyPage=https%3A%2F%2Fwww.susu.org%2Fabout%2Fprivacy-policy"></script>

	<script rel="preconnect" src="https://kit.fontawesome.com/648c784f4c.js" crossorigin="anonymous"></script>

<!-- Hotjar Tracking Code for www.susu.org -->

<script>

    (function(h,o,t,j,a,r){

        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};

        h._hjSettings={hjid:2240363,hjsv:6};

        a=o.getElementsByTagName('head')[0];

        r=o.createElement('script');r.async=1;

        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;

        a.appendChild(r);

    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');

</script>


	<script>
	var fader = 0;
	var last_clicked;
	var delay;

	$(document).ready(function() {

		if ("serviceWorker" in navigator) {
		  if (navigator.serviceWorker.controller) {
		    console.log("[PWA Builder] active service worker found, no need to register");
		  } else {
		    // Register the service worker
		    navigator.serviceWorker
		      .register("pwabuilder-sw.js", {
		        scope: "./"
		      })
		      .then(function (reg) {
		        console.log("[PWA Builder] Service worker has been registered for scope: " + reg.scope);
		      });
		  }
		}

	  $('#search-modal').on('shown.bs.modal', function() {
	    $('#search-input').trigger('focus');
	  });
	});
	</script>

	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-1440522-1"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'UA-1440522-1');
	</script>

<style>
@media (min-width: 992px) {
	#navcont { flex-direction: column!important;
	}
 }
</style>

</head>
<body class="d-flex flex-column">
	<div id="page-content">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MBLJJN8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<a href="https://plus.google.com/118007451127808745069" title="Google+" aria-label="Google+" rel="publisher"></a>
	<!-- Header Start -->
	<!--<header id="susu_header sticky-top" class="clearfix">
       Static navbar -->



      <nav class="navbar navbar-expand-xl navbar-light bg-susured sticky-top" id="navcont susu_header" role="navigation">
            <a class="navbar-brand d-block d-xl-none" href="/"><img src="/coreui/img/susu2020-white.png" style="width: 50px;" alt="SUSU logo"></a>

            <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" style="margin-top: 20px;">
            	<span class="sr-only">View Navigation</span>
				<span class="navbar-toggler-icon"></span>
            </button>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="navbar-nav susu-nav">

				<li class="nav-item my-auto d-none d-xl-block"><a href="/"><img src="/coreui/img/susu2020-white.png" style="width: 100px;" alt="SUSU logo"></a></li>	
	<li class="nav-item my-auto ml-3 mr-3 dropdown" style="line-height: 1;">

		
	<a class="nav-link text-uppercase text-center" href="/calendar"  role="button" aria-haspopup="true" aria-expanded="false">What's On<br/><small class="text-lowercase font-weight-light d-block d-xl-none mb-3">What's On</small></a>			


			</li>
		
	<li class="nav-item my-auto ml-3 mr-3 dropdown" style="line-height: 1;">

		<a class="nav-link text-uppercase text-center dropdown-toggle" id="sususubmenu_six" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Activities</a><div aria-labelledby="sususubmenu_six" class="dropdown-menu">				<a class="dropdown-item" href="opportunities/">Activities Home</a>
							
				<a class="dropdown-item" href="https://www.susu.org/howto" >How to run a club or society</a>
				
								
				<a class="dropdown-item" href="/opportunities/societies/" >Societies</a>
				
								
				<a class="dropdown-item" href="/opportunities/sports/" >Sports</a>
				
								
				<a class="dropdown-item" href="opportunities/volunteering.html" >Volunteering</a>
				
								
				<a class="dropdown-item" href="https://www.susu.org/opportunities/give-it-a-go" >Give It A Go</a>
				
				</div>	</li>
		
	<li class="nav-item my-auto ml-3 mr-3 dropdown" style="line-height: 1;">

		<a class="nav-link text-uppercase text-center dropdown-toggle" id="sususubmenu_five" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Eat, Drink, Shop</a><div aria-labelledby="sususubmenu_five" class="dropdown-menu">				<a class="dropdown-item" href="places/">Eat, Drink, Shop Home</a>
							
				<a class="dropdown-item" href="places/below-deck.html" >Below Deck</a>
				
								
				<a class="dropdown-item" href="https://www.susu.org/places/the-plant-pot" >The Plant Pot</a>
				
								
				<a class="dropdown-item" href="places/the-shop.html" >The Shop</a>
				
								
				<a class="dropdown-item" href="https://www.susu.org/places/the-bridge" rel="noreferrer">The Bridge</a>
				
								
				<a class="dropdown-item" href="places/the-locker.html" >The Locker</a>
				
								
				<a class="dropdown-item" href="https://www.susu.org/places/the-stags" rel="noreferrer">The Stag's</a>
				
								
				<a class="dropdown-item" href="/whats-on/vouchers.html" >Student Discounts & Vouchers</a>
				
				</div>	</li>
		
	<li class="nav-item my-auto ml-3 mr-3 dropdown" style="line-height: 1;">

		<a class="nav-link text-uppercase text-center dropdown-toggle" id="sususubmenu_four" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Help & Support</a><div aria-labelledby="sususubmenu_four" class="dropdown-menu">				<a class="dropdown-item" href="support/">Help & Support Home</a>
							
				<a class="dropdown-item" href="support/advice-centre.html" >Advice Centre</a>
				
								
				<a class="dropdown-item" href="http://www.susulettings.co.uk" rel="noreferrer">SUSU Lettings</a>
				
								
				<a class="dropdown-item" href="https://www.susu.org/whats-on/find-your-feet" >Finance & Food Support</a>
				
								
				<a class="dropdown-item" href="support/external-support.html" >External Support</a>
				
								
				<a class="dropdown-item" href="https://www.susu.org/support/club-and-society-concerns.html" rel="noreferrer">Club & Society Concerns</a>
				
								
				<a class="dropdown-item" href="support/university-support.html" >University Support</a>
				
								
				<a class="dropdown-item" href="support/safety-bus.html" >Safety Bus</a>
				
								
				<a class="dropdown-item" href="support/susu-safe" >SUSU Safe</a>
				
								
				<a class="dropdown-item" href="https://www.susu.org/support/jobshop.html" >Jobshop</a>
				
				</div>	</li>
		
	<li class="nav-item my-auto ml-3 mr-3 dropdown" style="line-height: 1;">

		<a class="nav-link text-uppercase text-center dropdown-toggle" id="sususubmenu_three" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Student Voice</a><div aria-labelledby="sususubmenu_three" class="dropdown-menu">				<a class="dropdown-item" href="representation/">Student Voice Home</a>
							
				<a class="dropdown-item" href="representation/academic-representation.html" >Academic Representation</a>
				
								
				<a class="dropdown-item" href="representation/annual-general-meeting.html" >Annual General Meeting</a>
				
								
				<a class="dropdown-item" href="representation/elections.html" >Elections</a>
				
								
				<a class="dropdown-item" href="representation/senate.html" >Senate</a>
				
								
				<a class="dropdown-item" href="https://www.susu.org/petition/" >Petitions</a>
				
								
				<a class="dropdown-item" href="/representation/your-officers" >Student Officers</a>
				
								
				<a class="dropdown-item" href="https://www.susu.org/you-make-change" >You Make Change</a>
				
								
				<a class="dropdown-item" href="representation/suggest-a-friend.html" >Suggest a friend</a>
				
				</div>	</li>
		
	<li class="nav-item my-auto ml-3 mr-3 dropdown" style="line-height: 1;">

		<a class="nav-link text-uppercase text-center dropdown-toggle" id="sususubmenu_two" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">About SUSU</a><div aria-labelledby="sususubmenu_two" class="dropdown-menu">				<a class="dropdown-item" href="about/">About SUSU Home</a>
							
				<a class="dropdown-item" href="about/facts-and-figures.html" >Facts and Figures</a>
				
								
				<a class="dropdown-item" href="about/governance.html" >Governance</a>
				
								
				<a class="dropdown-item" href="about/history.html" >History</a>
				
								
				<a class="dropdown-item" href="work-with-us/index.html" >Jobs</a>
				
								
				<a class="dropdown-item" href="about/membership.html" >Membership</a>
				
								
				<a class="dropdown-item" href="about/strategy.html" >Strategy</a>
				
								
				<a class="dropdown-item" href="about/sustainability.html" >Sustainability</a>
				
				</div>	</li>
	
            </ul>

		<ul class="navbar-nav susu-nav ml-auto nav-flex-icons align-middle justify-content-center">
				<li class="nav-item my-auto text-center"><a class="nav-link" href="/basket" id="basket-button" title="View basket" aria-label="View Basket"><i class="fas fa-shopping-basket"></i><span style="display: inline-block">&nbsp;</span></a></li>
				<li class="nav-item my-auto text-center"><a class="nav-link" href="#" data-toggle="modal" data-target="#search-modal" aria-label="Search" id="search-button" title="Search..."><i class="fas fa-search"></i><span style="display: inline-block">&nbsp;</span></a></li>


											<li class="nav-item">
						<a class="nav-link" aria-label="Login" href="/login/" title="Login" style="display: inline-block; padding-right: 0;"><i class="fas fa-user"></i><span>&nbsp;Login</span></a>
					</li>
					
			</ul>
          </div><!--/.nav-collapse -->


      </nav>



	<!-- Modal -->
	<div class="modal fade" id="search-modal" tabindex="-1" role="dialog" aria-labelledby="search-modal-label">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <h5 class="modal-title" id="search-modal-label">Search susu.org</h5>
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          		<span aria-hidden="true">&times;</span>
        	</button>
	      </div>
	      <div class="modal-body">
				<form action="https://www.susu.org/search/" style="border: none;">
		        <div class="input-group">
		        <label class="sr-only" for="search-input">Search for...</label>
		          <input type="text" class="form-control" name="search" id="search-input" placeholder="Search" autofocus>
			      <div class="input-group-append">
			        <button class="btn btn-md m-0 px-3 btn-primary"><span class=
			        	"sr-only">Search</span><i class="fas fa-search"></i></button>
			      </div>
		        </div>
		      </form>
		  </div>

	    </div>
	  </div>
	</div>
<!-- </header>
Header End -->
<!-- Main Content Start -->

<div class="clearfix"></div>
<section>
<div class="jumbotron jumbotron-fluid">
<div>
  <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" preload="auto">
    <source src="//www.susu.org/video/susu-we-are-small.mp4" type="video/mp4">
  <track src="//www.susu.org/video/susu-we-are-small.vtt" label="English captions" kind="captions" srclang="en">
  <p>This browser does not support the video element</p>
  </video>
</div>
</div>
</section>

<main role="main" class="container mb-5 pt-5 pb-5">

<section>
    <div class="text-center">
    <h3 class="text-uppercase welcome-to">welcome to the</h3>
    <h1 class="text-uppercase text-susured" style="font-weight: 900; line-height: 1.4;">university of southampton<br/>students' union (SUSU)</h1>
    <h6 class="mt-5"><strong>independent of the university</strong></h6>
    <h4 class="text-susured text-uppercase">Our vision for the future is that every student loves their time at southampton</h4>
    </div>
</section>

  <!-- Central Modal Large Info-->
  <div class="modal fade" id="centralModalLGInfoDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-lg modal-notify modal-info" role="document">
      <!--Content-->
      <div class="modal-content">
        <!--Header-->
        <div class="modal-header">
          <p class="heading lead">Freshers' 2021</p>

          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true" class="white-text">&times;</span>
          </button>
        </div>

        <!--Body-->
        <div class="modal-body">
          <div class="text-center">
            <p class="lead">This September, we're bringing you an amazing three weeks of University of Southampton Freshers 2021! Take a look at the programme for each week - we can't wait!
            </p>
          </div>

          <img src="https://images.susu.org/boxoffice/front/freshers-banner-2021.png" alt="Freshers' 2021"
            class="img-fluid">

<div class="mx-auto text-center" id="countdown_cont">
  <div id="countdown">
    <ul>
      <li><span id="days"></span> days</li>
      <li><span id="hours"></span> hours</li>
      <li><span id="minutes"></span> minutes</li>
      <li><span id="seconds"></span> seconds</li>
    </ul>
  </div>
</div>



        </div>

        <!--Footer-->
        <div class="modal-footer">
          <a type="button" href="https://www.susu.org/whats-on/freshers-2021" class="btn btn-info">Find out more
            <i class="fas fa-info-circle ml-1"></i>
          </a>
          <a type="button" href="https://boxoffice.susu.org" class="btn btn-outline-info waves-effect">Buy Tickets <i class="fas fa-shopping-basket ml-1"></i></a>
        </div>
      </div>
      <!--/.Content-->
    </div>
  </div>
  <!-- Central Modal Large Info-->



<section class="mt-5 pt-3 mb-5">
<h2 class="text-center text-uppercase text-susured fpage-heading">Our Campaigns</h2>
<p class="text-center text-susured"><a class="text-susured" href="/whats-on/campaigns">the campaigns currently running</a></p>

<div class="card-deck h-100 d-flex justify-content-center">

<div class="col-sm-4 col-lg-4 col-md-6 mb-5">
<div class="card h-100">
  <a href="https://www.susu.org/whats-on/leadership-elections"><img src="https://www.susu.org/content/uploads/images/P%20Screen%20(2).png" class="card-img-top" style="height: 12rem; object-fit: cover;" alt="Leadership Elections"></a>
  <div class="card-body">
    <h5 class="card-title">Leadership Elections</h5>
    <p class="card-text">Find out who's been elected to become your new Sabbatical Officer team!</p>
  </div>
   <div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="https://www.susu.org/whats-on/leadership-elections">Meet your winners!</a></div>
</div>
</div>

<div class="col-sm-4 col-lg-4 col-md-6 mb-5">
<div class="card h-100">
  <a href="https://www.susu.org/whats-on/susu-awards"><img src="https://www.susu.org/content/uploads/images/Join%20Awards%20Button-01.png" class="card-img-top" style="height: 12rem; object-fit: cover;" alt="SUSU Awards"></a>
  <div class="card-body">
    <h5 class="card-title">SUSU Awards</h5>
    <p class="card-text">Who do you think deserves an award? Our Academic Awards, Society & Volunteering Awards, and Team Southampton Sports Awards are back this year!</p>
  </div>
   <div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="https://www.susu.org/whats-on/susu-awards">Find out more</a></div>
</div>
</div>

<div class="col-sm-4 col-lg-4 col-md-6 mb-5">
<div class="card h-100">
  <a href="https://www.susu.org/whats-on/varsity.html"><img src="https://www.susu.org/content/uploads/images/Varsity%202023%20WHAT'S%20ON.png" class="card-img-top" style="height: 12rem; object-fit: cover;" alt="Varsity"></a>
  <div class="card-body">
    <h5 class="card-title">Varsity</h5>
    <p class="card-text">It's time... Varsity 2023 tickets are now on sale! Support Team Southampton towards victory against Portsmouth!</p>
  </div>
   <div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="https://www.susu.org/whats-on/varsity.html">Find out more</a></div>
</div>
</div>

<div class="col-sm-4 col-lg-4 col-md-6 mb-5">
<div class="card h-100">
  <a href="https://www.susu.org/whats-on/culture-festival"><img src="https://www.susu.org/content/uploads/images/Culture%20Festival%202023.png" class="card-img-top" style="height: 12rem; object-fit: cover;" alt="Culture Festival"></a>
  <div class="card-body">
    <h5 class="card-title">Culture Festival</h5>
    <p class="card-text">Discover something different this Culture Festival! From 13 - 20 March take part in some amazing events to discover new cultures, traditions, food and more.</p>
  </div>
   <div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="https://www.susu.org/whats-on/culture-festival">Find out more</a></div>
</div>
</div>

<div class="col-sm-4 col-lg-4 col-md-6 mb-5">
<div class="card h-100">
  <a href="https://www.susu.org/whats-on/womens-history-month"><img src="https://www.susu.org/content/uploads/images/Women's-History-Month.jpg" class="card-img-top" style="height: 12rem; object-fit: cover;" alt="Women's History Month"></a>
  <div class="card-body">
    <h5 class="card-title">Women's History Month</h5>
    <p class="card-text">Celebrate and learn about women's contributions to history, culture and society throughout March.</p>
  </div>
   <div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="https://www.susu.org/whats-on/womens-history-month">Find out more</a></div>
</div>
</div>

</div>
</section>



<section class="mt-5 pt-3 mb-5">
<h2 class="text-center text-uppercase text-susured fpage-heading">Latest Updates</h2>
<p class="text-center text-susured"><a class="text-susured" href="https://blogs.susu.org">the latest news and updates</a></p>


<div class="row"><div class="col-md-6 mt-4"><div class="p-3 bg-susured h-100 shadow text-center"><h6 class="text-uppercase text-white mb-0"><a class="text-white" href="https://blogs.susu.org/blog/2023/02/02/get-to-know-the-lgbtq-flags/"><span class="font-weight-bolder ">02 Feb</span> - Get To Know The LGBTQ+ Flags</a></h6></div></div><div class="col-md-6 mt-4"><div class="p-3 bg-susured h-100 shadow text-center"><h6 class="text-uppercase text-white mb-0"><a class="text-white" href="https://blogs.susu.org/blog/2023/02/01/history-that-matters-lgbtq-history-month/"><span class="font-weight-bolder ">01 Feb</span> - History That Matters &#8211; LGBTQ+ History Month</a></h6></div></div><div class="col-md-6 mt-4"><div class="p-3 bg-susured h-100 shadow text-center"><h6 class="text-uppercase text-white mb-0"><a class="text-white" href="https://blogs.susu.org/blog/2022/12/20/winter-break-opening-hours/"><span class="font-weight-bolder ">20 Dec</span> - Winter Break Opening Hours</a></h6></div></div><div class="col-md-6 mt-4"><div class="p-3 bg-susured h-100 shadow text-center"><h6 class="text-uppercase text-white mb-0"><a class="text-white" href="https://blogs.susu.org/blog/2022/12/08/nss-results-thank-you/"><span class="font-weight-bolder ">08 Dec</span> - NSS Results: thank you!</a></h6></div></div><div class="col-md-6 mt-4"><div class="p-3 bg-susured h-100 shadow text-center"><h6 class="text-uppercase text-white mb-0"><a class="text-white" href="https://blogs.susu.org/blog/2022/10/13/wsa-shuttlebus-timetable/"><span class="font-weight-bolder ">13 Oct</span> - WSA Shuttlebus Timetable</a></h6></div></div><div class="col-md-6 mt-4"><div class="p-3 bg-susured h-100 shadow text-center"><h6 class="text-uppercase text-white mb-0"><a class="text-white" href="https://blogs.susu.org/blog/2022/06/13/social-mobility-awareness-day-and-the-social-mobility-network/"><span class="font-weight-bolder ">13 Jun</span> - Social Mobility Awareness Day and the Social Mobility Network</a></h6></div></div></div></section>


<section class="mt-5 pt-3 mb-5">
  <h2 class="text-center text-uppercase text-susured fpage-heading">Latest Events</h2>
  <p class="text-center text-susured"><a class="text-susured" href="/calendar">what's happening today and this week</a></p><div id="event_list" class="carousel slide carousel-multi-item v-2" data-ride="carousel"><!--Controls-->
  <div class="controls-top" style="margin-bottom: 0;">
    <a class="btn-floating" style="background-color: #7C1E1D;" href="#event_list" data-slide="prev"><i
      class="fas fa-chevron-left"></i></a>
    <a class="btn-floating" style="background-color: #7C1E1D;" href="#event_list" data-slide="next"><i
        class="fas fa-chevron-right"></i></a>
  </div>
  <!--/.Controls--><div class="carousel-inner v-2" role="listbox"><div class="carousel-item active">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/giant-coloring-in-for-student-mental-health-daypng"alt="Giant Coloring in for Student Mental Health Day"><div class="card-body"><h4 class="card-title font-weight-bold">Giant Coloring in for Student Mental Health Day</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 07 Mar, <time itemprop="startDate" datetime="2023-03-07T09:00:00+00:00">09:00</time> - <time itemprop="endDate" datetime="2023-03-11T17:00:00+00:00">17:00 (11)</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Concourse</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Concourse</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> SUSU<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/20781/giant-coloring-in-for-student-mental-health-day">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/come-n-go-girls-go-kartingpng"alt="Come N Go: Girls Go Karting!"><div class="card-body"><h4 class="card-title font-weight-bold">Come N Go: Girls Go Karting!</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 07 Mar, <time itemprop="startDate" datetime="2023-03-07T15:35:00+00:00">15:35</time> - <time itemprop="endDate" datetime="2023-03-07T19:00:00+00:00">19:00</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Redbrick, Highfield Campus</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Redbrick, Highfield Campus</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> SUSU<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/21055/come-n-go-girls-go-karting">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/ladies-football-taster-session---wis-weekpng"alt="Ladies Football Taster Session - WIS Week"><div class="card-body"><h4 class="card-title font-weight-bold">Ladies Football Taster Session - WIS Week</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 07 Mar, <time itemprop="startDate" datetime="2023-03-07T18:30:00+00:00">18:30</time> - <time itemprop="endDate" datetime="2023-03-07T20:00:00+00:00">20:00</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Wide Lane</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Wide Lane</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> SUSU<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/20773/ladies-football-taster-session-wis-week">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org//img/socs-performing-arts.png"alt="Capoeira - Afro-Brazilian Martial Art"><div class="card-body"><h4 class="card-title font-weight-bold">Capoeira - Afro-Brazilian Martial Art</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 07 Mar, <time itemprop="startDate" datetime="2023-03-07T19:00:00+00:00">19:00</time> - <time itemprop="endDate" datetime="2023-03-07T21:30:00+00:00">21:30</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Meeting Room 2, Level 1, Building 42</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Meeting Room 2, Level 1, Building 42</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> Capoeira<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/19084/capoeira-afro-brazilian-martial-art">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/giag-taster-session-sing-with-light-opera-societypng"alt="GIAG Taster Session: Sing with Light Opera Society"><div class="card-body"><h4 class="card-title font-weight-bold">GIAG Taster Session: Sing with Light Opera Society</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 07 Mar, <time itemprop="startDate" datetime="2023-03-07T19:00:00+00:00">19:00</time> - <time itemprop="endDate" datetime="2023-03-07T21:00:00+00:00">21:00</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Room 4013, Building 32</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Room 4013, Building 32</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> SUSU<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/20705/giag-taster-session-sing-with-light-opera-society">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org//img/socs-performing-arts.png"alt="A Give Light Opera a go Session"><div class="card-body"><h4 class="card-title font-weight-bold">A Give Light Opera a go Session</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 07 Mar, <time itemprop="startDate" datetime="2023-03-07T19:00:00+00:00">19:00</time> - <time itemprop="endDate" datetime="2023-03-07T21:00:00+00:00">21:00</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Building 34, Room 4013</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Building 34, Room 4013</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> Light Opera Society<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/21179/a-give-light-opera-a-go-session">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/korfball-womens-taster-session---wis-weekpng"alt="Korfball Women's Taster Session - WIS Week"><div class="card-body"><h4 class="card-title font-weight-bold">Korfball Women's Taster Session - WIS Week</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 07 Mar, <time itemprop="startDate" datetime="2023-03-07T19:30:00+00:00">19:30</time> - <time itemprop="endDate" datetime="2023-03-07T21:30:00+00:00">21:30</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Team Southampton Hall </span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Team Southampton Hall </span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> SUSU<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/20774/korfball-womens-taster-session-wis-week">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/alice-darling---union-filmsjpg"alt="Alice, Darling - Union Films"><div class="card-body"><h4 class="card-title font-weight-bold">Alice, Darling - Union Films</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 07 Mar, <time itemprop="startDate" datetime="2023-03-07T20:00:00+00:00">20:00</time> - <time itemprop="endDate" datetime="2023-03-07T22:00:00+00:00">22:00</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">The Cube</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">The Cube</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> Union Films<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/20261/alice-darling-union-films">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/spanish-foodjpg"alt="Spanish Food"><div class="card-body"><h4 class="card-title font-weight-bold">Spanish Food</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 08 Mar, <time itemprop="startDate" datetime="2023-03-08T09:00:00+00:00">09:00</time> - <time itemprop="endDate" datetime="2023-03-08T16:00:00+00:00">16:00</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Redbrick, Highfield Campus</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Redbrick, Highfield Campus</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> SUSU<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/20074/spanish-food">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/fast-five-smoothiesjpg"alt="Fast Five Smoothies"><div class="card-body"><h4 class="card-title font-weight-bold">Fast Five Smoothies</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 08 Mar, <time itemprop="startDate" datetime="2023-03-08T09:00:00+00:00">09:00</time> - <time itemprop="endDate" datetime="2023-03-08T17:00:00+00:00">17:00</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Red Brick, Highfield Campus</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Red Brick, Highfield Campus</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> SUSU<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/20394/fast-five-smoothies">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/giant-coloring-in-for-student-mental-health-daypng"alt="Giant Coloring in for Student Mental Health Day"><div class="card-body"><h4 class="card-title font-weight-bold">Giant Coloring in for Student Mental Health Day</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 08 Mar, <time itemprop="startDate" datetime="2023-03-08T09:00:00+00:00">09:00</time> - <time itemprop="endDate" datetime="2023-03-12T17:00:00+00:00">17:00 (12)</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Concourse</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Concourse</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> SUSU<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/20782/giant-coloring-in-for-student-mental-health-day">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/brownbread-market-1jpg"alt="Brownbread Market"><div class="card-body"><h4 class="card-title font-weight-bold">Brownbread Market</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 08 Mar, <time itemprop="startDate" datetime="2023-03-08T09:00:00+00:00">09:00</time> - <time itemprop="endDate" datetime="2023-03-08T17:00:00+00:00">17:00</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Red Brick Area</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Red Brick Area</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> SUSU<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/21128/brownbread-market">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/authentic-chinese-1jpg"alt="Authentic Chinese"><div class="card-body"><h4 class="card-title font-weight-bold">Authentic Chinese</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 08 Mar, <time itemprop="startDate" datetime="2023-03-08T09:00:00+00:00">09:00</time> - <time itemprop="endDate" datetime="2023-03-08T17:00:00+00:00">17:00</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Red Brick Area</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Red Brick Area</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> SUSU<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/21141/authentic-chinese">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/the-advice-centre-wsa-drop-in-sessionpng"alt="The Advice Centre WSA Drop-In Session"><div class="card-body"><h4 class="card-title font-weight-bold">The Advice Centre WSA Drop-In Session</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 08 Mar, <time itemprop="startDate" datetime="2023-03-08T10:00:00+00:00">10:00</time> - <time itemprop="endDate" datetime="2023-03-08T12:00:00+00:00">12:00</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Winchester School of Art</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Winchester School of Art</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> SUSU<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/20640/the-advice-centre-wsa-drop-in-session">View event</a></div></div>
        </div>
      </div>
    </div><div class="carousel-item ">
      <div class="col-12 col-md-4">
        <div class="card h-100 mb-2"><img class="card-img-top" src="https://www.susu.org/images/calendar/the-advice-centre-avenue-drop-in-sessionpng"alt="The Advice Centre Avenue Drop-In Session"><div class="card-body"><h4 class="card-title font-weight-bold">The Advice Centre Avenue Drop-In Session</h4><p class="small event-times mb-0"><i class="far fa-clock"></i> 08 Mar, <time itemprop="startDate" datetime="2023-03-08T10:00:00+00:00">10:00</time> - <time itemprop="endDate" datetime="2023-03-08T12:00:00+00:00">12:00</time><br />
		      	<span class="location" itemprop="location" itemscope itemtype="http://schema.org/Place"><i class="fas fa-map-marker-alt"></i> <span itemprop="name">Avenue Campus</span>

		      	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		      		<span class="d-none" itemprop="streetAddress">Avenue Campus</span>
		      	</span>
		      </span><br />
		      <i class="fas fa-users"></i> SUSU<div class="card-footer text-center bg-transparent border-top-0"><a class="btn btn-primary" href="/event/20863/the-advice-centre-avenue-drop-in-session">View event</a></div></div>
        </div>
      </div>
    </div></div></div><script>$('.carousel.carousel-multi-item.v-2 .carousel-item').each(function(){
    var next = $(this).next();
    if (!next.length) {
      next = $(this).siblings(':first');
    }
    next.children(':first-child').clone().appendTo($(this));
  
    for (var i=0;i<4;i++) {
      next=next.next();
      if (!next.length) {
        next=$(this).siblings(':first');
      }
      next.children(':first-child').clone().appendTo($(this));
    }
  });
  </script></section>


<section class="mt-5 mb-5">
<h3 class="text-center text-uppercase text-susured fpage-heading">We are</h3>
    <p style="font-weight: 300;" class="text-center text-susured"><a href="/opportunities" class="text-susured">opportunities</a>, <a href="/places" class="text-susured">places</a>, <a href="/representation" class="text-susured">representation</a>, <a href="/support" class="text-susured">support</a></p>


<div class="embed-responsive embed-responsive-16by9">
  <iframe title="Welcome to SUSU Video" loading="lazy" class="embed-responsive-item border-0" data-src="https://www.youtube.com/embed/TWlEfeq4w44" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

<!--
<div class="row">
<div class="opportunities-list col text-center">
     <h4 class="text-uppercase">Opportunities</h4>

<div class="row">
    <div class="col">
        <h1><span class="odometer odometer_sports">1</span></h1><p>sports</p>
    </div>
    <div class="col">
        <h1><span class="odometer odometer_socs">1</span></h1><p>societies</p>
    </div>
</div>
<div class="clearfix"></div>
  <p class="text-center"><a href="/opportunities">find out more</a></p>

</div>
<div class="places-list col text-center">
 <h4 class="text-uppercase">Places</h4>
 <p>to call home</p>
   <p class="text-center"><a href="/places">find out more</a></p>

</div>
</div>

<div class="row">
<div class="representation-list col text-center">
 <h4 class="text-uppercase">Representation</h4>

<div class="row">
    <div class="col">
     <h2>400</h2><p>course reps</p>
    </div>
    <div class="col">
     <h2>5</h2><p>sabbs</p>
    </div>

</div>

 <p>login & View all the reps</p>   <p class="text-center"><a href="/representation">find out more</a></p>

</div>
<div class="support-list col text-center">
  <h4 class="text-uppercase">Support</h4>
  <p>in your time of need</p>
  <p class="text-center"><a href="/support">find out more</a></p>
 </div>
</div>-->
<div class="clearfix"></div>
</section>

<section class="mt-5 pt-3 mb-5">
  <h2 class="text-center text-uppercase text-susured fpage-heading">Eat. Drink. Shop</h2>
<p class="text-center text-susured"><a class="text-susured" href="/places">visit our bars, cafe and shops</a></p>
<div class="card-deck h-100">

<div class="card text-white mb-5" style="height: 255px; box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.23);">
  <div class="card-img h-100 w-100" style="background-repeat: no-repeat; background-size: cover; background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.5)), url('https://www.susu.org/content/uploads/images/the-bridge.png');"></div>
  <div class="card-img-overlay d-flex align-items-end">
    <p class="card-text text-center text-white"><strong><a class="text-white" href="/places/the-bridge">The Bridge</a></strong> is a great destination for a bite to eat and fresh coffee</p>
  </div>
</div>
</a>

<div class="card text-white mb-5" style="height: 255px;box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.23);">
  <div class="card-img h-100 w-100" style="background-repeat: no-repeat; background-size: cover; background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.5)), url('https://www.susu.org/content/uploads/images/the-stags.png');"></div>
  <div class="card-img-overlay d-flex align-items-end">
    <p class="card-text text-center text-white"><strong><a class="text-white" href="/places/the-stags">The Stag's</a></strong> offers great value drinks and food deals, plus live sport</p>
  </div>
</div>

<div class="card text-white mb-5" style="height: 255px; box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.23);">
  <div class="card-img h-100 w-100" style="background-repeat: no-repeat; background-size: cover; background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.5)), url('https://www.susu.org/content/uploads/images/the-shop.png');"></div>
  <div class="card-img-overlay d-flex align-items-end">
    <p class="card-text text-center text-white"><strong><a class="text-white" href="/places/the-shop">The Shop</a></strong> sells everything from lunch to stationery to last-minute gifts</p>
  </div>
</div>

<div class="card text-white mb-5" style="height: 255px; box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.23);">
<div class="card-img h-100 w-100" style="background-repeat: no-repeat; background-size: cover; background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.5)), url('https://www.susu.org/content/uploads/images/plant-pot-frontpage.png');"></div>
<a class="text-white" href="/places/the-plant-pot"><div class="card-img-overlay d-flex align-items-end">
    <p class="card-text text-center text-white"><strong>The Plant Pot</strong> offers delicious vegan food and drinks on-campus</p>
  </div></a>
</div>

</div>
</section>


<section class="mt-5 mb-5">
<h2 class="text-center text-uppercase text-susured fpage-heading">Our Sabbatical Team</h2>
<p class="text-center text-susured"><a class="text-susured" href="/representation/officers">elected by <strong>students</strong>, for <strong>students</strong></a></p>

<div class="row justify-content-center">
  <div class="col-sm col-6 mr-3 ml-3"><div class="mx-auto mb-5 mb-lg-0"><picture><source srcset="https://www.susu.org/images/official/202223/oliver-murray.webp" type="image/webp"><source srcset="https://www.susu.org/images/official/202223/oliver-murray.png" type="image/jpeg"><img loading="lazy" style="max-width: 166px;" src="https://www.susu.org/images/official/202223/oliver-murray.png" class="img-fluid rounded-circle mx-auto d-block" alt="Picture of Oliver Murray" /></picture><h3 class="text-center">Oliver Murray</h3><p class="small text-center"><a class="text-susured" href="mailto:pres@soton.ac.uk">pres@soton.ac.uk</a></p><p class="text-center">Union President</p></div></div><div class="col-sm col-6 mr-3 ml-3"><div class="mx-auto mb-5 mb-lg-0"><picture><source srcset="https://www.susu.org/images/official/202223/zoe-chapple.webp" type="image/webp"><source srcset="https://www.susu.org/images/official/202223/zoe-chapple.png" type="image/jpeg"><img loading="lazy" style="max-width: 166px;" src="https://www.susu.org/images/official/202223/zoe-chapple.png" class="img-fluid rounded-circle mx-auto d-block" alt="Picture of Zoe Chapple" /></picture><h3 class="text-center">Zoe Chapple</h3><p class="small text-center"><a class="text-susured" href="mailto:vpactivities@soton.ac.uk">vpactivities@soton.ac.uk</a></p><p class="text-center">Vice President Activities</p></div></div><div class="col-sm col-6 mr-3 ml-3"><div class="mx-auto mb-5 mb-lg-0"><picture><source srcset="https://www.susu.org/images/official/202223/emily-bastable.webp" type="image/webp"><source srcset="https://www.susu.org/images/official/202223/emily-bastable.png" type="image/jpeg"><img loading="lazy" style="max-width: 166px;" src="https://www.susu.org/images/official/202223/emily-bastable.png" class="img-fluid rounded-circle mx-auto d-block" alt="Picture of Emily Bastable" /></picture><h3 class="text-center">Emily Bastable</h3><p class="small text-center"><a class="text-susured" href="mailto:vpeddem@soton.ac.uk">vpeddem@soton.ac.uk</a></p><p class="text-center">Vice President Education and Democracy</p></div></div><div class="col-sm col-6 mr-3 ml-3"><div class="mx-auto mb-5 mb-lg-0"><picture><source srcset="https://www.susu.org/images/official/202223/casie-osborne.webp" type="image/webp"><source srcset="https://www.susu.org/images/official/202223/casie-osborne.png" type="image/jpeg"><img loading="lazy" style="max-width: 166px;" src="https://www.susu.org/images/official/202223/casie-osborne.png" class="img-fluid rounded-circle mx-auto d-block" alt="Picture of Casie Osborne" /></picture><h3 class="text-center">Casie Osborne</h3><p class="small text-center"><a class="text-susured" href="mailto:vpsports@soton.ac.uk">vpsports@soton.ac.uk</a></p><p class="text-center">Vice President Sports</p></div></div><div class="col-sm col-6 mr-3 ml-3"><div class="mx-auto mb-5 mb-lg-0"><picture><source srcset="https://www.susu.org/images/official/202223/aycha-ates-di-adamo.webp" type="image/webp"><source srcset="https://www.susu.org/images/official/202223/aycha-ates-di-adamo.png" type="image/jpeg"><img loading="lazy" style="max-width: 166px;" src="https://www.susu.org/images/official/202223/aycha-ates-di-adamo.png" class="img-fluid rounded-circle mx-auto d-block" alt="Picture of Aycha Ates-Di Adamo" /></picture><h3 class="text-center">Aycha Ates-Di Adamo</h3><p class="small text-center"><a class="text-susured" href="mailto:welfare@soton.ac.uk">welfare@soton.ac.uk</a></p><p class="text-center">Vice President Welfare and Community</p></div></div></div>
</section>


<section class="mb-5"><div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel"><div class="carousel-inner">

    <div class="carousel-item active">
      <a href="banners/735/"><img loading="lazy" class="d-block w-100 img-fluid" src="https://images.susu.org/banner/sitebanner/pb41134-1200x130-delivering-5am-southampton-uni-sh.png" alt="Banner for Dominos 2022-23"></a>
    </div>

</div></div><div class="clearfix"></div>
</section>
<!--
<section class="mt-5 mb-5">
<h2 class="text-center text-uppercase text-susured fpage-heading">Upcoming Events</h2>
<p class="text-center"><a href="/whats-on" class="text-susured">find out what's going on</a></p>

<div class="card-group events"><div class="card border-light">
  <div class="row no-gutters">
  <div class="col-md-4">
  <img class="card-img img-fluid" src="https://picsum.photos/seed/20074/300/200" alt="Spanish Food">
</div>
  <div class="col-md-8">
  <div class="card-body">

      <h5 class="text-uppercase float-left">Spanish Food</h5>
    <div class="clearfix"></div>
    <div class="card-info">
          <div class="row">

          <div class="card-date col-2 mr-20">
      <h3>8</h3>
      <p class="small text-uppercase cal-month">Mar</p>
    </div>
    <div class="col">
      <p class="small card-times"><i class="far fa-clock"></i> 09:00 - 16:00<br />
      <i class="fas fa-map-marker-alt"></i> Redbrick, Highfield Campus</p>
    </div>
      </div>

    </div>
  </div>
</div>

</div>

</div>


<div class="card border-light">
  <div class="row no-gutters">
  <div class="col-md-4">
  <img class="card-img img-fluid" src="https://picsum.photos/seed/20394/300/200" alt="Fast Five Smoothies">
</div>
  <div class="col-md-8">
  <div class="card-body">

      <h5 class="text-uppercase float-left">Fast Five Smoothies</h5>
    <div class="clearfix"></div>
    <div class="card-info">
          <div class="row">

          <div class="card-date col-2 mr-20">
      <h3>8</h3>
      <p class="small text-uppercase cal-month">Mar</p>
    </div>
    <div class="col">
      <p class="small card-times"><i class="far fa-clock"></i> 09:00 - 17:00<br />
      <i class="fas fa-map-marker-alt"></i> Red Brick, Highfield Campus</p>
    </div>
      </div>

    </div>
  </div>
</div>

</div>

</div>


<div class="card border-light">
  <div class="row no-gutters">
  <div class="col-md-4">
  <img class="card-img img-fluid" src="https://picsum.photos/seed/20782/300/200" alt="Giant Coloring in for Student Mental Health Day">
</div>
  <div class="col-md-8">
  <div class="card-body">

      <h5 class="text-uppercase float-left">Giant Coloring in for Student Mental Health Day</h5>
    <div class="clearfix"></div>
    <div class="card-info">
          <div class="row">

          <div class="card-date col-2 mr-20">
      <h3>8</h3>
      <p class="small text-uppercase cal-month">Mar</p>
    </div>
    <div class="col">
      <p class="small card-times"><i class="far fa-clock"></i> 09:00 - 17:00 (12)<br />
      <i class="fas fa-map-marker-alt"></i> Concourse</p>
    </div>
      </div>

    </div>
  </div>
</div>

</div>

</div>


</div></section>-->

</main><!-- /.container -->

<!-- Main Content End -->
<div class="clearfix mt-2"></div>

<section class="mt-2 p-5 bg-susured"><div class="container"><div class="d-flex row justify-content-center"><div class="col-6 col-md-4 col-lg-2 py-3 px-3"><a href="banners/720/"><img loading="lazy" class="mx-auto d-block img-fluid" src="https://images.susu.org/adverts/ad_sitefooter/dominos-logo-7.png" alt="Banner for Dominos Footer Logo"></a></div></div></div></section>
    <footer class="page-footer footer pt-2 text-white">
      <div class="container">

      	<div class="row pt-3 pb-5">
      		<div class="col-md-6">
			<div style="max-width: 300px;">
				<img src="/coreui/img/susu-new-colour.png" alt="SUSU footer logo" class="img-fluid mb-3" width="300" height="151">
			</div>
			<h4>The University of Southampton Students' Union</h4>
			<p class="small mt-2">Company no. 8034371 & Charity no. 1148683<br/>SUSU Social Enterprises  Company no. 8837159</p>
			<p class="mt-4"><span class="text-white">&copy; 2001 - 2023</span></p>

     		</div>


     	<div class="col-md-6 col-sm-12 row">
     		<div class="col-6">
			<ul class="list-unstyled mt-2">
			  <li class="py-3"><a class="text-white" href="/about/find-us">Find Us</a></li>
			  <li class="py-3"><a class="text-white" href="/about/contact-us">Contact Us</a></li>
			  <li class="py-3"><a class="text-white" href="/jobs">Work With Us</a></li>
			  <li class="py-3"><a class="text-white" href="/sales">Advertise With Us</a></li>

			</ul>
			</div>
			<div class="col-6">
				<ul class="list-unstyled mt-2">
				  <li class="py-3"><a class="text-white" href="/about/accessibility-statement">Accessibility</a></li>
				  <li class="py-3"><a class="text-white" href="/about/privacy-policy">Privacy Policy</a></li>
				  <li class="py-3"><a class="text-white" href="/about/terms-and-conditions">Terms & Conditions</a></li>
				</ul>
			</div>
     	</div>

     	</div>
      </div>

 		<div class="col-md-12 footer-copyright pt-3 col text-center">
 			<ul class="list-inline">
			<li class="list-inline-item"><a aria-label="Follow us on Facebook" title="Follow us on Facebook" href="https://www.facebook.com/UnionSouthampton" class="btn-floating btn-lg btn-fb"><i class="fab fa-facebook-f"></i></a></li>

			<li class="list-inline-item"><a class="btn-floating btn-lg btn-tw" aria-label="Follow us on Twitter" title="Follow us on Twitter" href="https://www.twitter.com/Union_Soton"><i class="fab fa-twitter"></i></a></li>

			<li class="list-inline-item"><a class="btn-floating btn-lg btn-ins" aria-label="Follow us on Instagram" title="Follow us on Instagram" href="https://www.instagram.com/Union_Soton"><i class="fab fa-instagram"></i></a></li>

			<li class="list-inline-item"><a class="btn-floating btn-lg btn-yt" aria-label="Follow us on Youtube" title="Follow us on Youtube" href="https://www.youtube.com/UnionSouthampton"><i class="fab fa-youtube"></i></a></li>

			<li class="list-inline-item"><a class="btn-floating btn-lg btn-li" aria-label="Follow us on LinkedIn" title="Follow us on LinkedIn" href="https://www.linkedin.com/company/university-of-southampton-students-union/"><i class="fab fa-linkedin"></i></a></li>

			<li class="list-inline-item"><a class="btn-floating btn-lg btn-email" aria-label="Email us" title="Email us" href="mailto:hello@susu.org"><i class="fas fa-envelope "></i></a></li>
			</ul>

 		</div>

    </footer>

	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>

		
<script type="text/javascript" src="/js/snowfall.jquery.min.js"></script>

<script>

  function deferVideo() {
      //defer html5 video loading
    $("video source").each(function() {
      var sourceFile = $(this).attr("data-src");
      $(this).attr("src", sourceFile);
      var video = this.parentElement;
      video.load();
      // uncomment if video is not autoplay
      //video.play();
    });
  }
  window.onload = deferVideo;


/*Removed now freshers is over
(function () {
  const second = 1000,
        minute = second * 60,
        hour = minute * 60,
        day = hour * 24;

  let fresher = "Sep 20, 2021 00:00:00",
      countDown = new Date(fresher ).getTime(),
      x = setInterval(function() {

        let now = new Date().getTime(),
            distance = countDown - now;

        document.getElementById("days").innerText = Math.floor(distance / (day)),
          document.getElementById("hours").innerText = Math.floor((distance % (day)) / (hour)),
          document.getElementById("minutes").innerText = Math.floor((distance % (hour)) / (minute)),
          document.getElementById("seconds").innerText = Math.floor((distance % (minute)) / second);

        //do something later when date is reached
        if (distance < 0) {
          let countdown = document.getElementById("countdown_cont");
          let modal = document.getElementById("centralModalLGInfoDemo");

          countdown.style.display = "none";

          clearInterval(x);
        }
        //seconds
      }, 0)
  }());*/


$(document).ready(function() {

/*$("#centralModalLGInfoDemo").modal({
keyboard: false
})*/



  function init() {
    var vidDefer = document.getElementsByTagName("iframe");
    for (var i=0; i<vidDefer.length; i++) {
    if(vidDefer[i].getAttribute("data-src")) {
    vidDefer[i].setAttribute("src",vidDefer[i].getAttribute("data-src"));
  } } }
  window.onload = init;
});

/*leadership elections modal*/
$(document).ready(function(){
  $("#myModalElections").modal("show");
});

/*
var countDownDate = new Date("Feb 9, 2022 16:00:00").getTime();
var x = setInterval(function() {

  var now = new Date().getTime();

  var distance = countDownDate - now;

  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);

  document.getElementById("countdownelections").innerHTML = days + "DAYS &nbsp;" + hours + "HOURS &nbsp; "
  + minutes + "MINUTES &nbsp;" + seconds + "SECONDS &nbsp;";

}, 1000);*/



</script>

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1826499550938963');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1826499550938963&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VMNBZTFL2B"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-VMNBZTFL2B');
</script>

	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-1440522-1', 'auto');
	  ga('require', 'linkid');
	  ga('send', 'pageview');

	</script>
</div>
</body>
</html>
