diff --git a/WebGIS_SPBU/index.html b/WebGIS_SPBU/index.html
index 5e38590..418f2e9 100644
--- a/WebGIS_SPBU/index.html
+++ b/WebGIS_SPBU/index.html
@@ -314,10 +314,18 @@
         }
 
         function showToast(msg, type = 'info') {
-            const el = document.getElementById('toast');
-            el.textContent = msg;
-            el.className = 'show' + (type ? ' ' + type : '');
-            setTimeout(() => { el.className = ''; }, 3000);
+            const container = document.getElementById('toast');
+            const toast = document.createElement('div');
+            toast.className = `toast-item toast-${type}`;
+            toast.textContent = msg;
+            container.appendChild(toast);
+            
+            setTimeout(() => {
+                toast.style.opacity = '0';
+                toast.style.transform = 'translateX(30px)';
+                toast.style.transition = 'all 0.3s ease';
+                setTimeout(() => toast.remove(), 300);
+            }, 3000);
         }
 
         // ============================================================
diff --git a/index.html b/index.html
index b159733..4fc30a9 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,6 @@
             <span class="logo-icon">🌐</span>
             <div>
                 <strong>Portal WebGIS</strong>
-                <span>Koleksi Tugas Praktikum</span>
             </div>
         </div>
         <div class="header-badge">
@@ -32,9 +31,9 @@
     <main>
         <section class="hero">
             <p class="hero-label">Selamat datang</p>
-            <h1>Semua Tugas WebGIS<br><span class="gradient-text">Dalam Satu Tempat</span></h1>
+            <h1>Portal Tugas WebGIS<br></h1>
             <p class="hero-desc">
-                Pilih modul di bawah untuk membuka aplikasi WebGIS. Setiap modul menggunakan
+                Pilih Tugas di bawah untuk membuka aplikasi WebGIS. Setiap Tugas menggunakan
                 LeafletJS, PHP REST API, dan MySQL sebagai backend.
             </p>
         </section>
@@ -44,10 +43,11 @@
             <article class="project-card" data-accent="orange">
                 <div class="card-top">
                     <div class="card-icon">⛽</div>
-                    <span class="card-tag">Pertemuan 2–3</span>
+                    <span class="card-tag">Pertemuan 2</span>
                 </div>
                 <h2>WebGIS SPBU Pontianak</h2>
-                <p>Layer Groups &amp; Layers Control untuk data SPBU. Marker dikelompokkan berdasarkan status buka 24 jam.</p>
+                <p>Layer Groups &amp; Layers Control untuk data SPBU. Marker dikelompokkan berdasarkan status buka 24
+                    jam.</p>
                 <ul class="card-features">
                     <li>Layer Group: Buka 24 Jam / Tidak 24 Jam</li>
                     <li>Base map OSM &amp; Citra Satelit</li>
@@ -57,8 +57,9 @@
                     <span class="tech-stack">Leaflet · PHP · MySQL</span>
                     <a href="WebGIS_SPBU/index.html" class="btn-primary">
                         Buka Aplikasi
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
-                            <path d="M5 12h14M12 5l7 7-7 7"/>
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2.5">
+                            <path d="M5 12h14M12 5l7 7-7 7" />
                         </svg>
                     </a>
                 </div>
@@ -68,10 +69,11 @@
             <article class="project-card" data-accent="indigo">
                 <div class="card-top">
                     <div class="card-icon">🛣️</div>
-                    <span class="card-tag">Tugas Utama</span>
+                    <span class="card-tag">Pertemuan 1</span>
                 </div>
                 <h2>Manajemen Jalan &amp; Parsil</h2>
-                <p>Sistem manajemen data jalan (LineString) dan parsil tanah/kavling (Polygon) dengan pengukuran otomatis.</p>
+                <p>Sistem manajemen data jalan (LineString) dan parsil tanah/kavling (Polygon) dengan pengukuran
+                    otomatis.</p>
                 <ul class="card-features">
                     <li>Draw &amp; edit geometri di peta</li>
                     <li>Hitung panjang jalan &amp; luas parsil</li>
@@ -81,8 +83,9 @@
                     <span class="tech-stack">Leaflet · PHP · MySQL</span>
                     <a href="Manajemen_Jalan_dan_Parsil/index.html" class="btn-primary">
                         Buka Aplikasi
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
-                            <path d="M5 12h14M12 5l7 7-7 7"/>
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2.5">
+                            <path d="M5 12h14M12 5l7 7-7 7" />
                         </svg>
                     </a>
                 </div>
@@ -92,13 +95,14 @@
             <article class="project-card card-wide" data-accent="purple">
                 <div class="card-top">
                     <div class="card-icon">🕌</div>
-                    <span class="card-tag">Proyek Akhir</span>
+                    <span class="card-tag"></span>
                 </div>
                 <h2>WebGIS Pemetaan Kemiskinan</h2>
-                <p>Website pemberantas kemiskinan berbasis partisipasi rumah ibadah. Dilengkapi autentikasi multi-role dan dashboard analitik.</p>
+                <p>Website pemberantas kemiskinan berbasis partisipasi rumah ibadah. Dilengkapi autentikasi multi-role
+                    dan dashboard analitik.</p>
                 <ul class="card-features">
-                    <li>Login: Admin, Petugas, Pengurus, Walikota</li>
-                    <li>Pemetaan titik kemiskinan &amp; masjid</li>
+                    <li>Login: Admin, Pengurus, Walikota</li>
+                    <li>Pemetaan titik kemiskinan &amp; Rumah Ibadah</li>
                     <li>Dashboard statistik untuk Walikota</li>
                 </ul>
                 <div class="card-footer card-footer-multi">
@@ -106,8 +110,9 @@
                     <div class="btn-group">
                         <a href="WebGIS_PovertyMap/login.html" class="btn-primary">
                             Login
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
-                                <path d="M5 12h14M12 5l7 7-7 7"/>
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                stroke-width="2.5">
+                                <path d="M5 12h14M12 5l7 7-7 7" />
                             </svg>
                         </a>
                         <a href="WebGIS_PovertyMap/index.html" class="btn-secondary">Peta Utama</a>
@@ -141,8 +146,8 @@
     </main>
 
     <footer class="site-footer">
-        <p>Portal WebGIS &mdash; Praktikum Sistem Informasi Geografis</p>
+        <p>Portal WebGIS &mdash; Proyek Akhir Sistem Informasi Geografis</p>
     </footer>
 </body>
 
-</html>
+</html>
\ No newline at end of file