Games.html

<DOCTYPE! html>
<html>
<head>
  <title> Play games! </title> 
<!--   <style>
    body{
     background-color: white;
    }
    h1,h2,h4,p{
      font-family: 'Trebuchet MS';
      color: #1cabff;
      text-align: CENTER
    }
  .gameHeader{
    color:white;
    background-color: #01426a
  }
    
  </style> -->
  <link rel="stylesheet" type="text/css" href="home.css">
</head>

  
<body>
   <!-- Navigation bar. Current page should have the class "active" -->
   <ul>
    <li><a href="home.html"> Home </a></li>
     <li><div id="active"><a href="Games.html"> Play Games </a></div></li>
    <li><a href="whatisgirlswhocode.html"> What is Girls Who Code? </a> </li>
    <li><a href="womenwhocode.html"> Women Who Code </a> </li>
   </ul> 
    <h1 id = "Games">Games</h1> 
   <h3 class = "gameHeader"><strong>Brick Breaker Game</strong></h3>
   <p>Created by Sue, Rebecca, and Nora</p>
  <h2><script src="https://www.khanacademy.org/computer-programming/brick-breaker-program/5717732843913216/embed.js?editor=no&buttons=yes&author=yes&embed=yes"></script><p>
    Made using: <a href="http://www.khanacademy.org/computer-programming">Khan Academy Computer Science</a></p></h2>
   <p>Press Shift to Restart</p>
   
   
   <h3 class = "gameHeader"><strong>Mad Libs Game</strong></h3>
   <p>Created by Harshini, Saanvi, Sarah, and Meenal</p>
  <h2><iframe src="https://www.codesters.com/embed/preview/b1cefe91ad0d4ee2a6a29513c1ba438a/" height="680" width="500"></iframe></h2>
 
   <h3 class = "gameHeader"><strong>Vegetable Ninja</strong></h3>
   <p>Created by Sue, Rebecca, and Nora</p>
   <h2><script src="https://www.khanacademy.org/computer-programming/vegetable-ninja/5966244061970432/embed.js?editor=no&buttons=no&author=no&embed=yes"></script><p>Made using: <a href="http://www.khanacademy.org/computer-programming">Khan Academy Computer Science</a></p></h2>
   <p>Press Shift to Restart</p>
   <p>Get to 100 to win!</p>
  </body>
</html> 