SudokuGame/Sudoku.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width initial-scale=1.0 user-scalable=no">
    <title>Sudoku</title>
    <link rel="stylesheet" href="Sudoku.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <script src="Sudoku.js"></script>
</head>

<body>
    <div id="blank-screen">
        <div class="lose-msg p-4 text-center">
            <h2>You Missed 10 Times!</h2>
            <br>
            <p>If you want to try again click New Game</p>
            <br>
            <div class="btn bg-success"><a href="index.html">New Game</a></div>
        </div>
    </div>
    <main id= "main-content" class="content justify-content-center align-items-center text-center">
        <h1 class="fw-bold">Let's Play Sudoku!</h1>
        <hr>
        <h2 id="errors">0</h2>
        <div id="board"></div>
        <br>
        <div id="digits"></div>
        <p class="m-4">Implemented by Abanoub Refaat</p>         
    </main>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
        crossorigin="anonymous"></script>

</body>

</html>