-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (87 loc) · 3.06 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/newstyle.css">
<title>TicTacToe| Game</title>
</head>
<body>
<div class="parallax0" id='para0'>
<div class="tictactoe">
<span class="tic">tic</span>
<span class="tac">tac</span>
<span class="toe">toe</span>
</div>
<div class="start glow">Start</div>
</div>
<div class="parallax1" id='para1'>
<div class="setting" id='here'>
setting
</div>
</div>
<div class="container" id='cont'>
<h2> Play Vs
</h2>
<div class="human">
<h3>Human</h3>
<input type="radio" class="hue selection one" name="player2" value="human"></input>
</div>
<div class="comp">
<h3>Computer</h3>
<input type="radio" class="com selection two" name='player2' value="easy"><span>Easy</span></input>
<input type="radio" class="com selection three" name="player2" value="medium"
checked><span>Medium</span></input>
</div>
<div class="thenames">
<input type="text" class="thenames1" placeholder="Player One">
<input type="radio" name="token" class='token1x' value="X" checked>X
<input type="radio" name="token" class='token1o' value="O">O
<input type="text" class="thenames2 hideIt" placeholder="Player Two">
</div>
<div class="button">
<input type="button" value="Play" id='playbutton'></input>
</div>
</div>
<div class="parallax2">
<div class="thegame">
the game
</div>
</div>
<div class="header" id='gamePlay'>
<div class="header-cont info">
<div class="player1info greeninfo">
<div class="name1">Player One</div>
<div class="score1">score1</div>
</div>
<div class="player2info redinfo">
<div class="name2">Player Two</div>
<div class="score2">score2</div>
</div>
<div class="tie">tie</div>
</div>
<div class="board">
<div class="items" id="box1"></div>
<div class="items" id="box2"></div>
<div class="items" id="box3"></div>
<div class="items" id="box4"></div>
<div class="items" id="box5"></div>
<div class="items" id="box6"></div>
<div class="items" id="box7"></div>
<div class="items" id="box8"></div>
<div class="items" id="box9"></div>
</div>
<div class="header-cont playagain">
Settings
</div>
<div class="sorry">Get a bigger screen please</div>
</div>
<div class="parallax3" id='bye'>
<div class="Goodbye">
See you later
</See>
</div>
<script src="js/app.js"></script>
</body>
</html>