Library Header Component - Copy this Angular, Css Component to your project

here-is-my-header-html-code:-<header>-<nav>-<div-class-=-"wrapper">-<ul>-<li><a-href-=-"index.php">Home</li>-<li><a-href-=-"catalogue.php">Catalogue</li>-<?php-if(isset($_SESSION['isAdmin'])-&&-$_SESSION['isAdmin']-==-1){?>-<li><a-href-=-"addbooks.php">Add-new-books</a></li>-<li><a-href-=-"borrowbooks.php">Borrow-books</a></li>-<li><a-href-=-"returnbooks.php">Return-books</a></li>-<?php-}-?>-</ul>-<ul-class-=-"profile">-<?php-if(isset($_SESSION['userEmail'])){-?>-<li><a-href-=-'profile.php'><?php-echo-$_SESSION['userName'];?></a></li>-<li><a-href-=-'includes/logout.inc.php'>LOGOUT</a></li>-<?php-}-else{-?>-<li><a-href-=-"signup.php">Sign-Up</li>-<li><a-href-=-"login.php">Log-In</a></li>-<?php-}-?>-</ul>-</div>-</nav>-</header>.-Can-you-design-it-nicely-using-css