first commit

This commit is contained in:
2025-10-16 17:05:26 +03:00
commit ca8cc5a986
6 changed files with 811 additions and 0 deletions

56
index.html Normal file
View File

@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Трекер привычек</title>
</head>
<body>
<header class="header">
<h1 class="header__title">Трекер привычек</h1>
<p class="header__description">Становись лучше каждый день</p>
</header>
<main class="main-content">
<section class="about">
<h2 class="about__title">О чем этот проект</h2>
<p class="about__description">Этот трекер поможет тебе:</p>
<ul class="about__list">
<li>✅ Отслеживать свои привычки</li>
<li>Видеть свой прогресс</li>
<li>Достигать поставленных целей</li>
</ul>
</section>
<section class="habits-examples">
<h2 class="habits-examples__title">
Примеры привычек для отслеживания
</h2>
<div class="habit-card habit-card--completed">
<h3 class="habit-card__title">Пить воду</h3>
<p class="habit-card__description">8 стаканов воды в день для поддержания водного баланса и здоровья организма</p>
</div>
<div class="habit-card">
<h3 class="habit-card__title">Пить воду</h3>
<p class="habit-card__description">8 стаканов воды в день для поддержания водного баланса и здоровья организма</p>
</div>
<div class="habit-card">
<h3 class="habit-card__title">Пить воду</h3>
<p class="habit-card__description">8 стаканов воды в день для поддержания водного баланса и здоровья организма</p>
</div>
<div class="habit-card">
<h3 class="habit-card__title">Пить воду</h3>
<p class="habit-card__description">8 стаканов воды в день для поддержания водного баланса и здоровья организма</p>
</div>
<div class="habit-card">
<h3 class="habit-card__title">Пить воду</h3>
<p class="habit-card__description">8 стаканов воды в день для поддержания водного баланса и здоровья организма</p>
</div>
</section>
</main>
<footer class="footer">
<p>© 2024 Мой трекер привычек. Сделано с ❤️ для вашего развития</p>
</footer>
<script src="app.js"></script>
<script src="habit-manager.js"></script>
</body>
</html>