index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Boxie</title>
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
    <div class="header">
      <h1 class="game-title">Boxie (Javascript game)</h1>
    </div>
    <!-- game help here -->
    <div class="box">
        <a class="button" href="#popup1">How to play</a>
    </div>
    
    <div id="popup1" class="overlay">
        <div class="popup">
            <h2>Pretty simple!</h2>
            <a class="close" href="#">&times;</a>
            <div class="content">
                All you have to do is click the green <span>"goal"</span> button. Heck, clicking anywhere within 
                the shadowed box will work too!
            </div>
        </div>
    </div>
    <!-- /game help here -->
    <div class="game">
      <canvas id="mycanvas" width="640" height="360"></canvas>
    </div>
    <script src="assets/javascript/script.js"></script>
<footer>
    <em>Created and designed by: Randy Arthur Anderson JR</em>
</footer>
</body>

</html>