donation/app/Views/template/topbar.php

    <!-- Topbar Start -->
    <div class="navbar-custom">
        <div class="container-fluid">

            <ul class="list-unstyled topnav-menu float-right mb-0">

                <li class="dropdown d-inline-block d-lg-none">
                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                        <i class="fe-search noti-icon"></i>
                    </a>
                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
                        <form class="p-3">
                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
                        </form>
                    </div>
                </li>

                <!-- <li class="dropdown d-none d-lg-inline-block">
                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
                        <i class="fe-maximize noti-icon"></i>
                    </a>
                </li> -->

                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
                    <!-- <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                        <i class="fe-grid noti-icon"></i>
                    </a> -->
                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">

                        <div class="p-2">
                            <div class="row no-gutters">
                                <div class="col">
                                    <a class="dropdown-icon-item" href="https://web.whatsapp.com/" target="_blank">
                                        <img src="<?= base_url()."public/assets/images/brands/whatsapp.png" ?>" alt="whatsapp">
                                        <span>Whatsapp</span>
                                    </a>

                                </div>
                                <div class="col">
                                    <a class="dropdown-icon-item" href="https://meet.google.com" target="_blank">
                                        <img src="<?= base_url()."public/assets/images/brands/meet.png" ?>" alt="G meet">
                                        <span>G Meet</span>
                                    </a>
                                </div>
                                <div class="col">
                                    <a class="dropdown-icon-item" href="https://mail.google.com" target="_blank">
                                        <!-- <img src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png" alt="G Suite"> -->
                                        <img src="<?= base_url()."public/assets/images/brands/gmail.png" ?>" alt="G mail">
                                        <span>G Mail</span>
                                    </a>
                                </div>
                            </div>

                        </div>

                    </div>
                </li>

                <li class="dropdown notification-list topbar-dropdown">
                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                        <img src="<?= $profile_picture; ?>" alt="user-image" class="rounded-circle">
                        <span class="pro-user-name ml-1"><?= $loggedin_person; ?><i class="mdi mdi-chevron-down"></i>
                        </span>
                    </a>
                   
                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
                        <!-- item-->
                        <div class="dropdown-header noti-title">
                            <h6 class="text-overflow m-0"><?= $loggedin_person_role; ?></h6>
                        </div>

                        <!-- item-->
                        <a href="<?= base_url()."user_page/".$loggedin_person_id; ?>" class="dropdown-item notify-item">
                            <i class="ri-account-circle-line"></i>
                            <span>My Account</span>
                        </a>

                        <?php if ($loggedin_person_role !== 'manager' && $loggedin_person_role !== 'sadmin') : ?>
                        <a href="<?= base_url()."new_org/".$bid; ?>"class="dropdown-item notify-item">
                                <i class="ri-briefcase-4-fill"></i><span> Org Setting </span>
                        </a>
                        <?php endif; ?>

                        <!-- <?php if ($loggedin_person_role !== 'manager' && $loggedin_person_role !== 'sadmin') : ?>
                        <a href="<?= base_url()."sitesetting_page/".$bid; ?>"class="dropdown-item notify-item">
                                <i class="ri-briefcase-4-fill"></i><span> Org Setting </span>
                        </a>
                        <?php endif; ?>                            
     -->
                       
                        <a href="<?= base_url()."lock"; ?>" class="dropdown-item notify-item">
                            <i class="ri-lock-line"></i>
                            <span>Lock Screen</span>
                        </a>

                        <div class="dropdown-divider"></div>

                        <!-- item-->
                        <a href="<?= base_url()."logout"; ?>" class="dropdown-item notify-item">
                            <i class="ri-logout-box-line"></i>
                            <span>Logout</span>
                        </a>

                    </div>
                </li>
                

                <!-- <li class="dropdown notification-list">
                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
                        <i class="fe-settings noti-icon"></i>
                    </a>
                </li> -->

            </ul>

            <!-- LOGO -->
            <div class="logo-box">
                    <a href="dashboard" class="logo logo-dark text-center">
                        <span class="logo-sm">
                            <img src="<?= $company_logo_small; ?>" alt="<?= $company_short_name; ?>" height="24">
                            <!-- <span class="logo-lg-text-light">Minton</span> -->
                        </span>
                        <span class="logo-lg">
                            <img src="<?= $company_logo_large; ?>" alt="<?= $company_name; ?>" height="50">
                            <!-- <img src="<?= base_url()."public/uploads/default.png" ?>" alt="<?= $company_name; ?>" height="20"> -->
                            <!-- <span class="logo-lg-text-light">M</span> -->
                        </span>
                    </a>

                    <a href="dashboard" class="logo logo-light text-center">
                        <span class="logo-sm">
                            <img src="<?= $company_logo_small; ?>" alt="<?= $company_short_name; ?>" height="24">
                        </span>
                        <span class="logo-lg">
                            <!-- <img src="<?= base_url()."public/uploads/default.png" ?>" alt="<?= $company_name; ?>" height="24"> -->
                            <img src="<?= $company_logo_large; ?>" alt="<?= $company_name; ?>" height="50">
                        </span>
                    </a>
                </div>

            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
                <li>
                    <button class="button-menu-mobile waves-effect waves-light">
                        <i class="fe-menu"></i>
                    </button>
                </li>

                <li>
                    <!-- Mobile menu toggle (Horizontal Layout)-->
                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
                        <div class="lines">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </a>
                    <!-- End mobile menu toggle-->
                </li>
            </ul>
            <div class="clearfix"></div>
        </div>
    </div>
    <!-- end Topbar -->

    <!-- Start Content-->
    <div class="container-fluid"> <!-- close div on footer.php -->
        
        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <h4 class="page-title"><?= $heading;?></h4>
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="javascript: void(0);"><?= $company_name; ?></a></li>
                            <li class="breadcrumb-item active"><?= $page_name;?></li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>     
        <!-- end page title -->