There are no notes for this item.
<header class="header-site" id="header-site">
<div class="wrap">
<div class="header-site__flexContainer">
<a class="site-logo" title="Home" href="/">
<img src="../../img/logo.png" alt="Staffordshire University Logo" class="no-lazy-load">
</a>
<button class="toggle-megaNav" id="toggle-megaNav" aria-controls="megaNav"><span class="toggle-megaNav__label">Menu</span></button>
<button class="toggle-search-site" id="toggle-search-site" aria-controls="search-site"><span class="toggle-search-site__label">Search</span></button>
<nav class="megaNav" id="megaNav" role="navigation">
<div class="megaNav__controls">
<button class="megaNav__close" id="megaNav__close"><span class="visually-hidden">Close</span></button>
</div>
<div class="megaNav__topLevel">
<ul class="megaNav__topLevel-list">
<li class="megaNav__topLevel-item has-children">
<a class="megaNav__topLevel-link " href="">Courses</a>
<div class="megaNav__level megaNav__secondLevel">
<div class="megaNav__levelHeader">
<button class="megaNav__closeLevel">Courses</button>
</div>
<ul class="megaNav__levelList megaNav__secondLevel-list">
<li class="megaNav__secondLevel-item has-children">
<a class="megaNav__secondLevel-link " href="">Subject Areas</a>
<div class="megaNav__level megaNav__thirdLevel">
<div class="megaNav__levelHeader">
<button class="megaNav__closeLevel">Subject Areas</button>
</div>
<ul class="megaNav__levelList megaNav__thirdLevel-list">
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">Accounting and Finance</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">Allied Health and Paramedic Science</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">Animation</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">Art and Design</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">Augmented and Virtual Realities</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">Biological and Biomedical Sciences</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">Business and Marketing</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">Computer Science, AI and Robotics</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">Drama, Performance and Theatre Studies</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">Education</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">Engineering</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">...</a></li>
</ul>
<div class="megaNav__levelMobileFooter">
<button class="megaNav__closeLevel">Back</button>
</div>
</div>
</li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Undergraduate</a></li>
<li class="megaNav__secondLevel-item has-children">
<a class="megaNav__secondLevel-link " href="">Postgraduate</a>
<div class="megaNav__level megaNav__thirdLevel">
<div class="megaNav__levelHeader">
<button class="megaNav__closeLevel">Postgraduate</button>
</div>
<ul class="megaNav__levelList megaNav__thirdLevel-list">
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Accounting and Finance</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Allied Health and Paramedic Science</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Animation</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Art and Design</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Augmented and Virtual Realities</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Biological and Biomedical Sciences</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Business and Marketing</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Computer Science, AI and Robotics</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Drama, Performance and Theatre Studies</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Education</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Engineering</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG ...</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Accounting and Finance</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Allied Health and Paramedic Science</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Animation</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Art and Design</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Augmented and Virtual Realities</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Biological and Biomedical Sciences</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Business and Marketing</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Computer Science, AI and Robotics</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Drama, Performance and Theatre Studies</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Education</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG Engineering</a></li>
<li class="megaNav__thirdLevel-item"><a class="megaNav__thirdLevel-link" href="">PG ...</a></li>
</ul>
<div class="megaNav__levelMobileFooter">
<button class="megaNav__closeLevel">Back</button>
</div>
</div>
</li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Professional</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Distance Leaning</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Partnerships</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Apprenticeships</a></li>
</ul>
<div class="megaNav__levelFooter">
<p>Find a Course</p>
<form>
<input type="text" placeholder="Search on keyword / subject" />
<input type="submit" class="button" />
</form>
</div>
</div>
</li>
<li class="megaNav__topLevel-item has-children">
<a class="megaNav__topLevel-link " href="">Student life</a>
<div class="megaNav__level megaNav__secondLevel">
<div class="megaNav__levelHeader">
<button class="megaNav__closeLevel">Student Life</button>
</div>
<ul class="megaNav__levelList megaNav__secondLevel-list">
<li class="megaNav__secondLevel-item has-children">
<a class="megaNav__secondLevel-link " href="">Accommodation</a>
<div class="megaNav__level megaNav__thirdLevel">
<div class="megaNav__levelHeader">
<button class="megaNav__closeLevel">Accommodation</button>
</div>
<ul class="megaNav__levelList megaNav__thirdLevel-list">
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Stoke-on-Trent</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Stafford</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Shrewsbury</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Private accommodation</a></li>
</ul>
<ul class="megaNav__levelList megaNav__thirdLevel-list">
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">How to apply</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Guaranteed accommodation</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">International students</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Special requirements</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Frequently asked questions</a></li>
</ul>
</div>
</li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Campus and facilities</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Life in Staffordshire</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Getting involved</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Student support</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Life on campus</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Sport</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Chat to a Student</a></li>
</ul>
<div class="megaNav__levelFooter">
<p>What’s it like living here?</p>
<p><a href="" class="button">Book an open day</a></p>
</div>
</div>
</li>
<li class="megaNav__topLevel-item">
<a class="megaNav__topLevel-link" href="">International</a>
</li>
<li class="megaNav__topLevel-item has-children has-simple-children">
<a class="megaNav__topLevel-link " href="">Research</a>
<div class="megaNav__level megaNav__secondLevel">
<div class="megaNav__levelHeader">
<button class="megaNav__closeLevel">Research</button>
</div>
<ul class="megaNav__levelList megaNav__secondLevel-list">
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
</ul>
<div class="megaNav__levelFooter">
<p>What’s it like living here?</p>
<p><a href="" class="button">Book an open day</a></p>
</div>
</div>
</li>
<li class="megaNav__topLevel-item has-children">
<a class="megaNav__topLevel-link " href="">Business</a>
<div class="megaNav__level megaNav__secondLevel">
<div class="megaNav__levelHeader">
<button class="megaNav__closeLevel">Business</button>
</div>
<ul class="megaNav__levelList megaNav__secondLevel-list">
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item has-children">
<a class="megaNav__secondLevel-link " href="">Test Item</a>
<div class="megaNav__level megaNav__thirdLevel">
<div class="megaNav__levelHeader">
<button class="megaNav__closeLevel">Test Item</button>
</div>
<ul class="megaNav__levelList megaNav__thirdLevel-list">
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
</ul>
</div>
</li>
</ul>
<div class="megaNav__levelFooter">
<p>What’s it like living here?</p>
<p><a href="" class="button">Book an open day</a></p>
</div>
</div>
</li>
<li class="megaNav__topLevel-item has-children">
<a class="megaNav__topLevel-link " href="">About us</a>
<div class="megaNav__level megaNav__secondLevel">
<div class="megaNav__levelHeader">
<button class="megaNav__closeLevel">About us</button>
</div>
<ul class="megaNav__levelList megaNav__secondLevel-list">
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item has-children">
<a class="megaNav__secondLevel-link " href="">Test Item</a>
<div class="megaNav__level megaNav__thirdLevel">
<div class="megaNav__levelHeader">
<button class="megaNav__closeLevel">Test Item</button>
</div>
<ul class="megaNav__levelList megaNav__thirdLevel-list">
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
</ul>
<ul class="megaNav__levelList megaNav__thirdLevel-list">
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
</ul>
<div class="megaNav__levelMobileFooter">
<button class="megaNav__closeLevel">Back</button>
</div>
</div>
</li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item has-children">
<a class="megaNav__secondLevel-link " href="">Test Item</a>
<div class="megaNav__level megaNav__thirdLevel">
<div class="megaNav__levelHeader">
<button class="megaNav__closeLevel">Test Item</button>
</div>
<ul class="megaNav__levelList megaNav__thirdLevel-list">
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
<li class="megaNav__thirdLevel-item"><a href="" class="megaNav__thirdLevel-link">Test Item</a></li>
</ul>
</div>
</li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
<li class="megaNav__secondLevel-item"><a class="megaNav__secondLevel-link" href="">Test Item</a></li>
</ul>
<div class="megaNav__levelFooter">
<p>What’s it like living here?</p>
<p><a href="" class="button">Book an open day</a></p>
</div>
</div>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<div class="masthead">
<div class="masthead__inner">
<div class="masthead__bg">
<img src="../../img/masthead0.jpg" />
</div>
<div class="wrap">
<nav class="breadcrumbs">
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Level 1</a>
</li>
<li>
<a href="#">Level 2</a>
</li>
</ul>
</nav>
<div class="title title--has-tail js-waypoint">
<h1 class="title__highlight">
Student Life
</h1>
</div>
</div>
</div>
</div>
<main id="main-content" role="main" class="">
<div class="slab slab--bg-offwhite">
<div class="wrap">
<p class="intro">Stand out from the crowd by making the most of your time at university. There’s so much potential at Staffordshire University to explore and so many new things to try. You’ll have fun times, make new friends and
create memories for life.</p>
</div>
</div>
<div class="slab">
<div class="wrap">
<div class="title title--has-tail js-waypoint">
<h2 class="title__highlight">Features and highlights</h2>
</div>
<div class="grid grid-2-cols">
<div>
<a class="feature-link" href="">
<figure class="feature-link__figure">
<img src="https://placeimg.com/720/360" alt="" />
</figure>
<div class="feature-link__content">
<h3 class="h4 feature-link__title">Accommodation</h3>
<p>Where you live is a big part of your student experience and where you’ll meet friends for life.</p>
</div>
</a>
</div>
<div>
<a class="feature-link" href="">
<figure class="feature-link__figure">
<img src="https://placeimg.com/720/360" alt="" />
</figure>
<div class="feature-link__content">
<h3 class="h4 feature-link__title">Life in Staffordshire</h3>
<p>We’ve invested in great new facilities on campus to make Staffordshire University a hub of activity and opportunity.</p>
</div>
</a>
</div>
<div>
<a class="feature-link" href="">
<div class="feature-link__content">
<h3 class="h4 feature-link__title">Getting involved</h3>
</div>
</a>
</div>
<div>
<a class="feature-link" href="">
<div class="feature-link__content">
<h3 class="h4 feature-link__title">Campus & facilities</h3>
</div>
</a>
</div>
<div>
<a class="feature-link" href="">
<div class="feature-link__content">
<h3 class="h4 feature-link__title">Student support</h3>
</div>
</a>
</div>
<div>
<a class="feature-link" href="">
<div class="feature-link__content">
<h3 class="h4 feature-link__title">Life on campus</h3>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="banner align-full">
<div class="banner__bg">
<img src="https://placeimg.com/1200/400" />
</div>
<div class="wrap">
<div class="banner__body">
<div class="hgroup">
<div class="title">
<div class="h2 title__highlight">Undergraduate Open Day</div>
</div>
<div class="title title--bg-slate">
<div class="h4 title__highlight">Saturday 28 March 2020 - Stoke-on-trent campus</div>
</div>
<div class="title title--bg-white">
<p class="title__highlight">Open days give you the best experience and insight to courses, people and facilities that interest you. Make your choice easier and come meet us.</p>
</div>
</div>
<div class="banner__cta">
<a href="" class="button button--caps">Book an open day - a long button title</a>
</div>
</div>
</div>
</div>
<div class="slab">
<div class="wrap">
<div class="title title--has-tail js-waypoint">
<h2 class="title__highlight">The voice of our students</h2>
</div>
<p>Don't just take our word for it. Hear what our students have to say through their own vlogs or by chatting to them directly.</p>
<div class="grid grid--spaced">
<div class="col-3/4">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/p6XAlr9jGFI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-1/4">
<div class="box box--bg-slate box--padded">Another variation of card?</div>
</div>
</div>
</div>
</div>
</main>
<div class="slab slab--bg-slate-light ">
<div class="wrap">
<div class="accolade-slider js-slider--accolades">
<div>
<div class="accolade-slider__item">
<div class="h6 accolade-slider__item-title">Rated Gold for Teaching Excellence</div>
<div class="accolade-slider__item-description">
<p>Teaching Excellence Framework</p>
</div>
<figure class="accolade-slider__item-figure">
<img class="accolade-slider__item-img" src="../../img/logo-tef-gold.png">
</figure>
</div>
</div>
<div>
<div class="accolade-slider__item">
<div class="h6 accolade-slider__item-title">Top 40 UK University</div>
<div class="accolade-slider__item-description">
<p>
37th out of 121 institutions University League Tables 2020</p>
</div>
<figure class="accolade-slider__item-figure">
<img class="accolade-slider__item-img" src="../../img/logo-guardian.png">
</figure>
</div>
</div>
<div>
<div class="accolade-slider__item">
<div class="h6 accolade-slider__item-title">University of the Year Shortlist</div>
<div class="accolade-slider__item-description">
<p>Teaching Excellence Framework</p>
</div>
<figure class="accolade-slider__item-figure">
<img class="accolade-slider__item-img" src="../../img/logo-times.png">
</figure>
</div>
</div>
<div>
<div class="accolade-slider__item">
<div class="h6 accolade-slider__item-title">Top 1000 in the World Rankings</div>
<div class="accolade-slider__item-description">
<p>
Times Higher Education Awards</p>
</div>
<figure class="accolade-slider__item-figure">
<img class="accolade-slider__item-img" src="../../img/logo-wur.png">
</figure>
</div>
</div>
<div>
<div class="accolade-slider__item">
<div class="h6 accolade-slider__item-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry</div>
<div class="accolade-slider__item-description">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
</div>
<figure class="accolade-slider__item-figure">
<img class="accolade-slider__item-img" src="../../img/logo-wur.png">
</figure>
</div>
</div>
<div>
<div class="accolade-slider__item">
<div class="h6 accolade-slider__item-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry</div>
<div class="accolade-slider__item-description">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
</div>
<figure class="accolade-slider__item-figure">
<img class="accolade-slider__item-img" src="../../img/logo-wur.png">
</figure>
</div>
</div>
<div>
<div class="accolade-slider__item">
<div class="h6 accolade-slider__item-title">Rated Gold for Teaching Excellence</div>
<div class="accolade-slider__item-description">
<p>Teaching Excellence Framework</p>
</div>
<figure class="accolade-slider__item-figure">
<img class="accolade-slider__item-img" src="../../img/logo-tef-gold.png">
</figure>
</div>
</div>
<div>
<div class="accolade-slider__item">
<div class="h6 accolade-slider__item-title">Top 40 UK University</div>
<div class="accolade-slider__item-description">
<p>
37th out of 121 institutions University League Tables 2020</p>
</div>
<figure class="accolade-slider__item-figure">
<img class="accolade-slider__item-img" src="../../img/logo-guardian.png">
</figure>
</div>
</div>
<div>
<div class="accolade-slider__item">
<div class="h6 accolade-slider__item-title">University of the Year Shortlist</div>
<div class="accolade-slider__item-description">
<p>Teaching Excellence Framework</p>
</div>
<figure class="accolade-slider__item-figure">
<img class="accolade-slider__item-img" src="../../img/logo-times.png">
</figure>
</div>
</div>
<div>
<div class="accolade-slider__item">
<div class="h6 accolade-slider__item-title">Top 1000 in the World Rankings</div>
<div class="accolade-slider__item-description">
<p>
Times Higher Education Awards</p>
</div>
<figure class="accolade-slider__item-figure">
<img class="accolade-slider__item-img" src="../../img/logo-wur.png">
</figure>
</div>
</div>
<div>
<div class="accolade-slider__item">
<div class="h6 accolade-slider__item-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry</div>
<div class="accolade-slider__item-description">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
</div>
<figure class="accolade-slider__item-figure">
<img class="accolade-slider__item-img" src="../../img/logo-wur.png">
</figure>
</div>
</div>
<div>
<div class="accolade-slider__item">
<div class="h6 accolade-slider__item-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry</div>
<div class="accolade-slider__item-description">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
</div>
<figure class="accolade-slider__item-figure">
<img class="accolade-slider__item-img" src="../../img/logo-wur.png">
</figure>
</div>
</div>
</div>
</div>
</div>
<footer class="footer-site">
<div class="wrap">
<a class="footer-site__logo" title="Home" href="/">
<img src="../../img/logo.png" alt="Staffordshire University Logo">
</a>
<div class="footer-site__main">
<div class="grid grid--spaced">
<div class="col-3/5 col-reverse">
<div class="grid grid--spaced grid-3-cols">
<div>
<h6>Study list</h6>
<ul class="list--unstyled list--links">
<li><a href="">Undergraduate</a></li>
<li><a href="">Postgraduate</a></li>
<li><a href="">Part-time</a></li>
<li><a href="">Professional</a></li>
<li><a href="">Distance learning</a></li>
<li><a href="">Two-year accelerated degrees</a></li>
<li><a href="">Partnerships</a></li>
</ul>
</div>
<div>
<h6>Information for</h6>
<ul class="list--unstyled list--links">
<li><a href="">Current students</a></li>
<li><a href="">Current staff</a></li>
<li><a href="">Schools and colleges</a></li>
<li><a href="">Alumni</a></li>
</ul>
</div>
<div>
<h6>Also see</h6>
<ul class="list--unstyled list--links">
<li><a href="">A-Z index</a></li>
<li><a href="">News</a></li>
<li><a href="">Events</a></li>
<li><a href="">Job vacancies</a></li>
<li><a href="">Legal</a></li>
<li><a href="">Accessibility</a></li>
<li><a href="">Modern slavery</a></li>
<li><a href="">Transparency return</a></li>
</ul>
</div>
</div>
<h6>Connect with us</h6>
<ul class="list--inline footer-site__social-list">
<li><a href=""><i class="icon"><img src="../../img/icon-facebook-white.svg" alt="Facebook" /></i></a></li>
<li><a href=""><i class="icon"><img src="../../img/icon-twitter-white.svg" alt="Twitter" /></i></a></li>
<li><a href=""><i class="icon"><img src="../../img/icon-youtube-white.svg" alt="YouTube" /></i></a></li>
<li><a href=""><i class="icon"><img src="../../img/icon-pinterest-white.svg" alt="Pinterest" /></i></a></li>
<li><a href=""><i class="icon"><img src="../../img/icon-linkedin-white.svg" alt="LinkedIn" /></i></a></li>
<li><a href=""><i class="icon"><img src="../../img/icon-instagram-white.svg" alt="Instagram" /></i></a></li>
<li><a href=""><i class="icon"><img src="../../img/icon-snapchat-white.svg" alt="Snapchat" /></i></a></li>
</ul>
</div>
<div class="col-2/5">
<h6><strong>Staffordshire University</strong></h6>
<p>
College Road<br />
University Quarter<br />
Stoke-on-Trent<br />
Staffordshire ST4 2DE<br />
</p>
<p>+44 (0)1782 294000</p>
<p><a href="">Contact us</a></p>
<p>© Staffordshire University 2020</p>
</div>
</div>
</div>
</div>
</footer>
{% include '@meganav' %}
<div class="masthead">
<div class="masthead__inner">
<div class="masthead__bg">
<img src="{{ ('/img/masthead' ~ random(4) ~ '.jpg') | path }}"/>
</div>
<div class="wrap">
{% include '@breadcrumbs' %}
{% include '@title' with {
text: 'Student Life',
modifiers: ['has-tail'],
textElement: 'h1',
animate: true
} %}
</div>
</div>
</div>
<main id="main-content" role="main" class="">
<div class="slab slab--bg-offwhite">
<div class="wrap">
<p class="intro">Stand out from the crowd by making the most of your time at university. There’s so much potential at Staffordshire University to explore and so many new things to try. You’ll have fun times, make new friends and
create memories for life.</p>
</div>
</div>
<div class="slab">
<div class="wrap">
<div class="title title--has-tail js-waypoint">
<h2 class="title__highlight">Features and highlights</h2>
</div>
<div class="grid grid-2-cols">
<div>
<a class="feature-link" href="">
<figure class="feature-link__figure">
<img src="https://placeimg.com/720/360" alt=""/>
</figure>
<div class="feature-link__content">
<h3 class="h4 feature-link__title">Accommodation</h3>
<p>Where you live is a big part of your student experience and where you’ll meet friends for life.</p>
</div>
</a>
</div>
<div>
<a class="feature-link" href="">
<figure class="feature-link__figure">
<img src="https://placeimg.com/720/360" alt=""/>
</figure>
<div class="feature-link__content">
<h3 class="h4 feature-link__title">Life in Staffordshire</h3>
<p>We’ve invested in great new facilities on campus to make Staffordshire University a hub of activity and opportunity.</p>
</div>
</a>
</div>
<div>
<a class="feature-link" href="">
<div class="feature-link__content">
<h3 class="h4 feature-link__title">Getting involved</h3>
</div>
</a>
</div>
<div>
<a class="feature-link" href="">
<div class="feature-link__content">
<h3 class="h4 feature-link__title">Campus & facilities</h3>
</div>
</a>
</div>
<div>
<a class="feature-link" href="">
<div class="feature-link__content">
<h3 class="h4 feature-link__title">Student support</h3>
</div>
</a>
</div>
<div>
<a class="feature-link" href="">
<div class="feature-link__content">
<h3 class="h4 feature-link__title">Life on campus</h3>
</div>
</a>
</div>
</div>
</div>
</div>
{% include '@banner--align-full' %}
<div class="slab">
<div class="wrap">
<div class="title title--has-tail js-waypoint">
<h2 class="title__highlight">The voice of our students</h2>
</div>
<p>Don't just take our word for it. Hear what our students have to say through their own vlogs or by chatting to them directly.</p>
<div class="grid grid--spaced">
<div class="col-3/4">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/p6XAlr9jGFI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-1/4">
<div class="box box--bg-slate box--padded">Another variation of card?</div>
</div>
</div>
</div>
</div>
</main>
{% include '@slider--accolades' %}
{% include '@page-footer' %}