-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
31 lines (31 loc) · 1.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dactylographie</title>
<link rel="icon" href="./ico/dac.png">
<link rel="stylesheet" href="./CSS/style.css">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@600&family=Comic+Neue:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@600&family=Comic+Neue:wght@700&family=Gotu&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Paprika&display=swap" rel="stylesheet">
</head>
<body>
<div class="heaa1">
<div class="heaa2">
<h1><center> <strong> Dactylographie</strong></center></h1>
</div>
<div class="cent">
<div class="lef"><p id="leftex">II s'agit d'un test de dactylographie. Votre objectif est de dupliquer le texte fourni, EXACTEMENT. dans le champ ci- dessous. Le minuteur démarre lorsque vous commencez à taper et ne s'arrête qu'Iorsque vos faites correspondaient exactement ce texte. Bonne chance!</p></div>
<div class="texbox"><strong><p id="teext"></p> </strong></div>
<div class="texinput" id="texinput" ><textarea placeholder="the timer starts when you start typing." id="txt" autofocus></textarea></div>
<div class="rig">
<div class="timer" id="timer"></div>
<div class="rest" id="reest"><h2><strong> Refaire le test</strong></h2></div>
</div>
</div>
</div>
<script src="./JS/script.js"></script>
</body>
</html>