navigation-bar.html

<nav class="w3-sidebar cci-blue w3-collapse w3-top w3-large w3-padding" style="z-index:3;width:300px;font-weight:bold;" id="cciSidebar"><br>
		<!--<a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:18px">Close Menu</a> -->
		<div class="w3-container">
			<a href="index.html"><img src="img/Marie_avatar-nav-bar.png"/></a>
		</div>
		<div class="w3-bar-block">
			<a href="index.html" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Landing page</a> 
			<a href="advert_Fiji_basics.html" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Fiji Basics</a> 
			<a href="advert_Fiji_advanced.html" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Fiji Advanced</a>
			<a href="advert_Fiji_scripting.html" class="w3-bar-item w3-button w3-hover-white sidebar-accord">Fiji Macro Writing</a> 
			<a href="advert_figure-prep.html" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white cci-iw-hide">Figure prepatation</a> 
			<a href="index.html" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white cci-iw-hide">The trainer</a> 
		<div class="w3-bar-block"  id="cciFooter">
			<a target="_blank" href="https://cci.liv.ac.uk/index.html"><img src="img/logo_dark_sq.png" style="float:left;" alt="Centre for Cell Imaging Logo" /></a>
		</div>
</nav>