-
Notifications
You must be signed in to change notification settings - Fork 1
/
blog.html
102 lines (89 loc) · 5.21 KB
/
blog.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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- CSS -->
<link rel="stylesheet" href="css/style_blog.css">
<!-- Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Tittle -->
<title>Habit Tracker</title>
</head>
<body>
<header>
<div class="navbar">
<div class="logo"><a href="#">Habit Tracker</a></div>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="habit.html">Habit</a></li>
<li><a href="tracker.html">Perfomance</a></li>
<li><a href="blog.html" class="active">Blog</a></li>
</ul>
<a href="team.html" class="action-btn">Our Team</a>
</div>
</header>
<section id="blog">
<!-- Heading -->
<div class="heading">
<h1>Read our daily blog</h1>
</div>
<div class="container-top">
<div class="top-img">
<img src="assets/img/top.png" alt="">
</div>
<div class="top-text">
<span>18 June 2023 / Tips</span>
<a href="https://www.cnnindonesia.com/gaya-hidup/20230615112403-255-962168/4-tips-kembalikan-produktivitas-kerja-dan-tubuh-fit-pascapandemi" target="_blank" class="text-tittle">4 Tips Kembalikan Produktivitas Kerja dan Tubuh Fit Pascapandemi</a>
<p>
Baru-baru ini pemerintah mencabut aturan penggunaan masker di pesawat dan juga di transportasi umum.
Kehidupan kembali disibukkan dengan mobilitas yang tinggi, termasuk tuntutan untuk tetap produktif. Selain itu cuaca yang panas terik dan berpolusi saat ini juga membuat banyak orang jadi stres.
</p>
<a href="https://www.cnnindonesia.com/gaya-hidup/20230615112403-255-962168/4-tips-kembalikan-produktivitas-kerja-dan-tubuh-fit-pascapandemi" target="_blank">Read More</a>
</div>
</div>
<!-- Container -->
<div class="container">
<div class="box">
<div class="box-img">
<img src="assets/img/diet.png" alt="">
</div>
<div class="box-text">
<span>18 June 2023 / Tips</span>
<a href="https://www.cnnindonesia.com/gaya-hidup/20230616102854-255-962676/7-kebiasaan-yang-bikin-gagal-diet" target="_blank" class="text-tittle">7 Kebiasaan yang Bikin Gagal Diet</a>
<p>Saat Anda ingin menurunkan berat badan, penting untuk mengetahui langkah-langkah yang tepat agar diet jadi berhasil. Berikut ini sejumlah kebiasaan yang dapat merusak upaya menurunkan berat badan yang perlu dihindari.</p>
<a href="https://www.cnnindonesia.com/gaya-hidup/20230616102854-255-962676/7-kebiasaan-yang-bikin-gagal-diet" target="_blank">Read More</a>
</div>
</div>
<div class="box">
<div class="box-img">
<img src="assets/img/ngantuk.png" alt="">
</div>
<div class="box-text">
<span>18 June 2023 / Facts</span>
<a href="https://www.cnnindonesia.com/gaya-hidup/20230616090214-255-962618/mengantuk-usai-makan-siang-ini-penyebabnya" target="_blank" class="text-tittle">Mengantuk Usai Makan Siang? Ini Penyebabnya</a>
<p>
Bukan berenergi, makan siang malah bikin mengantuk. Anda tidak sendirian. Simak beberapa penyebab mengantuk usai makan siang berikut pencegahannya.
Merasakan kantuk setelah makan disebut postprandial somnolence atau 'food coma'. Hal ini bisa dipengaruhi apa yang Anda makan, cara makan juga jam biologis tubuh. Sebenarnya ini wajar.
</p>
<a href="https://www.cnnindonesia.com/gaya-hidup/20230616090214-255-962618/mengantuk-usai-makan-siang-ini-penyebabnya" target="_blank">Read More</a>
</div>
</div>
<div class="box">
<div class="box-img">
<img src="assets/img/begadang.png" alt="">
</div>
<div class="box-text">
<span>17 June 2023 / Healthy Life</span>
<a href="#" class="text-tittle">Begadang, Merokok, Miras Berisiko Cepat Mati</a>
<p>Studi terbaru menemukan bahwa orang yang gemar begadang memiliki risiko kematian lebih tinggi jika dibarengi sering merokok atau minum alkohol saat terjaga pada malam hari.</p>
<a href="#">Read More</a>
</div>
</div>
</div>
</section>
</body>
</html>