puzzle3.html

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Jigsaw Puzzle</title>
        <link rel="stylesheet" href="style.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="interactive3.js" defer> </script>
        
    </head>

    <body>
        <main>
            <section>
                <h1>Puzzle 3</h1>
                <ul id = "buttons">
                    <li><button id = "start">Start</button></li>
                    <li><button id = "reset">Reset</button></li>
                    <li><a href="index.html" id="leave" class="button">Leave</a></li>
                </ul>
                <div id="containers">
                    <div id = "piece-container"></div> <!--creating the puzzle piece -https://www.youtube.com/watch?app=desktop&v=b-WZjv5Xglc&ab_channel=PresentationProcess-->
                    <div id = "puzzle-container"></div>
                </div>
            </section>
        </main>
    </body>
</html>