-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (48 loc) · 2.17 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Remember Me ?</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<link rel="stylesheet" href="style2.css">
</head>
<body>
<div class="container">
<h1 id="level-title">Press A Key to Start</h1>
<div class="contain">
<div class="row">
<div type="button" id="green" class="btn green"></div>
<div type="button" id="red" class="btn red"></div>
</div>
<div class="row">
<div type="button" id="yellow" class="btn yellow"></div>
<div type="button" id="blue" class="btn blue"></div>
</div>
</div>
<div class="h2p">
<input type="checkbox" id="forModal">
<label class="h2p-btn" for="forModal">How to play</label>
<div class="modal-pop">
<div class="modal-dialog">
<div class="modal-head">
<h3>How to Play</h3>
</div>
<hr class="hor-rule">
<div class="modal-body">
<p class="rulebook">The game is simple. Remember the sequence of the flashing buttons, press them in correct sequence.</p>
<p class="rulebook">Everytime a new level starts, a new button will flash. Your job is to press the buttons that have flashed
in prior levels in their correct order and finally the new button that flashed in the new level.</p>
</div>
<hr class="hor-rule">
<div class="modal-foot">
<label class="close-btn" for="forModal">Close</label>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="game.js" charset="utf-8"></script>
</body>
</html>