CountTimer/index.html at master · foxnikean/CountTimer · 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
<!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">
    <title>Learn The Time Until....</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <form class="put-date">
        <h1 class="page-head">KEEP TRACK OF YOUR TIME</h1>
        <input type="text" class="date-box" placeholder="Eg 26 February 2021">
        <button type="button" class="sub-but">Look Up</button>
    </form>
    <div class="container">
        <h1 class=heading></h1>
        <div class="countdown-container">
            <div class="count-item-days count-item">
                <p id="big-text-day"></p>
                <span>Days</span>
            </div>
            <div class="count-item-hours count-item">
                <p id="big-text-hour"></p>
                <span>Hours</span>
            </div>
            <div class="count-item-minutes count-item">
                <p id="big-text-minute">

                </p>
                <span>Minutes</span>
            </div>
            <div class="count-item-seconds count-item">
                <p id="big-text-second"></p>
                <span>Seconds</span>
            </div>
        </div>

    </div>
</body>
<script src="app.js"></script>

</html>