
<link rel="stylesheet" href="<?php echo dir_root; ?>_global/navbar/navbar-mobile.css" />

<!-- Header -->
	<header id="header" class="alt">
		<div class="logo"><a href="<?php echo dir_root; ?>index.php"><img src="<?php echo dir_root; ?>images/logov1.png" height="40px"></a></div>
		<a href="#menu">Menu</a>
	</header>

<!-- Nav -->
	<nav id="menu">
		<ul class="links">
			<li><a href="<?php echo dir_root; ?>index.php">Home</a></li>
			<li><a href="<?php echo dir_root; ?>research.php">Our Research</a></li>
			<li><a href="<?php echo dir_root; ?>team.php">Team</a></li>
			<li><a href="<?php echo dir_root; ?>contact-us.php">Contact Us</a></li>
			<!-- only show 'without login' -->
			<li class="<?php echo $signed_out; ?>"><a href="<?php echo dir_root; ?>pre-sign-up.php">Sign-Up</a></li>
			<li class="<?php echo $signed_out; ?>"><a href="<?php echo dir_root; ?>sign-in.php" class="button special" style="text-transform: unset;">Login</a></li>
			<!-- only show 'after login' -->
			<li class="<?php echo $signed_in; ?>"><a href="<?php echo dir_root; ?>account/dashboard.php">Dashboard</li>
			<li class="<?php echo $signed_in; ?>"><a href="<?php echo dir_root; ?>account/profile.php"><i class="fas fa-user"></i>  Profile</a></li>
			<li class="<?php echo $signed_in; ?>"><a href="<?php echo dir_root; ?>sign-out.php" class="button special" style="text-transform: unset;">Logout</a></li>
			<!-- <li><a href="<?php echo dir_root; ?>generic.php">Generic</a></li> -->
			<!-- <li><a href="<?php echo dir_root; ?>elements.php">Elements</a></li> -->
		</ul>
	</nav>
