<center> <!-- HTML Tic Tac Toe --> </center>
<!-- STUDENT INSTRUCTIONS: Find the h tags, change all of the to be the smallest heading. Move the image tag to the bottom of the page. Change the the comment above the directions to be a paragraph. Fix the other paragraph tag. -->
<body>
<div id="tic-tac-toe">
<div class="span3 new_span">
<div class="row">
<h1 class="span3">Tic Tac Toe</h1>
<!-- Simple Tic tac toe game for two players -->
<p><h5>Directions</h5> First person to get three X's or O's in a row wins!
<img src="http://kurtkaiser.us/tictactoe/" alt=="tic tac toe board" />
<div class="span3">
<div class="input-prepend input-append">
<span class="add-on win_text">O won</span>
<strong id="o_win" class="win_times add-on">0</strong>
<span class="add-on">time(s)</span>
</div>
<div class="input-prepend input-append">
<span class="add-on win_text">X won</span>
<strong id="x_win" class="win_times add-on">0</strong>
<span class="add-on">time(s)</span>
</div>
</div>
</div>
<ul class="row" id="game">
<li id="one" class="btn span1">+</li> <li id="two" class="btn span1">+</li>
<li id="three" class="btn span1">+</li> <li id="four" class="btn span1">+</li>
<li id="five" class="btn span1">+</li> <li id="six" class="btn span1">+</li>
<li id="seven" class="btn span1">+</li> <li id="eight" class="btn span1">+</li>
<li id="nine" class="btn span1">+</li>
</ul>
<div class="clr"> </div>
<div class="row">
<a href="#" id="reset" class="btn-success btn span3">
<h4>Restart</h4>
</a>
</div>
<br /><br /><br />
</div>
</div>
</body>
<!-- DONE? Go to bit.ly/tictachtml and make the same changes in the HTML column. -->