<style>
    #footer-bar a i {
        font-size: 20px;
    }

    #footer-bar a {
        color: #000;
    }

    .footer-bar-6 .circle-nav span {
        font-size: 11px !important;
    }

    .footer-bar-6 span {
        font-size: 11px !important;
    }
</style>
<div id="footer-bar" class="footer-bar-6">
    <a onclick="loadPage()" href="profile.php" class="nav_page button_click"><i class="fa fa-users"></i><span>Profile</span></a>
    <a onclick="loadPage()" href="mail.php" class="nav_page button_click"><i class="fa fa-envelope"></i><span>Mail</span><em></em></a>
    <a onclick="loadPage()" href="timeline.php" class="button_click circle-nav active-nav "><i class="fa fa-laptop"></i><span>Timeline</span><strong><u></u></strong></a>
    <a href="alert.php"><i class="fa fa-bell"></i><span>Alert</span><em class="z-depth-1 badge bg-highlight">3+</em></a>
    <a data-menu="menu_nav" href="#" class="menu_class button_click nav_page"><i class="fa fa-bars"></i><span>Menu</span></a>
</div>