Footer Component
<footer class="footer" role="contentinfo">
<div class="wrap wrap--padded">
<div class="grid">
<div class="grid__col--12 grid__col-md--6">
<a href="#LINK" class="footer__logo icon icon--logo-invert" aria-label="Macquarie University Logo - Click here to go home"></a>
</div>
<div class="grid__col--12 grid__col-md--6">
<a href="#" class="footer__tagline icon icon--tagline-white" aria-label="You to the power of us"></a>
</div>
<nav class="grid__col--6 grid__col-md--3 grid__col-mx--2">
<h2 class="footer__title">Quick links</h2>
<ul class="footer__nav">
<li><a href="#LINK">Find a course</a></li>
<li><a href="#LINK">How to apply</a></li>
<li><a href="#LINK">Admissions and enrolment</a></li>
<li><a href="#LINK">Scholarships</a></li>
<li><a href="#LINK">Entry pathways</a></li>
<li><a href="#LINK">Getting to Macquarie</a></li>
<li><a href="#LINK">Events</a></li>
</ul>
</nav>
<nav class="grid__col--6 grid__col-md--3 grid__col-mx--2">
<h2 class="footer__title">Information for</h2>
<ul class="footer__nav">
<li><a href="#LINK">Future students</a></li>
<li><a href="#LINK">Researchers</a></li>
<li><a href="#LINK">Industry collaborations</a></li>
<li><a href="#LINK">Careers</a></li>
<li><a href="#LINK">Donations</a></li>
<li><a href="#LINK">Media</a></li>
<li><a href="#LINK">Parents</a></li>
</ul>
</nav>
<nav class="grid__col--6 grid__col-md--3 grid__col-mx--3">
<h2 class="footer__title">Faculties</h2>
<ul class="footer__nav">
<li><a href="#LINK">Faculty of Arts</a></li>
<li><a href="#LINK">Faculty of Business and Economics</a></li>
<li><a href="#LINK">Faculty of Human Sciences</a></li>
<li><a href="#LINK">Faculty of Medicince and Health Sciences</a></li>
<li><a href="#LINK">Faculty of Science and Engineering</a></li>
<li><a href="#LINK">Faculties, departments and centres</a></li>
</ul>
</nav>
<nav class="grid__col--6 grid__col-md--3 grid__col-mx--2">
<h2 class="footer__title">Media</h2>
<ul class="footer__nav">
<li><a href="#LINK">News</a></li>
<li><a href="#LINK">Pioneering Minds Podcast</a></li>
<li><a href="#LINK">The Lighthouse</a></li>
<li><a href="#LINK">Big History</a></li>
<li><a href="#LINK">Ignite</a></li>
</ul>
</nav>
<ul class="footer__address grid__col--12 grid__col-md--6 grid__col-mx--2 flex">
<li>
<h2 class="footer__title">Main Campus</h2>
<address>Macquarie University<br/> Sydney, NSW 2109 </address>
<a href="tel:+61298507111">+61 2 9850 7111</a>
</li>
<li>
<h2 class="footer__title">City Campus</h2>
<address>Angel Place<br/> Lvl24, 123 Pitt Street<br/> Sydney, NSW 2109 </address>
<a href="tel:+61298507111">+61 2 9234 1700</a>
</li>
</ul>
<nav class="grid__col--12 grid__col-md--6 grid__col-mx--1">
<h2 class="footer__title">Follow us</h2>
<ul class="footer__social flex ">
<li>
<a href="#LINK" class="ico ico--f-facebook" title="facebook">
<span class="visually-hidden">Macquarie University's Facebook page</span>
</a>
</li>
<li>
<a href="#LINK" class="ico ico--f-youtube" title="youtube">
<span class="visually-hidden">Macquarie University's Youtube page</span>
</a>
</li>
<li>
<a href="#LINK" class="ico ico--f-linkedin" title="linkedin">
<span class="visually-hidden">Macquarie University's Linkedin page</span>
</a>
</li>
<li>
<a href="#LINK" class="ico ico--f-instagram" title="instagram">
<span class="visually-hidden">Macquarie University's Instagram page</span>
</a>
</li>
</ul>
</nav>
</div>
<div class="footer__sub grid grid--nrg">
<nav class="grid__col--12 grid__col-lg--5">
<ul class="footer__sub__nav flex">
<li><a href="#LINK">Privacy</a></li>
<li><a href="#LINK">Accessibility</a></li>
<li><a href="#LINK">Contact Us</a></li>
<li><a href="#LINK">Campus Map</a></li>
</ul>
</nav>
<ul class="footer__sub__legal grid__col--12 grid__col-lg--7">
<li>© Macquarie Univeristy</li>
<li>CRICOS Provider 00002J</li>
<li>ABN 90 952 801 237</li>
</ul>
</div>
</div>
</footer>