|
1 | | -<!DOCTYPE html> |
2 | | -<html lang="en"> |
3 | | - |
4 | | -<head> |
5 | | - <meta charset="UTF-8"> |
6 | | - <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> |
7 | | - <title>Countdown Timer</title> |
8 | | - <link rel="stylesheet" href="styles.css"> |
9 | | - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
10 | | -</head> |
11 | | - |
12 | | -<body> |
13 | | -<<<<<<< refs/remotes/origin/main |
14 | | - <div class="floating-dots" id="floatingDots"></div> |
15 | | - |
16 | | -======= |
17 | | ->>>>>>> countdown ui update |
18 | | - <div class="container"> |
19 | | - <div class="header"> |
20 | | - <h1 class="title"><i class="fas fa-hourglass-half"></i> Countdown</h1> |
21 | | - <div class="date-display"> |
22 | | - <span class="date-label">Target Date:</span> |
23 | | - <span class="date-value">March 9, 2026</span> |
24 | | - </div> |
25 | | - </div> |
26 | | - |
27 | | - <!-- Progress Bar --> |
28 | | - <div class="progress-section"> |
29 | | - <div class="progress-info"> |
30 | | - <span class="progress-label">Progress</span> |
31 | | - <span class="progress-percent" id="percentage">0%</span> |
32 | | - </div> |
33 | | - <div class="progress-bar"> |
34 | | - <div class="progress-fill" id="progressFill"></div> |
35 | | - <div class="progress-marker" id="progressMarker"></div> |
36 | | - </div> |
37 | | - <div class="progress-stats"> |
38 | | - <span class="stat" id="elapsedTime">0 days passed</span> |
39 | | - <span class="stat" id="remainingTime">0 days left</span> |
40 | | - </div> |
41 | | - </div> |
42 | | -<<<<<<< refs/remotes/origin/main |
43 | | - |
44 | | -======= |
45 | | - |
46 | | - <!-- Countdown --> |
47 | | ->>>>>>> countdown ui update |
48 | | - <div class="countdown-container"> |
49 | | - <div class="time-unit"> |
50 | | - <div class="time-value" id="days">00</div> |
51 | | - <div class="time-label">Days</div> |
52 | | - </div> |
53 | | -<<<<<<< refs/remotes/origin/main |
54 | | - |
55 | | - <div class="separator">:</div> |
56 | | - |
57 | | -======= |
58 | | - |
59 | | ->>>>>>> countdown ui update |
60 | | - <div class="time-unit"> |
61 | | - <div class="time-value" id="hours">00</div> |
62 | | - <div class="time-label">Hours</div> |
63 | | - </div> |
64 | | -<<<<<<< refs/remotes/origin/main |
65 | | - |
66 | | - <div class="separator">:</div> |
67 | | - |
68 | | -======= |
69 | | - |
70 | | ->>>>>>> countdown ui update |
71 | | - <div class="time-unit"> |
72 | | - <div class="time-value" id="minutes">00</div> |
73 | | - <div class="time-label">Minutes</div> |
74 | | - </div> |
75 | | -<<<<<<< refs/remotes/origin/main |
76 | | - |
77 | | - <div class="separator">:</div> |
78 | | - |
79 | | -======= |
80 | | - |
81 | | ->>>>>>> countdown ui update |
82 | | - <div class="time-unit"> |
83 | | - <div class="time-value" id="seconds">00</div> |
84 | | - <div class="time-label">Seconds</div> |
85 | | - </div> |
86 | | - </div> |
87 | | - |
88 | | - <div class="completed" id="completedMessage"> |
89 | | -<<<<<<< refs/remotes/origin/main |
90 | | - <i class="fas fa-trophy"></i> Time's Up! |
91 | | - </div> |
92 | | - |
93 | | - <div class="footer"> |
94 | | - <div class="names-container"> |
95 | | - <div class="name">FEARLESS PRO</div> |
96 | | - <div class="x-symbol">×</div> |
97 | | - <div class="name">FEARLESS BOT</div> |
98 | | - </div> |
99 | | -======= |
100 | | - <i class="fas fa-trophy"></i> Countdown Complete! |
101 | | ->>>>>>> countdown ui update |
102 | | - </div> |
103 | | - </div> |
104 | | - |
105 | | - <script src="script.js"></script> |
106 | | -</body> |
107 | | - |
108 | | -</html> |
0 commit comments