Footer
Footer documentation goes here.
Footer
HTML
<footer class="footer">
<section class="footer-top row">
<div class="col">
<a href="/" class="d-flex align-items-center link-dark text-decoration-none">
<img src="../assets/images/est-logo.png"/>
</a>
</div>
<div class="col">
<h2>Follow us</h2>
<ul class="nav flex-column">
<li class="nav-item"><a href="#" class="nav-link p-0">LinkedIn</a></li>
<li class="nav-item"><a href="#" class="nav-link p-0">X (Twitter)</a></li>
<li class="nav-item"><a href="#" class="nav-link p-0">Facebook</a></li>
<li class="nav-item"><a href="#" class="nav-link p-0">Instagram</a></li>
</ul>
</div>
<div class="col">
<h2>Follow us</h2>
<ul class="nav flex-column">
<li class="nav-item"><a href="#" class="nav-link p-0">LinkedIn</a></li>
<li class="nav-item"><a href="#" class="nav-link p-0">X (Twitter)</a></li>
<li class="nav-item"><a href="#" class="nav-link p-0">Facebook</a></li>
<li class="nav-item"><a href="#" class="nav-link p-0">Instagram</a></li>
</ul>
</div>
<div class="col full">
<h2>Energywire newsletter</h2>
<a class="btn btn-primary" href="#">Subscribe to newsletter</a>
</div>
</section>
<section class="footer-bottom">
<span class="site-name">Energy Saving Trust 2023</span>
<a class="nav-link" href="#">Terms and conditions</a>
<a class="nav-link" href="#">Privacy policy</a>
<a class="nav-link" href="#">Cookie policy</a>
</section>
</footer>
Footer (partner website)
HTML
<footer class="footer">
<section class="footer-top row">
<div class="col">
<a href="/" class="d-flex align-items-center link-dark text-decoration-none">
<img src="../assets/images/partner-logo.png"/>
</a>
</div>
<div class="col">
<h2>Follow us</h2>
<ul class="nav flex-column">
<li class="nav-item"><a href="#" class="nav-link p-0">LinkedIn</a></li>
<li class="nav-item"><a href="#" class="nav-link p-0">X (Twitter)</a></li>
<li class="nav-item"><a href="#" class="nav-link p-0">Facebook</a></li>
<li class="nav-item"><a href="#" class="nav-link p-0">Instagram</a></li>
</ul>
</div>
<div class="col">
<h2>Follow us</h2>
<ul class="nav flex-column">
<li class="nav-item"><a href="#" class="nav-link p-0">LinkedIn</a></li>
<li class="nav-item"><a href="#" class="nav-link p-0">X (Twitter)</a></li>
<li class="nav-item"><a href="#" class="nav-link p-0">Facebook</a></li>
<li class="nav-item"><a href="#" class="nav-link p-0">Instagram</a></li>
</ul>
</div>
</section>
<section class="footer-bottom">
<span class="site-name">Partner website 2023</span>
<a class="nav-link" href="#">Terms and conditions</a>
<a class="nav-link" href="#">Privacy policy</a>
<a class="nav-link" href="#">Cookie policy</a>
</section>
</footer>