-
Notifications
You must be signed in to change notification settings - Fork 0
/
start.html
55 lines (41 loc) · 1.63 KB
/
start.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
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Talk Tune</title>
<link rel="stylesheet" href="styles.css">
<!-- <link rel="stylesheet" href="timetable.css"> -->
<link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet">
</head>
<body>
<video autoplay muted loop id="myvideo">
<source src="vid1.mp4" type="video/mp4">
</video>
<div class="container">
<h1 id="title">Talk Tune</h1>
<div class="set">
<button class="dr" id="d1"></button>
<button class="dr" id="d2"></button>
<button class="dr" id="d3"></button>
<button class="dr" id="d4"></button>
</div>
<div class="ans" id="ca"></div>
<div id="container-for-timer">
<div id="timer">
<svg xmlns="http://www.w3.org/2000/svg" height="1em"
viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z" />
</svg>
<ul type="none">
<li><span id="hours">00</span>:</li>
<li><span id="minutes">01</span>:</li>
<li><span id="seconds">00</span></li>
</ul>
<button id="timer-start">Start</button>
<button id="timer-reset" disabled>Reset</button>
</div>
</div>
</div>
<script src="index.js" charset="utf-8"></script>
</body>
</html>