No notes defined.
{% extends '@uol-template-course'%}
{% block page_content %}
<section class="uol-course__content__section" id="section-{{ article.id }}">
{% render '@uol-article-content', { article: article } %}
</section>
{% 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>
<div class="uol-header-local-masthead">
<div class="uol-header-local-masthead__inner">
<a class="uol-header-local-masthead__link uol-header-local-masthead__link--title" href="/">
Course Search
<span class="hide-accessible"> home page</span>
</a>
</div>
</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="/">
Home
</a>
</li>
<li class="uol-header-local-navigation__item " data-label="Undergraduate courses">
<a class="uol-header-local-navigation__link" href="/undergraduate-courses">
Undergraduate courses
</a>
</li>
<li class="uol-header-local-navigation__item " data-label="Masters courses">
<a class="uol-header-local-navigation__link" href="/masters-courses">
Masters courses
</a>
</li>
</ul>
</nav>
</div>
<div class="uol-content-container uol-main-container uol-course-outer-template">
<nav aria-label="Breadcrumb" class="uol-breadcrumb">
<ol class="uol-breadcrumb__list">
<li class="uol-breadcrumb__item">
<a class="uol-breadcrumb__link" href="/">
Undergraduate course search
</a>
</li>
</ol>
</nav>
<div class="uol-course">
<div class="uol-col-container uol-course__header">
<div class="uol-col-12">
<header class="page-heading" aria-label="Course header">
<h1 class="page-heading__title">
<span class="page-heading__title__main">Geography BA</span>
</h1>
</header>
<div class="uol-year-of-entry">
<h2 class="uol-year-of-entry__title">
Year of entry
<span class="uol-year-of-entry__date">2022</span>
</h2>
<a href="/some-link-here" class="uol-year-of-entry__link">2023 course information</a>
</div>
<div class="uol-global-marketing-banner">
<h3 class="uol-global-marketing-banner__title">Autumn Open Days – 12th September and 8th October</h3>
<p class="uol-global-marketing-banner__description">Find out about our undergraduate courses and campus facilities and get a taste of student life. <a class="uol-global-marketing-banner__link" href="/open-days-register">Register your interest</a></p>
</div>
</div>
</div>
<div class="uol-key-facts">
<div class="uol-content-container">
<div class="uol-col-container uol-col-container--key-facts">
<dl class="uol-key-facts__list">
<div class="uol-key-facts__group">
<dt class="uol-key-facts__term">UCAS code</dt>
<dd class="uol-key-facts__data">L700</dd>
</div>
<div class="uol-key-facts__group">
<dt class="uol-key-facts__term">Start date</dt>
<dd class="uol-key-facts__data">September 2023</dd>
</div>
<div class="uol-key-facts__group">
<dt class="uol-key-facts__term">Delivery type</dt>
<dd class="uol-key-facts__data">On campus</dd>
</div>
<div class="uol-key-facts__group">
<dt class="uol-key-facts__term">Duration</dt>
<dd class="uol-key-facts__data">3 years full time</dd>
</div>
<div class="uol-key-facts__group">
<dt class="uol-key-facts__term">Work placement</dt>
<dd class="uol-key-facts__data">Optional</dd>
</div>
<div class="uol-key-facts__group">
<dt class="uol-key-facts__term">Study abroard</dt>
<dd class="uol-key-facts__data">Optional</dd>
</div>
<div class="uol-key-facts__group">
<dt class="uol-key-facts__term">Typical A-level offer</dt>
<dd class="uol-key-facts__data">AAB - ABB. (Specific subjects required)</dd>
</div>
<div class="uol-key-facts__group">
<dt class="uol-key-facts__term">Typical Access to Leeds offer</dt>
<dd class="uol-key-facts__data">ABB or BBB (including an accepted subject) plus a pass in the Access to Leeds scheme (specific subjects required). <a href="?refresh=yes#entry">Full entry requirements</a></dd>
</div>
</dl>
</div>
</div>
</div>
<div id="course-content" class="uol-course-container uol-col-container uol-course__main">
<div class="uol-side-nav-container">
<nav class="uol-detail-nav">
<ul class="uol-detail-nav__list">
<li class="uol-detail-nav__list-item">
<a class="uol-detail-nav__list-link " href="">Featured content quote</a>
</li>
<li class="uol-detail-nav__list-item">
<a id="link-option2" class="uol-detail-nav__list-link uol-detail-nav__section-link" href="#option2">Gallery / image quote hybrid</a>
</li>
<li class="uol-detail-nav__list-item">
<a id="link-option3" class="uol-detail-nav__list-link uol-detail-nav__section-link" href="#option3">Teal image quote</a>
</li>
<li class="uol-detail-nav__list-item">
<a id="link-option4" class="uol-detail-nav__list-link uol-detail-nav__section-link" href="#option4">Cream theme image quote</a>
</li>
<li class="uol-detail-nav__list-item">
<a id="link-option5" class="uol-detail-nav__list-link uol-detail-nav__section-link" href="#option5">Cream theme video link</a>
</li>
<li class="uol-detail-nav__list-item">
<a id="link-option6" class="uol-detail-nav__list-link uol-detail-nav__section-link" href="#option6">Full width video and blockquote</a>
</li>
</ul>
</nav>
</div>
<main id="main" tabindex="-1" role="main" class="uol-course__content uol-page-width uol-article uol-course__content__section-container">
<section class="uol-course__content__section" id="section-option1">
<div class="uol-rich-text uol-rich-text--with-lead uol-spacing">
<h2>Featured content video</h3>
<p>The following options is the existing featured content video option as used on leeds.ac.uk. Clearly this option when placed directly into a home page doesn't work.</p>
<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">
<h2 class="uol-widget__title uol-widget__title--featured-video-highlighted">Pragya Sharma</h2>
<div class="uol-widget__lead uol-widget__lead--featured-video-highlighted">
<p>I wanted more than just a degree. I wanted an experience and a new perspective on life, and personal and professional growth..</p>
</div>
</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>
</div>
</div>
</div>
</section>
<section class="uol-course__content__section" id="section-option2">
<div class="uol-rich-text uol-spacing">
<h2>Gallery / image quote hybrid</h2>
<p>This has the option of opening up a gallery modal, although the design and layout in the course page is weak.</p>
<section class="image-quote-v3">
<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">
<h2 class="uol-gallery__item__title">Studying in a different country</h2>
<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="image-quote-v3__text-container">
<div class="image-quote-v3__text-container--inner">
<blockquote class="uol-typography-blockquote">
This whole experience has taught me to put myself out there, and do what makes me uncomfortable.
<footer>
<cite>
Name, course
</cite>
</footer>
</blockquote>
</div>
</div>
</section>
</div>
</section>
<section class="uol-course__content__section" id="section-option3">
<div class="uol-rich-text uol-spacing">
<h2>Teal image quote</h2>
<p>This component is a modified version of the homepage image quote component. It has been rebuilt to fit within a course page with section navigation. It is felt that the teal colour is jarring and doesn't work with the rest of the content on this page.</p>
<section class="image-quote-v2">
<div class="image-quote-v2__edge"></div>
<img class="image-quote-v2__img" src="https://www.leeds.ac.uk/images/resized/344x430-0-0-1-80-Untitled_design__40__2.png" />
<div class="image-quote-v2__text-container">
<div class="image-quote-v2__text-container--inner">
<blockquote class="uol-typography-blockquote">
I wanted more than just a degree. I wanted an experience and a new perspective on life, and personal and professional growth.
<footer>
<cite>Pragya Sharma, MSc International Marketing Management</cite>
</footer>
</blockquote>
</div>
</div>
<div class="image-quote-v2__edge"></div>
</section>
</div>
</section>
<section class="uol-course__content__section" id="section-option4">
<div class="uol-rich-text uol-spacing">
<h2>Cream theme image quote</h2>
<p>A modification of above. A cream colour is utilised to correspond with the key facts prominent option with cream further up this page. This component can be set so the content editor can choose teal or cream theme.</p>
<section class="image-quote-v2 image-quote-v2--cream">
<div class="image-quote-v2__edge"></div>
<img class="image-quote-v2__img" src="https://www.leeds.ac.uk/images/resized/344x430-0-0-1-80-Untitled_design__40__2.png" />
<div class="image-quote-v2__text-container">
<div class="image-quote-v2__text-container--inner">
<blockquote class="uol-typography-blockquote">
I wanted more than just a degree. I wanted an experience and a new perspective on life, and personal and professional growth.
<footer>
<cite>Pragya Sharma, MSc International Marketing Management</cite>
</footer>
</blockquote>
</div>
</div>
<div class="image-quote-v2__edge"></div>
</section>
</div>
</section>
<section class="uol-course__content__section" id="section-option5">
<div class="uol-rich-text uol-spacing">
<h2>Cream theme video link</h2>
<p>Here a play icon is presented which is a clear call to action to the end user if they want to watch a video. For release 15 this is only feasible to play via a YouTube link. Further development required for playing in a modal like option 2 below.</p>
<section class="image-quote-v2 image-quote-v2--cream">
<div class="image-quote-v2__edge"></div>
<div class="image-quote-v2__img-and-video">
<img class="image-quote-v2__img" src="https://www.leeds.ac.uk/images/resized/344x430-0-0-1-80-Untitled_design__40__2.png" />
<button id="playButton" class="image-quote-v2__button uol-button uol-icon uol-icon--mdiPlay uol-icon--icon-only uol-icon--icon-only--large" type="button">Play slideshow</button>
</div>
<div class="image-quote-v2__text-container">
<div class="image-quote-v2__text-container--inner">
<blockquote class="uol-typography-blockquote">
This whole experience has taught me to put myself out there, and do what makes me uncomfortable.
<footer>
<cite>
Name, course
</cite>
</footer>
</blockquote>
</div>
</div>
<div class="image-quote-v2__edge"></div>
</section>
</div>
</section>
<section class="uol-course__content__section" id="section-option6">
<div class="uol-rich-text uol-spacing">
<h2>Full width video and blockquote</h2>
<p>Uses existing video embed component and existing blockquote component. These are both already on a tested page so no development necessary, although they do not use any new designs.</p>
<h3>Video example</h3>
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/AjvkAkHZAzc" title="YouTube video player - Studying abroad" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<blockquote>
<p>I wanted more than just a degree. I wanted an experience and a new perspective on life, and personal and professional growth.</p>
<footer>
<cite>Pragya Sharma, MSc International Marketing Management</cite>
</footer>
</blockquote>
</div>
</section>
</main>
<aside class="uol-content-switch-from-side-to-main uol-section-nav-related-content " aria-label="Related content">
<h2 class="uol-section-nav-related-content__title">Related content</h2>
<div class="uol-section-nav-related-content__list">
<div class="uol-section-nav-related__item">
<h3 class="uol-section-nav-related-content__item__title">
<a class="uol-section-nav-related-content__item__title__link" href="/related">Campus Life</a>
</h3>
<p class="uol-section-nav-related-content__item__text">Explore our academic facilities, social spaces and campus landmarks.</p>
</div>
<div class="uol-section-nav-related__item">
<h3 class="uol-section-nav-related-content__item__title">
Admissions Enquiries
</h3>
<div class="uol-section-nav-related-content__item__contact-wrapper">
<a class="uol-section-nav-related-content__contact uol-section-nav-related-content__contact--phone" href="tel:+441133433212">
+44 (0)113 3433213
</a>
</div>
<div class="uol-section-nav-related-content__item__contact-wrapper">
<a class="uol-section-nav-related-content__contact uol-section-nav-related-content__contact--email" href="mailto:study@leeds.ac.uk">
Study@leeds.ac.uk
</a>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
<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>
{
"local_navigation": [
{
"title": "Home",
"url": "/"
},
{
"title": "Undergraduate courses",
"url": "/undergraduate-courses"
},
{
"title": "Masters courses",
"url": "/masters-courses"
}
],
"local_masthead": {
"site_name": "Course Search",
"site_url": "/"
},
"page_heading": {
"title": "Geography BA",
"aria_label": "Course header"
},
"marketing_banner": {
"title": "Autumn Open Days – 12th September and 8th October",
"description": "Find out about our undergraduate courses and campus facilities and get a taste of student life.",
"link": {
"text": "Register your interest",
"href": "/open-days-register"
}
},
"year_of_entry": {
"year": "2022",
"alternate_year": "2023",
"alternate_year_url": "/some-link-here"
},
"breadcrumbs": [
{
"title": "Undergraduate course search",
"href": "/"
}
],
"facts": [
{
"term": "UCAS code",
"data": [
{
"content": "L700"
}
]
},
{
"term": "Start date",
"data": [
{
"content": "September 2023"
}
]
},
{
"term": "Delivery type",
"data": [
{
"content": "On campus"
}
]
},
{
"term": "Duration",
"data": [
{
"content": "3 years full time"
}
]
},
{
"term": "Work placement",
"data": [
{
"content": "Optional"
}
]
},
{
"term": "Study abroard",
"data": [
{
"content": "Optional"
}
]
},
{
"term": "Typical A-level offer",
"data": [
{
"content": "AAB - ABB. (Specific subjects required)"
}
]
},
{
"term": "Typical Access to Leeds offer",
"data": [
{
"content": "ABB or BBB (including an accepted subject) plus a pass in the Access to Leeds scheme (specific subjects required). <a href=\"?refresh=yes#entry\">Full entry requirements</a>"
}
]
}
],
"detail_nav": {
"links": [
{
"id": "option1",
"title": "Featured content quote",
"section_link": false
},
{
"id": "option2",
"title": "Gallery / image quote hybrid",
"section_link": true
},
{
"id": "option3",
"title": "Teal image quote",
"section_link": true
},
{
"id": "option4",
"title": "Cream theme image quote",
"section_link": true
},
{
"id": "option5",
"title": "Cream theme video link",
"section_link": true
},
{
"id": "option6",
"title": "Full width video and blockquote",
"section_link": true
}
]
},
"related_content": {
"title": "Related content",
"items": [
{
"heading": {
"text": "Campus Life",
"url": "/related"
},
"content": "Explore our academic facilities, social spaces and campus landmarks."
},
{
"heading": {
"text": "Admissions Enquiries"
},
"links": [
{
"type": "phone",
"label": "+44 (0)113 3433213",
"url": "+441133433212"
},
{
"type": "email",
"label": "Study@leeds.ac.uk",
"url": "study@leeds.ac.uk"
}
]
}
]
},
"articles": [
{
"id": "option1",
"style_lead": true,
"content": "\n\n <h2>Featured content video</h3>\n\n <p>The following options is the existing featured content video option as used on leeds.ac.uk. Clearly this option when placed directly into a home page doesn't work.</p>\n\n <div class=\"uol-widget-container uol-widget-container__featured-content\">\n <div class=\"uol-widget uol-widget--featured-content uol-widget--featured-video-highlighted\">\n <div class=\"uol-widget__left-col uol-widget__left-col--featured-video-highlighted\">\n <div class=\"uol-widget__head uol-widget__head--featured-video-highlighted\"> \n <h2 class=\"uol-widget__title uol-widget__title--featured-video-highlighted\">Pragya Sharma</h2>\n <div class=\"uol-widget__lead uol-widget__lead--featured-video-highlighted\">\n <p>I wanted more than just a degree. I wanted an experience and a new perspective on life, and personal and professional growth..</p>\n </div>\n </div>\n </div>\n <div class=\"uol-widget__content uol-widget__content--featured-video-highlighted\">\n <section class=\"uol-gallery-container\" aria-label=\"Gallery of 1 items\">\n <div class=\"uol-gallery uol-gallery--count-1\">\n <div class=\"uol-gallery__item uol-gallery__item--video uol-gallery__item--video-play-icon\" data-video=\"https://www.youtube.com/watch?v=j4pt8l7e3u8\">\n <h3 class=\"uol-gallery__item__title\">Video about The University of Leeds</h3>\n <figure class=\"uol-gallery__figure\">\n <div class=\"uol-gallery__image-container\">\n <img src=\"#\" alt=\"\">\n </div>\n </figure>\n <noscript>\n <a href=\"https://www.youtube.com/watch?v=j4pt8l7e3u8\">https://www.youtube.com/watch?v=j4pt8l7e3u8</a>\n </noscript>\n </div>\n </div>\n </section>\n </div>\n </div>\n </div>"
},
{
"id": "option2",
"style_lead": false,
"content": "\n <h2>Gallery / image quote hybrid</h2>\n\n <p>This has the option of opening up a gallery modal, although the design and layout in the course page is weak.</p>\n\n <section class=\"image-quote-v3\">\n <section class=\"uol-gallery-container\" aria-label=\"Gallery of 1 items\">\n <div class=\"uol-gallery uol-gallery--count-1\">\n <div class=\"uol-gallery__item uol-gallery__item--video uol-gallery__item--video-play-icon\" data-video=\"https://www.youtube.com/watch?v=j4pt8l7e3u8\">\n <h2 class=\"uol-gallery__item__title\">Studying in a different country</h2>\n <figure class=\"uol-gallery__figure\">\n <div class=\"uol-gallery__image-container\">\n <img src=\"#\" alt=\"\">\n </div>\n </figure>\n <noscript>\n <a href=\"https://www.youtube.com/watch?v=j4pt8l7e3u8\">https://www.youtube.com/watch?v=j4pt8l7e3u8</a>\n </noscript>\n </div>\n </div>\n </section>\n\n <div class=\"image-quote-v3__text-container\">\n <div class=\"image-quote-v3__text-container--inner\">\n <blockquote class=\"uol-typography-blockquote\">\n This whole experience has taught me to put myself out there, and do what makes me uncomfortable.\n <footer>\n <cite>\n Name, course\n </cite>\n </footer>\n </blockquote>\n </div>\n </div>\n </section>\n "
},
{
"id": "option3",
"style_lead": false,
"content": "\n <h2>Teal image quote</h2>\n\n <p>This component is a modified version of the homepage image quote component. It has been rebuilt to fit within a course page with section navigation. It is felt that the teal colour is jarring and doesn't work with the rest of the content on this page.</p>\n\n <section class=\"image-quote-v2\">\n <div class=\"image-quote-v2__edge\"></div>\n <img class=\"image-quote-v2__img\" src=\"https://www.leeds.ac.uk/images/resized/344x430-0-0-1-80-Untitled_design__40__2.png\" />\n <div class=\"image-quote-v2__text-container\">\n <div class=\"image-quote-v2__text-container--inner\">\n <blockquote class=\"uol-typography-blockquote\">\n I wanted more than just a degree. I wanted an experience and a new perspective on life, and personal and professional growth.\n <footer>\n <cite>Pragya Sharma, MSc International Marketing Management</cite>\n </footer>\n </blockquote>\n </div>\n </div>\n <div class=\"image-quote-v2__edge\"></div>\n </section>\n "
},
{
"id": "option4",
"style_lead": false,
"content": "\n <h2>Cream theme image quote</h2>\n\n <p>A modification of above. A cream colour is utilised to correspond with the key facts prominent option with cream further up this page. This component can be set so the content editor can choose teal or cream theme.</p>\n\n <section class=\"image-quote-v2 image-quote-v2--cream\">\n <div class=\"image-quote-v2__edge\"></div>\n <img class=\"image-quote-v2__img\" src=\"https://www.leeds.ac.uk/images/resized/344x430-0-0-1-80-Untitled_design__40__2.png\" />\n <div class=\"image-quote-v2__text-container\">\n <div class=\"image-quote-v2__text-container--inner\">\n <blockquote class=\"uol-typography-blockquote\">\n I wanted more than just a degree. I wanted an experience and a new perspective on life, and personal and professional growth.\n <footer>\n <cite>Pragya Sharma, MSc International Marketing Management</cite>\n </footer>\n </blockquote>\n </div>\n </div>\n <div class=\"image-quote-v2__edge\"></div>\n </section>\n\n "
},
{
"id": "option5",
"style_lead": false,
"content": "\n <h2>Cream theme video link</h2>\n\n <p>Here a play icon is presented which is a clear call to action to the end user if they want to watch a video. For release 15 this is only feasible to play via a YouTube link. Further development required for playing in a modal like option 2 below.</p>\n\n <section class=\"image-quote-v2 image-quote-v2--cream\">\n <div class=\"image-quote-v2__edge\"></div>\n <div class=\"image-quote-v2__img-and-video\">\n <img class=\"image-quote-v2__img\" src=\"https://www.leeds.ac.uk/images/resized/344x430-0-0-1-80-Untitled_design__40__2.png\" />\n\n <button id=\"playButton\" class=\"image-quote-v2__button uol-button uol-icon uol-icon--mdiPlay uol-icon--icon-only uol-icon--icon-only--large\" type=\"button\">Play slideshow</button>\n\n </div>\n <div class=\"image-quote-v2__text-container\">\n <div class=\"image-quote-v2__text-container--inner\">\n <blockquote class=\"uol-typography-blockquote\">\n This whole experience has taught me to put myself out there, and do what makes me uncomfortable.\n\n <footer>\n <cite>\n\n Name, course\n\n </cite>\n </footer>\n\n </blockquote>\n\n </div>\n </div>\n <div class=\"image-quote-v2__edge\"></div>\n</section>\n\n\n "
},
{
"id": "option6",
"style_lead": false,
"content": "\n <h2>Full width video and blockquote</h2>\n\n <p>Uses existing video embed component and existing blockquote component. These are both already on a tested page so no development necessary, although they do not use any new designs.</p>\n\n <h3>Video example</h3>\n\n <iframe width=\"560\" height=\"315\" src=\"https://www.youtube-nocookie.com/embed/AjvkAkHZAzc\" title=\"YouTube video player - Studying abroad\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n\n <blockquote>\n <p>I wanted more than just a degree. I wanted an experience and a new perspective on life, and personal and professional growth.</p>\n <footer>\n <cite>Pragya Sharma, MSc International Marketing Management</cite>\n </footer>\n </blockquote>\n "
}
]
}