Sleek Navigation Bar - Copy this Html, Bootstrap Component to your project

Tengo una barra de navegacion que es la siguiente necesito que sea minimalista y que los links tengan un diseño hermoso que cuando hagas hover se muestre una animacion abajo de una linea <nav class="navbar navbar expand lg fixed top"> <a class="navbar brand" href="index.php?page=consumidor/catalogo">Biblioteca</a> <button class="navbar toggler" type="button" data toggle="collapse" data target="#navbarNav" aria controls="navbarNav" aria expanded="false" aria label="Toggle navigation"> <span class="navbar toggler icon"></span> </button> <div class="collapse navbar collapse" id="navbarNav"> <ul class="navbar nav ml auto"> <! Solo muestra estos enlaces si el usuario tiene rol de administrador (role = 1) > <?php if (isset($_SESSION['usu_role']) && $_SESSION['usu_role'] === 1): ?> <li class="nav item"> <a class="nav link" href="index.php?page=admin/dashboard">Admin</a> </li> <?php endif; ?> <! Catálogo accesible para todos los usuarios > <li class="nav item"> <a class="nav link" href="index.php?page=consumidor/catalogo">Catálogo</a> </li> <! Enlace de cierre de sesión si el usuario está logueado > <?php if (isset($_SESSION['usu_codigo'])): ?> <li class="nav item"> <a class="nav link" href="index.php?page=auth/logout">Cerrar Sesión</a> </li> <! Enlace de inicio de sesión si no está logueado > <?php else: ?> <li class="nav item"> <a class="nav link" href="index.php?page=auth/login">Iniciar Sesión</a> </li> <?php endif; ?> </ul> </div> </nav>