-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathhanoiInstructions.html
65 lines (60 loc) · 2.17 KB
/
hanoiInstructions.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" href="instruction.css">
<link rel="stylesheet" href="navbar.css">
<link rel="stylesheet" href="dropDown.css">
<title>Hanoi Instructions</title>
</head>
<body class="root" id="root">
<nav>
<div class="link">
<img src="images/head.svg" alt="icon">
<a href="generalGuidelines.html" id="a_games">Games</a>
<a href="traits.html" id="a_traits">Traits</a>
<a href="degree.html" id="a_degree">Degree</a>
</div>
<div class="userEn">
<span>Hello, user</span>
<img src="images/user.svg" alt="user">
</div>
<div class="dropdown">
<button class="dropbtn">Language</button>
<div class="dropdown-content">
<a href="hanoiInstructions.html">English</a>
<a href="hanoiInstructionsAr.html">العربية</a>
</div>
</div>
</nav>
<section class="guideline-container">
<div class="guideline-title">
<h1>Game #2: Tower Instructions</h1>
<div class="gameInstructions__info">
<div class="gameInstructions__time">
<span><img src="./images/time.png" alt="clock"></span>
<span>Estimated 3 minutes.</span>
</div>
<div class="gameInstructions__mouse">
<span><img src="./images/mouse.png" alt="mouse"></span>
<span>Requires a mouse.</span>
</div>
</div>
</div>
<div class="guideline-body">
<span>
The goal of this game is to move all discs from the first peg to the last peg such that the discs are stacked with the largest disc on the bottom to smallest disc on top, all while adhering to the following rules: <br><br>
- One disc must be moved at a time<br>
- A larger disc must not be placed on a smaller disc<br>
- Only the top disc can be moved from a stack <br><br>
The game will end after the task has been completed.<br><br>
</span>
</div>
<div class="guideline-button-container">
<a href="gameHanoi.html"><button class="guideline-button" type="button">Continue</button></a>
</div>
</div>
</section>
</body>
</html>