56 lines
2.9 KiB
HTML
56 lines
2.9 KiB
HTML
<!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> |