"NEW YEAR COUNTDOWN"
SOURCE CODE:
<!DOCTYPE html>
.png)
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Countdown to new year</title>
<!-- Google Font -->
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;800&display=swap"
rel="stylesheet"
/>
<!-- Stylesheet -->
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="wrapper">
<div class="heading">
<h3>Countdown Till</h3>
<h1>2023</h1>
</div>
<div class="countdown">
<div class="box">
<span class="num" id="day-box">00</span>
<span class="text">Days</span>
</div>
<div class="box">
<span class="num" id="hr-box">01</span>
<span class="text">Hours</span>
</div>
<div class="box">
<span class="num" id="min-box">30</span>
<span class="text">Minutes</span>
</div>
<div class="box">
<span class="num" id="sec-box">43</span>
<span class="text">Seconds</span>
</div>
</div>
</div>
<!-- Script -->
<script src="script.js"></script>
</body>
</html>
</body>
</html>
OUTPUT:
.png)
Comments
Post a Comment