-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
51 lines (46 loc) · 2.38 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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Inconsolata">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Word Clock</title>
</head>
<body>
<div class="clock">
<div class="row">
<span class="always-on">I T</span> L <span class="always-on">I S</span> B F A M P M
</div><!--row-->
<div class="row">
<span class="a">A</span> C <span class="quarter">Q U A R T E R</span> D C
</div><!--row-->
<div class="row">
<span class="twenty">T W E N T Y</span> <span class="five-min">F I V E</span> X
</div><!--row-->
<div class="row">
<span class="half">H A L F</span> B <span class="ten-min">T E N</span> F <span class="to">T O</span>
</div><!--row-->
<div class="row">
<span class="past">P A S T</span> E R U <span class="nine">N I N E</span>
</div><!--row-->
<div class="row">
<span class="one">O N E</span> <span class="six">S I X</span> <span class="three">T H R E E
</div><!--row-->
<div class="row">
<span class="four">F O U R</span> <span class="five-hr">F I V E</span> <span class="two">T W O</span>
</div><!--row-->
<div class="row">
<span class="eight">E I G H T</span> <span class="eleven">E L E V E N</span>
</div><!--row-->
<div class="row">
<span class="seven">S E V E N</span> <span class="twelve">T W E L V E</span>
</div><!--row-->
<div class="row">
<span class="ten-hr">T E N</span> S E <span class="oclock">O’C L O C K</span>
</div><!--row-->
</div><!--clock-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>