header.html

<script>
$( "button#discover" )
  .mouseover(function() {
		  $( "button#discover" ).html( "Girls<br>Grades<br>3-6" );
		  })
  .mouseout(function() {
		  $( "button#discover" ).html( "Discover" );
		  });

$( "button#explore" )
  .mouseover(function() {
		  $( "button#explore" ).html( "Girls<br>Grades<br>7-9" );
		  })
  .mouseout(function() {
		  $( "button#explore" ).html( "Explore" );
		  });
$( "button#create" )
  .mouseover(function() {
		  $( "button#create" ).html( "Girls<br>Grades<br>10-12" );
		  })
  .mouseout(function() {
		  $( "button#create" ).html( "Create" );
		  });

$( "button#summer" )
  .mouseover(function() {
		  $( "button#summer" ).html( "Boys<br>and<br>Girls" );
		  })
  .mouseout(function() {
		  $( "button#summer" ).html( "Summer<br>Camp" );
		  });
$( "button#school" )
  .mouseover(function() {
		  $( "button#school" ).html( "Schools<br>Events" );
		  })
  .mouseout(function() {
		  $( "button#school" ).html( "Outreach" );
		  });
</script>
<div class="header">
	<a href="http://tech.mines.edu/discover">
		<img id="dec_logo" src="images/logos/DEClogo.png">
	</a>
	<a href="https://www.mines.edu/" target = "_blank">
		<img id="mines_logo" src="images/logos/mines.png">
	</a>
</div>
<div class="nav-bar">
	<ul>
		<li><a href="index.html">Welcome</a></li>
		<li><a href="about.html">About</a></li>
		<li><a href="contact.html">Contact</a></li>
        <!--
		<li><a href="forms.html">Forms</a></li>
        -->
		<li><a href="community.html">Community</a></li>
		<li><a href="register.html">Register</a></li>
        <li><a href="overseas.html">Overseas</a></li>
        <li><a href="in_action.html">DECtech In Action</a></li>
	</ul>
</div>
<div class="class-buttons" id="homepage">
	<button onClick="moveTo('discover/index')"
		id="discover">Discover</button>
	<button onClick="moveTo('explore/index')"
		id="explore">Explore</button>
	<button onClick="moveTo('create/index')"
		id="create">Create</button>
	<button onClick="moveTo('summer/index')"
		id="summer">Summer<br>Camp</button>
	<button onClick="moveTo('afterschool/index')"
		id="school">Outreach</button>
</div>