A JSON version of the footer is included in snippets/layout.json
Options, in the form of query parameters, can be passed to the feedback form by including them in the data-feedback-options attribute on the document element.
e.g. data-feedback-options="&a=1&b=2".
The feedback URL can be overridden by adding data-feedback-override="https://my-custom.url" to the document element.
Content with a data-ucas-content attribute would need to be replaced with markup from the UCAS Content API.
Content with a data-ucas-content-optional attribute can be omitted.
<!-- START footer_complete component -->
<footer class="section section--footer" id="section--footer" data-generated-at="2018-09-12T11:15:55+01:00" data-designframework="DF-937-search-results-improvements">
<div class="section__inner-wrapper">
<!-- START section footer component -->
<div class="footer__upper">
<div class="wrapper">
<div class="footer__icon-links" data-ucas-content="UcasFooterSocial">
<a href="https://www.facebook.com/ucasonline" target="_blank" class="icon-link">Facebook<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73 73" class="menu__svg">
<g id="facebook" transform="translate(0 0)">
<circle class="cls-1" cx="36" cy="36" r="36" />
<path class="cls-2" d="M40.28,57.6V38.27h6.49l1-7.53H40.28v-4.8c0-2.19.6-3.66,3.74-3.66h4V15.55a52.85,52.85,0,0,0-5.81-.3c-5.76,0-9.69,3.51-9.69,9.94v5.56H26v7.53h6.5V57.6h7.78Z" />
</g>
</svg></a>
<a href="https://www.twitter.com/UCAS_online" target="_blank" class="icon-link">Twitter<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73 73" class="menu__svg">
<g id="twitter" transform="translate(0 0)">
<circle class="cls-1" cx="36" cy="36" r="36" />
<path class="cls-2" d="M30.08,53.2C45.95,53.2,54.63,40,54.63,28.64c0-.37,0-0.74,0-1.11a17.58,17.58,0,0,0,4.31-4.48,17.49,17.49,0,0,1-5,1.36,8.68,8.68,0,0,0,3.8-4.78,17.17,17.17,0,0,1-5.49,2.09,8.63,8.63,0,0,0-14.93,5.91,9.54,9.54,0,0,0,.22,2,24.57,24.57,0,0,1-17.79-9,8.66,8.66,0,0,0,2.67,11.53A8.86,8.86,0,0,1,18.53,31v0.12a8.65,8.65,0,0,0,6.92,8.47,8.68,8.68,0,0,1-3.89.15,8.63,8.63,0,0,0,8.06,6,17.31,17.31,0,0,1-10.72,3.7,16.61,16.61,0,0,1-2.05-.11A24.65,24.65,0,0,0,30.08,53.2" />
</g>
</svg></a>
<a href="https://www.linkedin.com/company/ucas" target="_blank" class="icon-link">LinkedIn<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73 73" class="menu__svg">
<g id="linked_in" transform="translate(0 0)">
<circle class="cls-1" cx="36" cy="36" r="36" />
<rect class="cls-2" x="21.24" y="30.48" width="7.16" height="23.22" />
<path class="cls-2" d="M55.53,41V53.7H48.38V42.36c0-2.7,0-6.21-3.78-6.21s-4.32,3-4.32,5.94V53.57H33V30.48h6.89v3.11H40a7.82,7.82,0,0,1,6.89-3.78C54.18,29.94,55.53,34.8,55.53,41Z" />
<path class="cls-2" d="M29.07,23.19A4.19,4.19,0,1,1,24.88,19,4.21,4.21,0,0,1,29.07,23.19Z" />
</g>
</svg></a>
<a href="https://www.youtube.com/user/UCASonline" target="_blank" class="icon-link">YouTube<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73 73" class="menu__svg">
<g id="youtube" transform="translate(0 0)">
<circle class="cls-1" cx="36" cy="36" r="36" />
<path class="cls-2" d="M59,25A5.75,5.75,0,0,0,55,21c-3.54-1-17.73-1-17.73-1S23.06,20,19.5,21a5.7,5.7,0,0,0-4,4.05c-0.93,3.56-.93,11-0.93,11s0,7.43,1,11a5.75,5.75,0,0,0,4,4.05c3.53,1,17.73,1,17.73,1S51.45,52,55,51A5.7,5.7,0,0,0,59,47C60,43.43,60,36,60,36S60,28.57,59,25ZM32.61,42.76V29.24L44.48,36Z" />
</g>
</svg></a>
<a href="https://www.instagram.com/ucas_online" target="_blank" class="icon-link">Instagram<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 73 73" class="menu__svg">
<defs>
<pattern id="pattern" preserveAspectRatio="xMidYMid slice" width="100%" height="100%" viewBox="0 0 1024 1024">
<image width="1024" height="1024" xlink:href="data:image/png;base64,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" />
</pattern>
</defs>
<g id="instagram" transform="translate(0 0)">
<path class="cls-1" d="M36,0A36,36,0,1,1,0,36,36,36,0,0,1,36,0Z" />
<path class="cls-2" d="M36,18.84c5.69,0,6.36,0,8.61.13a11.62,11.62,0,0,1,4,.74A6.61,6.61,0,0,1,51,21.29a6.51,6.51,0,0,1,1.59,2.45,11.84,11.84,0,0,1,.74,4c0.1,2.25.13,2.92,0.13,8.61s0,6.36-.13,8.61a11.62,11.62,0,0,1-.74,4A6.61,6.61,0,0,1,51,51.32a6.51,6.51,0,0,1-2.45,1.59,11.84,11.84,0,0,1-4,.74c-2.25.1-2.92,0.13-8.61,0.13s-6.36,0-8.61-.13a11.62,11.62,0,0,1-4-.74A6.61,6.61,0,0,1,21,51.32a6.51,6.51,0,0,1-1.59-2.45,11.84,11.84,0,0,1-.74-4c-0.1-2.25-.13-2.92-0.13-8.61s0-6.36.13-8.61a11.62,11.62,0,0,1,.74-4A6.61,6.61,0,0,1,21,21.29a6.51,6.51,0,0,1,2.45-1.59,11.84,11.84,0,0,1,4-.74c2.25-.11,2.93-0.13,8.61-0.13M36,15c-5.78,0-6.51,0-8.78.13a15.61,15.61,0,0,0-5.16,1,10.38,10.38,0,0,0-3.77,2.46,10.56,10.56,0,0,0-2.46,3.77,15.62,15.62,0,0,0-1,5.17c-0.1,2.27-.13,3-0.13,8.78s0,6.51.13,8.78a15.71,15.71,0,0,0,1,5.17A10.38,10.38,0,0,0,18.27,54,10.56,10.56,0,0,0,22,56.49a15.62,15.62,0,0,0,5.17,1c2.27,0.1,3,.13,8.78.13s6.51,0,8.78-.13a15.71,15.71,0,0,0,5.17-1A10.38,10.38,0,0,0,53.73,54a10.56,10.56,0,0,0,2.46-3.77,15.62,15.62,0,0,0,1-5.17c0.1-2.27.13-3,.13-8.78s0-6.51-.13-8.78a15.71,15.71,0,0,0-1-5.17,10.38,10.38,0,0,0-2.46-3.77A10.56,10.56,0,0,0,50,16.11a15.62,15.62,0,0,0-5.18-1C42.5,15,41.77,15,36,15Z" />
<path class="cls-2" d="M36,25.36A10.94,10.94,0,1,0,46.93,36.3h0A10.94,10.94,0,0,0,36,25.36Zm0,18a7.1,7.1,0,1,1,7.1-7.1A7.1,7.1,0,0,1,36,43.4h0Z" />
<circle class="cls-2" cx="47.36" cy="24.93" r="2.55" />
</g>
</svg></a>
<a href="https://www.campussociety.com/channel/1767739" target="_blank" class="icon-link">Campus Society<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73 73" class="menu__svg">
<g id="campus_society" data-name="campus society" transform="translate(0 0)">
<circle class="cls-1" cx="36" cy="36" r="36" />
<path class="cls-2" d="M28,29.92c0,3.68,1,5.62,2.91,7.18A3.33,3.33,0,0,1,32.08,40a2.9,2.9,0,0,1-4.85,1.75,12.93,12.93,0,0,1-4.65-8A14,14,0,0,1,34.4,17.12a12.89,12.89,0,0,1,12,4.65,3.12,3.12,0,0,1,.78,3.1,3,3,0,0,1-2.52,1.94A3,3,0,0,1,42,25.65a8.31,8.31,0,0,0-4.46-2.33C32.46,22.16,28,25.85,28,29.92Z" />
<path class="cls-2" d="M49.53,39.61c0,8.15-5.24,14.16-12.22,14.93a13,13,0,0,1-12-4.85,2.82,2.82,0,0,1,.1-4l0.1-.09a3,3,0,0,1,3.88-.19l0.78,0.78a7.61,7.61,0,0,0,8.15,2.13,7.46,7.46,0,0,0,5.43-6.79A7.54,7.54,0,0,0,41.19,35c-1.55-1.16-1.94-2.33-1.36-3.68a3.06,3.06,0,0,1,4.85-1.16A14.57,14.57,0,0,1,49.53,39.61Z" />
</g>
</svg></a>
</div>
<div class="footer__contact-links">
<a href="https://www.ucas.com/contact-us" class="contact-link contact-link--dark" data-ucas-content="UcasFooterContactLink">Contact us</a>
<a href="https://www.ucas.com/feedback" class="contact-link" id="udf-feedback-link" data-ucas-content="UcasFooterFeedbackLink">Your feedback</a>
</div>
</div>
</div>
<div class="footer__middle">
<div class="wrapper">
<div class="footer__section-links">
<a href="https://www.ucas.com/advisers" class="section-link section-link--wide" data-ucas-content="UcasFooterAdviserLink">Advisers</a>
<a href="https://www.ucas.com/providers" class="section-link section-link--wide" data-ucas-content="UcasFooterProviderLink">Providers</a>
<a href="https://www.ucas.com/data-and-analysis" class="section-link section-link--wide" data-ucas-content="UcasFooterDataLink">Data</a>
<span class="section-link__divider"></span>
<a href="https://www.ucas.com/about-us/advertising-opportunities" class="section-link section-link--narrow" data-ucas-content="UcasFooterAdvertisingLink">Ad opportunities</a>
<a href="https://www.ucas.com/about-us/join-our-team" class="section-link section-link--narrow" data-ucas-content="UcasFooterJoinLink">Join our team</a>
<a href="https://www.ucas.com/about-us/policies/accessibility" class="section-link section-link--narrow" data-ucas-content="UcasFooterAccessibilityLink">Accessibility</a>
<a href="https://www.ucas.com/about-us" class="section-link section-link--narrow" data-ucas-content="UcasFooterAboutLink">About us</a>
</div>
</div>
</div>
<div class="footer__lower">
<div class="wrapper">
<div class="footer__legal-links">
<a href="https://www.ucas.com/ucas-terms-explained" class="legal-link" data-ucas-content="UcasFooterGlossaryLink">Glossary</a>
<a href="https://www.ucas.com/about-us/policies/terms-and-conditions-use-ucas-network" class="legal-link" data-ucas-content="UcasFooterTermsLink">Terms and conditions</a>
<a href="https://www.ucas.com/about-us/policies/privacy-policies-and-declarations" class="legal-link" data-ucas-content="UcasFooterPrivacyLink">Privacy and cookies</a>
<a href="https://www.ucas.com/corporate/about-us/slavery-and-human-trafficking-statement-financial-year-ending-31-july-2017" class="legal-link" data-ucas-content="UcasFooterSlaveryLink">Modern slavery statement</a>
</div>
<div class="footer__copyright" data-ucas-content="UcasFooterCopyright">
<a href="https://www.ucas.com"><img alt="UCAS" src="https://s3-eu-west-1.amazonaws.com/ucas-da-ui-framework-2016-01-28/UI/DF-937-search-results-improvements/images/logo.svg" /></a>
<p>© UCAS 2018</p>
</div>
</div>
</div>
<!-- END section footer component -->
</div>
</footer>
<!-- END footer_complete component -->
If you are looking at this on a prod environment, the markup can be used as-is.