generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
64 lines (53 loc) · 2.48 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">
<!-- 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>
<!-- Welcome screen page -->
<div class="box-container">
<div id="welcome">
<h2>Welcome to the Guess ISL alphabet quiz game!</h2>
<p>The quiz game is guessing the Indian Sign Language manual fingerspelling alphabet.</p>
<!-- Buttons -->
<div class="wlc-buttons">
<a href="rules.html" aria-label="Go to the rules section before playing the game"><strong><i
class="fa-solid fa-play"></i>
Play</strong></a>
<a href="facts.html" aria-label="Visit the facts pages about ISL (Indian Sign Language)"><strong><i
class="fa-brands fa-readme"></i> Facts</strong></a>
<a href="contact.html"
aria-label="Contact the site owner if you found a bug in this website"><strong><i
class="fa-solid fa-bug"></i> Found a Bug? Report</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>