-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
46 lines (40 loc) · 2.42 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<head>
<link href='https://fonts.googleapis.com/css?family=Chewy' rel='stylesheet' type='text/css'>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<div class="header">
<h1>Tic Tac Toe!</h1>
</div>
<div class="container">
<div class="row fixed-height">
<div class="col-xs-3">
</div>
<div class="col-xs-2 fixed-width"><button class="tic" id="1" value="1"><img src="http://www.collinferry.com/codepen/stain.png"></button></div>
<div class="col-xs-2 fixed-width"><button class="tic" id="2" value="2"><img src="http://www.collinferry.com/codepen/stain.png"></div>
<div class="col-xs-2 fixed-width"><button class="tic" id="3" value="3"><img src="http://www.collinferry.com/codepen/stain.png"></div>
<div class="col-xs-3"></div>
</div>
<div class="row fixed-height">
<div class="col-xs-3"></div>
<div class="col-xs-2 fixed-width"><button class="tic" id="4" value="4"><img src="http://www.collinferry.com/codepen/stain.png"></div>
<div class="col-xs-2 fixed-width"><button class="tic" id="5" value="5"><img src="http://www.collinferry.com/codepen/stain.png"></div>
<div class="col-xs-2 fixed-width"><button class="tic" id="6" value="6"><img src="http://www.collinferry.com/codepen/stain.png"></div>
<div class="col-xs-3"></div>
</div>
<div class="row fixed-height">
<div class="col-xs-3"></div>
<div class="col-xs-2 fixed-width"><button class="tic" id="7" value="7"><img src="http://www.collinferry.com/codepen/stain.png"></div>
<div class="col-xs-2 fixed-width"><button class="tic" id="8" value="8"><img src="http://www.collinferry.com/codepen/stain.png"></div>
<div class="col-xs-2 fixed-width"><button class="tic" id="9" value="9"><img src="http://www.collinferry.com/codepen/stain.png"></div>
<div class="col-xs-3"></div>
</div>
</div>
<div class="footer">
<button class="btn-lg btn-info playx">Play as X</button>
<button class="btn-lg btn-info playo">Play as O</button>
<div class="btn1"><button class="bot btn-lg btn-danger reset">Reset!</button></div>
<div><p class="credit"><a href="https://github.com/collinferry">Built by Collin</a></p></div>
</div>