-
Notifications
You must be signed in to change notification settings - Fork 0
/
artikel6.html
111 lines (104 loc) · 8.77 KB
/
artikel6.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
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Halia Writes|Artikel Ilmu Pengetahuan</title>
<link rel="icon" href="icon.png">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gray-100">
<!-- Navbar -->
<nav class="bg-blue-600 p-4">
<div class="container mx-auto flex justify-between items-center">
<a href="index.html" class="flex items-center text-white text-lg font-bold">
<img src="icon.png" alt="Logo Icon" class="h-6 w-6 mr-2"> <!-- Adjust height and width as needed -->
Halia Writes
</a>
<ul class="flex space-x-4">
<li><a href="index.html" class="text-white hover:text-gray-200">Home</a></li>
<li><a href="index.html" class="text-white hover:text-gray-200">About</a></li>
<li><a href="https://wa.me/085814957679" class="text-white hover:text-gray-200">Contact</a></li>
</ul>
</div>
</nav>
<!-- Breadcrumb -->
<div class="container mx-auto mt-4">
<nav class="text-gray-700 mb-4">
<ol class="list-reset flex">
<li><a href="index.html" class="text-blue-600 hover:underline">Home</a></li>
<li><span class="mx-2">/</span></li>
<li><a href="#" class="text-blue-600 hover:underline">Artikel</a></li>
<li><span class="mx-2">/</span></li>
<li class="text-gray-500">Agama</li>
</ol>
</nav>
</div>
<!-- Main Content -->
<div class="container mx-auto bg-white p-6 rounded-lg shadow-lg">
<h1 class="text-2xl font-bold mb-4">Pentingnya Sejarah dalam Kehidupan Kita</h1>
<p class="mb-4">Sejarah memainkan peran penting dalam kehidupan kita, berfungsi sebagai cermin masa lalu yang menerangi jalan menuju masa depan. Ia memberikan makna, pemahaman, dan pembelajaran yang tak ternilai harganya.</p>
<p class="mb-4">Dengan mempelajari peristiwa masa lalu, kita dapat memahami akar dan asal-usul kita. Melalui sejarah, kita belajar tentang perjuangan, pencapaian, dan kegagalan generasi sebelumnya. Sejarah mengajarkan nilai-nilai yang telah membentuk masyarakat kita, tentang perjuangan yang dilakukan untuk mencapai kebebasan dan keadilan, serta perubahan sosial yang telah terjadi.</p>
<p class="mb-4">Sejarah juga memberikan perspektif yang lebih luas. Dengan melihat masa lalu, kita dapat memahami pola-pola yang mungkin terjadi di masa kini dan masa depan. Dari kesalahan dan keputusan yang dibuat orang-orang sebelum kita, kita dapat membuat keputusan yang lebih baik dan menghindari pengulangan kesalahan yang sama.</p>
<p class="mb-4">Selain itu, sejarah membantu membangun identitas kita. Dengan memahami sejarah bangsa, kita merasa terhubung dengan nenek moyang dan memiliki rasa kebanggaan akan warisan budaya dan peradaban. Sejarah memberi akar yang kokoh dan membentuk jati diri sebagai individu dan sebagai bangsa.</p>
<p class="mb-4">Sejarah juga memberikan inspirasi. Ketika mempelajari kehidupan tokoh-tokoh hebat dari masa lalu, kita melihat bagaimana mereka mengatasi tantangan, menginspirasi perubahan, dan mencapai kesuksesan. Kisah-kisah ini memberi motivasi untuk menghadapi tantangan kita sendiri dan mewujudkan potensi terbaik dalam kehidupan kita.</p>
<p class="mb-4">Namun, sejarah seringkali diabaikan atau dianggap tidak penting. Tanpa memahami sejarah, kita kehilangan pandangan yang utuh tentang diri sendiri dan dunia di sekitar kita. Kita mungkin terjebak dalam siklus kesalahan masa lalu, atau kehilangan arah tanpa pemahaman akan nilai-nilai dan prinsip-prinsip yang telah membentuk kita.</p>
</div>
<div class="w-full border-t border-slate-700 pt-10">
<div class="mb-5 flex items-center justify-center">
<!-- Instagram -->
<a
href="https://instagram.com/al_hafidz_295/"
target="_blank"
class="mr-3 flex h-9 w-9 items-center justify-center rounded-full border border-slate-300 text-slate-300 hover:border-primary hover:bg-primary hover:text-white"
>
<svg role="img" width="20" class="fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Instagram</title>
<path
d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"
/>
</svg>
</a>
<!-- Twitter -->
<a
href="https://x.com/Hafzz11"
target="_blank"
class="mr-3 flex h-9 w-9 items-center justify-center rounded-full border border-slate-300 text-slate-300 hover:border-primary hover:bg-primary hover:text-white"
>
<svg role="img" width="20" class="fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Twitter</title>
<path
d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"
/>
</svg>
</a>
<!-- TikTok -->
<a
href="https://www.tiktok.com/@halia_fiz?is_from_webapp=1&sender_device=pc"
target="_blank"
class="mr-3 flex h-9 w-9 items-center justify-center rounded-full border border-slate-300 text-slate-300 hover:border-primary hover:bg-primary hover:text-white"
>
<svg role="img" width="20" class="fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>TikTok</title>
<path
d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"
/>
</svg>
</a>
</div>
<p class="text-center text-xs font-medium text-slate-500 mb-4">
Dibuat dengan <span class="text-pink-500">❤️</span> oleh <a href="https://instagram.com/al_hafidz_295" target="_blank" class="font-bold text-primary">Faris Iskandar Hafidz</a>, menggunakan
<a href="https://tailwindcss.com" target="_blank" class="font-bold text-sky-500">Tailwind CSS</a>.
</p>
</div>
</div>
</footer>
<!-- Footer End -->
<!-- Back to top Start -->
<a href="#home" class="fixed bottom-4 right-4 z-[9999] hidden h-14 w-14 items-center justify-center rounded-full bg-primary p-4 hover:animate-pulse" id="to-top">
<span class="mt-2 block h-5 w-5 rotate-45 border-t-2 border-l-2"></span>
</a>
<!-- Back to top End -->
<script src="dist/js/script.js"></script>
</body>
</html>