<footer class="site-footer">
<div class="inner">
<ul class="footer-links footer-left">
<li class="footer-item">
<a class="link" href="http://universityoffice.com.au" title="Support" target="_blank">Support</a>
</li>
<li class="footer-item">
<a class="link" href="http://universityoffice.com.au" title="Privacy Policy" target="_blank">Privacy Policy</a>
</li>
<li class="footer-item">
<a class="link" href="http://universityoffice.com.au" title="Disclaimer" target="_blank">Disclaimer</a>
</li>
</ul>
<ul class="footer-links footer-right">
<li class="footer-item">
<span class="text">© Copyright University Office 2017</span>
</li>
<li class="footer-item footer-code">
<span class="text">065396D</span>
</li>
</ul>
</div>
</footer>
<footer class="site-footer">
<div class="inner">
<ul class="footer-links footer-left">
<li class="footer-item">
<a class="link" href="http://universityoffice.com.au" title="Support" target="_blank">Support</a>
</li>
<li class="footer-item">
<a class="link" href="http://universityoffice.com.au" title="Privacy Policy" target="_blank">Privacy Policy</a>
</li>
<li class="footer-item">
<a class="link" href="http://universityoffice.com.au" title="Disclaimer" target="_blank">Disclaimer</a>
</li>
</ul>
<ul class="footer-links footer-right">
<li class="footer-item">
<span class="text">© Copyright University Office 2017</span>
</li>
<li class="footer-item footer-code">
<span class="text">065396D</span>
</li>
</ul>
</div>
</footer>
/* No context defined for this component. */
.site-footer {
height: 18rem;
.inner {
position: relative;
@include max-width;
width: calc(100% - 10rem);
height: 100%;
margin: 0 auto;
}
.footer-left {
left: 0;
}
.footer-right {
right: 0;
}
.footer-links {
position: absolute;
top: 50%;
transform: translateY(-50%);
.footer-item {
display: inline-block;
&:not(:first-child) {
margin-left: 8rem;
}
&.footer-code {
&::before {
content: "Code: ";
}
}
}
}
}
There are no notes for this item.