New thumbnails, fixed school about page, new math lesson, and stuff

1 files changed, 111 insertions, 125 deletions

diff --git a/lessons/index.html b/lessons/index.html
index 76d0727..a2f6dd4 100644
--- a/lessons/index.html
+++ b/lessons/index.html
@@ -54,131 +54,117 @@
         <section>   
             <div class="card-container">
                 <div class="card">
-                    <a href="/lessons/matematika/" class="link-card"></a>
-                    <img src="/assets/images/hero/books.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/books.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/books.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/books.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/books.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/books.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/books.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="/assets/images/hero/books.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/books.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="/assets/images/hero/books.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/books.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/books.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/books.jpg"
-            alt="" class="card-img">
-                    <a href="/lessons/3/">
-            <h2>Penjasorkes</h2>
-                    </a>
-                    <p>Supatri, S.Pd</p>
-                </div>
+                        <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>
         </section>
     </div>