-
Notifications
You must be signed in to change notification settings - Fork 0
/
letterGame.html
79 lines (79 loc) · 3.07 KB
/
letterGame.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
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="Style/GlobalStyle.css">
<script src="js/letterGame.js"></script>
<title>TypeZ - Letter Game</title>
</head>
<body>
<header>
<div class="logoH">
<img src="media/Logo.svg">
</div>
<div class="burger">
<div class="content">
<nav>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="wordGame.html">WORD GAME</a></li>
<li><a href="letterGame.html">LETTER GAME</a></li>
<li><a href="ContactUs.html">CONTACT US</a></li>
<li><a href="AboutUs.html">ABOUT US</a></li>
</ul>
</nav>
</div>
<button id="burger-button">☰</button>
<div id="burger-sidebar">
<div id="burger-sidebar-header"></div>
<div id="burger-sidebar-body"></div>
</div>
<div id="overlay"></div>
</div>
</header>
<h1>Letter game !</h1>
<main id="corps">
<button type="button" id="startBtn" class="btn" onclick="start()">start</button>
<p class="rules">The letter game aims to train your knowledge of your keyboard. The game is simple : a key will be displayed on your screen. You have to type on your keyboard as fast as possible on the key displayed on your screen. You will have 30 seconds to type on as much key as possible.
A right answer worth two points. A Wrong answer will penalize you with 1 point penalty.
Each time you mistype, a new key is generated and a message is displayed.
Have fun !</p>
</main>
<footer>
<div class="row">
<h4>Find us on social media</h4>
<div id="Social">
<div class="items">
<a href="facebook.com/typez">
<img src="media/1024px-Facebook_icon_2013.svg.png" height="50" width="50"/>
<p>Facebook</p>
</a>
</div>
<div class=items">
<a href="twitter.com/typez">
<img src="media/Twitter-logo-1.png" height="50" width="50"/>
<p>Twitter</p>
</a>
</div>
<div class=items">
<a href="linkedin.com/typez">
<img src="media/linkedin-logo.png" height="50" width="50"/>
<p>LinkedIn</p>
</a>
</div>
</div>
</div>
<div class="row">
<h4>Made with love by TypeZ Team</h4>
<a href="AboutUs.html">
<p>About us</p>
</a>
<a href="ContactUs.html">
<p>Contact us</p>
</a>
</div>
</footer>
<script src="js/burger.js"></script>
</body>
</html>