<footer class="site-footer">
    <div class="grid footer-links__container">
        <div class="container">
            <div class="grid__row">
                <div class="grid__column footer-links__list-container" data-gridspan="12 M6 L3">
                    <h3 class="footer-links__heading">sustainability</h3>
                    <ul class="footer-links__list">
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="overview">overview</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="performance">performance</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="governance">governance</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="policies">policies</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="sustainability reports">sustainability reports</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="sustainability contacts">sustainability contacts</a></li>
                    </ul>
                </div>
                <div class="grid__column footer-links__list-container" data-gridspan="12 M6 L3">
                    <h3 class="footer-links__heading">media</h3>
                    <ul class="footer-links__list">
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="press kit">press kit</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="media releases">media releases</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="publications">publications</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="social media">social media</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="case studies">case studies</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="media contacts">media contacts</a></li>
                    </ul>
                </div>
                <div class="grid__column footer-links__list-container" data-gridspan="12 M6 L3">
                    <h3 class="footer-links__heading">investors</h3>
                    <ul class="footer-links__list">
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="about us">about us</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="share performance">share performance</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="financial reporting">financial reporting</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="events">events</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="private investors">private investors</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="media releases">media releases</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="investor contacts">investor contacts</a></li>
                    </ul>
                </div>
                <div class="grid__column footer-links__list-container" data-gridspan="12 M6 L3">
                    <h3 class="footer-links__heading">careers</h3>
                    <ul class="footer-links__list">
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="who we are">who we are</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="working at Smith &amp; Nephew">working at Smith &amp; Nephew</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="valueing difference">valueing difference</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="vacancies">vacancies</a></li>
                        <li class="footer-links__item"><a class="footer-links__anchor" href="#" title="career contacts">career contacts</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="grid footer-social">
        <div class="container">
            <div class="grid__row">
                <ul class="footer-social__list" data-gridspan="12">
                    <li class="footer-social__item footer-social__item--twitter">
                        <a class="footer-social__link" href="https://twitter.com/smithnephewplc" title="Corporate updates from Smith &amp; Nephew plc head office">
                            <img class="social-icon social-icon--twitter social-icon--inverted" src="/assets/icons/twitter-inverted.svg" onerror="this.src='/assets/icons/twitter-inverted.png';this.onerror=null;">
                            <!-- Corporate updates from Smith &amp; Nephew plc head office -->
                        </a>
                    </li>
                    <li class="footer-social__item footer-social__item--facebook">
                        <a class="footer-social__link" href="https://www.facebook.com/SmithNephewPlc" title="Visit Smith &amp; Nephew plc on Facebook">
                            <img class="social-icon social-icon--facebook social-icon--inverted" src="/assets/icons/facebook-inverted.svg" onerror="this.src='/assets/icons/facebook-inverted.png';this.onerror=null;">
                            <!-- Visit Smith &amp; Nephew plc on Facebook -->
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="grid colophon">
        <div class="container">
            <div class="grid__row">
                <div class="grid__column colophon__item" data-gridspan="12 M12 L9">
                    <p>&loz; Trademark of Smith &amp; Nephew. The information on this website is intended for health care professionals only</p>
                </div>
                <div class="grid__column colophon__item colophon__item--last" data-gridspan="12 M12 L3">
                    <a class="colophon__links" href="#">Privancy &amp; cookies</a>
                    <a class="colophon__links" href="#">Terms of use</a>
                </div>
            </div>
        </div>
    </div>
</footer>
<footer class="site-footer">
{{ render '@links' }}
{{ render '@social' }}
{{ render '@colophon' }}
</footer>
/* No context defined for this component. */

There are no notes for this item.