Finished site setup, finished lesson links and sites, added notes (not done yet)

1 files changed, 63 insertions, 44 deletions

diff --git a/index.html b/index.html
index 2ff63aa..54d3019 100644
--- a/index.html
+++ b/index.html
@@ -6,8 +6,11 @@
     <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">
-    <link rel="icon" href="/assets/images/master.png">
     <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>
 
@@ -24,9 +27,7 @@
         <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>
-        <a href="/lessons/1/" class="sidebar-link link sidebar-sublink">Lesson 1</a>
-        <a href="/lessons/2/" class="sidebar-link link sidebar-sublink">Lesson 2</a>
-        <a href="/lessons/3/" class="sidebar-link link sidebar-sublink">Lesson 3</a>
+
 
         <hr class="divider">
         <div id="toc">
@@ -35,7 +36,8 @@
     </div>
 
     <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-main"></div>
+        <div class="banner-bg" id="img-alazhar"></div>
+        <div class="gradient-bg"></div>
         <h1 class="banner-text" id="banner-txt">Al Azhar 9th Grade Lesson Notes</h1>
     </div>
 
@@ -50,121 +52,138 @@
                 <div class="card">
                     <a href="/lessons/matematika/" class="link-card"></a>
                     <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/1/">
-                        <h2>Matematika</h2>
+            <h2>Matematika</h2>
                     </a>
-                    <p>Pak Hidayatullah, S.Pd.</p>
+                    <p>Hidayatullah, S.Pd.</p>
                 </div>
                 <div class="card">
                     <a href="/lessons/fisika/" class="link-card"></a>
                     <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/2/">
-                        <h2>Fisika</h2>
+            <h2>Fisika</h2>
                     </a>
-                    <p>Bu Ayu Rezky Yulita, M.Pd.</p>
+                    <p>Ayu Rezky Yulita, M.Pd.</p>
                 </div>
                 <div class="card">
                     <a href="/lessons/biologi/" class="link-card"></a>
                     <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/3/">
-                        <h2>Biologi</h2>
+            <h2>Biologi</h2>
                     </a>
-                    <p>Bu Ir. Hj. Wiwit Parminta</p>
+                    <p>Ir. Hj. Wiwit Parminta</p>
                 </div>
                 <div class="card">
                     <a href="/lessons/ips/" class="link-card"></a>
                     <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/3/">
-                        <h2>IPS</h2>
+            <h2>IPS</h2>
                     </a>
-                    <p>Bu Uaeni Jahroh S.Pd.</p>
+                    <p>Uaeni Jahroh S.Pd.</p>
                 </div>
                 <div class="card">
                     <a href="/lessons/agama/" class="link-card"></a>
                     <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/3/">
-                        <h2>Agama</h2>
+            <h2>Agama</h2>
                     </a>
-                    <p>Pak Akrom Hasani, S.Ag.</p>
+                    <p>Akrom Hasani, S.Ag.</p>
                 </div>
                 <div class="card">
                     <a href="/lessons/quran/" class="link-card"></a>
                     <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/3/">
-                        <h2>Al-Qur'an</h2>
+            <h2>Al-Qur'an</h2>
                     </a>
-                    <p>Pak Muhammad Fathan S.Ag</p>
+                    <p>Muhammad Fathan S.Ag</p>
+                </div>
+                <div class="card">
+                    <a href="/lessons/arab/" class="link-card"></a>
+                    <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
+            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="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/3/">
-                        <h2>PPKn</h2>
+            <h2>PPKn</h2>
                     </a>
-                    <p>Bu Andini Nurlaily Hikmah, S.Pd.</p>
+                    <p>Andini Nurlaily Hikmah, S.Pd.</p>
                 </div>
                 <div class="card">
                     <a href="/lessons/informatika/" class="link-card"></a>
                     <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/3/">
-                        <h2>Informatika</h2>
+            <h2>Informatika</h2>
                     </a>
-                    <p>Bu Nurbaeti, SE., M.Ak</p>
+                    <p>Nurbaeti, SE., M.Ak</p>
                 </div>
                 <div class="card">
                     <a href="/lessons/english/" class="link-card"></a>
                     <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/3/">
-                        <h2>English</h2>
+            <h2>English</h2>
                     </a>
-                    <p>Bu Sofia Nurbaiti, S.Pd.</p>
+                    <p>Sofia Nurbaiti, S.Pd.</p>
                 </div>
                 <div class="card">
                     <a href="/lessons/indonesia/" class="link-card"></a>
                     <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/3/">
-                        <h2>Bahasa Indonesia</h2>
+            <h2>Bahasa Indonesia</h2>
                     </a>
-                    <p>Pak Maman Sulaeman, S.Pd.</p>
+                    <p>Maman Sulaeman, S.Pd.</p>
                 </div>
                 <div class="card">
                     <a href="/lessons/musik/" class="link-card"></a>
                     <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/3/">
-                        <h2>Seni Musik</h2>
+            <h2>Seni Musik</h2>
                     </a>
-                    <p>Bu Dra. Kusnun Indrawati</p>
+                    <p>Dra. Kusnun Indrawati</p>
                 </div>
                 <div class="card">
                     <a href="/lessons/lukis/" class="link-card"></a>
                     <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/3/">
-                        <h2>Seni Rupa</h2>
+            <h2>Seni Rupa</h2>
                     </a>
-                    <p>Pak Miftah Izharul Haq, S.Pd</p>
+                    <p>Miftah Izharul Haq, S.Pd</p>
                 </div>
                 <div class="card">
                     <a href="/lessons/pjok/" class="link-card"></a>
                     <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg"
-                        alt="" class="card-img">
+            alt="" class="card-img">
                     <a href="/lessons/3/">
-                        <h2>Penjasorkes</h2>
+            <h2>Penjasorkes</h2>
                     </a>
-                    <p>Pak Supatri, S.Pd</p>
+                    <p>Supatri, S.Pd</p>
                 </div>
             </div>
+
+            <h1 id="github">Contributing and Source Code</h1>
+            <p>
+                If you want to contribute to the project or want to view the source code, it's all available at GitHub!
+            </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>
         </section>
     </div>