Advertisement
BlackBoY_

navbar

Jun 11th, 2022
1,095
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.09 KB | None | 0 0
  1. <nav class="navbar navbar-expand-lg bg-light">
  2.     <div class="container">
  3.         <a class="navbar-brand" href="#">
  4.             <img src="img/logo.png" width="40px" height="40px">
  5.             <img src="img/textLogo.png" width="100px">
  6.         </a>
  7.         <div class="collapse navbar-collapse" id="navbarNav">
  8.             <ul class="navbar-nav ms-auto">
  9.                 <li class="nav-item mx-2">
  10.                     <a class="nav-link fw-bold fs-5 {{ ($title === 'Home') ? 'active' : '' }}" aria-current="page" href="/">Home</a>
  11.                 </li>
  12.                 <li class="nav-item mx-2">
  13.                     <a class="nav-link fw-bold fs-5 {{ ($title === 'KAS KUB') ? 'active' : '' }}" href="/kasBayar">Kas KUB</a>
  14.                 </li>
  15.             </ul>
  16.             <ul class="navbar-nav ms-auto">
  17.                 <li class="nav-item mx-2">
  18.                     <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>
  19.                </li>
  20.            </ul>
  21.        </div>
  22.    </div>
  23. </nav>
  24.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement