One Leeds Design System v2.0.0

Footer New: Default

No notes defined.

<footer class="ds2-footer">
  <div class="footer__logo-outer">
    <a class="footer__logo" href="{{ logo.url }}" aria-label="{{ logo.alt }}">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="24 24 213.22 43" aria-hidden="true" focusable="false">
        <path d="M50.1623 37.7708H50.8622V37.1486H49.729V39.0154H50.1623V37.7708Z"></path>
        <path d="M51.0625 51.6899H51.829V44.8777H53.5288V43.6332H51.0625V51.6899Z"></path>
        <path d="M47.6631 51.6899H48.4296V44.8777H50.1294V43.6332H47.6631V51.6899Z"></path>
        <path d="M54.6952 57.8962C54.6952 56.5207 53.5954 55.5709 52.2956 55.5709C50.9958 55.5709 49.896 56.5207 49.896 57.8962C49.896 59.2718 50.9958 60.2216 52.2956 60.2216C53.5954 60.2216 54.6952 59.2718 54.6952 57.8962ZM50.7959 57.8962C50.7959 57.012 51.4957 56.4224 52.2956 56.4224C53.0955 56.4224 53.7954 57.012 53.7954 57.8962C53.7954 58.7805 53.0955 59.37 52.2956 59.37C51.4957 59.37 50.7959 58.7805 50.7959 57.8962Z"></path>
        <path d="M52.1623 37.7708H52.8622V37.1486H51.729V39.0154H52.1623V37.7708Z"></path>
        <path d="M54.1618 37.7708H54.8617V37.1486H53.7285V39.0154H54.1618V37.7708Z"></path>
        <path d="M54.4619 51.6899H55.2285V44.8777H56.9282V43.6332H54.4619V51.6899Z"></path>
        <path d="M24 24.13V66.87H43.0303V55.5546H47.6629V66.87H48.4294V54.1463H56.1615V66.87H56.9281V55.5546H61.5607V66.87H67.493V24.13H24ZM52.2621 29.0426H52.3288L56.7948 31.7282H47.7962L52.2621 29.0426ZM47.7295 32.2522H56.8614L57.328 35.4782H47.2629L47.7295 32.2522ZM60.5941 54.8013H56.9281V53.393H47.6629V54.8013H43.9968V51.6572H44.63V41.3734H45.6299V36.035H58.9611V41.3734H59.9609V51.6572H60.5941V54.8013Z"></path>
        <path d="M46.8631 42.487H57.728L58.1946 41.7992H46.3965L46.8631 42.487Z"></path>
        <path d="M220.477 24.2292L226.944 35.4296V42.7654H230.786V35.4623L237.22 24.2292H233.182L230.359 29.4364C229.899 30.2224 229.374 31.2049 228.98 32.0564H228.947C228.52 31.2049 228.028 30.1896 227.568 29.4037L224.745 24.2292H220.477ZM203.964 27.4059H209.512V42.7654H213.386V27.4059H218.934V24.2292H203.964V27.4059ZM197.168 42.7654H201.009V24.2292H197.168V42.7654ZM183.576 65.2643C184.922 66.1485 186.826 67 189.486 67C193.425 67 196.314 64.8385 196.314 61.3998C196.314 55.5704 188.304 55.9634 188.304 52.7867C188.304 51.6733 189.387 51.1165 190.766 51.1165C192.309 51.1165 193.622 51.6078 195.198 52.4593L195.264 49.0861C194.213 48.4966 192.539 47.9726 190.602 47.9726C186.498 47.9726 184.266 50.4615 184.266 53.278C184.266 54.719 184.725 55.7669 185.448 56.5857C187.713 59.1401 192.243 59.5659 192.243 62.0221C192.243 63.3976 190.733 63.8888 189.321 63.8888C187.647 63.8888 186.268 63.2011 185.054 62.4478L183.576 65.2643ZM181.114 41.2917C182.427 42.1759 184.364 43.0274 187.023 43.0274C190.963 43.0274 193.852 40.9642 193.852 37.3945C193.852 31.6961 185.809 31.9254 185.809 28.7814C185.809 27.7007 186.925 27.1112 188.271 27.1112C189.814 27.1112 191.16 27.6352 192.736 28.4867L192.801 25.1135C191.718 24.4912 190.044 24 188.107 24C184.003 24 181.803 26.489 181.803 29.3054C181.803 30.7464 182.23 31.7944 182.952 32.6131C185.251 35.1676 189.748 35.5605 189.748 38.0168C189.748 39.425 188.238 39.8835 186.859 39.8835C185.185 39.8835 183.773 39.2285 182.591 38.4752L181.114 41.2917ZM169.459 63.5286V51.4113H171.823C175.631 51.4113 177.962 53.7692 177.962 57.4699C177.962 61.1051 175.631 63.5286 171.823 63.5286H169.459ZM169.427 32.7768V27.4059H171.068C172.907 27.4059 173.957 28.4867 173.957 29.9604C173.957 31.5651 172.71 32.7768 171.068 32.7768H169.427ZM165.585 42.7654H169.427V35.5933H170.904C171.561 35.8553 172.677 37.9513 175.5 42.7654H179.932C177.109 38.0168 175.336 34.8728 174.384 34.3816V34.3488C176.091 33.5628 177.765 31.9581 177.765 29.5347C177.765 26.6855 175.96 24.2292 171.002 24.2292H165.585V42.7654ZM165.585 66.738H171.757C177.798 66.738 182 62.9391 182 57.3717C182 51.9353 178.126 48.2018 171.823 48.2018H165.585V66.738ZM151.436 42.7654H162.237V39.5887H155.31V34.8728H161.252V31.6961H155.31V27.4059H162.171V24.2292H151.436V42.7654ZM151.436 66.738H162.237V63.5613H155.277V58.8781H161.252V55.6687H155.277V51.3785H162.171V48.2018H151.436V66.738ZM137.319 66.738H148.12V63.5613H141.193V58.8781H147.135V55.6687H141.193V51.3785H148.054V48.2018H137.319V66.738ZM130.458 24.2292L138.173 42.8964H141.226L149.171 24.2292H145.231L141.16 34.1196C140.7 35.2986 140.274 36.4448 139.913 37.5583H139.847C139.453 36.4448 139.059 35.3313 138.567 34.1196L134.693 24.2292H130.458ZM124.318 42.7654H128.192V24.2292H124.318V42.7654ZM124.318 66.738H134.66V63.5613H128.192V48.2018H124.318V66.738ZM105.441 66.738H109.282V58.9436H115.028V55.7669H109.282V51.3785H116.045V48.2018H105.441V66.738ZM102.913 42.7654H106.754V32.6131C106.754 31.7616 106.754 30.6154 106.689 30.0259H106.754C107.247 30.8446 107.805 31.5651 108.527 32.4821L116.571 42.7654H120.182V24.2292H116.341V33.6611C116.341 34.4471 116.341 35.6588 116.374 36.543H116.341C115.815 35.757 115.323 35.0693 114.568 34.1196L106.787 24.2292H102.913V42.7654ZM86.5312 57.4699C86.5312 53.6382 89.0591 51.1493 92.4078 51.1493C95.7564 51.1493 98.2515 53.6382 98.2515 57.4699C98.2515 61.3343 95.7564 63.8233 92.4078 63.8233C89.0591 63.8233 86.5312 61.3343 86.5312 57.4699ZM83.0841 35.5278C83.0841 40.4402 85.809 43.0274 90.9961 43.0274C95.9862 43.0274 99.1051 40.5057 99.1051 35.4623V24.2292H95.2311V35.4296C95.2311 38.2788 93.8195 39.7852 91.0618 39.7852C88.4682 39.7852 86.958 38.2133 86.958 35.4296V24.2292H83.0841V35.5278ZM92.4078 67C98.0545 67 102.29 62.9718 102.29 57.4699C102.29 52.0008 98.0545 47.9398 92.4078 47.9398C86.7282 47.9398 82.4932 52.0008 82.4932 57.4699C82.4932 62.9718 86.7282 67 92.4078 67Z"></path>
      </svg>
    </a>
  </div>
  <nav class="footer__nav">
    {% for link_group in footer_link_groups %}
      <div class="footer__nav-group">
        <h3 class="footer__nav-group-heading">{{ link_group.group_title }}</h3>
        <ul class="footer__nav-list">
          {% for link in link_group.links %}
            <li class="footer__nav-list-item"><a href="{{ link.url }}">{{ link.title }}</a></li>
          {% endfor %}
        </ul>
      </div>
    {% endfor %}
  </nav>
    <div class="footer__address-container ">
        <address>
          {{ address_field | safe }}
        </address>
    </div>
    <div class="footer__social-media-container">
      {% render '@social-icons', {social_icons: social_links} %}
    </div>

    <div class="footer__site-information-container">
      {% render '@uol-footer-site-information', { siteInformation: siteInformation }%}
    </div>

