<footer class="footer" style="background-color: #1E0A46;"> <div class="container"> <div class="row"> <div class="col-md-4 mb-0 mb-md-4 pb-0 pb-md-2"> <a href="#" class="logo-footer"> <img src="images/logo-light.png" height="24" alt=""> </a> <h5 class="text-light footer-head mt-5" style="font-weight:900;">Company</h5> <ul class="list-unstyled footer-list mt-4" style="color:white; font-weight:700;"> <li> About us</a></li> <li> Services</a></li> <li>Team</a></li> <li>Pricing</a></li> </ul> </div><!--end col--> <div class="col-md-4 col-12 mt-5"> <ul class="list-unstyled footer-list mt-5 pt-5" style="color:white; font-weight:700;"> <li> Lorem, ipsum.</a></li> <li>Lorem, ipsum dolor.</a></li> </ul> </div><!--end col--> <div class="col-md-3 col-12 mt-4 pt-2"> <h5 class="text-light footer-head mt-5" style="font-weight:900;">Company</h5> <ul class="list-unstyled footer-list mt-4" style="color:white; font-weight:700;"> <li> About us</a></li> <li> Services</a></li> <li>Team</a></li> <li>Pricing</a></li> </ul> </div><!--end col--> </div><!--end row--> </div><!--end container--> </footer> <footer class="footer footer-bar" style="background-color: #1E0A46;"> <div class="container text-center"> <div class="row align-items-center"> <div class="col-md-12"> <div class="text-sm-start"> <p class="mb-0">© <script>document.write(new Date().getFullYear())</script>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi, pariatur. Lorem ipsum dolor sit amet consectetur <br>adipisicing elit. Molestiae, fugiat!</p> </div> </div><!--end col--> </div><!--end row--> </div><!--end container--> </footer>