forked from arpitghura/typing-test
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
47 lines (46 loc) · 2.47 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Typing Test</title>
<link rel="stylesheet" href="index.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<nav>
<div class="navbar">
<div class="brand">
<h1 class="brand-name">Typing Test</h1>
</div>
<div class="navigation">
<ul class="main-menu">
<li class="nav-item"><a href="index.html" class="nav-item-link">Home</a></li>
<li class="nav-item"><a href="practice.html" class="nav-item-link">Practice</a></li>
<li class="nav-item"><a href="about.html" class="nav-item-link">About</a></li>
<li class="nav-item"><a href="profile.html" class="nav-item-link">Profile</a></li>
<li class="nav-item"><a href="https://github.com/arpitghura/typing-test" class="nav-item-link"><i class='bx bx-sm bxl-github'></i></a></li>
</ul>
</div>
</div>
</nav>
<section id="hero">
<div class="right-section">
<h1>About</h1>
<p class="subtitle">Typing Test is an open source project created by Arpit Ghura. The purpose of this community project is to collaborate with web developers from around the world. Our goal is to build a useful tool to practice and improve typing skills. If you would like to contribute to our project, click on the GitHub link at the top right of the page.</p>
<h4>How it works</h4>
<p>To test your skills first enter a username. You will then be prompted to type a series of random characters. To advance to the next section, enter the correct characters and press space bar. Your final score will be displayed when you reach the end.</p>
<a href="./practice.html" class="heroBtn test"> Test Skills <span>⇥</span></a>
<a href="./practice.html" class="heroBtn practice"> Practice </a>
</div>
</section>
<footer>
<p>Made with ♥ by Arpit Ghura. All Rights Reserved ©
<span id="copyright">
<script>document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))</script>
</span>
</p>
</footer>
</body>
</html>