<!DOCTYPE html>
<html>
<head>
  <title>Sudoku</title>
  <link rel="stylesheet" href="css/sudoku.css">
  <script src="scripts/sudoku.js"></script>
</head>
<body>
  <div class="container">
    <h1>Sudoku</h1>

    <div class="puzzle">
      <div class="box">
        <div id="1" class="cell">
        </div>
        <div id="2" class="cell">
        </div>
        <div id="3" class="cell">
        </div>
        <div id="10" class="cell">
        </div>
        <div id="11" class="cell">
        </div>
        <div id="12" class="cell">
        </div>
        <div id="19" class="cell">
        </div>
        <div id="20" class="cell">
        </div>
        <div id="21" class="cell">
        </div>
      </div>
      <div class="box">
        <div id="4" class="cell">
        </div>
        <div id="5" class="cell">
        </div>
        <div id="6" class="cell">
        </div>
        <div id="13" class="cell">
        </div>
        <div id="14" class="cell">
        </div>
        <div id="15" class="cell">
        </div>
        <div id="22" class="cell">
        </div>
        <div id="23" class="cell">
        </div>
        <div id="24" class="cell">
        </div>
      </div>
      <div class="box">
        <div id="7" class="cell">
        </div>
        <div id="8" class="cell">
        </div>
        <div id="9" class="cell">
        </div>
        <div id="16" class="cell">
        </div>
        <div id="17" class="cell">
        </div>
        <div id="18" class="cell">
        </div>
        <div id="25" class="cell">
        </div>
        <div id="26" class="cell">
        </div>
        <div id="27" class="cell">
        </div>
      </div>
      <div class="box">
        <div id="28" class="cell">
        </div>
        <div id="29" class="cell">
        </div>
        <div id="30" class="cell">
        </div>
        <div id="37" class="cell">
        </div>
        <div id="38" class="cell">
        </div>
        <div id="39" class="cell">
        </div>
        <div id="46" class="cell">
        </div>
        <div id="47" class="cell">
        </div>
        <div id="48" class="cell">
        </div>
      </div>
      <div class="box">
        <div id="31" class="cell">
        </div>
        <div id="32" class="cell">
        </div>
        <div id="33" class="cell">
        </div>
        <div id="40" class="cell">
        </div>
        <div id="41" class="cell">
        </div>
        <div id="42" class="cell">
        </div>
        <div id="49" class="cell">
        </div>
        <div id="50" class="cell">
        </div>
        <div id="51" class="cell">
        </div>
      </div>
      <div class="box">
        <div id="34" class="cell">
        </div>
        <div id="35" class="cell">
        </div>
        <div id="36" class="cell">
        </div>
        <div id="43" class="cell">
        </div>
        <div id="44" class="cell">
        </div>
        <div id="45" class="cell">
        </div>
        <div id="52" class="cell">
        </div>
        <div id="53" class="cell">
        </div>
        <div id="54" class="cell">
        </div>
      </div>
      <div class="box">
        <div id="55" class="cell">
        </div>
        <div id="56" class="cell">
        </div>
        <div id="57" class="cell">
        </div>
        <div id="64" class="cell">
        </div>
        <div id="65" class="cell">
        </div>
        <div id="66" class="cell">
        </div>
        <div id="73" class="cell">
        </div>
        <div id="74" class="cell">
        </div>
        <div id="75" class="cell">
        </div>
      </div>
      <div class="box">
        <div id="58" class="cell">
        </div>
        <div id="59" class="cell">
        </div>
        <div id="60" class="cell">
        </div>
        <div id="67" class="cell">
        </div>
        <div id="68" class="cell">
        </div>
        <div id="69" class="cell">
        </div>
        <div id="76" class="cell">
        </div>
        <div id="77" class="cell">
        </div>
        <div id="78" class="cell">
        </div>
      </div>
      <div class="box">
        <div id="61" class="cell">
        </div>
        <div id="62" class="cell">
        </div>
        <div id="63" class="cell">
        </div>
        <div id="70" class="cell">
        </div>
        <div id="71" class="cell">
        </div>
        <div id="72" class="cell">
        </div>
        <div id="79" class="cell">
        </div>
        <div id="80" class="cell">
        </div>
        <div id="81" class="cell">
        </div>
      </div>
    </div>
  </div>
</body>
</html>