6.5 Footer menu View in a new window
The footer menu uses the standard grid.
Twig: components/footer-menu/footer-menu.twig
Example
Markup
<nav class="footer-menu" role="navigation" aria-label="Site information">
<ul class="footer-menu__level-1">
<li class="footer-menu__item">
<a href="#">About UTS</a>
<ul class="footer-menu__level-2">
<li class="footer-menu__item">
<a href="#">The University</a>
</li>
<li class="footer-menu__item">
<a href="#">Maps and facilities</a>
</li>
<li class="footer-menu__item">
<a href="#">UTS governance</a>
</li>
<li class="footer-menu__item">
<a href="#">Faculties</a>
</li>
<li class="footer-menu__item">
<a href="#">Privacy statement</a>
</li>
<li class="footer-menu__item">
<a href="#">Disclaimer</a>
</li>
</ul>
</li>
<li class="footer-menu__item">
<a href="#">Library</a>
<ul class="footer-menu__level-2">
<li class="footer-menu__item">
<a href="#">Search catalogue</a>
</li>
<li class="footer-menu__item">
<a href="#">What's on</a>
</li>
<li class="footer-menu__item">
<a href="#">Help and resources</a>
</li>
</ul>
</li>
<li class="footer-menu__item">
<a href="#">Newsroom</a>
<ul class="footer-menu__level-2">
<li class="footer-menu__item">
<a href="#">Events</a>
</li>
<li class="footer-menu__item">
<a href="#">Find an expert</a>
</li>
<li class="footer-menu__item">
<a href="#">Media centre</a>
</li>
</ul>
</li>
<li class="footer-menu__item">
<a href="#">Staff</a>
<ul class="footer-menu__level-2">
<li class="footer-menu__item">
<a href="#">Staff Connect</a>
</li>
<li class="footer-menu__item">
<a href="#">Webmail</a>
</li>
<li class="footer-menu__item">
<a href="#">Staff Directory</a>
</li>
<li class="footer-menu__item">
<a href="#">Jobs at UTS</a>
</li>
</ul>
</li>
</ul>
</nav>