life-timer/myPage.html at master · maxkokocom/life-timer · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="./css/demo.css">
</head>
<body>
<div class="countdown countdown-container container">
    <div id="clockdiv" class="clock row">
        <div class="clock-item clock-days countdown-time-value col-sm-4 col-md-4">
<!--             <div class="wrap">
                <div class="inner">
                    <div id="canvas-days" class="clock-canvas"></div>
                    <div class="text">
                        <p class="days val">0</p>
                        <p class="type-days type-time smalltext">DAYS</p>
                    </div>
                </div>
            </div> -->
        </div><!-- /.clock-item -->

        <div class="clock-item clock-hours countdown-time-value col-sm-4 col-md-4">
        <div class="row">
        	<!-- <div class="col-md-4"></div> -->
        	<!-- <div class="col-md-4"> -->
            <div class="wrap">
                <div class="inner">
                    <div id="canvas-hours" class="clock-canvas"></div>

                    <div class="text">
                        <p class="days val">0</p>
                        <p class="type-days type-time smalltext">Days of life left.</p>
                    </div><!-- /.text -->
                </div><!-- /.inner -->
            </div><!-- /.wrap -->
            <!-- </div> -->
        	<!-- <div class="col-md-4"></div> -->

        </div>

        </div><!-- /.clock-item -->

        <div class="clock-item clock-minutes countdown-time-value col-sm-4 col-md-2">
<!--             <div class="wrap">
                <div class="inner">
                    <div id="canvas-minutes" class="clock-canvas"></div>

                    <div class="text">
                        <p class="val hours">0</p>
                        <p class="type-hours type-time smalltext">HOURS</p>
                    </div>
                </div>
            </div> -->
        </div><!-- /.clock-item -->

        <div class="clock-item clock-seconds countdown-time-value hidden-sm col-md-2">
<!--             <div class="wrap">
                <div class="inner">
                    <div id="canvas-seconds" class="clock-canvas"></div>

                    <div class="text">
                        <p class="val seconds">0</p>
                        <p class="type-seconds type-time smalltext">SECONDS</p>
                    </div>
                </div>
            </div> -->
        </div>
    </div><!-- /.clock -->
</div><!-- /.countdown-wrapper -->
<script type="text/javascript" src="./timer.js"></script>
</body>
</html>