<!-- Mobile Bottom Nav START -->
<div class="fixed-bottom d-lg-none bg-white border-top">
    <div class="d-flex justify-content-between align-items-center p-2">
        <a class="btn btn-light flex-fill mx-1" href="#">
            <i class="bi bi-house-door fs-5"></i>
        </a>
        <a class="btn btn-light flex-fill mx-1" href="#">
            <i class="bi bi-people fs-5"></i>
        </a>
        <a class="btn btn-primary flex-fill mx-1" href="#">
            <i class="bi bi-plus-lg fs-5"></i>
        </a>
        <a class="btn btn-light flex-fill mx-1" href="#">
            <i class="bi bi-bell fs-5"></i>
        </a>
        <a class="btn btn-light flex-fill mx-1" href="#">
            <i class="bi bi-person fs-5"></i>
        </a>
    </div>
</div>
<!-- Mobile Bottom Nav END --><?php /**PATH /Applications/MAMP/htdocs/socialink_backend/resources/views/front_end/components/footer.blade.php ENDPATH**/ ?>