index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Jigsaw Puzzle Game</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Jigsaw Puzzle Game</h1>
    <div id="main-container">
        <div id="top-container">
            <div id="reference-container">
                <h2>Reference</h2>
                <img id="reference-image" src="images/reference.jpg" alt="Reference Image">
            </div>
            <div id="board-container">
                <h2>Sample</h2>
                <div id="board">
                    <!-- The game board where puzzle pieces can be placed -->
                </div>
            </div>
        </div>
        <div id="pieces-container">
            <!-- Puzzle pieces will be appended here -->
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html>