navbar

<nav class="navbar navbar-expand-lg bg-light">
    <div class="container">
        <a class="navbar-brand" href="#">
            <img src="img/logo.png" width="40px" height="40px">
            <img src="img/textLogo.png" width="100px">
        </a>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ms-auto">
                <li class="nav-item mx-2">
                    <a class="nav-link fw-bold fs-5 {{ ($title === 'Home') ? 'active' : '' }}" aria-current="page" href="/">Home</a>
                </li>
                <li class="nav-item mx-2">
                    <a class="nav-link fw-bold fs-5 {{ ($title === 'KAS KUB') ? 'active' : '' }}" href="/kasBayar">Kas KUB</a>
                </li>
            </ul>
            <ul class="navbar-nav ms-auto">
                <li class="nav-item mx-2">
                    <a class="nav-link fw-bold fs-5 {{ ($title === 'Login') ? 'active' : '' }}" href="/login"><i class="bi bi-box-arrow-in-right"></i>&nbsp LOGIN</a>
                </li>
            </ul>
        </div>
    </div>
</nav>