Footer

Taxonomic name: FOOTER

Archive - Updated 01/03/17. Current version

Molecule

Beta v.1.0.0 - Beta v.1.0.4

The footer did not require the additional class t-accent-dark or the data-module tag to force a minimum page height.

<footer class="footer" role="contentinfo">
	<div class="l-content-container">
		<ul class="plain-list footer__link-list">
			<li><a href="">...</a></li>
			...
		</ul>

		<ul class="plain-list footer__link-list">
			<li><a href="">...</a></li>
			...
		</ul>

		<ul class="plain-list footer__link-list">
			<li><a href="">...</a></li>
			...
		</ul>

		<ul class="plain-list footer__link-list">
			<li><a href="">...</a></li>
			...
		</ul>

		<ul class="plain-list footer__link-list">
			<li><a href="">...</a></li>
			...
		</ul>

		<ul class="plain-list social-list">
			<li><a class="social-list__icon social-list__icon--facebook" href="...">Facebook</a></li>
			<li><a class="social-list__icon social-list__icon--twitter" href="...">Twitter</a></li>
			<li><a class="social-list__icon social-list__icon--youtube" href="...">YouTube</a></li>
			<li><a class="social-list__icon social-list__icon--google" href="...">Google+</a></li>
		</ul>

		<p class="footer__copyright">
			<span class="footer__datecode">...</span>
			<span class="footer__copyright__text">© 2017 Aviva</span>
		</p>
	</div>
</footer>