-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (90 loc) · 3.79 KB
/
index.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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!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">
<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>
<title>Clock</title>
</head>
<body>
<div class="clock">
<div class="hand hour" hour></div>
<div class="hand minute" minute></div>
<div class="hand second" second></div>
<div class="number number1"><p class="rotate1">1</p></div>
<div class="number number2"><p class="rotate2">2</p></div>
<div class="number number3"><p class="rotate3">3</p></div>
<div class="number number4"><p class="rotate4">4</p></div>
<div class="number number5"><p class="rotate5">5</p></div>
<div class="number number6"><p class="rotate6">6</p></div>
<div class="number number7"><p class="rotate7">7</p></div>
<div class="number number8"><p class="rotate8">8</p></div>
<div class="number number9"><p class="rotate9">9</p></div>
<div class="number number10"><p class="rotate10">10</p></div>
<div class="number number11"><p class="rotate11">11</p></div>
<div class="number number12">12</div>
<div class="point point1">|</div>
<div class="point point2">|</div>
<div class="point point3">|</div>
<div class="point point4">|</div>
<div class="point point5">|</div>
<div class="point point6">|</div>
<div class="point point7">|</div>
<div class="point point8">|</div>
<div class="point point9">|</div>
<div class="point point10">|</div>
<div class="point point11">|</div>
<div class="point point12">|</div>
<div class="point point13">|</div>
<div class="point point14">|</div>
<div class="point point15">|</div>
<div class="point point16">|</div>
<div class="point point17">|</div>
<div class="point point18">|</div>
<div class="point point19">|</div>
<div class="point point20">|</div>
<div class="point point21">|</div>
<div class="point point22">|</div>
<div class="point point23">|</div>
<div class="point point24">|</div>
<div class="point point25">|</div>
<div class="point point26">|</div>
<div class="point point27">|</div>
<div class="point point28">|</div>
<div class="point point29">|</div>
<div class="point point30">|</div>
<div class="point point31">|</div>
<div class="point point32">|</div>
<div class="point point33">|</div>
<div class="point point34">|</div>
<div class="point point35">|</div>
<div class="point point36">|</div>
<div class="point point37">|</div>
<div class="point point38">|</div>
<div class="point point39">|</div>
<div class="point point40">|</div>
<div class="point point41">|</div>
<div class="point point42">|</div>
<div class="point point43">|</div>
<div class="point point44">|</div>
<div class="point point45">|</div>
<div class="point point46">|</div>
<div class="point point47">|</div>
<div class="point point48">|</div>
<div class="point point49">|</div>
<div class="point point50">|</div>
<div class="point point51">|</div>
<div class="point point52">|</div>
<div class="point point53">|</div>
<div class="point point54">|</div>
<div class="point point55">|</div>
<div class="point point56">|</div>
<div class="point point57">|</div>
<div class="point point58">|</div>
<div class="point point59">|</div>
<div class="point point60">|</div>
</div>
</body>
</html>