countdown.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <div id="header">
        <h1 id="first">COUNTDOWN TIMER    :</h1>
    
        <h1 id="end-date">1 JANUARY 2024 00:00 AM</h1>
    </div>
        <div id="container">
            <h1 id="second">THE TIME REMAINING FOR NEW YEAR IS:</h1>
            <br>
            <div class="timebox">
                <input type="text" readonly value="0">
                <br>
                <label for="">Days</label>
            </div>
            <div class="timebox">
                <input type="text" readonly value="0">
                <br>
                <label for="">Hours</label>
            </div>
            <div class="timebox">
                <input type="text" readonly value="0">
                <br>
                <label for="">Minutes</label>
            </div>
            <div class="timebox" readonly value="0">
                <input type="text">
                <br>
                <label for="">Seconds</label>
            </div>
        
    </div>


    <script src="count.js"></script>
</body>
</html>