No notes defined.
{% extends '@uol-template-homepage' %}
{% block page_content %}
<div class="uol-home-2025-container">
{% if facts_widget %}
{% render '@uol-widget-facts-figures-v2--homepage-concept', facts_widget %}
{% endif %}
{% if video_widget %}
{% render '@uol-widget-featured-content--with-video-highlighted', video_widget %}
{% endif %}
{% if student_stories %}
{% render '@student-stories', student_stories %}
{% endif %}
{% if image_quote %}
{% render '@uol-image-quote', image_quote %}
{% endif %}
</div>
{# </div> #}
{% endblock %}
<div class="uol-header">
<header class="uol-global-masthead-outer uol-global-masthead-outer--with-local-navigation">
<div class="uol-global-masthead uol-content-container">
<div class="uol-global-masthead__inner">
<a class="uol-skip-link" href="#main">Skip to main content</a>
<a class="uol-global-masthead__home" href="https://leeds.ac.uk">
<svg class="uol-logo--inline" version="1.1" id="Online" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1923 261.2" style="enable-background:new 0 0 1923 261.2;" xml:space="preserve">
<style type="text/css">
</style>
<g id="Online_00000020373721803601593220000010652832729662727574_">
<path class="st0 uol-logo--inline__text" d="M1851.2,174c7.6,5,18.4,9.8,33.4,9.8c22,0,38.4-12.2,38.4-31.6c0-33-45.2-30.6-45.2-48.6
c0-6.2,6.2-9.6,13.8-9.6c8.8,0,16.2,3,25,7.8l0.4-19c-6-3.6-15.4-6.4-26.2-6.4c-23.2,0-35.6,14-35.6,30c0,8,2.4,14,6.4,18.6
c13,14.4,38.4,16.8,38.4,30.6c0,8-8.6,10.6-16.4,10.6c-9.4,0-17.4-3.8-24-8L1851.2,174z M1769.6,164.2V95.8h13.4
c21.4,0,34.6,13.2,34.6,34.2c0,20.6-13.2,34.2-34.6,34.2H1769.6z M1748,182.4h34.6c34,0,57.6-21.6,57.6-53
c0-30.8-21.6-51.6-57.2-51.6h-35V182.4z M1666.4,182.4h60.6v-18h-39V138h33.6v-18.2H1688V95.6h38.8V77.8h-60.4V182.4z
M1584.8,182.4h60.6v-18h-39V138h33.4v-18.2h-33.4V95.6h38.6V77.8h-60.2V182.4z M1509.4,182.4h58.4v-18h-36.6V77.8h-21.8V182.4z
M1401,182.4h21.8v-44h32.4v-18h-32.4V95.6h38V77.8H1401V182.4z M1292.6,130c0-21.6,14.2-35.8,33-35.8s33.2,14.2,33.2,35.8
c0,21.8-14.4,35.8-33.2,35.8S1292.6,151.8,1292.6,130 M1269.8,130c0,31,24,53.8,55.8,53.8c32,0,55.8-22.8,55.8-53.8
s-23.8-53.8-55.8-53.8C1293.8,76.2,1269.8,99,1269.8,130 M1142.8,77.8l36.4,63.2v41.4h21.8v-41.2l36-63.4h-22.6l-16,29.4
c-2.4,4.4-5.4,10-7.6,14.8h-0.2c-2.4-4.8-5.2-10.6-7.8-15l-16-29.2H1142.8z M1047.8,95.6h31.4v86.8h21.6V95.6h31.4V77.8h-84.4V95.6
z M1007.6,182.4h21.6V77.8h-21.6V182.4z M915.2,174c7.4,5,18.2,9.8,33.2,9.8c22.4,0,38.4-11.6,38.4-31.6c0-32.4-45.2-31-45.2-48.6
c0-6.2,6.2-9.6,14-9.6c8.6,0,16,3,25,7.8l0.2-19c-5.8-3.6-15.2-6.4-26.2-6.4c-23.2,0-35.6,14-35.6,30c0,8,2.4,14,6.6,18.6
c12.8,14.4,38.2,16.8,38.2,30.6c0,8-8.4,10.6-16.4,10.6c-9.4,0-17.2-3.8-24-8L915.2,174z M847.4,126V95.6h9.2
c10.4,0,16.2,6.2,16.2,14.4c0,9-7,16-16.2,16H847.4z M825.6,182.4h21.8V142h8.2c3.6,1.4,10,13.2,26,40.4h24.8
c-15.8-26.8-25.8-44.4-31.2-47.4v-0.2c9.6-4.4,19-13.4,19-27c0-16.2-10.2-30-38-30h-30.6V182.4z M744,182.4h60.8v-18h-39V138h33.4
v-18.2h-33.4V95.6h38.6V77.8H744V182.4z M624,77.8l43.4,105.4h17.4l44.6-105.4h-22.2l-22.8,55.8c-2.8,6.6-5,13.2-7.2,19.4h-0.4
c-2-6.2-4.4-12.6-7-19.4l-22-55.8H624z M587.6,182.4h21.6V77.8h-21.6V182.4z M465,182.4h21.4V125c0-4.8,0-11.2-0.4-14.6h0.4
c3,4.6,6,8.6,10,13.8l45.4,58.2H562V77.8h-21.4V131c0,4.4,0,11.4,0.2,16.4h-0.2c-3-4.4-5.8-8.6-10-13.8l-44-55.8H465V182.4z
M351.2,141.6c0,27.6,15.4,42.2,44.6,42.2c28,0,45.6-14.2,45.6-42.6V77.8h-21.8V141c0,16.2-8,24.6-23.4,24.6
c-14.6,0-23.2-8.8-23.2-24.6V77.8h-21.8V141.6z" />
<g>
<polygon class="st0" points="142,168.4 146.6,168.4 146.6,126.8 156.8,126.8 156.8,119.2 142,119.2 " />
<polygon class="st0" points="162.4,168.4 167,168.4 167,126.8 177.2,126.8 177.2,119.2 162.4,119.2 " />
<polygon class="st0" points="169,83.4 173.2,83.4 173.2,79.6 166.4,79.6 166.4,91 169,91 " />
<polygon class="st0" points="157,83.4 161.2,83.4 161.2,79.6 154.4,79.6 154.4,91 157,91 " />
<polygon class="st0" points="182.8,168.4 187.4,168.4 187.4,126.8 197.6,126.8 197.6,119.2 182.8,119.2 " />
<path class="st0" d="M184.2,206.3c0-8.4-6.6-14.2-14.4-14.2s-14.4,5.8-14.4,14.2c0,8.4,6.6,14.2,14.4,14.2
S184.2,214.7,184.2,206.3z M160.8,206.3c0-5.4,4.2-9,9-9s9,3.6,9,9c0,5.4-4.2,9-9,9S160.8,211.7,160.8,206.3z" />
<polygon class="st0" points="137.2,112.2 202.4,112.2 205.2,108 134.4,108 " />
<path class="st0" d="M0,0.1v261h114.2V192H142v69.1h4.6v-77.7H193v77.7h4.6V192h27.8v69.1H261V0.1H0z M169.6,30.1h0.4l26.8,16.4
h-54L169.6,30.1z M142.4,49.7h54.8l2.8,19.8h-60.4L142.4,49.7z M219.6,187.4h-22v-8.6H142v8.6h-22v-19.2h3.8v-62.8h6V72.8h80v32.6
h6v62.8h3.8V187.4z" />
<polygon class="st0" points="181,83.4 185.2,83.4 185.2,79.6 178.4,79.6 178.4,91 181,91 " />
</g>
</g>
</svg>
<span class="hide-accessible">University of Leeds homepage</span>
</a>
</div>
<nav class="uol-quicklinks" aria-label="University links">
<ul class="uol-quicklinks__list">
<li class="uol-quicklinks__group">
Students
<ul class="uol-quicklinks__group__list">
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/mobile-app">Mobile App</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/minerva">Minerva</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/for-students">For Students</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="https://library.leeds.ac.uk">Library</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/it">IT</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/campus-map">Campus map</a>
</li>
</ul>
</li>
<li class="uol-quicklinks__group">
Staff
<ul class="uol-quicklinks__group__list">
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/staff/for-staff">For Staff</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/staff/services-a-z">Services A-Z</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/staff/staff-a-z">Staff A-Z</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/staff/faculty-a-z">Faculties A-Z</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/staff/student-education-service">Student Education Service</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/staff/hr">HR</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/staff/it">IT</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/campus-map">Campus map</a>
</li>
</ul>
</li>
<li class="uol-quicklinks__group">
Faculties
<ul class="uol-quicklinks__group__list">
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/faculty/arts-humanities-cultures">Faculty of Arts, Humanities and Cultures</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/faculty/biological-sciences">Faculty of Biological Sciences</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/faculty/business">Faculty of Business</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/faculty/engineering-physical-sciences">Faculty of Engineering and Physical Sciences</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/faculty/environment">Faculty of Environment</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/faculty/medicine-health">Faculty of Medicine and Health</a>
</li>
<li class="uol-quicklinks__group__item">
<a class="uol-quicklinks__group__link" href="/faculty/social-sciences">Faculty of Social Sciences</a>
</li>
</ul>
</li>
</ul>
</nav>
<form id="uol-global-masthead__search-form" class="uol-global-masthead__search-form" action="/example-form-action">
<label class="uol-global-masthead__search-label" for="global-masthead__search-field">Search leeds.ac.uk</label>
<input class="uol-global-masthead__search-input" id="global-masthead__search-field" name="search-query" type="search" placeholder="Search leeds.ac.uk">
<button class="uol-global-masthead__search-submit" type="submit">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" aria-hidden="true" focusable="false">
<path d="M20.67,18.67H19.61l-.37-.36a8.66,8.66,0,1,0-.93.93l.36.37v1.06l6.66,6.65,2-2Zm-8,0a6,6,0,1,1,6-6A6,6,0,0,1,12.67,18.67Z"></path>
</svg>
<span class="hide-accessible">Search all leeds.ac.uk</span>
</button>
</form>
</div>
</header>
<nav class="uol-header-local-navigation-wrapper uol-content-container" aria-label="Site navigation">
<ul class="uol-header-local-navigation">
<li class="uol-header-local-navigation__item " data-label="Home">
<a class="uol-header-local-navigation__link" href="/" aria-current="page">
Home
</a>
</li>
<li class="uol-header-local-navigation__item uol-header-local-navigation__item--parent" data-label="Study">
Study
<ul class="uol-header-local-navigation__sub-nav" data-title="Study">
<li class="uol-header-local-navigation__item ">
<a class="uol-header-local-navigation__link uol-header-local-navigation__link--sub-nav" href="/study/undergraduate">
Undergraduate
</a>
</li>
<li class="uol-header-local-navigation__item ">
<a class="uol-header-local-navigation__link uol-header-local-navigation__link--sub-nav" href="/study/masters">
Masters courses
</a>
</li>
<li class="uol-header-local-navigation__item ">
<a class="uol-header-local-navigation__link uol-header-local-navigation__link--sub-nav" href="/study/research">
Research degrees
</a>
</li>
<li class="uol-header-local-navigation__item ">
<a class="uol-header-local-navigation__link uol-header-local-navigation__link--sub-nav" href="/study/international-students">
International students
</a>
</li>
<li class="uol-header-local-navigation__item ">
<a class="uol-header-local-navigation__link uol-header-local-navigation__link--sub-nav" href="/study/online-courses">
Online courses
</a>
</li>
<li class="uol-header-local-navigation__item uol-header-local-navigation__item--cta">
<a class="uol-header-local-navigation__link uol-header-local-navigation__link--sub-nav" href="/study/courses-search">
Search courses
</a>
</li>
<li class="uol-header-local-navigation__item uol-header-local-navigation__item--cta">
<a class="uol-header-local-navigation__link uol-header-local-navigation__link--sub-nav" href="/study/coronavirus-faqs">
Coronavirus FAQs
</a>
</li>
<li class="uol-header-local-navigation__item uol-header-local-navigation__item--cta">
<a class="uol-header-local-navigation__link uol-header-local-navigation__link--sub-nav" href="/study/ug-virtual-open-days">
Undergraduate virtual open days
</a>
</li>
</ul>
</li>
<li class="uol-header-local-navigation__item " data-label="Research and innovation">
<a class="uol-header-local-navigation__link" href="/research-innovation">
Research and innovation
</a>
</li>
<li class="uol-header-local-navigation__item " data-label="Working with business">
<a class="uol-header-local-navigation__link" href="/working-with-business">
Working with business
</a>
</li>
<li class="uol-header-local-navigation__item " data-label="Global">
<a class="uol-header-local-navigation__link" href="/global">
Global
</a>
</li>
<li class="uol-header-local-navigation__item " data-label="Around campus">
<a class="uol-header-local-navigation__link" href="/around-campus">
Around campus
</a>
</li>
<li class="uol-header-local-navigation__item " data-label="About">
<a class="uol-header-local-navigation__link" href="/about">
About
</a>
</li>
</ul>
</nav>
</div>
<main id="main" tabindex="-1">
<h1 class="hide-accessible">University of Leeds home page</h1>
<section aria-hidden="true">
<div id="bannerSlideshow" class="bannerSlideshow">
<ul class="slideshowImages">
<li class="image" style="background-image: url(/placeholders/new-homepage/1.png); animation-delay: 0s; animation-duration: 24s"></li>
<li class="image" style="background-image: url(/placeholders/new-homepage/4.png); animation-delay: 8s; animation-duration: 24s"></li>
<li class="image" style="background-image: url(/placeholders/new-homepage/8.png); animation-delay: 16s; animation-duration: 24s"></li>
</ul>
</div>
<div class="bannerSlideshowControls">
<div class="slideshowControlsInner">
<button id="playButton" class="slideshowControl uol-button uol-icon uol-icon--mdiPlay uol-icon--icon-only uol-icon--icon-only--large" type="button">Play slideshow</button>
<button id="pauseButton" class="slideshowControl uol-button uol-icon uol-icon--mdiPause uol-icon--icon-only uol-icon--icon-only--large" type="button">Pause slideshow</button>
</div>
</div>
</section>
<section class="uol-task-banner" aria-label="task banner">
<div class="uol-task-banner__outer">
<div class="uol-task-banner__inner">
<div class="uol-task-banner__key-task">
<div id="block1" class="uol-content-block">
<h2 class="uol-content-block__heading">Shape the world you want</h2>
<p class="uol-content-block__copy">Starting with your experiences and the University of Leeds and going far beyond, to the industry, career and society you’re equipped to thrive in</p>
<button class="uol-button uol-button--default
" type="submit">Hear from our students</button>
</div>
</div>
<div class="uol-task-banner__course-section">
<div class="uol-task-banner__course-search">
<div class="uol-form__container ">
<div class="uol-form__inner-wrapper">
<h2 class="uol-form__title">Find your course</h2>
<form class="uol-form" action="/" role=search>
<div class="uol-form__input-group uol-form__input-group--inline">
<div class="uol-form__input-container
">
<div role="radiogroup" aria-labelledby="radio-group-id" class="uol-form__custom-fieldset">
<span id="radio-group-id" class="uol-form__custom__legend">Course type</span>
<div class="uol-form__inputs-wrapper ">
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="radio-undergraduate" name="course-type" value="undergraduate" checked>
<label class="uol-form__input--radio__label" for="radio-undergraduate">Undergraduate</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="radio-masters" name="course-type" value="masters">
<label class="uol-form__input--radio__label" for="radio-masters">Masters</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="uol-form--button-inline">
<div class="uol-form__inputs-wrapper">
<div class="uol-form__input-container
">
<label class="uol-form__input-label" for="inputId2">
<span class="uol-form__input-label__text">Search courses</span>
</label>
<div class="uol-form__input-wrapper
uol-form__input-wrapper--search
uol-form__input-wrapper--with-icon " data-field-invalid=false>
<!-- -->
<input class="uol-form__input uol-form__input--search" type="search" id="inputId2" name="searchCourses" value="" autocomplete="off">
<!-- -->
</div>
</div>
</div>
<div class="uol-form__button-wrapper">
<button class="uol-button uol-button--default
" type="submit">Search</button>
</div>
</div>
</form>
<div class="uol-rich-text">
<div class="uol-form__additional-content uol-form__additional-content--after">
<p><a href='#'>Course A-Z</a><a href='#'>Browse by subject</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="uol-task-banner__course-cards">
<div id="undergraduate1" class="uol-content-block">
<h3 class="uol-content-block__heading">Open days and campus visits</h3>
<p class="uol-content-block__copy">Get a feel for our campus and university life at Leeds</p>
<p><a href="#" class="uol-content-block__arrow-link uol-arrow-link">Upcoming open days</a></p>
</div>
<div id="undergraduate2" class="uol-content-block">
<h3 class="uol-content-block__heading">Help with your application</h3>
<p class="uol-content-block__copy">All you need to know in our step-by-step guide to applying</p>
<p><a href="#" class="uol-content-block__arrow-link uol-arrow-link">Application information</a></p>
</div>
<div id="masters1" class="uol-content-block">
<h3 class="uol-content-block__heading">Postgraduate discovery days</h3>
<p class="uol-content-block__copy">Ask our experts anything about masters study.</p>
<p><a href="#" class="uol-content-block__arrow-link uol-arrow-link">Upcoming fairs</a></p>
</div>
<div id="masters2" class="uol-content-block">
<h3 class="uol-content-block__heading">Funding and scholarships</h3>
<p class="uol-content-block__copy">Learn about the different ways we can help you fund your studies</p>
<p><a href="#" class="uol-content-block__arrow-link uol-arrow-link">Funding options</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="uol-content-container uol-main-container uol-main--uol-home-2025">
<div class="uol-home-2025-container">
<div class="uol-widget-container uol-widget-container__">
<div class="uol-widget ">
<div class="uol-widget__left-col ">
<div class="uol-widget__head ">
<h2 class="uol-widget__title ">Why Leeds?</h2>
</div>
</div>
<div class="uol-widget__content ">
<div class="uol-facts-figures-v2-container">
<div class="uol-facts-figures-v2">
<div class="uol-facts-figures-v2__headline">
<strong class="uol-facts-figures-v2__headline__1">Top 100</strong>
<p class="uol-facts-figures-v2__headline__2">
Mandatory text
</p>
</div>
<p class="uol-facts-figures-v2__optional-fact-source">Optional fact source</p>
<div class="uol-facts-figures-v2__footer">
<cite class="uol-facts-figures-v2__cite">
<a href="https://example.com/1" class="uol-facts-figures-v2__link">
Optional link
</a>
</cite>
</div>
</div>
<div class="uol-facts-figures-v2">
<div class="uol-facts-figures-v2__headline">
<div class="uol-facts-figures-v2__headline__1 in-text-icon uol-icon uol-icon--mdiEarth"></div>
<p class="uol-facts-figures-v2__headline__2">
No.1 city for students in the World
</p>
</div>
<p class="uol-facts-figures-v2__optional-fact-source">(Student Crowd 2024)</p>
<div class="uol-facts-figures-v2__footer">
<cite class="uol-facts-figures-v2__cite">
<a href="https://example.com/2" class="uol-facts-figures-v2__link">
Student life in Leeds
</a>
</cite>
</div>
</div>
<div class="uol-facts-figures-v2">
<div class="uol-facts-figures-v2__headline">
<div class="uol-facts-figures-v2__headline__1 in-text-icon uol-icon uol-icon--mdiTrophyVariantOutline"></div>
<p class="uol-facts-figures-v2__headline__2">
Favoured by top graduate employees
</p>
</div>
<p class="uol-facts-figures-v2__optional-fact-source">(The Times 2023-24)</p>
<div class="uol-facts-figures-v2__footer">
<cite class="uol-facts-figures-v2__cite">
<a href="https://example.com/3" class="uol-facts-figures-v2__link">
How we help career building
</a>
</cite>
</div>
</div>
<div class="uol-facts-figures-v2">
<div class="uol-facts-figures-v2__headline">
<strong class="uol-facts-figures-v2__headline__1">90%</strong>
<p class="uol-facts-figures-v2__headline__2">
of submitted research of ‘world-leading’ standard
</p>
</div>
<p class="uol-facts-figures-v2__optional-fact-source">(REF 2021)</p>
<div class="uol-facts-figures-v2__footer">
<cite class="uol-facts-figures-v2__cite">
<a href="https://example.com/4" class="uol-facts-figures-v2__link">
Our academic excellence
</a>
</cite>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uol-widget-container uol-widget-container__featured-content">
<div class="uol-widget uol-widget--featured-content uol-widget--featured-video-highlighted">
<div class="uol-widget__left-col uol-widget__left-col--featured-video-highlighted">
<div class="uol-widget__head uol-widget__head--featured-video-highlighted">
<p class="uol-widget__featured-video-highlighted-sub-text">About The University of Leeds</p>
<h2 class="uol-widget__title uol-widget__title--featured-video-highlighted">Build confidence, connections and careers</h2>
<div class="uol-widget__lead uol-widget__lead--featured-video-highlighted">
<p>Supported to make an impact on what matters to you, at Leeds you'll be welcomed into our warm community with a world of opportunity to feed your passions and potential.</p>
</div>
<a class="uol-widget__link uol-widget__link--featured-video-highlighted" href="https://www.leeds.ac.uk/">Audio described video</a>
<a class="uol-widget__link uol-widget__link--featured-video-highlighted" href="https://www.leeds.ac.uk/">Second video link</a>
</div>
</div>
<div class="uol-widget__content uol-widget__content--featured-video-highlighted">
<section class="uol-gallery-container" aria-label="Gallery of 1 items">
<div class="uol-gallery uol-gallery--count-1">
<div class="uol-gallery__item uol-gallery__item--video uol-gallery__item--video-play-icon" data-video="https://www.youtube.com/watch?v=j4pt8l7e3u8">
<h3 class="uol-gallery__item__title">Video about The University of Leeds</h3>
<figure class="uol-gallery__figure">
<div class="uol-gallery__image-container">
<img src="#" alt="">
</div>
</figure>
<noscript>
<a href="https://www.youtube.com/watch?v=j4pt8l7e3u8">https://www.youtube.com/watch?v=j4pt8l7e3u8</a>
</noscript>
</div>
</div>
</section>
<div class="uol-widget__content__text uol-rich-text">
</div>
</div>
</div>
</div>
<section class="student-stories">
<div class="student-stories--left-block">
<div class="uol-content-block">
<p class="uol-content-block__topic">Student stories</p>
<h4 class="uol-content-block__heading">Life at Leeds</h4>
<p class="uol-content-block__copy">Don’t just take it from us–hear from our students and alumni about life at Leeds and beyond</p>
<button class="uol-button uol-button--default
" type="submit">Meet our students</button>
</div>
</div>
<div class="student-stories--right-block">
<nav class="student-stories--nav">
<div class="student-stories--nav__controls">
<button class="slider-prev uol-button uol-icon uol-icon--mdiArrowLeft uol-icon--icon-only" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" focusable="false" aria-hidden="true" height="1rem" width="1rem">
<path fill="#000000" fill-rule="nonzero" d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"></path>
</svg><span class="uol-icon__label">Contact</span></button>
<button class="slider-next uol-button uol-icon uol-icon--mdiArrowRight uol-icon--icon-only" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" focusable="false" aria-hidden="true" height="1rem" width="1rem">
<path fill="#000000" fill-rule="nonzero" d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"></path>
</svg><span class="uol-icon__label">Contact</span></button>
</div>
</nav>
<section class="student-stories--section">
<div class="student-stories--section-item">
<a href="/student-stories/njoki" class="student-stories--section-item__link" aria-label="Read Njoki’s story">
<h3 class="student-stories--section-item__title">Njoki’s story</h3>
<img class="student-stories--section-item__img" src="/placeholders/new-homepage/student_1.jpg" alt="Astronaut on a space walk" loading="lazy">
<p class="student-stories--section-item__lead">Name is a second year Theoretical Physics BSc student from Chester</p>
</a>
</div>
<div class="student-stories--section-item">
<a href="/student-stories/abbie" class="student-stories--section-item__link" aria-label="Read Abbie’s story">
<h3 class="student-stories--section-item__title">Abbie’s story</h3>
<img class="student-stories--section-item__img" src="/placeholders/new-homepage/student_2.jpg" alt="Astronaut on a space walk" loading="lazy">
<p class="student-stories--section-item__lead">Name is a second year Theoretical Physics BSc student from Chester</p>
</a>
</div>
<div class="student-stories--section-item">
<a href="/student-stories/mo" class="student-stories--section-item__link" aria-label="Read Mo’s story">
<h3 class="student-stories--section-item__title">Mo’s story</h3>
<img class="student-stories--section-item__img" src="/placeholders/new-homepage/student_3.jpg" alt="Astronaut on a space walk" loading="lazy">
<p class="student-stories--section-item__lead">Name is a second year Theoretical Physics BSc student from Chester</p>
</a>
</div>
<div class="student-stories--section-item">
<a href="/student-stories/abbie" class="student-stories--section-item__link" aria-label="Read Abbies story">
<h3 class="student-stories--section-item__title">Abbies story</h3>
<img class="student-stories--section-item__img" src="/placeholders/new-homepage/student_4.jpg" alt="Astronaut on a space walk" loading="lazy">
<p class="student-stories--section-item__lead">Name is a second year Theoretical Physics BSc student from Chester</p>
</a>
</div>
</section>
</div>
</section>
<section class="image-quote">
<img class="image-quote__img" src="/placeholders/new-homepage/student-portrait-2.png" alt="Portrait of Jefferson Sanchez">
<div class="image-quote__text-container">
<blockquote class="uol-typography-blockquote">
This whole experience has taught me to put myself out there, and do what makes me uncomfortable. If I had been too afraid to move out come to Leeds, I would not be where I am now, with the fantastic memories and people I have surrounding me.
<footer>
<cite>
Name, course
</cite>
</footer>
</blockquote>
</div>
</section>
</div>
</div>
</main>
<footer class="uol-site-footer-outer">
<div class="uol-site-footer uol-content-container">
<div class="uol-site-footer__nav-container">
<nav class="uol-site-footer__nav-outer" aria-labelledby="footer-nav-title">
<h2 class="uol-site-footer__title" id="footer-nav-title">Footer navigation</h2>
<div class="uol-site-footer__nav">
<nav class="nav-list-group" aria-label="Study and Courses">
<h3 class="nav-list-group__title">Study and Courses</h3>
<ul class="nav-list-group__list">
<li class="nav-list-group__item">
<a href="/footer-link-undergraduate" class="nav-list-group__link">Undergraduate</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-link-masters-courses" class="nav-list-group__link">Masters courses</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-link-very-long-title" class="nav-list-group__link">Research degrees with very long titles that wrap over two lines like this one its very very long</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-international" class="nav-list-group__link">International</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-course-search" class="nav-list-group__link">Course search</a>
</li>
</ul>
</nav>
</div>
<div class="uol-site-footer__nav">
<nav class="nav-list-group" aria-label="About us">
<h3 class="nav-list-group__title">About us</h3>
<ul class="nav-list-group__list">
<li class="nav-list-group__item">
<a href="/footer-campus-map" class="nav-list-group__link">Campus map</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-heritage" class="nav-list-group__link">Our heritage</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-faculties" class="nav-list-group__link">Faculties</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-governance" class="nav-list-group__link">Governance</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-values" class="nav-list-group__link">Values and responsibility</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-equality" class="nav-list-group__link">Equality</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-executive" class="nav-list-group__link">Executive team</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-news" class="nav-list-group__link">News</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-events" class="nav-list-group__link">Events</a>
</li>
</ul>
</nav>
</div>
<div class="uol-site-footer__nav">
<nav class="nav-list-group" aria-label="Quicklinks and contacts">
<h3 class="nav-list-group__title">Quicklinks and contacts</h3>
<ul class="nav-list-group__list">
<li class="nav-list-group__item">
<a href="/footer-jobs" class="nav-list-group__link">Jobs</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-term-dates" class="nav-list-group__link">Term dates</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-services-a-z" class="nav-list-group__link">Services A-Z</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-library" class="nav-list-group__link">Library</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-alumni" class="nav-list-group__link">Alumni</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-press" class="nav-list-group__link">Press</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-video-leeds" class="nav-list-group__link">VideoLeeds</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-staff-a-z" class="nav-list-group__link">Staff A-Z</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-contacts" class="nav-list-group__link">Contacts</a>
</li>
<li class="nav-list-group__item">
<a href="/footer-coronavirus" class="nav-list-group__link">Coronavirus</a>
</li>
</ul>
</nav>
</div>
</nav>
</div>
<div class="uol-site-footer__address-container ">
<h2 class="uol-footer-contact__title">Contact information</h2>
<address class="uol-footer-contact" vocab="https://schema.org/" typeof="Organization">
<strong class="uol-footer-contact__name" property="name">University of Leeds</strong>
<div class="uol-footer-contact__address" property="address" typeof="PostalAddress">
<div property="streetAddress">
<span class="uol-footer-contact__address__item">Woodhouse Lane</span>
</div>
<span class="uol-footer-contact__address__item" property="addressLocality">Leeds</span>
<span class="uol-footer-contact__address__item" property="addressRegion">West Yorkshire</span>
<span class="uol-footer-contact__address__item" property="postalCode">LS2 9JT</span>
<span class="uol-footer-contact__address__item" property="addressCountry">United Kingdom</span>
</div>
<dl class="uol-footer-contact__telephone-email-container">
<dt class="uol-footer-contact__telephone-email-label">Telephone</dt>
<dd class="uol-footer-contact__telephone-email-data">
<a class="uol-footer-contact__telephone" href="tel:+4401132431751" property="telephone">+44 0113 243 1751</a>
</dd>
</dl>
</address>
<div class="uol-footer-social-media">
<a class="uol-footer-social-media__item" href="https://youtube-nocookie.com/user/universityofleedsuk" aria-label="YouTube">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
<path fill="#000000" fill-rule="nonzero" d="M9.6 17.25V6.45l7.2 5.4m4.8-9.12c-.72-.24-5.16-.48-9.6-.48l-9.6.456C.528 3.33 0 7.53 0 11.85c0 4.308.528 8.52 2.4 9.132.72.24 5.16.468 9.6.468l9.6-.468c1.872-.612 2.4-4.824 2.4-9.132 0-4.32-.528-8.508-2.4-9.12z"></path>
</svg>
</a>
<a class="uol-footer-social-media__item" href="https://twitter.com/UniversityLeeds" aria-label="Twitter">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
<path fill-rule="nonzero" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path>
</svg>
</a>
<a class="uol-footer-social-media__item" href="https://instagram.com/universityofleeds/?hl=en" aria-label="Instagram">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
<path fill="#000000" fill-rule="nonzero" d="M6.96 0h10.08C20.88 0 24 3.12 24 6.96v10.08A6.96 6.96 0 0 1 17.04 24H6.96C3.12 24 0 20.88 0 17.04V6.96A6.96 6.96 0 0 1 6.96 0m-.24 2.4A4.32 4.32 0 0 0 2.4 6.72v10.56a4.32 4.32 0 0 0 4.32 4.32h10.56a4.32 4.32 0 0 0 4.32-4.32V6.72a4.32 4.32 0 0 0-4.32-4.32H6.72M18.3 4.2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 1 1 0-3M12 6a6 6 0 1 1 0 12 6 6 0 1 1 0-12m0 2.4a3.6 3.6 0 0 0 0 7.2 3.6 3.6 0 0 0 0-7.2z"></path>
</svg>
</a>
<a class="uol-footer-social-media__item" href="https://www.linkedin.com/school/7244" aria-label="LinkedIn">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
<path fill="#000000" fill-rule="nonzero" d="M24 24h-5.333v-9c0-1.413-1.587-2.587-3-2.587S13.333 13.587 13.333 15v9H8V8h5.333v2.667C14.213 9.24 16.48 8.32 18 8.32c3.333 0 6 2.72 6 6.013V24M5.333 24H0V8h5.333v16M2.667 0C4.14 0 5.333 1.194 5.333 2.667S4.14 5.333 2.667 5.333 0 4.14 0 2.667 1.194 0 2.667 0z"></path>
</svg>
</a>
<a class="uol-footer-social-media__item" href="https://www.facebook.com/universityofleeds/" aria-label="Facebook">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
<path fill="#000000" fill-rule="nonzero" d="M18 0h0v4.8h-2.4c-.828 0-1.2.972-1.2 1.8v3H18v4.8h-3.6V24H9.6v-9.6H6V9.6h3.6V4.8A4.8 4.8 0 0 1 14.4 0H18z"></path>
</svg>
</a>
<a class="uol-footer-social-media__item" href="https://medium.com/university-of-leeds" aria-label="Medium">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
<path fill="#000000" fill-rule="evenodd" d="M24 1.5h-6.687l-4.757 13.348L7.15 1.5H.005v.663l2.517 3.43-.034 13.245L0 22.623l.005.627h7.027l.018-.577-2.944-3.836.078-10.72 6.207 15.132h.75l5.513-15.5v12.6l-2.26 2.383v.508H24v-.61l-2.202-2.328-.03-16.02L24 2.167V1.5z"></path>
</svg>
</a>
<a class="uol-footer-social-media__item" href="https://www.weibo.com/leedsuniversityuk" aria-label="Weibo">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
<path fill="#000000" fill-rule="nonzero" d="M10.9 20.894c-3.74.39-6.968-1.394-7.2-3.984s2.593-5.006 6.33-5.396 6.968 1.393 7.2 3.982-2.592 5.008-6.33 5.398m7.48-8.6c-.318-.1-.536-.17-.37-.6.36-.957.398-1.784.007-2.374-.733-1.105-2.74-1.046-5.04-.03 0-.001-.722.334-.537-.27.354-1.2.3-2.205-.25-2.786-1.247-1.318-4.566.05-7.41 3.05-2.13 2.25-3.368 4.633-3.368 6.694 0 3.942 4.79 6.338 9.477 6.338 6.143 0 10.23-3.766 10.23-6.756 0-1.807-1.442-2.832-2.738-3.256m4.08-7.213c-1.483-1.735-3.672-2.396-5.69-1.944h-.001c-.467.105-.765.59-.664 1.082s.56.807 1.026.702c1.437-.322 2.992.15 4.047 1.38s1.34 2.914.888 4.39v.001c-.147.48.102.994.557 1.15s.94-.107 1.09-.586c.633-2.08.233-4.44-1.25-6.175"></path>
<path d="M19.74 7.668c-.7-.766-1.738-1.057-2.693-.857a.71.71 0 0 0-.556.846c.084.383.468.63.858.546v.001a1.4 1.4 0 0 1 1.318.418c.343.374.435.886.288 1.333h.001a.71.71 0 0 0 .465.896c.38.12.788-.085.91-.46a2.75 2.75 0 0 0-.592-2.724m-8.817 8.113a.53.53 0 0 1-.628.228c-.217-.087-.284-.327-.162-.537s.397-.31.613-.227c.22.08.3.32.177.536m-1.158 1.463c-.35.552-1.104.794-1.67.54-.56-.25-.723-.892-.372-1.43S8.8 15.578 9.36 15.8c.57.24.752.876.406 1.433m1.32-3.905c-1.73-.443-3.684.405-4.434 1.904-.765 1.53-.026 3.226 1.72 3.782 1.8.574 3.942-.306 4.684-1.957.732-1.614-.18-3.275-1.97-3.73"></path>
</svg>
</a>
</div>
</div>
<div class="uol-site-footer__site-information-container">
<nav class="footer-site-information" aria-label="Site information">
<h2 class="hide-accessible">Site information</h2>
<ul class="footer-site-information__list">
<li class="footer-site-information__item">© 2025 University of Leeds</li>
<li class="footer-site-information__item"><a class="footer-site-information__link" href="/terms-and-conditions">Terms and conditions</a></li>
<li class="footer-site-information__item"><a class="footer-site-information__link" href="/accessibility">Accessibility</a></li>
<li class="footer-site-information__item"><a class="footer-site-information__link" href="/privacy">Privacy and cookies</a></li>
<li class="footer-site-information__item"><a class="footer-site-information__link" href="/freedom-of-information">Freedom of information</a></li>
</ul>
</nav>
</div>
<div class="uol-site-footer__logo-outer">
<a href="https://leeds.ac.uk" class="uol-site-footer__logo" aria-label="University of Leeds">
<svg version="1.1" id="Primary" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" fill="#000000" viewBox="0 0 1297.6 262.6" style="enable-background:new 0 0 1297.6 262.6;" xml:space="preserve">
<g>
<polygon class="st0" points="157,84 161.2,84 161.2,80.2 154.4,80.2 154.4,91.6 157,91.6 " />
<polygon class="st0" points="162.4,169 167,169 167,127.4 177.2,127.4 177.2,119.8 162.4,119.8 " />
<polygon class="st0" points="142,169 146.6,169 146.6,127.4 156.8,127.4 156.8,119.8 142,119.8 " />
<path class="st0" d="M184.2,206.9c0-8.4-6.6-14.2-14.4-14.2c-7.8,0-14.4,5.8-14.4,14.2c0,8.4,6.6,14.2,14.4,14.2
C177.6,221.1,184.2,215.3,184.2,206.9z M160.8,206.9c0-5.4,4.2-9,9-9c4.8,0,9,3.6,9,9c0,5.4-4.2,9-9,9
C165,215.9,160.8,212.3,160.8,206.9z" />
<polygon class="st0" points="169,84 173.2,84 173.2,80.2 166.4,80.2 166.4,91.6 169,91.6 " />
<polygon class="st0" points="181,84 185.2,84 185.2,80.2 178.4,80.2 178.4,91.6 181,91.6 " />
<polygon class="st0" points="182.8,169 187.4,169 187.4,127.4 197.6,127.4 197.6,119.8 182.8,119.8 " />
<path class="st0" d="M0,0.7v261h114.2v-69.1H142v69.1h4.6V184H193v77.7h4.6v-69.1h27.8v69.1H261V0.7H0z M169.6,30.7h0.4l26.8,16.4
h-54L169.6,30.7z M142.4,50.3h54.8L200,70h-60.4L142.4,50.3z M219.6,188h-22v-8.6H142v8.6h-22v-19.2h3.8V106h6V73.4h80V106h6v62.8
h3.8V188z" />
<polygon class="st0" points="137.2,112.8 202.4,112.8 205.2,108.6 134.4,108.6 " />
</g>
<g id="Primary_00000077314402275668378130000000421217089280598159_">
<path class="st0" d="M1195.6,1.4l39.4,68.4v44.8h23.4V70l39.2-68.6H1273l-17.2,31.8c-2.8,4.8-6,10.8-8.4,16h-0.2
c-2.6-5.2-5.6-11.4-8.4-16.2l-17.2-31.6H1195.6z M1095,20.8h33.8v93.8h23.6V20.8h33.8V1.4H1095V20.8z M1053.6,114.6h23.4V1.4h-23.4
V114.6z M970.8,252c8.2,5.4,19.8,10.6,36,10.6c24,0,41.6-13.2,41.6-34.2c0-35.6-48.8-33.2-48.8-52.6c0-6.8,6.6-10.2,15-10.2
c9.4,0,17.4,3,27,8.2l0.4-20.6c-6.4-3.6-16.6-6.8-28.4-6.8c-25,0-38.6,15.2-38.6,32.4c0,8.8,2.8,15.2,7.2,20.2
c13.8,15.6,41.4,18.2,41.4,33.2c0,8.4-9.2,11.4-17.8,11.4c-10.2,0-18.6-4.2-26-8.8L970.8,252z M955.8,105.6
c8,5.4,19.8,10.6,36,10.6c24,0,41.6-12.6,41.6-34.4c0-34.8-49-33.4-49-52.6c0-6.6,6.8-10.2,15-10.2c9.4,0,17.6,3.2,27.2,8.4
l0.4-20.6C1020.4,3,1010.2,0,998.4,0c-25,0-38.4,15.2-38.4,32.4c0,8.8,2.6,15.2,7,20.2c14,15.6,41.4,18,41.4,33
c0,8.6-9.2,11.4-17.6,11.4c-10.2,0-18.8-4-26-8.6L955.8,105.6z M884.8,241.4v-74h14.4c23.2,0,37.4,14.4,37.4,37
c0,22.2-14.2,37-37.4,37H884.8z M884.6,53.6V20.8h10c11.2,0,17.6,6.6,17.6,15.6c0,9.8-7.6,17.2-17.6,17.2H884.6z M861.2,114.6h23.4
V70.8h9c4,1.6,10.8,14.4,28,43.8h27c-17.2-29-28-48.2-33.8-51.2v-0.2c10.4-4.8,20.6-14.6,20.6-29.4c0-17.4-11-32.4-41.2-32.4h-33
V114.6z M861.2,261h37.6c36.8,0,62.4-23.2,62.4-57.2c0-33.2-23.6-56-62-56h-38V261z M775,114.6h65.8V95.2h-42.2V66.4h36.2V47h-36.2
V20.8h41.8V1.4H775V114.6z M775,261h65.8v-19.4h-42.4V213h36.4v-19.6h-36.4v-26.2h42v-19.4H775V261z M689,261h65.8v-19.4h-42.2V213
h36.2v-19.6h-36.2v-26.2h41.8v-19.4H689V261z M647.2,1.4l47,114h18.6l48.4-114h-24l-24.8,60.4c-2.8,7.2-5.4,14.2-7.6,21h-0.4
c-2.4-6.8-4.8-13.6-7.8-21L673,1.4H647.2z M609.8,114.6h23.6V1.4h-23.6V114.6z M609.8,261h63v-19.4h-39.4v-93.8h-23.6V261z
M494.8,261h23.4v-47.6h35V194h-35v-26.8h41.2v-19.4h-64.6V261z M479.4,114.6h23.4v-62c0-5.2,0-12.2-0.4-15.8h0.4
c3,5,6.4,9.4,10.8,15l49,62.8h22V1.4h-23.4V59c0,4.8,0,12.2,0.2,17.6h-0.2c-3.2-4.8-6.2-9-10.8-14.8L503,1.4h-23.6V114.6z
M379.6,204.4c0-23.4,15.4-38.6,35.8-38.6S451,181,451,204.4c0,23.6-15.2,38.8-35.6,38.8S379.6,228,379.6,204.4 M358.6,70.4
c0,30,16.6,45.8,48.2,45.8c30.4,0,49.4-15.4,49.4-46.2V1.4h-23.6v68.4c0,17.4-8.6,26.6-25.4,26.6c-15.8,0-25-9.6-25-26.6V1.4h-23.6
V70.4z M415.4,262.6c34.4,0,60.2-24.6,60.2-58.2c0-33.4-25.8-58.2-60.2-58.2c-34.6,0-60.4,24.8-60.4,58.2
C355,238,380.8,262.6,415.4,262.6" />
</g>
</svg>
</a>
</div>
</div>
</footer>
export const modificationControls = () => {
console.log("f:modificationControls");
const modificationControls = document.querySelectorAll('.modificationControls');
modificationControls.forEach( () => {
const tempSlideshowUp = document.getElementById("tempSlideshowUp");
const tempSlideshowDown = document.getElementById("tempSlideshowDown");
const bannerSlideshow = document.getElementById("bannerSlideshow");
const taskBanner = document.getElementsByClassName("uol-task-banner")[0];
const slideshowHeightDisplay = document.getElementById("slideshowHeightDisplay");
const centreTaskBlocks = document.getElementById("centreTaskBlocks");
const leftTaskBlocks = document.getElementById("leftTaskBlocks");
tempSlideshowUp.addEventListener('click', () => {
let currentHeight = bannerSlideshow.offsetHeight;
let newHeight = currentHeight - 10;
let newHeightString = newHeight + "px";
bannerSlideshow.style.height = newHeightString;
let slideshowImages = bannerSlideshow.getElementsByClassName("image");
slideshowHeightDisplay.innerHTML = newHeightString;
for (let image of slideshowImages) {
image.style.height = newHeightString;
}
});
tempSlideshowDown.addEventListener('click', () => {
let currentHeight = bannerSlideshow.offsetHeight;
let newHeight = currentHeight + 10;
let newHeightString = newHeight + "px";
bannerSlideshow.style.height = newHeightString;
let slideshowImages = bannerSlideshow.getElementsByClassName("image");
slideshowHeightDisplay.innerHTML = newHeightString;
for (let image of slideshowImages) {
image.style.height = newHeightString;
}
});
leftTaskBlocks.addEventListener('click', () => {
console.log("leftTaskBlocks pressed");
let taskBlocks = taskBanner.getElementsByClassName("uol-task-banner__course-cards");
for (let taskBlock of taskBlocks) {
taskBlock.style.textAlign = "left";
}
});
centreTaskBlocks.addEventListener('click', () => {
console.log("centreTaskBlocks pressed");
let taskBlocks = taskBanner.getElementsByClassName("uol-task-banner__course-cards");
for (let taskBlock of taskBlocks) {
taskBlock.style.textAlign = "center";
}
});
colourTheme1.addEventListener('click', () => {
console.log("colourTheme1 pressed");
let taskBannerBg = "#0a0202";
let keyTaskFgColour = "#ffffff";
let keyTaskButtonBg = "#ff4a36";
let keyTaskButtonFg = "#000000";
let taskBlocksBg = "#fdf1e3"
let taskBannerOuter = taskBanner.getElementsByClassName("uol-task-banner__outer")[0];
taskBannerOuter.style.background = taskBannerBg;
let slideshowControlsInner = document.getElementsByClassName("slideshowControlsInner")[0];
slideshowControlsInner.style.background = taskBannerBg;
let keyTask = taskBanner.getElementsByClassName("uol-task-banner__key-task")[0];
keyTask.style.color = keyTaskFgColour;
let button = keyTask.getElementsByClassName("uol-button--default")[0];
button.style.background = keyTaskButtonBg;
button.style.color = keyTaskButtonFg;
let courseCards = taskBanner.getElementsByClassName("uol-task-banner__course-cards")[0];
courseCards.style.background = taskBlocksBg;
});
colourTheme2.addEventListener('click', () => {
console.log("colourTheme2 pressed");
let taskBannerBg = "#00d0a0";
let keyTaskFgColour = "#000000";
let keyTaskButtonBg = "#000000";
let keyTaskButtonFg = "#ffffff";
let taskBlocksBg = "#fcf0e3"
let taskBannerOuter = taskBanner.getElementsByClassName("uol-task-banner__outer")[0];
taskBannerOuter.style.background = taskBannerBg;
let slideshowControlsInner = document.getElementsByClassName("slideshowControlsInner")[0];
slideshowControlsInner.style.background = taskBannerBg;
let keyTask = taskBanner.getElementsByClassName("uol-task-banner__key-task")[0];
keyTask.style.color = keyTaskFgColour;
let button = keyTask.getElementsByClassName("uol-button--default")[0];
button.style.background = keyTaskButtonBg;
button.style.color = keyTaskButtonFg;
let courseCards = taskBanner.getElementsByClassName("uol-task-banner__course-cards")[0];
courseCards.style.background = taskBlocksBg;
});
})
}
$innerWidthMax: 1600px;
$placeholderPadding: 16px;
$placeholderSpacing: 32px;
$placeholoderMinHeight: 100px;
.homeSectionPlaceholder, .tempDevNotes {
width: calc(100% - 2 * #{$placeholderPadding} - 2px);
border: 1px solid #999;
background: #eee;
padding: $placeholderPadding;
font-size: 18px;
line-height: 30px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
* {
max-width: $innerWidthMax;
}
}
.homeSectionPlaceholder {
min-height: $placeholoderMinHeight;
margin-bottom: $spacing-8;
@include media('>=uol-media-m') {
margin-bottom: $spacing-9;
}
@include media('>=uol-media-l') {
margin-bottom: 6.5rem; // 104px
}
}
.homeMain {
max-width: $innerWidthMax;
margin: $placeholderSpacing auto 0;
padding: 0 $placeholderSpacing;
}
// temp, to be replaced with key tasks component CSS
.keyTasksSection {
height: 300px;
background: #f7e5e5;
padding: $placeholderPadding;
font-size: 18px;
line-height: 30px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
* {
max-width: $innerWidthMax;
}
}
// Temp
.homePageHeading {
@extend .uol-typography-heading-2;
padding: $spacing-6;
}
// Temp
.uol-facts-figures {
padding: 0 $spacing-6 !important;
}
.uol-main--uol-home-2025 {
padding: 0 $spacing-4;
@include media(">=uol-media-l") {
padding: 0;
}
.uol-widget {
margin-top: 0;
.uol-widget__title:before {
display: none;
}
}
.uol-widget-container__facts-figures {
margin-bottom: 0;
.uol-widget__title {
margin-top: $spacing-7;
@include media(">=uol-media-m") {
margin-top: $spacing-8;
}
@include media(">=uol-media-l") {
margin-top: $spacing-5;
}
}
}
.uol-widget-container__facts-figures .uol-widget__head {
padding-bottom: $spacing-4;
@include media(">=uol-media-m") {
padding-bottom: $spacing-6;
}
}
.uol-widget-container__featured-content {
margin-bottom: $spacing-2;
@include media(">=uol-media-m") {
margin-bottom: $spacing-5;
}
@include media(">=uol-media-l") {
margin-bottom: $spacing-9;
}
.uol-gallery__button {
@include media("<uol-media-m") {
width: 56px !important;
height: 56px !important;
}
svg {
width: 43px !important; // to give a button size of 20px
}
}
}
}
/*
added new class to main container
once main location finalised, refactor this file and move below rule
*/
.uol-home-2025-container {
@include media(">=uol-media-l") {
padding: 0 $spacing-6;
}
}
{
"page_title": "University of Leeds home page",
"page_type": "uol-home-2025",
"local_navigation": [
{
"title": "Home",
"url": "/",
"current": true
},
{
"title": "Study",
"items": [
{
"title": "Undergraduate",
"url": "/study/undergraduate"
},
{
"title": "Masters courses",
"url": "/study/masters"
},
{
"title": "Research degrees",
"url": "/study/research"
},
{
"title": "International students",
"url": "/study/international-students"
},
{
"title": "Online courses",
"url": "/study/online-courses"
},
{
"cta": true,
"title": "Search courses",
"url": "/study/courses-search"
},
{
"cta": true,
"title": "Coronavirus FAQs",
"url": "/study/coronavirus-faqs"
},
{
"cta": true,
"title": "Undergraduate virtual open days",
"url": "/study/ug-virtual-open-days"
}
]
},
{
"title": "Research and innovation",
"url": "/research-innovation"
},
{
"title": "Working with business",
"url": "/working-with-business"
},
{
"title": "Global",
"url": "/global"
},
{
"title": "Around campus",
"url": "/around-campus"
},
{
"title": "About",
"url": "/about"
}
],
"slideshow": {
"items": [
{
"url": "new-homepage/1.png"
},
{
"url": "new-homepage/4.png"
},
{
"url": "new-homepage/8.png"
}
],
"slideDuration": 8
},
"task_banner": {
"form": {
"heading_level": "h2",
"button_inline": true,
"action": "/",
"title": "Find your course",
"button": {
"content": "Search",
"type": "submit",
"style": "default"
},
"form_group": {
"inline_fields": true,
"fields": [
{
"type": "radio",
"heading_level": "h3",
"legend": "Course type",
"group_label_id": "radio-group-id",
"options": [
{
"id": "radio-undergraduate",
"name": "course-type",
"value": "undergraduate",
"label": "Undergraduate",
"checked": true
},
{
"id": "radio-masters",
"name": "course-type",
"value": "masters",
"label": "Masters"
}
]
}
]
},
"additional_info_after": "<p><a href='#'>Course A-Z</a><a href='#'>Browse by subject</a></p>",
"fields": [
{
"type": "search",
"id": "inputId2",
"name": "searchCourses",
"label": "Search courses",
"aria-invalid": "false",
"autocomplete": "off",
"has_icon": true
}
]
},
"key_task": {
"id": "block1",
"heading": {
"level": "2",
"title": "Shape the world you want"
},
"copy": "Starting with your experiences and the University of Leeds and going far beyond, to the industry, career and society you’re equipped to thrive in",
"button": {
"style": "default",
"type": "submit",
"content": "Hear from our students"
}
},
"undergraduate_block_1": {
"id": "undergraduate1",
"heading": {
"level": "3",
"title": "Open days and campus visits"
},
"copy": "Get a feel for our campus and university life at Leeds",
"arrowLink": {
"url": "#",
"title": "Upcoming open days"
}
},
"undergraduate_block_2": {
"id": "undergraduate2",
"heading": {
"level": "3",
"title": "Help with your application"
},
"copy": "All you need to know in our step-by-step guide to applying",
"arrowLink": {
"url": "#",
"title": "Application information"
}
},
"masters_block_1": {
"id": "masters1",
"heading": {
"level": "3",
"title": "Postgraduate discovery days"
},
"copy": "Ask our experts anything about masters study.",
"arrowLink": {
"url": "#",
"title": "Upcoming fairs"
}
},
"masters_block_2": {
"id": "masters2",
"heading": {
"level": "3",
"title": "Funding and scholarships"
},
"copy": "Learn about the different ways we can help you fund your studies",
"arrowLink": {
"url": "#",
"title": "Funding options"
}
}
},
"facts_widget": {
"widget_title": "Why Leeds?",
"widget_lead": null,
"facts": [
{
"title_1": "Top 100",
"title_2": "Mandatory text",
"optional_fact_source": "Optional fact source",
"cite": {
"text": "Optional link",
"url": "https://example.com/1"
}
},
{
"icon": "mdiEarth",
"title_2": "No.1 city for students in the World",
"optional_fact_source": "(Student Crowd 2024)",
"cite": {
"text": "Student life in Leeds",
"url": "https://example.com/2"
}
},
{
"icon": "mdiTrophyVariantOutline",
"title_2": "Favoured by top graduate employees",
"optional_fact_source": "(The Times 2023-24)",
"cite": {
"text": "How we help career building",
"url": "https://example.com/3"
}
},
{
"title_1": "90%",
"title_2": "of submitted research of ‘world-leading’ standard",
"optional_fact_source": "(REF 2021)",
"cite": {
"text": "Our academic excellence",
"url": "https://example.com/4"
}
}
]
},
"video_widget": {
"widget_type": "featured-content",
"widget_featured_video_highlighted": true,
"widget_featured_video_highlighted_sub_text": "About The University of Leeds",
"widget_title": "Build confidence, connections and careers",
"widget_lead": "<p>Supported to make an impact on what matters to you, at Leeds you'll be welcomed into our warm community with a world of opportunity to feed your passions and potential.</p>",
"widget_video": {
"headingLevel": 3,
"videoPlayIcon": true,
"items": [
{
"title": "Video about The University of Leeds",
"type": "video",
"video": "https://www.youtube.com/watch?v=j4pt8l7e3u8",
"content": false
}
]
},
"widget_content": "",
"widget_multi_links": [
{
"url": "https://www.leeds.ac.uk/",
"text": "Audio described video"
},
{
"url": "https://www.leeds.ac.uk/",
"text": "Second video link"
}
]
},
"student_stories": {
"content_block": {
"heading": {
"level": "4",
"title": "Life at Leeds"
},
"topic": "Student stories",
"copy": "Don’t just take it from us–hear from our students and alumni about life at Leeds and beyond",
"button": {
"style": "default",
"type": "submit",
"content": "Meet our students"
}
},
"stories": [
{
"title": "Njoki’s story",
"lead": "Name is a second year Theoretical Physics BSc student from Chester",
"img": {
"src": "/placeholders/new-homepage/student_1.jpg",
"alt": "Astronaut on a space walk"
},
"href": "/student-stories/njoki"
},
{
"title": "Abbie’s story",
"lead": "Name is a second year Theoretical Physics BSc student from Chester",
"img": {
"src": "/placeholders/new-homepage/student_2.jpg",
"alt": "Astronaut on a space walk"
},
"href": "/student-stories/abbie"
},
{
"title": "Mo’s story",
"lead": "Name is a second year Theoretical Physics BSc student from Chester",
"img": {
"src": "/placeholders/new-homepage/student_3.jpg",
"alt": "Astronaut on a space walk"
},
"href": "/student-stories/mo"
},
{
"title": "Abbies story",
"lead": "Name is a second year Theoretical Physics BSc student from Chester",
"img": {
"src": "/placeholders/new-homepage/student_4.jpg",
"alt": "Astronaut on a space walk"
},
"href": "/student-stories/abbie"
}
]
},
"image_quote": {
"image": {
"src": "/placeholders/new-homepage/student-portrait-2.png",
"alt": "Portrait of Jefferson Sanchez"
},
"quote": {
"content": "This whole experience has taught me to put myself out there, and do what makes me uncomfortable. If I had been too afraid to move out come to Leeds, I would not be where I am now, with the fantastic memories and people I have surrounding me. ",
"cite": {
"content": "Name, course"
}
}
}
}