generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
rules.html
69 lines (58 loc) · 2.58 KB
/
rules.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Meta tags for search engines -->
<meta name="description"
content="Test your knowledge of the Indian Sign Language (ISL) alphabet in this fun and interactive quiz game. Can you correctly identify the signs for English alphabets? Challenge yourself and learn more about ISL!">
<meta name="keywords" content="Indian Sign Language, ISL, ISL alphabet, quiz, interactive game">
<!-- Title of the website -->
<title>Indian Sign Language Alphabet Quiz</title>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/favicon/site.webmanifest">
<!-- Stylesheet -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- Header -->
<header>
<h1>Guess ISL alphabet!</h1>
</header>
<main>
<!-- Rules of the game -->
<div class="box-container">
<div id="rules">
<h2>Rules of the quiz game:</h2>
<!-- List of rules -->
<ol>
<li>There are 10 questions in total.</li>
<li>You have 15 seconds to select your answer.</li>
<li>Once you have chosen your answer, you cannot change your answer.</li>
<li>Each correct answer gets you 1 point.</li>
<li>Each incorrect answer gets you 0 point.</li>
</ol>
<p><strong>Sit back, relax and enjoy the game!</strong></p>
<!-- Buttons -->
<div class="rules-buttons">
<a href="index.html" aria-label="Return back to the home page"><strong><i
class="fa-solid fa-arrow-left"></i>
Return to Home</strong></a>
<a href="game.html" aria-label="Start the game"><strong><i class="fa-solid fa-play"></i>
Start</strong></a>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer>
<!-- Copyright -->
<p>© Guess ISL Alphabet</p>
</footer>
<!-- FontAwesome kit -->
<script src="https://kit.fontawesome.com/be0d508cf4.js" crossorigin="anonymous"></script>
</body>
</html>