diff options
Diffstat (limited to 'indonesia.html')
-rw-r--r-- | indonesia.html | 275 |
1 files changed, 275 insertions, 0 deletions
diff --git a/indonesia.html b/indonesia.html new file mode 100644 index 0000000..c73792e --- /dev/null +++ b/indonesia.html @@ -0,0 +1,275 @@ +<!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"> + <link rel="stylesheet" href="/style.css"> + <title>Al Azhar 9th Grade Lesson Notes</title> + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> + <link rel="manifest" href="/site.webmanifest"> + <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script> +</head> + +<body> + <div class="fixed-top-btn-container" id="topbtn"> + <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a> + <a class="fixed-top-btn back-btn" style="color: var(--black-color-2);" disabled><i class="fa-solid fa-chevron-left"></i></a> + </div> + + <div id="console"></div> + <div id="sidebar"> + <div> + <a href="/index.html"> + <img src="/assets/images/master.svg" alt="" class="sidebar-logo"> + </a> + + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + </div> + + <div> + <a href="/about/author.html" class="sidebar-link link">About the Author</a> + <a href="/about/school.html" class="sidebar-link link">About School</a> + <a href="/lessons" class="sidebar-link link">Lessons</a> + + + <hr class="divider"> + <div id="toc"> + <h4>Table of Contents</h4> + </div> + </div> + </div> + + <div class="banner-container" id="banner"> + <div class="banner-bg" id="img-alazhar"></div> + <div class="gradient-bg"></div> + <div class="banner-text-container"> + <h1 class="banner-text" id="banner-txt">Al Azhar 9th Grade Lesson Notes</h1> + <h3 class="banner-text" id="banner-txt">Sebuah website belajar</h3> + </div> + </div> + + <div class="top-chips-container" id="chip-container"> + <div><a href="/" class="button"><i class="fa-solid fa-language"></i> Lihat dalam Bahasa Inggris</a></div> + </div> + + <div id="main"> + <section> + <h1 id="welcome">Selamat Datang</h1> + <p>Selamat datang di website Rangkuman Pelajaran Al Azhar Kelas 9 (yang tidak resmi)! Website ini adalah website catatan pelajaran yang ditulis oleh Altaf. Silakan pilih pelajaran dibawah untuk memulai membaca.</p> + <h1 id="github">Berkontribusi dan Sumber Kode</h1> + <p> + Jika anda ingin berkontribusi ke proyek ini atau ingin melihat sumber kodennya, semuanya tersedia di GitHub!<br> + Jika anda ingin menyarankan sebuah halaman baru, silakan buat sebuah <i>Issue</i> baru di GitHub. <a href="https://docs.github.com/en/issues/tracking-your-work-with-issues/creating-an-issue" class="link">Ini bagaimana cara melakukannya. <i class="fa-solid fa-arrow-up-right-from-square" style="font-size: 0.6em;"></i></a> + </p> + <p>Link: <a href="https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io" class="link"><i + class="fa-brands fa-github"></i> + https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io</a> + </p> + <h1 style="display: inline;" id="lessons">Pelajaran</h1> <a href="/lessons/"><span + style="margin-left: 10px;"><i class="fa-solid fa-arrow-up-right-from-square"></i></span></a> + <div class="card-container"> + <div class="card"> + <a href="/lessons/matematika/" class="link-card"></a> + <img src="/assets/images/hero/math.jpg" alt="" class="card-img"> + <a href="/lessons/1/"> + <h2>Matematika</h2> + </a> + <p>Hidayatullah, S.Pd.</p> + </div> + <div class="card"> + <a href="/lessons/fisika/" class="link-card"></a> + <img src="/assets/images/hero/physics.jpg" alt="" class="card-img"> + <a href="/lessons/2/"> + <h2>Fisika</h2> + </a> + <p>Ayu Rezky Yulita, M.Pd.</p> + </div> + <div class="card"> + <a href="/lessons/biologi/" class="link-card"></a> + <img src="/assets/images/hero/biology.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Biologi</h2> + </a> + <p>Ir. Hj. Wiwit Parminta</p> + </div> + <div class="card"> + <a href="/lessons/ips/" class="link-card"></a> + <img src="/assets/images/hero/ips.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>IPS</h2> + </a> + <p>Unaeni Jahroh S.Pd.</p> + </div> + <div class="card"> + <a href="/lessons/agama/" class="link-card"></a> + <img src="/assets/images/hero/alazhar.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Agama</h2> + </a> + <p>Akrom Hasani, S.Ag.</p> + </div> + <div class="card"> + <a href="/lessons/quran/" class="link-card"></a> + <img src="/assets/images/hero/quran.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Al-Qur'an</h2> + </a> + <p>Muhammad Fathan S.Ag</p> + </div> + <div class="card"> + <a href="/lessons/arab/" class="link-card"></a> + <img src="/assets/images/hero/arabic.png" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Bahasa Arab</h2> + </a> + <p>Mohammad Amar, Lc.</p> + </div> + <div class="card"> + <a href="/lessons/ppkn/" class="link-card"></a> + <img src="/assets/images/hero/ppkn.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>PPKn</h2> + </a> + <p>Andini Nurlaily Hikmah, S.Pd.</p> + </div> + <div class="card"> + <a href="/lessons/informatika/" class="link-card"></a> + <img src="/assets/images/hero/laptop.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Informatika</h2> + </a> + <p>Nurbaeti, SE., M.Ak</p> + </div> + <div class="card"> + <a href="/lessons/english/" class="link-card"></a> + <img src="https://img-cdn.inc.com/image/upload/w_1920,h_1080,c_fill/images/panoramic/GettyImages-577674005_492115_zfpgiw.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>English</h2> + </a> + <p>Sofia Nurbaiti, S.Pd.</p> + </div> + <div class="card"> + <a href="/lessons/indonesia/" class="link-card"></a> + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Bahasa Indonesia</h2> + </a> + <p>Maman Sulaeman, S.Pd.</p> + </div> + <div class="card"> + <a href="/lessons/musik/" class="link-card"></a> + <img src="/assets/images/hero/music.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Seni Musik</h2> + </a> + <p>Dra. Kusnun Indrawati</p> + </div> + <div class="card"> + <a href="/lessons/lukis/" class="link-card"></a> + <img src="/assets/images/hero/paint.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Seni Rupa</h2> + </a> + <p>Miftah Izharul Haq, S.Pd</p> + </div> + <div class="card"> + <a href="/lessons/pjok/" class="link-card"></a> + <img src="/assets/images/hero/sports.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Penjasorkes</h2> + </a> + <p>Supatri, S.Pd</p> + </div> + </div> + <h1 id="contributors">Credits & Contributors</h1> + <div class="flex"> + <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Manager</h2> + <span>Athaalaa Altaf Hafidz</span> + <p> + <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Writer</h2> + <span>Athaalaa Altaf Hafidz</span> + <p> + <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Developer</h2> + <span>Athaalaa Altaf Hafidz</span> + <p> + <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Designer</h2> + <span>Athaalaa Altaf Hafidz</span> + <p> + <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Images</h2> + <p> + <a href="https://unsplash.com/" class="link"><i class="fa-solid fa-globe"></i> unsplash.com</a> • + <a href="https://smpia25.al-azhar.sch.id/" class="link"><i class="fa-solid fa-globe"></i> smpia25.al-azhar.sch.id</a> • + <a href="https://upload.wikimedia.org/wikipedia/commons/a/ad/Masjid_Agung_Al-Azhar_2021.jpg" class="link"><i class="fa-solid fa-globe"></i> upload.wikimedia.org</a> • <a href="https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io" class="link"><i class="fa-brands fa-github"></i> Please me help adding more forgotten asset attributions!</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Assets & Open Source Softwares</h2> + <ul> + <li><a href="https://fontawesome.com/" class="link">https://fontawesome.com/</a> - for icons</li> + <li><a href="https://katex.org/" class="link">https://katex.org/</a> - for math renderer</li> + </ul> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Special Thanks</h2> + <ul> + <li>Our teachers</li> + <li>My friends & family</li> + <li>And YOU!</li> + </ul> + </div> + </div> + <p class="align-center">Thank you for using this website!</p> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ No newline at end of file |