Footer

A JSON version of the footer is included in snippets/layout.json

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-01-22T13:04:31+00:00" data-designframework="3.9.7">
  <div class="section__inner-wrapper">
    <div class="grid-container grid-12">
      <div class="grid__column-12">
          <!-- START footer component -->
<h2 class="h4">Find us on</h2>
<ul class="menu menu--ucas-social-media-links clearfix">
  <li class="menu__item"><a href="http://www.facebook.com/ucasonline" class="facebook menu__link ext" target="_blank">Facebook</a></li>
  <li class="menu__item"><a href="http://twitter.com/UCAS_online" class="twitter menu__link ext" target="_blank">Twitter</a></li>
  <li class="menu__item"><a href="http://www.linkedin.com/company/ucas" class="linkedin menu__link ext" target="_blank">LinkedIn</a></li>
  <li class="menu__item"><a href="https://plus.google.com/b/117861348435717184168/117861348435717184168/posts" class="googleplus menu__link ext" target="_blank">Google+</a></li>
  <li class="menu__item"><a href="http://www.youtube.com/user/UCASonline" class="youtube menu__link ext" target="_blank">YouTube</a></li>
  <li class="menu__item"><a href="http://instagram.com/ucas_online" class="instagram menu__link ext" target="_blank">Instagram</a></li>
  <li class="menu__item"><a href="https://www.pinterest.co.uk/ucas/" class="pinterest menu__link ext" target="_blank">Pinterest</a></li>
  <li class="menu__item"><a href="https://www.campussociety.com/channel/1767739" class="campussociety menu__link ext" target="_blank">Campus Society</a></li>
</ul>

<ul class="menu menu--ucas-sitewide-footer clearfix">
  <li class="menu__item"><a href="https://www.ucas.com/corporate/about-us/who-we-are/ucas-terms-explained" class="menu__link">UCAS terms explained</a></li>
  <li class="menu__item"><a href="https://www.ucas.com/events" class="menu__link">Events</a></li>
  <li class="menu__item"><a href="https://www.ucas.com/connect/videos#js=on" class="menu__link">Watch our videos</a></li>
  <li class="menu__item"><a href="https://www.ucas.com/corporate/about-us/advertising-opportunities" class="menu__link">Advertising opportunities</a></li>
  <li class="menu__item"><a href="https://www.ucas.com/corporate/join-our-team" class="menu__link">Join our team</a></li>
  <li class="menu__item"><a href="https://www.ucas.com/contact-us" class="menu__link">Contact us</a></li>
</ul>

<ul class="menu menu--ucas-sitewide-footer-minor clearfix">
  <li class="menu__item"><a href="https://www.ucas.com/corporate/about-us/corporate-governance/corporate-information" class="menu__link">Corporate information</a></li>
  <li class="menu__item"><a href="https://www.ucas.com/corporate/about-us/privacy-policies-and-declarations" class="menu__link">Privacy policy</a></li>
  <li class="menu__item"><a href="https://www.ucas.com/corporate/about-us/terms-and-conditions-use-ucas-network" class="menu__link">Terms and conditions</a></li>
  <li class="menu__item"><a href="https://www.ucas.com/corporate/about-us/cookies" class="menu__link">Cookies</a></li>
  <li class="menu__item"><a href="https://www.ucas.com/corporate/about-us/accessibility" class="menu__link">Accessibility</a></li>
  <li class="menu__item"><a href="https://www.ucas.com/corporate/about-us/slavery-and-human-trafficking-statement-financial-year-ending-31-july-2016" class="menu__link">Modern slavery statement</a></li>
</ul>

<p class="copyright">&copy; UCAS, 2018</p>
<p class="feedback-link" data-ucas-content="SecondaryFeedbackLink" data-ucas-content-optional><a href="https://www.surveymonkey.com/s/UCAS_website_feedback?c=ucas" class="ext" target="_blank">Give us your feedback</a></p>
<div id="__ba_panel" class="browsealoud--link" data-ucas-content="BrowseAloudLink" data-ucas-content-optional>Listen/translate with BrowseAloud</div>
<!-- END footer component -->

      </div>
    </div>
  </div>
</footer>
<!-- END footer_complete component -->