<!DOCTYPE html>

<html lang="en">
  <head>  
		<meta charset="UTF-8">
		<title>Mark Thompsons' Portfolio</title>
    <style>
    
      #header 
      {
        background-color: grey;
        color:            white;
        text-align:       center;
        padding:          0px;
        font-family:      courier;
        text-shadow:      5px 5px 3px rgb( 50, 50, 50 );
      }
      
      body
      {
		background-color: rgb( 106, 122, 149 );
      }
      
      #navigation
      {              
        font-weight:      bold;
        text-align:       center;  
        font-family:      Tahoma, Geneva, sans-serif;         
        background-color: rgb( 100, 100, 100 );
        text-shadow:      3px 2px 3px rgb( 50, 50, 50 );
      }
      
      #navigation ul
      {
        height:   auto;
        padding:  8px;
        margin:   0px;
      }
      
      #navigation li
      {
        display:  inline;
        padding:  30px;
      }
      
      #navigation a
      {
        text-decoration:  none;
        color:            rgb( 220, 220, 225 ); 
      }
      
      #navigation a:hover
      {
        color:            rgb( 100, 100, 255 ); 
      }
    </style>
  </head>

  <body>  
    <div id="header">  
		<h1>
			<img src="/Images/title.png" alt="Mark Thompsons' Portfolio" align="middle"> </img>
		</h1>
    </div>   
  </body>
  
  <div id="navigation">
    <ul>
      <li> <a href="Homepage.html"  target="pages"> Home </a> </li>
      <li> <a href="Games.html" target="pages"> Games </a> </li>
      <li> <a href="Source code.html" target="pages"> Source code </a> </li>
      <li> <a href="Graphics.html"  target="pages"> Graphics </a> </li>
      <li> <a href="Contact.html" target="pages"> Contact </a> </li>
    </ul>
  </div>
    
	<iframe width="100%" height="5000px" src="Games.html" name="pages" style="border:none" seamless></iframe>
    
</html>