Abhinav Naman
3 years ago
committed by
GitHub
parent
fa619a3191
commit
f0e88ae1a2
@ -1,23 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Typing</title>
|
||||
<link rel="stylesheet" href="./index.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Practice your typing</h1>
|
||||
<div>Click start to have a quote displayed. Type the quote as fast as you can!</div>
|
||||
|
||||
<p id="quote"></p>
|
||||
<p id="message"></p>
|
||||
<div>
|
||||
<input type="text" aria-label="current word" id="typed-value" />
|
||||
</div>
|
||||
<div>
|
||||
<button id="start" type="button">Start</button>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
|
||||
<meta name="generator" content="Hugo 0.104.2">
|
||||
|
||||
<title>Signin Template · Bootstrap v5.2</title>
|
||||
|
||||
<link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/sign-in/">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
|
||||
<link href="index.css" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
<body class="text-center">
|
||||
|
||||
<main class="form-signin w-100 m-auto main-box">
|
||||
<form>
|
||||
<h3 class="animate-charcter"> Practice your typing</h3>
|
||||
|
||||
<p class="para"> Click start to have a quote displayed. <br> Type the quote as fast as you can! </p>
|
||||
<p id="quote"></p>
|
||||
<p id="message"></p>
|
||||
<div class="quote">
|
||||
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control" id="floatingInput" placeholder="type the quote">
|
||||
<label for="floatingInput">type the quote</label>
|
||||
</div>
|
||||
<br>
|
||||
<button class="w-100 btn btn-lg btn-primary start-btn" type="submit">S T A R T</button>
|
||||
|
||||
</div>
|
||||
<script src="./index.js"></script>
|
||||
</body>
|
||||
</form>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in new issue