-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
64 lines (56 loc) · 2.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Main Game Page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Constitution Games</h1>
</header>
<div class="game-grid">
<!-- Puzzle Game -->
<div class="game-column">
<h2><a href="quiz game/index.html">QUIZ GAME</a></h2>
<p>Rearrange the words of the Preamble to form the correct sentence.</p>
</div>
<!-- Role Playing Game -->
<div class="game-column">
<h2><a href="role play/index.html">ROLE PLAYING GAME</a></h2>
<p>Select the right answers to advance through the story.</p>
</div>
<!-- Rights and Duties Match-Up -->
<div class="game-column">
<h2><a href="match-up/index.html">RIGHTS AND DUTIES MATCH-UP</a></h2>
<p>Match Fundamental Rights with their corresponding Duties.</p>
</div>
<!-- Preamble Game -->
<div class="game-column">
<h2><a href="preamable/index.html">PREAMBLE</a></h2>
<p>Use dropdowns to match Fundamental Rights with their corresponding Duties.</p>
</div>
<!-- Treasure Hunt -->
<div class="game-column">
<h2><a href="treasure hunt/index.html">TREASURE HUNT</a></h2>
<p>Search for clues and find hidden treasures related to Directive Principles.</p>
</div>
<!-- Memory Game -->
<div class="game-column">
<h2><a href="memory game/index.html">MEMORY GAME</a></h2>
<p>Test your memory with national symbols.</p>
</div>
<!-- Bingo -->
<div class="game-column">
<h2><a href="bingo/index.html">BINGO</a></h2>
<p>Match Rights and Responsibilities to win.</p>
</div>
<!-- Maze Puzzle -->
<div class="game-column">
<h2><a href="maze puzzle/index.html">MAZE PUZZLE</a></h2>
<p>Navigate the maze by answering questions about the Constitution.</p>
</div>
</div>
</body>
</html>