gamez.html

<!DOCTYPE html><html><head>
  <script src="p5.js"></script>
  <script src="p5.dom.min.js"></script>
  <script src="p5.sound.min.js"></script>
<script src="./p5.play.js"></script>
  <link rel="stylesheet" type="text/css" href="gamez.css">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

<!DOCTYPE html>
<html>
    <head>
        <title>Project OOW Endangered Animals</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <header> <!--this a good pratice to have header, main and footer so it becomes more readeable.-->
            <div class="topnav">
                <div class="wrapper">
                    <a href="homepage.html">Home</a>
                    <div class="subnav">
                        <button class="subnavbtn-active">Games</i></button>
                        <div class="subnav-content">
                          <a>gazelle run</a>
                          <a href="gazelle jigsaw puzzle.html">jigsaw puzzle</a>
                          <a href="quiz.html">gazelle quiz</a>
                        </div>
                    </div> 
                    <a href="blogpage.html">BlogPage</a>
                    <a href="gallery.html">Gallery</a>
                    <a href="description.html">About</a>
                </div>
            </div>
            <div class="wrapper">
                <h1 class="h1-style">gazelle run</h1>
            </div>
        </header>
        <main>
            <div class="wrapper">
                <br>
                <script src="games.js"></script>
            </div>       
        </main>
        <footer>
            
        </footer>
    </body>

</html>