-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
53 lines (48 loc) · 1.76 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
<!DOCTYPE html>
<html>
<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="nav">
<div class="container">
<ul class="pull-left">
<li><a href="index.html">HOME</a></li>
</ul>
<ul class="pull-right">
<li><a href="slidingpuzzle.html">SLIDING PUZZLE</a></li>
<li><a href="tictactoe.html">TIC TAC TOE</a></li>
</ul>
</div>
</div>
<div class="jumbotron">
<div class="container">
<h1>Welcome to the playground.</h1>
</div>
</div>
<div class="learn-more">
<div class="container">
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-4">
<h3>Sliding Puzzle</h3>
<p>Choose the dimension of the sliding puzzle first, for example, the "3 x 3"-Button is a for a 8-piece sliding puzzle. Shuffle the puzzle pieces with the "Shuffle"-Button. Then you can start solving the puzzle by clicking on the puzzle piece next to the blank space to rearrange it. You can restart the puzzle at any time by setting the dimension again. Have fun!
</p>
<a href="slidingpuzzle.html"><button type="button" class="btn btn-info">START</button></a>
</div>
<div class="col-md-2">
</div>
<div class="col-md-4">
<h3>Tic Tac Toe</h3>
<p>You can play this classical Tic Tac Toe against the computer just like against your friend. Take turn to mark the spaces one at a time in a 3 x 3 grid. Whoever succeeds in placing three of their marks in a horizontal, vertical, or diagonal row wins the game. Have fun! </p>
<a href="tictactoe.html"><button type="button" class="btn btn-info">START</button></a>
</div>
<div class="col-md-1">
</div>
</div>
</div>
</div>
</body>
</html>