footer.html

<div class="container-fluid p-0" style="width: 100%; height: 120px">
    <div class="row">
        <div class=" d-flex  p-4  justify-content-center justify-content-lg-between text-white">
            <div class="d-none d-lg-block fs-5 fst-italic fw-light">
                <span> Get connected with us on our social media pages: </span>
            </div>
            <div id="socials">
                <a href="https://www.facebook.com/" class="me-4 text-light"><i class="bi bi-facebook" title="Facebook"></i></a>
                <a href="https://twitter.com/" class="me-4 text-light"><i class="bi bi-twitter" title="Twitter"></i></a>
                <a href="https://www.instagram.com/" class="me-4 text-light"><i class="bi bi-instagram" title="Instragram"></i></a>
                <a href="https://www.yelp.ie/dublin" class=" text-light"><i class="bi bi-yelp" title="Yelp"></i></a>
            </div>
        </div>
    </div>
        
    <div class="row copyright-div p-0 mh-100">
        <div class="text-center  text-white fixed-bottom" style="height: 32px; background-color: black;">
            <small>&copy; 2024 Gourmet Roasters, Ltd. All rights reserved.</small>
        </div>
    </div>
</div>