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

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

@ -1,23 +1,41 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="utf-8">
<title>Typing</title> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./index.css" /> <meta name="description" content="">
</head> <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.104.2">
<body>
<h1>Practice your typing</h1> <title>Signin Template · Bootstrap v5.2</title>
<div>Click start to have a quote displayed. Type the quote as fast as you can!</div>
<link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/sign-in/">
<p id="quote"></p> <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">
<p id="message"></p> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
<div> <link href="index.css" rel="stylesheet">
<input type="text" aria-label="current word" id="typed-value" />
</div> </head>
<div> <body class="text-center">
<button id="start" type="button">Start</button>
<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> </div>
<script src="./index.js"></script> </form>
</body> </main>
</body>
</html> </html>

Write Preview
Loading…
Cancel
Save