Update index.html

Rohit12012007 · web-flow · commit ddee31cf4fb6 · 2024-10-19T10:26:48.000+05:30
clear code
diff --git a/Countdown_Timer/index.html b/Countdown_Timer/index.html
@@ -4,29 +4,43 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Countdown Timer</title>
+        
+        <!-- Link to the CSS file -->
         <link rel="stylesheet" href="style.css" />
+        
+        <!-- Link to the JavaScript file -->
         <script src="script.js" defer></script>
     </head>
     <body>
+        <!-- Main heading for the countdown event -->
         <h1>DIWALI CELEBRATIONS</h1>
 
+        <!-- Countdown container for days, hours, minutes, and seconds -->
         <div class="countdown-container">
-            <div class="countdown-el days-c">
+            
+            <!-- Days countdown element -->
+            <div class="countdown-el">
                 <p class="big-text" id="days">0</p>
-                <span>days</span>
+                <span>Days</span>
             </div>
-            <div class="countdown-el hours-c">
+
+            <!-- Hours countdown element -->
+            <div class="countdown-el">
                 <p class="big-text" id="hours">0</p>
-                <span>hours</span>
+                <span>Hours</span>
             </div>
-            <div class="countdown-el mins-c">
+
+            <!-- Minutes countdown element -->
+            <div class="countdown-el">
                 <p class="big-text" id="mins">0</p>
-                <span>mins</span>
+                <span>Minutes</span>
             </div>
-            <div class="countdown-el seconds-c">
+
+            <!-- Seconds countdown element -->
+            <div class="countdown-el">
                 <p class="big-text" id="seconds">0</p>
-                <span>seconds</span>
+                <span>Seconds</span>
             </div>
         </div>
     </body>
-</html>
+</html>
