Back to components
Footer
Contents
Full footer
Example
HTML Snippet for phase banner
<footer class="main">
<section class="footerGlobal list-atoz">
<div class="container-fluid lcc-footer">
<div class="row">
<div class="col-md-3 footer-marg-bottom">
<h2 class="heading-small top">Message us</h2>
<div class="text-block">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i>Facebook</a></li>
<li><a href="#"><i class="fa fa-twitter"></i>Twitter</a></li>
</ul>
<p><span class="font-xsmall">Monday to Friday, between 9am and 5pm.</span></p>
</div>
</div>
<div class="col-md-3 footer-marg-bottom">
<h2 class="heading-small top">Call us</h2>
<p>General enquiries</p>
<div class="text-block">
<p>0113 111 2222<br><span class="font-xsmall">Monday to Friday, 9am and 5pm, except Wednesdays when lines open at 10am.</span></p>
</div>
<p class="bottom"><a href="#">Emergency and out of hours contact numbers</a></p>
</div>
<div class="col-md-3 footer-marg-bottom">
<ul>
<li><a href="#">Accessibility</a></li>
<li><a href="#">British Sign Language</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Terms and Conditions</a></li>
<li><a rel="external" href="#">News and press office</a></li>
<li><a href="">Feedback</a></li>
</ul>
</div>
<div class="col-md-3">
<img class="footer-lcc-logo" src="/public/images/lcc-logo-white-01.svg" alt="">
<p>© Leeds City Council 2021</p>
</div>
</div>
</div>
</section>
</footer>Condensed footer
Example
HTML Snippet for second footer
<footer class="main">
<section class="footerGlobal">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<nav>
<ul>
<li><a href="#">Accessibility</a></li>
<li><a href="#">Terms and conditions</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="row">
<div class="col-sm-12 logo-footer">
<img src="/public/images/lcc-logo-white-01.svg" alt="Leeds City Council logo" />
<p>Copyright © Leeds City Council 2019</p>
<p>Official local authority website for Leeds providing information on local services.</p>
</div>
</div>
</div>
</section>
</footer>