Scribd
Upload
5 views1 page

Message HTML

Uploaded by

Binay Tamang
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views1 page

Message HTML

Uploaded by

Binay Tamang
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ultimate Habit Tracker</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?
family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<div class="app">
<header class="app-header">
<h1>Habit Tracker</h1>
<p>Stay on top of your goals, every day</p>
</header>

<div class="main-content">
<section class="habit-input">
<input type="text" id="habit-input" placeholder="New Habit..."
class="input-field">
<button id="add-habit-btn" class="btn btn-add">+ Add Habit</button>
</section>

<section class="habit-list">
<h2>Your Habits</h2>
<ul id="habit-list" class="habit-list-container"></ul>
</section>

<section class="habit-stats">
<canvas id="habit-progress-chart"></canvas>
</section>
</div>

<footer class="app-footer">
<p>&copy; 2025 Habit Tracker | Designed for excellence</p>
</footer>
</div>

<script src="script.js"></script>
</body>
</html>

You might also like