head.php

<!-- Compiled and minified CSS -->
  <link rel="stylesheet" href="css/custom.css">
  <link rel="stylesheet" href="css/ghpages-materialize.css">
  
  <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <!-- Compiled and minified JavaScript -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<header>
	  <div class="navbar">
		  <nav>
			<div class="nav-wrapper">
			  <ul id="nav-mobile" style="margin-left: 1%;" class="left hide-on-med-and-down">
				<li>Welcome Admin </li>
			  </ul>
			  <ul id="nav-mobile" class="right hide-on-med-and-down">
				<li><a href="logout.php">Logout</a></li>
			  </ul>
			</div>
		  </nav>
	  </div>
      <div class="container"><a href="#" data-activates="nav-mobile" class="button-collapse top-nav full hide-on-large-only"><i class="material-icons">menu</i></a></div>
      <ul id="nav-mobile" class="side-nav fixed" style="transform: translateX(0%);">
        <li class="logo">
			<a id="logo-container" href="dir_messages.php" class="brand-logo">
				<div align="center">
					<img src="images/logo.png">
				</div>
			</a>
		</li>
        <li class="no-padding">
           <ul class="collapsible collapsible-accordion">
            <li class="bold"><a href="dir_messages.php" class="waves-effect waves-teal">Director's Message</a></li>
			<li class="bold"><a href="gallery_images.php" class="waves-effect waves-teal">Gallery</a></li>
			<li class="bold"><a href="index.php" target="_blank" class="waves-effect waves-teal">Director's Website</a></li>
      </ul>
</header>