<div class="container text-center">
  <table>
    <tr>
      <td class="ttc" id="0"></td>
      <td class="ttc" id="1"></td>
      <td class="ttc" id="2"></td>
    </tr>
    <tr>
      <td class="ttc" id="3"></td>
      <td class="ttc" id="4"></td>
      <td class="ttc" id="5"></td>
    </tr>
    <tr>
      <td class="ttc" id="6"></td>
      <td class="ttc" id="7"></td>
      <td class="ttc" id="8"></td>
    </tr>
  </table>
  <div class="end display"></div>
  <a class="btn btn-primary" id="X">X</a>
  <a class="btn btn-secondary" id="reset">Reset</a>
  <a class="btn btn-secondary" id="O">O</a>
</div>