</footer>
 
<footer class="ds2-footer">
    <div class="footer__logo-outer">
        <a class="footer__logo" href="https://www.leeds.ac.uk/" aria-label="University of Leeds logo">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="24 24 213.22 43" aria-hidden="true" focusable="false">
                <path d="M50.1623 37.7708H50.8622V37.1486H49.729V39.0154H50.1623V37.7708Z"></path>
                <path d="M51.0625 51.6899H51.829V44.8777H53.5288V43.6332H51.0625V51.6899Z"></path>
                <path d="M47.6631 51.6899H48.4296V44.8777H50.1294V43.6332H47.6631V51.6899Z"></path>
                <path d="M54.6952 57.8962C54.6952 56.5207 53.5954 55.5709 52.2956 55.5709C50.9958 55.5709 49.896 56.5207 49.896 57.8962C49.896 59.2718 50.9958 60.2216 52.2956 60.2216C53.5954 60.2216 54.6952 59.2718 54.6952 57.8962ZM50.7959 57.8962C50.7959 57.012 51.4957 56.4224 52.2956 56.4224C53.0955 56.4224 53.7954 57.012 53.7954 57.8962C53.7954 58.7805 53.0955 59.37 52.2956 59.37C51.4957 59.37 50.7959 58.7805 50.7959 57.8962Z"></path>
                <path d="M52.1623 37.7708H52.8622V37.1486H51.729V39.0154H52.1623V37.7708Z"></path>
                <path d="M54.1618 37.7708H54.8617V37.1486H53.7285V39.0154H54.1618V37.7708Z"></path>
                <path d="M54.4619 51.6899H55.2285V44.8777H56.9282V43.6332H54.4619V51.6899Z"></path>
                <path d="M24 24.13V66.87H43.0303V55.5546H47.6629V66.87H48.4294V54.1463H56.1615V66.87H56.9281V55.5546H61.5607V66.87H67.493V24.13H24ZM52.2621 29.0426H52.3288L56.7948 31.7282H47.7962L52.2621 29.0426ZM47.7295 32.2522H56.8614L57.328 35.4782H47.2629L47.7295 32.2522ZM60.5941 54.8013H56.9281V53.393H47.6629V54.8013H43.9968V51.6572H44.63V41.3734H45.6299V36.035H58.9611V41.3734H59.9609V51.6572H60.5941V54.8013Z"></path>
                <path d="M46.8631 42.487H57.728L58.1946 41.7992H46.3965L46.8631 42.487Z"></path>
                <path d="M220.477 24.2292L226.944 35.4296V42.7654H230.786V35.4623L237.22 24.2292H233.182L230.359 29.4364C229.899 30.2224 229.374 31.2049 228.98 32.0564H228.947C228.52 31.2049 228.028 30.1896 227.568 29.4037L224.745 24.2292H220.477ZM203.964 27.4059H209.512V42.7654H213.386V27.4059H218.934V24.2292H203.964V27.4059ZM197.168 42.7654H201.009V24.2292H197.168V42.7654ZM183.576 65.2643C184.922 66.1485 186.826 67 189.486 67C193.425 67 196.314 64.8385 196.314 61.3998C196.314 55.5704 188.304 55.9634 188.304 52.7867C188.304 51.6733 189.387 51.1165 190.766 51.1165C192.309 51.1165 193.622 51.6078 195.198 52.4593L195.264 49.0861C194.213 48.4966 192.539 47.9726 190.602 47.9726C186.498 47.9726 184.266 50.4615 184.266 53.278C184.266 54.719 184.725 55.7669 185.448 56.5857C187.713 59.1401 192.243 59.5659 192.243 62.0221C192.243 63.3976 190.733 63.8888 189.321 63.8888C187.647 63.8888 186.268 63.2011 185.054 62.4478L183.576 65.2643ZM181.114 41.2917C182.427 42.1759 184.364 43.0274 187.023 43.0274C190.963 43.0274 193.852 40.9642 193.852 37.3945C193.852 31.6961 185.809 31.9254 185.809 28.7814C185.809 27.7007 186.925 27.1112 188.271 27.1112C189.814 27.1112 191.16 27.6352 192.736 28.4867L192.801 25.1135C191.718 24.4912 190.044 24 188.107 24C184.003 24 181.803 26.489 181.803 29.3054C181.803 30.7464 182.23 31.7944 182.952 32.6131C185.251 35.1676 189.748 35.5605 189.748 38.0168C189.748 39.425 188.238 39.8835 186.859 39.8835C185.185 39.8835 183.773 39.2285 182.591 38.4752L181.114 41.2917ZM169.459 63.5286V51.4113H171.823C175.631 51.4113 177.962 53.7692 177.962 57.4699C177.962 61.1051 175.631 63.5286 171.823 63.5286H169.459ZM169.427 32.7768V27.4059H171.068C172.907 27.4059 173.957 28.4867 173.957 29.9604C173.957 31.5651 172.71 32.7768 171.068 32.7768H169.427ZM165.585 42.7654H169.427V35.5933H170.904C171.561 35.8553 172.677 37.9513 175.5 42.7654H179.932C177.109 38.0168 175.336 34.8728 174.384 34.3816V34.3488C176.091 33.5628 177.765 31.9581 177.765 29.5347C177.765 26.6855 175.96 24.2292 171.002 24.2292H165.585V42.7654ZM165.585 66.738H171.757C177.798 66.738 182 62.9391 182 57.3717C182 51.9353 178.126 48.2018 171.823 48.2018H165.585V66.738ZM151.436 42.7654H162.237V39.5887H155.31V34.8728H161.252V31.6961H155.31V27.4059H162.171V24.2292H151.436V42.7654ZM151.436 66.738H162.237V63.5613H155.277V58.8781H161.252V55.6687H155.277V51.3785H162.171V48.2018H151.436V66.738ZM137.319 66.738H148.12V63.5613H141.193V58.8781H147.135V55.6687H141.193V51.3785H148.054V48.2018H137.319V66.738ZM130.458 24.2292L138.173 42.8964H141.226L149.171 24.2292H145.231L141.16 34.1196C140.7 35.2986 140.274 36.4448 139.913 37.5583H139.847C139.453 36.4448 139.059 35.3313 138.567 34.1196L134.693 24.2292H130.458ZM124.318 42.7654H128.192V24.2292H124.318V42.7654ZM124.318 66.738H134.66V63.5613H128.192V48.2018H124.318V66.738ZM105.441 66.738H109.282V58.9436H115.028V55.7669H109.282V51.3785H116.045V48.2018H105.441V66.738ZM102.913 42.7654H106.754V32.6131C106.754 31.7616 106.754 30.6154 106.689 30.0259H106.754C107.247 30.8446 107.805 31.5651 108.527 32.4821L116.571 42.7654H120.182V24.2292H116.341V33.6611C116.341 34.4471 116.341 35.6588 116.374 36.543H116.341C115.815 35.757 115.323 35.0693 114.568 34.1196L106.787 24.2292H102.913V42.7654ZM86.5312 57.4699C86.5312 53.6382 89.0591 51.1493 92.4078 51.1493C95.7564 51.1493 98.2515 53.6382 98.2515 57.4699C98.2515 61.3343 95.7564 63.8233 92.4078 63.8233C89.0591 63.8233 86.5312 61.3343 86.5312 57.4699ZM83.0841 35.5278C83.0841 40.4402 85.809 43.0274 90.9961 43.0274C95.9862 43.0274 99.1051 40.5057 99.1051 35.4623V24.2292H95.2311V35.4296C95.2311 38.2788 93.8195 39.7852 91.0618 39.7852C88.4682 39.7852 86.958 38.2133 86.958 35.4296V24.2292H83.0841V35.5278ZM92.4078 67C98.0545 67 102.29 62.9718 102.29 57.4699C102.29 52.0008 98.0545 47.9398 92.4078 47.9398C86.7282 47.9398 82.4932 52.0008 82.4932 57.4699C82.4932 62.9718 86.7282 67 92.4078 67Z"></path>
            </svg>
        </a>
    </div>
    <nav class="footer__nav">

        <div class="footer__nav-group">
            <h3 class="footer__nav-group-heading">Placeholder one</h3>
            <ul class="footer__nav-list">

                <li class="footer__nav-list-item"><a href="/link-one">Item one</a></li>

                <li class="footer__nav-list-item"><a href="/link-two">Item two</a></li>

                <li class="footer__nav-list-item"><a href="/link-three">Item three</a></li>

                <li class="footer__nav-list-item"><a href="/link-four">Item four</a></li>

            </ul>
        </div>

        <div class="footer__nav-group">
            <h3 class="footer__nav-group-heading">Placeholder two</h3>
            <ul class="footer__nav-list">

                <li class="footer__nav-list-item"><a href="/link-one">Item one</a></li>

                <li class="footer__nav-list-item"><a href="/link-two">Item two</a></li>

                <li class="footer__nav-list-item"><a href="/link-three">Item three</a></li>

                <li class="footer__nav-list-item"><a href="/link-four">Item four</a></li>

            </ul>
        </div>

        <div class="footer__nav-group">
            <h3 class="footer__nav-group-heading">Placeholder three</h3>
            <ul class="footer__nav-list">

                <li class="footer__nav-list-item"><a href="/link-one">Item one</a></li>

                <li class="footer__nav-list-item"><a href="/link-two">Item two</a></li>

                <li class="footer__nav-list-item"><a href="/link-three">Item three</a></li>

                <li class="footer__nav-list-item"><a href="/link-four">Item four</a></li>

            </ul>
        </div>

    </nav>
    <div class="footer__address-container ">
        <address>
            University of Leeds, Woodhouse Lane, Leeds, LS2 9JT <a href="tel:+4401132431751">+44 0113 243 1751</a>
        </address>
    </div>
    <div class="footer__social-media-container">
        <div class="ds2-social-icons">

            <a class="social-icons__link" href="https://www.facebook.com/universityofleeds/" aria-label="Facebook">
                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M24 0C10.7453 0 0 10.7453 0 24C0 35.255 7.74912 44.6995 18.2026 47.2934V31.3344H13.2538V24H18.2026V20.8397C18.2026 12.671 21.8995 8.8848 29.9194 8.8848C31.44 8.8848 34.0637 9.18336 35.137 9.48096V16.129C34.5706 16.0694 33.5866 16.0397 32.3645 16.0397C28.4294 16.0397 26.9088 17.5306 26.9088 21.4061V24H34.7482L33.4013 31.3344H26.9088V47.8243C38.7926 46.3891 48.001 36.2707 48.001 24C48 10.7453 37.2547 0 24 0Z" fill="white" />
                </svg>
            </a>

            <a class="social-icons__link" href="https://twitter.com/unileeds" aria-label="X (Twitter)">
                <svg width="44" height="40" viewBox="0 0 44 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M34.6526 0H41.3995L26.6594 16.847L44 39.7719H30.4225L19.7881 25.8681L7.61989 39.7719H0.868864L16.6349 21.7522L0 0H13.9222L23.5348 12.7087L34.6526 0ZM32.2846 35.7336H36.0232L11.8908 3.82626H7.87892L32.2846 35.7336Z" fill="white" />
                </svg>
            </a>

            <a class="social-icons__link" href="https://www.instagram.com/universityofleeds/" aria-label="Instagram">
                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g clip-path="url(#clip0_17_63)">
                        <path d="M24 4.32187C30.4125 4.32187 31.1719 4.35 33.6938 4.4625C36.0375 4.56562 37.3031 4.95938 38.1469 5.2875C39.2625 5.71875 40.0688 6.24375 40.9031 7.07812C41.7469 7.92188 42.2625 8.71875 42.6938 9.83438C43.0219 10.6781 43.4156 11.9531 43.5188 14.2875C43.6313 16.8187 43.6594 17.5781 43.6594 23.9813C43.6594 30.3938 43.6313 31.1531 43.5188 33.675C43.4156 36.0188 43.0219 37.2844 42.6938 38.1281C42.2625 39.2438 41.7375 40.05 40.9031 40.8844C40.0594 41.7281 39.2625 42.2438 38.1469 42.675C37.3031 43.0031 36.0281 43.3969 33.6938 43.5C31.1625 43.6125 30.4031 43.6406 24 43.6406C17.5875 43.6406 16.8281 43.6125 14.3063 43.5C11.9625 43.3969 10.6969 43.0031 9.85313 42.675C8.7375 42.2438 7.93125 41.7188 7.09688 40.8844C6.25313 40.0406 5.7375 39.2438 5.30625 38.1281C4.97813 37.2844 4.58438 36.0094 4.48125 33.675C4.36875 31.1438 4.34063 30.3844 4.34063 23.9813C4.34063 17.5688 4.36875 16.8094 4.48125 14.2875C4.58438 11.9437 4.97813 10.6781 5.30625 9.83438C5.7375 8.71875 6.2625 7.9125 7.09688 7.07812C7.94063 6.23438 8.7375 5.71875 9.85313 5.2875C10.6969 4.95938 11.9719 4.56562 14.3063 4.4625C16.8281 4.35 17.5875 4.32187 24 4.32187ZM24 0C17.4844 0 16.6688 0.028125 14.1094 0.140625C11.5594 0.253125 9.80625 0.665625 8.2875 1.25625C6.70312 1.875 5.3625 2.69062 4.03125 4.03125C2.69063 5.3625 1.875 6.70313 1.25625 8.27813C0.665625 9.80625 0.253125 11.55 0.140625 14.1C0.028125 16.6687 0 17.4844 0 24C0 30.5156 0.028125 31.3312 0.140625 33.8906C0.253125 36.4406 0.665625 38.1938 1.25625 39.7125C1.875 41.2969 2.69063 42.6375 4.03125 43.9688C5.3625 45.3 6.70313 46.125 8.27813 46.7344C9.80625 47.325 11.55 47.7375 14.1 47.85C16.6594 47.9625 17.475 47.9906 23.9906 47.9906C30.5063 47.9906 31.3219 47.9625 33.8813 47.85C36.4313 47.7375 38.1844 47.325 39.7031 46.7344C41.2781 46.125 42.6188 45.3 43.95 43.9688C45.2812 42.6375 46.1063 41.2969 46.7156 39.7219C47.3063 38.1938 47.7188 36.45 47.8313 33.9C47.9438 31.3406 47.9719 30.525 47.9719 24.0094C47.9719 17.4938 47.9438 16.6781 47.8313 14.1188C47.7188 11.5688 47.3063 9.81563 46.7156 8.29688C46.125 6.70312 45.3094 5.3625 43.9688 4.03125C42.6375 2.7 41.2969 1.875 39.7219 1.26562C38.1938 0.675 36.45 0.2625 33.9 0.15C31.3313 0.028125 30.5156 0 24 0Z" fill="white" />
                        <path d="M24 11.6719C17.1938 11.6719 11.6719 17.1938 11.6719 24C11.6719 30.8062 17.1938 36.3281 24 36.3281C30.8062 36.3281 36.3281 30.8062 36.3281 24C36.3281 17.1938 30.8062 11.6719 24 11.6719ZM24 31.9969C19.5844 31.9969 16.0031 28.4156 16.0031 24C16.0031 19.5844 19.5844 16.0031 24 16.0031C28.4156 16.0031 31.9969 19.5844 31.9969 24C31.9969 28.4156 28.4156 31.9969 24 31.9969Z" fill="white" />
                        <path d="M39.6937 11.1843C39.6937 12.778 38.4 14.0624 36.8156 14.0624C35.2219 14.0624 33.9375 12.7687 33.9375 11.1843C33.9375 9.59053 35.2313 8.30615 36.8156 8.30615C38.4 8.30615 39.6937 9.5999 39.6937 11.1843Z" fill="white" />
                    </g>
                    <defs>
                        <clipPath id="clip0_17_63">
                            <rect width="48" height="48" fill="white" />
                        </clipPath>
                    </defs>
                </svg>
            </a>

            <a class="social-icons__link" href="https://www.linkedin.com/school/university-of-leeds/" aria-label="LinkedIn">
                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g clip-path="url(#clip0_17_68)">
                        <path d="M44.4469 0H3.54375C1.58437 0 0 1.54688 0 3.45938V44.5312C0 46.4437 1.58437 48 3.54375 48H44.4469C46.4062 48 48 46.4438 48 44.5406V3.45938C48 1.54688 46.4062 0 44.4469 0ZM14.2406 40.9031H7.11563V17.9906H14.2406V40.9031ZM10.6781 14.8688C8.39062 14.8688 6.54375 13.0219 6.54375 10.7437C6.54375 8.46562 8.39062 6.61875 10.6781 6.61875C12.9563 6.61875 14.8031 8.46562 14.8031 10.7437C14.8031 13.0125 12.9563 14.8688 10.6781 14.8688ZM40.9031 40.9031H33.7875V29.7656C33.7875 27.1125 33.7406 23.6906 30.0844 23.6906C26.3812 23.6906 25.8187 26.5875 25.8187 29.5781V40.9031H18.7125V17.9906H25.5375V21.1219H25.6312C26.5781 19.3219 28.9031 17.4188 32.3625 17.4188C39.5719 17.4188 40.9031 22.1625 40.9031 28.3313V40.9031V40.9031Z" fill="white" />
                    </g>
                    <defs>
                        <clipPath id="clip0_17_68">
                            <rect width="48" height="48" fill="white" />
                        </clipPath>
                    </defs>
                </svg>
            </a>

        </div>

    </div>

    <div class="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">&copy; 2026 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>

