EVOLUTION-NINJA

Edit File: header.php

<head>

<link rel="stylesheet" href="<?php echo base_url('public/assets/css/header.css');?>" />
    <link rel="stylesheet" href="<?php echo base_url('public/assets/css/home_sidebar.css');?>" />
    <link rel="stylesheet" href="<?php echo base_url('public/assets/css/main.css');?>" />
    
    <script type="text/javascript" src="<?php echo base_url('public/assets/js/jquery-3.6.0.min.js'); ?>"></script>
    
    <script src="public/assets/toastr/toastr.min.js"></script>
    <link rel="stylesheet" href="public/assets/toastr/toastr.min.css">

<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"rel="stylesheet">

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"  integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
           
    
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.22/datatables.min.css" />
    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.22/datatables.min.js"></script>
    
    
    
    <link href="https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css"  rel="stylesheet" />

<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/intlTelInput.css');?>" />
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/countrySelect.css');?>" />

<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">

<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
</head>

<div class="nav-3">
                        <img src="public/assets/images/Group.png" alt="">
                        <p><?php echo session()->get('username');?></p>
                        <div class="dropdownContent">
                            <ul>
                                <li><a href="<?php echo base_url('dashboard');?>"> Dashboard</a></li>
                                
                            </ul>
                        </div>
                    </div>

<i class="fa fa-search dot-menu" id="open-menu" aria-hidden="true"></i>
                    <a href="<?php echo base_url('logout');?>" class="log-btn"><button class="logout-gtrac-btn btn">LOGOUT &nbsp;<i
                                class="fa fa-sign-out" aria-hidden="true"></i></button></a>
                </div>
            </div>

</div>
        </nav>
    </header>
    <script>
         var openmenu = document.getElementById("open-menu");
        var menu = document.getElementById("searchbox");
        var log_out = document.querySelector(".log-btn");
        openmenu.addEventListener("click", function () {
            if (menu.style.display !== "block") {
                menu.style.display = "block";
                log_out.style.display = "block";
            } else {
                menu.style.display = "none";
                log_out.style.display = "none";
            }
        });

</script>