msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity

update index.html

Browse Source 
improve frontend view of the page
pull/800/head
Abhinav Naman 3 years ago committed by GitHub
parent fa619a3191
commit f0e88ae1a2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 38 additions and 20 deletions
Show Stats Download Patch File Download Diff File

42
4-typing-game/solution/index.html
Unescape View File

@ -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" />
<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">
<body>
<h1>Practice your typing</h1>
<div>Click start to have a quote displayed. Type the quote as fast as you can!</div>
<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>
<input type="text" aria-label="current word" id="typed-value" />
<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>
<div>
<button id="start" type="button">Start</button>
<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>
</form>
</main>
</body>
</html>

Write Preview
Loading…
Cancel
Save