</footer>
  • Content: 
    .ds2-footer {
  font-family: uolInter, sans-serif;
  background-color: $color-brand-black;
  color: $color-brand-white;
  padding: 1.5rem;

  .footer__logo-outer {
    padding: 1.5rem;
    text-align: center;

    @media (min-width: 1025px) {
      text-align: left;
    }

    svg {
      width: 213px;
      height: 43px;

      .st0{fill:#fff;}

      path {
        fill: $color-white--dark;
      }
    }
  }
  .footer__nav {
    @media (min-width: 1025px) {
      display: flex;
      flex-wrap: wrap;

      > * {
        flex: 0 0 33.333%;
      }
    }
  }
 .footer__nav-group {
    border-top: 1px solid $color-brand-black-80;
    border-bottom: 1px solid $color-brand-black-80;
    margin: 0 -1.5rem;
    padding: 0 1.5rem; // Trick to have full border
 }
  ul {
    list-style: none;
    padding-left: .5rem;


  }

  li {
    margin-bottom: 2rem;
    color: $color-brand-black-30;

    &:hover {
      color: $color-brand-pale-green;
      text-decoration: underline;
    }
  }

  a {
    text-decoration: none;
  }

 address {
  padding:  1.5rem 0;
  font-style: normal;
    a {
      color: $color-brand-pale-green;
    }
  }
}

.footer__social-media-container {
  svg {
    width: 16px;
    height: 16px;
    padding: 0 0.5rem;

    &:hover {
      path {
        fill: $color-brand-pale-green;
      }
    }
  }
}
  • URL: /components/raw/ds2-footer/_footer.scss
  • Filesystem Path: src/library/ds2/03-patterns/footer/_footer.scss
  • Size: 1.3 KB 
{
  "logo": {
    "alt": "University of Leeds logo",
    "url": "https://www.leeds.ac.uk/"
  },
  "footer_link_groups": [
    {
      "group_title": "Placeholder one",
      "links": [
        {
          "title": "Item one",
          "url": "/link-one"
        },
        {
          "title": "Item two",
          "url": "/link-two"
        },
        {
          "title": "Item three",
          "url": "/link-three"
        },
        {
          "title": "Item four",
          "url": "/link-four"
        }
      ]
    },
    {
      "group_title": "Placeholder two",
      "links": [
        {
          "title": "Item one",
          "url": "/link-one"
        },
        {
          "title": "Item two",
          "url": "/link-two"
        },
        {
          "title": "Item three",
          "url": "/link-three"
        },
        {
          "title": "Item four",
          "url": "/link-four"
        }
      ]
    },
    {
      "group_title": "Placeholder three",
      "links": [
        {
          "title": "Item one",
          "url": "/link-one"
        },
        {
          "title": "Item two",
          "url": "/link-two"
        },
        {
          "title": "Item three",
          "url": "/link-three"
        },
        {
          "title": "Item four",
          "url": "/link-four"
        }
      ]
    }
  ],
  "address_field": "University of Leeds, Woodhouse Lane, Leeds, LS2 9JT <a href=\"tel:+4401132431751\">+44 0113 243 1751</a>",
  "siteInformation": {
    "currentYear": 2026,
    "links": [
      {
        "url": "/terms-and-conditions",
        "text": "Terms and conditions"
      },
      {
        "url": "/accessibility",
        "text": "Accessibility"
      },
      {
        "url": "/privacy",
        "text": "Privacy and cookies"
      },
      {
        "url": "/freedom-of-information",
        "text": "Freedom of information"
      }
    ]
  },
  "social_links": [
    {
      "title": "Facebook",
      "url": "https://www.facebook.com/universityofleeds/",
      "icon": "<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M24 0C10.7453 0 0 10.7453 0 24C0 35.255 7.74912 44.6995 18.2026 47.2934V31.3344H13.2538V24H18.2026V20.8397C18.2026 12.671 21.8995 8.8848 29.9194 8.8848C31.44 8.8848 34.0637 9.18336 35.137 9.48096V16.129C34.5706 16.0694 33.5866 16.0397 32.3645 16.0397C28.4294 16.0397 26.9088 17.5306 26.9088 21.4061V24H34.7482L33.4013 31.3344H26.9088V47.8243C38.7926 46.3891 48.001 36.2707 48.001 24C48 10.7453 37.2547 0 24 0Z\" fill=\"white\"/>\n                </svg>"
    },
    {
      "title": "X (Twitter)",
      "url": "https://twitter.com/unileeds",
      "icon": "<svg width=\"44\" height=\"40\" viewBox=\"0 0 44 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path d=\"M34.6526 0H41.3995L26.6594 16.847L44 39.7719H30.4225L19.7881 25.8681L7.61989 39.7719H0.868864L16.6349 21.7522L0 0H13.9222L23.5348 12.7087L34.6526 0ZM32.2846 35.7336H36.0232L11.8908 3.82626H7.87892L32.2846 35.7336Z\" fill=\"white\"/>\n                  </svg>"
    },
    {
      "title": "Instagram",
      "url": "https://www.instagram.com/universityofleeds/",
      "icon": "<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <g clip-path=\"url(#clip0_17_63)\">\n                  <path d=\"M24 4.32187C30.4125 4.32187 31.1719 4.35 33.6938 4.4625C36.0375 4.56562 37.3031 4.95938 38.1469 5.2875C39.2625 5.71875 40.0688 6.24375 40.9031 7.07812C41.7469 7.92188 42.2625 8.71875 42.6938 9.83438C43.0219 10.6781 43.4156 11.9531 43.5188 14.2875C43.6313 16.8187 43.6594 17.5781 43.6594 23.9813C43.6594 30.3938 43.6313 31.1531 43.5188 33.675C43.4156 36.0188 43.0219 37.2844 42.6938 38.1281C42.2625 39.2438 41.7375 40.05 40.9031 40.8844C40.0594 41.7281 39.2625 42.2438 38.1469 42.675C37.3031 43.0031 36.0281 43.3969 33.6938 43.5C31.1625 43.6125 30.4031 43.6406 24 43.6406C17.5875 43.6406 16.8281 43.6125 14.3063 43.5C11.9625 43.3969 10.6969 43.0031 9.85313 42.675C8.7375 42.2438 7.93125 41.7188 7.09688 40.8844C6.25313 40.0406 5.7375 39.2438 5.30625 38.1281C4.97813 37.2844 4.58438 36.0094 4.48125 33.675C4.36875 31.1438 4.34063 30.3844 4.34063 23.9813C4.34063 17.5688 4.36875 16.8094 4.48125 14.2875C4.58438 11.9437 4.97813 10.6781 5.30625 9.83438C5.7375 8.71875 6.2625 7.9125 7.09688 7.07812C7.94063 6.23438 8.7375 5.71875 9.85313 5.2875C10.6969 4.95938 11.9719 4.56562 14.3063 4.4625C16.8281 4.35 17.5875 4.32187 24 4.32187ZM24 0C17.4844 0 16.6688 0.028125 14.1094 0.140625C11.5594 0.253125 9.80625 0.665625 8.2875 1.25625C6.70312 1.875 5.3625 2.69062 4.03125 4.03125C2.69063 5.3625 1.875 6.70313 1.25625 8.27813C0.665625 9.80625 0.253125 11.55 0.140625 14.1C0.028125 16.6687 0 17.4844 0 24C0 30.5156 0.028125 31.3312 0.140625 33.8906C0.253125 36.4406 0.665625 38.1938 1.25625 39.7125C1.875 41.2969 2.69063 42.6375 4.03125 43.9688C5.3625 45.3 6.70313 46.125 8.27813 46.7344C9.80625 47.325 11.55 47.7375 14.1 47.85C16.6594 47.9625 17.475 47.9906 23.9906 47.9906C30.5063 47.9906 31.3219 47.9625 33.8813 47.85C36.4313 47.7375 38.1844 47.325 39.7031 46.7344C41.2781 46.125 42.6188 45.3 43.95 43.9688C45.2812 42.6375 46.1063 41.2969 46.7156 39.7219C47.3063 38.1938 47.7188 36.45 47.8313 33.9C47.9438 31.3406 47.9719 30.525 47.9719 24.0094C47.9719 17.4938 47.9438 16.6781 47.8313 14.1188C47.7188 11.5688 47.3063 9.81563 46.7156 8.29688C46.125 6.70312 45.3094 5.3625 43.9688 4.03125C42.6375 2.7 41.2969 1.875 39.7219 1.26562C38.1938 0.675 36.45 0.2625 33.9 0.15C31.3313 0.028125 30.5156 0 24 0Z\" fill=\"white\"/>\n                  <path d=\"M24 11.6719C17.1938 11.6719 11.6719 17.1938 11.6719 24C11.6719 30.8062 17.1938 36.3281 24 36.3281C30.8062 36.3281 36.3281 30.8062 36.3281 24C36.3281 17.1938 30.8062 11.6719 24 11.6719ZM24 31.9969C19.5844 31.9969 16.0031 28.4156 16.0031 24C16.0031 19.5844 19.5844 16.0031 24 16.0031C28.4156 16.0031 31.9969 19.5844 31.9969 24C31.9969 28.4156 28.4156 31.9969 24 31.9969Z\" fill=\"white\"/>\n                  <path d=\"M39.6937 11.1843C39.6937 12.778 38.4 14.0624 36.8156 14.0624C35.2219 14.0624 33.9375 12.7687 33.9375 11.1843C33.9375 9.59053 35.2313 8.30615 36.8156 8.30615C38.4 8.30615 39.6937 9.5999 39.6937 11.1843Z\" fill=\"white\"/>\n                  </g>\n                  <defs>\n                  <clipPath id=\"clip0_17_63\">\n                  <rect width=\"48\" height=\"48\" fill=\"white\"/>\n                  </clipPath>\n                  </defs>\n                  </svg>"
    },
    {
      "title": "LinkedIn",
      "url": "https://www.linkedin.com/school/university-of-leeds/",
      "icon": "<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <g clip-path=\"url(#clip0_17_68)\">\n                  <path d=\"M44.4469 0H3.54375C1.58437 0 0 1.54688 0 3.45938V44.5312C0 46.4437 1.58437 48 3.54375 48H44.4469C46.4062 48 48 46.4438 48 44.5406V3.45938C48 1.54688 46.4062 0 44.4469 0ZM14.2406 40.9031H7.11563V17.9906H14.2406V40.9031ZM10.6781 14.8688C8.39062 14.8688 6.54375 13.0219 6.54375 10.7437C6.54375 8.46562 8.39062 6.61875 10.6781 6.61875C12.9563 6.61875 14.8031 8.46562 14.8031 10.7437C14.8031 13.0125 12.9563 14.8688 10.6781 14.8688ZM40.9031 40.9031H33.7875V29.7656C33.7875 27.1125 33.7406 23.6906 30.0844 23.6906C26.3812 23.6906 25.8187 26.5875 25.8187 29.5781V40.9031H18.7125V17.9906H25.5375V21.1219H25.6312C26.5781 19.3219 28.9031 17.4188 32.3625 17.4188C39.5719 17.4188 40.9031 22.1625 40.9031 28.3313V40.9031V40.9031Z\" fill=\"white\"/>\n                  </g>\n                  <defs>\n                  <clipPath id=\"clip0_17_68\">\n                  <rect width=\"48\" height=\"48\" fill=\"white\"/>\n                  </clipPath>\n                  </defs>\n                  </svg>"
    }
  ]
}