diff --git a/index.html b/index.html
index 69f455c..ae35106 100644
--- a/index.html
+++ b/index.html
@@ -429,7 +429,7 @@
     <div class="grid">
 
       <!-- PROJECT 1: Poverty Map -->
-      <a href="http://localhost/webgis/povertymap/" class="card" style="--accent: #4F46E5; --accent-bg: #EEF2FF;">
+      <a href="http://localhost/webgis/povertymap/" target="_blank" class="card" style="--accent: #4F46E5; --accent-bg: #EEF2FF;">
         <div class="card-icon-wrap">
           <!-- Hand holding heart / charity icon -->
           <svg viewBox="0 0 24 24" width="32" height="32" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
@@ -453,7 +453,7 @@
       </a>
 
       <!-- PROJECT 2: SPBU Map -->
-      <a href="http://localhost/webgis/spbu/" class="card" style="--accent: #0D9488; --accent-bg: #F0FDF4;">
+      <a href="http://localhost/webgis/spbu/" target="_blank" class="card" style="--accent: #0D9488; --accent-bg: #F0FDF4;">
         <div class="card-icon-wrap">
           <!-- Gas pump icon -->
           <svg viewBox="0 0 24 24" width="32" height="32" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
@@ -478,7 +478,7 @@
       </a>
 
       <!-- PROJECT 3: Parsil Jalan Laporan -->
-      <a href="http://localhost/webgis/parsil_jalan_jalanrusak/" class="card" style="--accent: #2563EB; --accent-bg: #EFF6FF;">
+      <a href="http://localhost/webgis/parsil_jalan_jalanrusak/" target="_blank" class="card" style="--accent: #2563EB; --accent-bg: #EFF6FF;">
         <div class="card-icon-wrap">
           <!-- Road/infrastructure icon -->
           <svg viewBox="0 0 24 24" width="32" height="32" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">