student-admission/resources/views/web/layouts/header.blade.php

<header id="topnav" class="defaultscroll sticky">
    <div class="container">
        <!-- Logo container-->
        <div class="col-md-12">
            <div class="row">
                <div class="col md-6 mt-1" style="margin-left: 10px;">
                    <a class="logo" href="index.html">
                        <h3 style="font-family:Ubuntu !important;">Research Admission</h3>
                    </a>
                </div>
                <div class="col md-6">
                    <div class="mt-3" style="display:flex; justify-content: end;">
                            <!-- <i class="fa fa-user me-2" style="color:black !important; font-size: 13px; height: 25px; padding: 3.5px 5.9px; border: 2px solid black; border-radius: 100%;"></i> -->
                            <p style="color:black; font-weight:600 !important;">{{ auth_user()->first_name }} , {{ Auth::user()->last_name }}</p>
                        <ul class="nav navbar-nav align-items-center ml-auto header_right ps-3">
                            <li class="nav-item dropdown dropdown-notification">
                                <a href="{{ route('logout') }}"
                                    onclick="event.preventDefault();
                                                    document.getElementById('logout-form').submit();">
                                    <button class="btn btn2">Log Out</button>   
                                </a>
                                <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                    @csrf
                                </form>
                            </li>
                        </ul>
                    </div>
                    <!-- End Logo container-->
                </div>
            </div>    
        </div>
    </div>
    <div class="container-fluid" style="padding: 0px;">
        <div id="navigation" style="border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color: #141639c4;">
            <!-- Navigation Menu-->   
            <ul class="navigation-menu" style="margin-top: 15px; margin-bottom: -14px; margin-left: 13.2rem;">
                <li><a href="{{ url('/home') }}" class="sub-menu-item active" style="margin-top: -2rem; margin-left: -1.4rem;">Home</a></li>
                <li class="has-submenu parent-parent-menu-item">
                    <a href="{{ url('application') }}" class="sub-menu-item" style="margin-top: -2rem;">Application</a>
                </li>

                <li class="has-submenu parent-parent-menu-item">
                    <a href="{{ url('profile') }}" class="sub-menu-item" style="margin-top: -2rem;">Profile & Proposal</a>
                </li>

                <li class="has-submenu parent-parent-menu-item">
                    <a href="{{ url('explore') }}" class="sub-menu-item" style="margin-top: -2rem;">Explore</a>
                </li>
            </ul><!--end navigation menu-->
        </div><!--end navigation-->
    </div><!--end container-->
</header>