<!-- navbar.php -->
<style>
.navbar{background: #1B263B};

</style>
<div class="navbar">
    <div class="nav-items">
        
        <div class="mobile-btn">
          <button onclick="DropClick()"><i class="fa fa-bars" style="color: #fff;"></i></button>
        </div>

        <div class="siteName">
            <span style="color: #fff;">DE GOODNESS N/P SCHOOL</span>
        </div>
        
        <div  class="right-items">
            <!-- <div class="notification-counter" onclick="dropNotify()">
                <i class="fa fa-bell"></i>
                <span id="numbCounter">0</span>
            </div> -->
            
            
            <a href="logout.php" ><i class="fa fa-user-circle"></i></a>
        </div>
    </div>
</div>

<script>
    function dropNotify(){
        const drop = document.getElementById('disNotify');
        drop.classList.toggle('active');
    }
    
</script>


