-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
57 lines (51 loc) · 1.46 KB
/
index.html
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
47
48
49
50
51
52
53
54
55
56
57
<!-- HTML Structure -->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta tags and external stylesheets -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./src/style.css" />
<!-- Page title and internal styles -->
<title>Daily Routine Tracker</title>
</head>
<body>
<!-- Main content section -->
<section class="flex flex-col items-center mt-8 px-4">
<!-- Page header -->
<h1 class="text-2xl text-center mb-1">Daily Routine Tracker 🚀</h1>
<!-- Today's date display -->
<h2 id="today-date" class="text-1xl mb-4"></h2>
<!-- Habit input form -->
<form id="habit-form" class="flex flex-col mb-10 w-full">
<label for="habit-name" class="text-m mb-2"
>Task/Habit name:</label
>
<input
type="text"
id="habit-name"
class="border-2 rounded px-3 py-2 focus:outline-none focus:border-blue-300 mb-6 w-full"
style="border-color: #60a5fa"
/>
<button type="submit" class="retro-btn w-full">Add Work</button>
</form>
<!-- Display habits section -->
<section
id="output"
class="w-full flex flex-col items-center text-xl"
></section>
</section>
<!-- Footer section -->
<footer class="text-center mt-8">
<h5>
Made by Team-09
<i
class="fa fa-heart"
aria-hidden="true"
style="color: #ff5e97"
></i>
</h5>
</footer>
<script src="./src/myscript.js" defer></script>
</body>
</html>