details/detail_hsd11863.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">1.40</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Bangunan</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Bangunan Perniagaan</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd11991.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">40.47</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Pertanian Bersepadu Bersekali Agrotourism</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd2384.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">16.728</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Ternakan Air Sahaja (belut/ikan/ketam/kerang/udang)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd4638.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">181.9</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Tanaman Kontan Sahaja (tebu/jagung/tembikai/lada hitem <br> pisang/kacang tanah/betik/ubi kayu)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5621.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -197,9 +197,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">40.47</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Ternakan Domestik (Kambing/Lembu/Kerbau/Arnab/Kijang dan Rusa)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5625.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">80.94</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Ternakan reptilia sahaja</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5627.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">24.657</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Ternakan Air Sahaja (belut/ikan/ketam/kerang/udang)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5714.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">13.44</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Ternakan domistik Sahaja <br>(seperti kambing/lembu/kerbau<br>/arnab/kijang/dan rusa)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5715.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">13.83</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Bangunan</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">(Bangunan Kediaman /<br>Bangunan Perniagaan/Industri)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5734.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">10.33</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Bangunan</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Lapangan Terbang</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5738.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">6.77</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Bangunan</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Lapangan Terbang</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5745.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">23.66</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5749.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">16.50</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5761.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">32.67</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5762.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">9.05</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5763.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">21.73</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_hsd5764.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">21.63</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_pn16507.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">1.13</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Perindustian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Tapak Kilang Perabut Sahaja</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/detail_pn28612.html

@@ -161,7 +161,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 
@@ -203,9 +203,9 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
                         <span style="color: #ACACAC;">16.26</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kehunaan :</span> <span
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                             style="color: #ACACAC;">Pertanian</span></h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Start Neat :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                         <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span

details/penternakan_hsd_10006.html

@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+    <meta charset="utf-8">
+    <title>KML Click Capture Sample</title>
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
+    <link rel="stylesheet" href="../css/app.css">
+
+</head>
+
+<body>
+
+    <section class="section" style="max-height: 100vh;">
+
+        <div class=""
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/bera.html"><i
+                        class="fas fa-chevron-left"></i></a></h6>
+            <h6 style="color: white;">HSD 10006</h6>
+        </div>
+
+        <div class="text-center pt-5"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
+
+        </div>
+
+        <div class="text-center pt-1 pb-5"
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
+
+                <div id="map" style="width: 800px;"></div>
+                <!-- <div id="capture"></div> -->
+
+            </div>
+        </div>
+
+
+
+
+        <div class="text-center pt-5"
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
+            <div style="display: flex; flex-direction: row;">
+                <div>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
+                            style="color: #ACACAC;">Bukit Mendi</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
+                            style="color: #ACACAC;">Triang</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
+                            style="color: #ACACAC;">Bera</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
+                </div>
+                <div style="margin-left: 100px;">
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
+                        <span style="color: #ACACAC;">HSD 10006</span>
+                    </h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
+                        <span style="color: #ACACAC;">30.36</span>
+                    </h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
+                            style="color: #ACACAC;">Pertanian</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
+                        <span style="color: #ACACAC;">Ternakan Domestik (Kambing/Lembu/Kerbau/Arnab/Kijang dan Rusa)</span>
+                    </h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
+                            style="color: #ACACAC;"></span></h6>
+                </div>
+            </div>
+        </div>
+
+        <div class="text-center pt-5 pb-5"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <a href="../pdf_pages/hsd_10006.html" class="button-23 mb-2 mr-2"
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
+                data-toggle="modal" data-target="#exampleModal">View
+                PDF</a>
+
+        </div>
+
+        <script src="js/jquery-3.7.1.js" defer></script>
+
+        <script src="js/pdfjs-viewer.js" defer></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
+
+    </section>
+
+
+    <!-- <div id="map"></div> -->
+
+    <script>
+        var map;
+        var src = 'https://file.io/t3IwR1hlxwkZ';
+
+        function initMap() {
+            map = new google.maps.Map(document.getElementById('map'), {
+                center: new google.maps.LatLng(-19.257753, 146.823688),
+                zoom: 2,
+                mapTypeId: 'satellite'
+            });
+
+            var kmlLayer = new google.maps.KmlLayer(src, {
+                suppressInfoWindows: true,
+                preserveViewport: false,
+                map: map
+            });
+        }
+
+       
+
+        
+
+    </script>
+    <script async
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
+        </script>
+
+</body>
+
+</html>

details/penternakan_hsd_19372.html

@@ -25,7 +25,7 @@
 
         <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div>
 

details/penternakan_pn_17421_hsd_1950.html

@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+    <meta charset="utf-8">
+    <title>KML Click Capture Sample</title>
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
+    <link rel="stylesheet" href="../css/app.css">
+
+</head>
+
+<body>
+
+    <section class="section" style="max-height: 100vh;">
+
+        <div class=""
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/lipis.html"><i
+                        class="fas fa-chevron-left"></i></a></h6>
+            <h6 style="color: white;">PN 17421 HSD 1950</h6>
+        </div>
+
+        <div class="text-center pt-5"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
+
+        </div>
+
+        <div class="text-center pt-1 pb-5"
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
+
+                <div id="map" style="width: 800px;"></div>
+                <!-- <div id="capture"></div> -->
+
+            </div>
+        </div>
+
+
+
+
+        <div class="text-center pt-5"
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
+            <div style="display: flex; flex-direction: row;">
+                <div>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
+                            style="color: #ACACAC;">Penjom</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
+                            style="color: #ACACAC;">Penjom</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
+                            style="color: #ACACAC;">Lipis</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
+                </div>
+                <div style="margin-left: 100px;">
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
+                        <span style="color: #ACACAC;">PN 17421 (HSD 1950)</span>
+                    </h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
+                        <span style="color: #ACACAC;">21.107</span>
+                    </h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
+                            style="color: #ACACAC;">Pertanian</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
+                        <span style="color: #ACACAC;">Tanaman Dusun Sahaja (Kampung & Tanaman Am)</span>
+                    </h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
+                            style="color: #ACACAC;"></span></h6>
+                </div>
+            </div>
+        </div>
+
+        <div class="text-center pt-5 pb-5"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <a href="../pdf_pages/pn_17421_hsd_1950.html" class="button-23 mb-2 mr-2"
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
+                data-toggle="modal" data-target="#exampleModal">View
+                PDF</a>
+
+        </div>
+
+        <script src="js/jquery-3.7.1.js" defer></script>
+
+        <script src="js/pdfjs-viewer.js" defer></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
+
+    </section>
+
+
+    <!-- <div id="map"></div> -->
+
+    <script>
+        var map;
+        var src = 'https://file.io/t3IwR1hlxwkZ';
+
+        function initMap() {
+            map = new google.maps.Map(document.getElementById('map'), {
+                center: new google.maps.LatLng(-19.257753, 146.823688),
+                zoom: 2,
+                mapTypeId: 'satellite'
+            });
+
+            var kmlLayer = new google.maps.KmlLayer(src, {
+                suppressInfoWindows: true,
+                preserveViewport: false,
+                map: map
+            });
+        }
+
+       
+
+        
+
+    </script>
+    <script async
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
+        </script>
+
+</body>
+
+</html>

details/penternakan_pn_17427_hsd_1949.html

@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+    <meta charset="utf-8">
+    <title>KML Click Capture Sample</title>
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
+    <link rel="stylesheet" href="../css/app.css">
+
+</head>
+
+<body>
+
+    <section class="section" style="max-height: 100vh;">
+
+        <div class=""
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/lipis.html"><i
+                        class="fas fa-chevron-left"></i></a></h6>
+            <h6 style="color: white;">PN 17427 (HSD 1949)</h6>
+        </div>
+
+        <div class="text-center pt-5"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
+
+        </div>
+
+        <div class="text-center pt-1 pb-5"
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
+
+                <div id="map" style="width: 800px;"></div>
+                <!-- <div id="capture"></div> -->
+
+            </div>
+        </div>
+
+
+        <div class="text-center pt-5"
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
+            <div style="display: flex; flex-direction: row;">
+                <div>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
+                            style="color: #ACACAC;">Penjom</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
+                            style="color: #ACACAC;">Penjom</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
+                            style="color: #ACACAC;">Lipis</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
+                </div>
+                <div style="margin-left: 100px;">
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
+                        <span style="color: #ACACAC;">PN 17427 (HSD 1949)</span>
+                    </h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
+                        <span style="color: #ACACAC;">5.295</span>
+                    </h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
+                            style="color: #ACACAC;">Pertanian</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
+                        <span style="color: #ACACAC;">Ternakan Dusun Sahaja (Kampung & Tanaman am)</span>
+                    </h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
+                            style="color: #ACACAC;"></span></h6>
+                </div>
+            </div>
+        </div>
+
+        <div class="text-center pt-5 pb-5"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <a href="../pdf_pages/pn_17427_hsd_1949.html" class="button-23 mb-2 mr-2"
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
+                data-toggle="modal" data-target="#exampleModal">View
+                PDF</a>
+
+        </div>
+
+        <script src="js/jquery-3.7.1.js" defer></script>
+
+        <script src="js/pdfjs-viewer.js" defer></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
+
+    </section>
+
+
+    <!-- <div id="map"></div> -->
+
+    <script>
+        var map;
+        var src = 'https://file.io/t3IwR1hlxwkZ';
+
+        function initMap() {
+            map = new google.maps.Map(document.getElementById('map'), {
+                center: new google.maps.LatLng(-19.257753, 146.823688),
+                zoom: 2,
+                mapTypeId: 'satellite'
+            });
+
+            var kmlLayer = new google.maps.KmlLayer(src, {
+                suppressInfoWindows: true,
+                preserveViewport: false,
+                map: map
+            });
+        }
+
+       
+
+        
+
+    </script>
+    <script async
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
+        </script>
+
+</body>
+
+</html>

index.html

@@ -27,7 +27,7 @@
         <div style="background-image: url(Mask_Group_2.png); min-height: 175px; display: flex; flex-direction: column; justify-content: center; padding-left: 100px;padding-right: 100px;">
             <img class="pb-2" src="Group_49433x.png" style="height: auto;width: 8%" alt="">
             <h6 style="color: white; margin-bottom: 2px;">Pelan Kawasan Tanah Milik Perbadanan</h6>
-            <h6 style="color: white; margin-bottom: 10px;font-weight: 400;">Setiausaha Karajan (PSK) Pahang Tanpa Skala</h6>
+            <h6 style="color: white; margin-bottom: 10px;font-weight: 400;">Setiausaha Kerajaan (PSK) Pahang Tanpa Skala</h6>
 
             <input type="search" class="p-1" style="border-radius: 21px; border: none; padding-left: 20px !important;" placeholder="Search Here">
         </div>
@@ -54,7 +54,7 @@
                                 C65.6,205,72.4,205.9,77.6,205.5z" />
                         </a>
                         <!-- Lipis -->
-                        <a href="testing.html" data-area="lipis">
+                        <a href="lists/lipis.html" data-area="lipis">
                             <path id="lipis" class="pahang-barat"
                                 d="M450.8,329.1c-5.7,4.5-13.3,9.2-20.1,9.3c-11.2,0.2-13.3,7.3-15.4,13.6c-13.1-3.3-21.3-13.5-31.4-20.9
                                                 c-5.5-4-13.6-15.1-22.9-5.8c-6.2,6.2-3.1,13.6-0.7,20.7c0.2,1.3,0.9,2.7,1.3,4c0.2,3.5,3,4.9,5.3,6.6c5.6,4,4.5,8.3-0.9,10.5
@@ -199,7 +199,7 @@
                                             c-1,0-2-0.1-3-0.4c-8,2.6-9.1,8.4-5.4,14.7C678.7,636.1,682.7,644,690,649.3z" />
                         </a>
                         <!-- Bera -->
-                        <a href="testing.html" data-area="bera">
+                        <a href="lists/bera.html" data-area="bera">
                             <path id="bera" class="pahang-barat"
                                 d="M671.1,911.5c-13.5-10.7-16-25.6-11-39.9c3.5-9.9,3.3-18.5,2.3-28.1c-0.4-3.6,1.4-7.4,2.1-11.1c0,0,0,0,0,0
                                 c0,0,0,0,0,0c0.4-1.2,0.6-2.4,1.2-3.5c6.1-10.4,13.1-20.5-1.6-30c-2.9-1.9-4.8-5.7-4.9-9.8c-5.1-8.2,2.4-18.2-3.8-26.6

lists/bera.html

@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
+    <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
+    <meta http-equiv="Content-Security-Policy" content="">
+    <!-- include bulma css -->
+    <link rel="stylesheet" href="bulma/css/bulma.min.css">
+    <title>My Test App</title>
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
+    <link rel="stylesheet" href="../css/app.css">
+
+</head>
+
+<body>
+    <section class="section" style="max-height: 100vh;">
+
+        <div class=""
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
+                        class="fas fa-chevron-left"></i></a></h6>
+            <h6 style="color: white;">Bera</h6>
+        </div>
+
+        <div class="text-center pt-5"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <button id="penternakan_btn" type="button" class="p-1"
+                style="font-weight: 500; border-top: 4px solid #3B47E0; border-right: none; border-bottom: none; border-left: none; margin: 0; background-color: transparent;">&emsp;&emsp;Penternakan&emsp;&emsp;</button>
+        </div>
+
+        <div class="text-center pt-1"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <div class="pt-5" style="width: 600px;height: 100px;">
+                <svg class="map-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-30 -30 1150 1150"
+                    style="enable-background: new 0 0 1080 1080" xml:space="preserve">
+                    <g>
+                        <a href="#" data-area="jerantut">
+                            <path id="jerantut" class="pahang-barat" d="M671.1,911.5c-13.5-10.7-16-25.6-11-39.9c3.5-9.9,3.3-18.5,2.3-28.1c-0.4-3.6,1.4-7.4,2.1-11.1c0,0,0,0,0,0
+                            c0,0,0,0,0,0c0.4-1.2,0.6-2.4,1.2-3.5c6.1-10.4,13.1-20.5-1.6-30c-2.9-1.9-4.8-5.7-4.9-9.8c-5.1-8.2,2.4-18.2-3.8-26.6
+                            c-1.3-1.7,2.9-6.3,5.6-5.3c10.6,3.9,16.1-5.2,26.9-8.8c-19.9-13.4-34.9-29-49.3-45.4c0,0,0,0,0,0c-7.1-8.3,1.1-17-0.6-25.4
+                            c-9.3-4.9-17.2-11.7-24.6-19c-3.3-3.3-6-6.6-11.3-7c-4.1-0.2-7.5-2.6-6.7-7.3c1.6-9.6-5.2-14.4-10.6-20c0,0,0,0,0,0
+                            c-7.7-3.4-15.5-6-24.3-5.3c-9.7,0.7-14.8,9.7-14.3,14.9c2.4,24.5-8.5,29-34.4,27.1c-5.6-0.4-11.2-2.5-16.8-4.7
+                            c-9.8-3.9-20.4-5.5-29.2,3.3c0,0,0,0,0,0c-1,3-3.9,6-0.3,9.1c10.7,9.1,4.2,17.9-3,22.9c-11.4,7.9-10.2,18.9-11.1,29.7
+                            c-0.2,2.2,2.3,5.7,0,6.9c-14.3,7.3-3.1,12,1.6,17.1c6.2,6.6,5.2,11.7-2.6,15.9c3.9,4.8,9.8,4.8,15,5.2
+                            c22.6,1.7,39.6,11.4,51.4,31.4c5,8.5,10.2,17.6,18.8,23.5c25.9,17.5,51.8,35,77.7,52.3c3.1,2.1,6.7,4.7,10.1,4.7
+                            c9.9,0.1,13.8,6.2,14.9,14.1c1.7,12.4,8.8,18,20.5,19.7c5,0.7,9.8,2.4,14.7,3.7C672.9,914.3,672.4,912.5,671.1,911.5z" />
+                        </a>
+                    </g>
+                </svg>
+
+
+            </div>
+        </div>
+
+        <div id="penternakan_plot" class="content-div">
+            <div class="text-center pt-5"
+                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
+                <h6>Penternakan</h6><br>
+
+            </div>
+            <div class="text-center pt-2 text-nowrap flex-wrap"
+                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px; margin-top: 0;gap: 10px;padding-right: 100px;">
+                <a href="../details/penternakan_hsd_10006.html" class="button-23 mb-2 mr-2"
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 10006</a>
+            </div>
+        </div>
+
+
+    </section>
+
+    <script>
+
+        document.getElementById('pembangun_btn').addEventListener('click', function () {
+            showDiv('pembangun_plot');
+        });
+
+        document.getElementById('penternakan_btn').addEventListener('click', function () {
+            showDiv('penternakan_plot');
+        });
+
+        document.getElementById('pertanian_btn').addEventListener('click', function () {
+            showDiv('pertanian_plot');
+        });
+
+        document.getElementById('industri_btn').addEventListener('click', function () {
+            showDiv('industri_plot');
+        });
+
+        function showDiv(divId) {
+            var divs = document.getElementsByClassName('content-div');
+            for (var i = 0; i < divs.length; i++) {
+                divs[i].classList.add('hidden');
+            }
+            document.getElementById(divId).classList.remove('hidden');
+        }
+    </script>
+    <script defer src="/ruta relativa a mi archivo .js"></script>
+
+</body>
+
+</html>

lists/lipis.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
+    <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
+    <meta http-equiv="Content-Security-Policy" content="">
+    <!-- include bulma css -->
+    <link rel="stylesheet" href="bulma/css/bulma.min.css">
+    <title>My Test App</title>
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
+    <link rel="stylesheet" href="../css/app.css">
+
+</head>
+
+<body>
+    <section class="section" style="max-height: 100vh;">
+
+        <div class=""
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
+                        class="fas fa-chevron-left"></i></a></h6>
+            <h6 style="color: white;">Lipis</h6>
+        </div>
+
+        <div class="text-center pt-5"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <button id="penternakan_btn" type="button" class="p-1"
+                style="font-weight: 500; border-top: 4px solid #3B47E0; border-right: none; border-bottom: none; border-left: none; margin: 0; background-color: transparent;">&emsp;&emsp;Penternakan&emsp;&emsp;</button>
+        </div>
+
+        <div class="text-center pt-1"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <div class="pt-5" style="width: 600px;height: 100px;">
+                <svg class="map-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-30 -30 1150 1150"
+                    style="enable-background: new 0 0 1080 1080" xml:space="preserve">
+                    <g>
+                        <a href="#" data-area="jerantut">
+                            <path id="jerantut" class="pahang-barat" d="M450.8,329.1c-5.7,4.5-13.3,9.2-20.1,9.3c-11.2,0.2-13.3,7.3-15.4,13.6c-13.1-3.3-21.3-13.5-31.4-20.9
+                            c-5.5-4-13.6-15.1-22.9-5.8c-6.2,6.2-3.1,13.6-0.7,20.7c0.2,1.3,0.9,2.7,1.3,4c0.2,3.5,3,4.9,5.3,6.6c5.6,4,4.5,8.3-0.9,10.5
+                            c-10.5,4.2-21.5,9.5-32.8,3.1c-6.8-3.8-11.3-1.5-15.3,3.5c-4.5,5.6-8.3,11.7-12.7,17.3c-2.4,3.1-6.5,5.8-9.9,3.8
+                            c-4.6-2.6-9.5-6.4-11.7-11c-2.3-4.8,4.5-4.4,7.2-6.6c6.6-5.5,13.2-10.3,4.1-20.1c-6-6.5-8.9-15.8-3-24.5c7.2-10.6-1-12.1-7.9-14.3
+                            c-13.9-4.4-22.6,4.1-31,12.9c-3.6,3.7-9.9,5.7-8.6,12.8c-1.4,1.7-3.4,3.2-4,5.4l-6.8,0.4c-5.5-4.8-9.1-10.5-8.5-18.9
+                            c0.3-3.4-2.9-6.7-6.6-6.5c-10.1,0.4-15.1-5.6-19.5-13.3c-1.7-2.9-4.7-5.1-8.5-3.5c-2.9,1.2-3,3.8-2.2,6.4c2.3,7.6-3.3,8.7-8.2,9.5
+                            c-5.4,0.9-11.4,2.3-16.2,0.7c-15.5-5-30.7-4.7-46-0.1c0,0,0,0,0,0c-4.5-11.8-15.8-16.2-25.7-21.2c-11-5.6-15.7-12.4-12.3-24.9
+                            c4.2-15.4,4.2-15.3-10.6-17c-9-1-15.2-4.2-9.2-14.6c2.6-4.5-0.5-7-2.4-10.1c-1.9-3.2-2.9-6.4-2.9-9.4c0-5.6,3.2-10.6,9.2-14.2
+                            c12.7,2.5,23.7-2.5,34.9-7.4c6.1-2.7,10.3-12.1,19.3-5.7c0.5,0.4,3.9-1.4,3.9-2.2c0.3-11.1,8.7-20.6,8.7-31.8c0-2-0.3-3.9-0.8-6
+                            c0.1-0.5,0.1-0.9,0.1-1.3c0-1.7-0.5-3.2-2-4.4c-1.7-2.2-3.4-4.3-5.1-6.5c0,0,0,0,0,0c2.8-4.6,3.4-9.2-0.1-13.7c0,0,0,0,0,0
+                            c0.1-3.8,0.2-7.6,0.3-11.4c3.6-5.6,2-11.8,2-17.8c0-0.3,0-0.6,0-0.9c8.1-3.3,16.6,6.2,24.7-0.9c1.5-1.3,5.1-1.3,5.6-2.6
+                            c4.7-14.3,18.9-16.3,29.4-23.2c1.6-1.1,2.4-3.8,4.9-3c13.7,4.5,16.7-5.8,18-14.7c1.9-13.1,4.6-26.3,1.8-39.7
+                            c-1.2-5.8-0.4-11.5,7.2-12.2c6.7-0.7,12,0.7,10.2,9.7c-0.8,3.7,1.1,7,4.8,7.9c5.5,1.4,7.3,5.4,8.4,10c1.5,6.2,5.2,9.4,11.4,10
+                            c8.7,0.9,11.1,6.4,10.9,14.2c-0.1,3.8-0.6,7.9,0.7,11.2c2.1,5.2,9.4,9.2,11.1,3.5c4.3-14.2,18.1-23.7,18.5-39.3
+                            c0.2-6.3,0-12.7,0.2-19c0.1-3.4,1.4-8.8,5.1-5.6c5.1,4.4,11.8,2.2,15.3,4.5c14.4,9.4,26.8,5.5,40-1.6c13.6-7.3,13.8-7,18.2,8.4
+                            c0.2,0.8,0.1,2.1,0.6,2.4c9.2,6.3,15.1,15.7,21.5,24.8c6.3,9.1,13.1,17.7,23.9,22.4c-9.7,16.5-1.1,29.5,8.8,41.7
+                            c4.6,5.7,5.7,10.9,2.4,17.3c-1.9,3.7-3.8,7.6-3.1,12c0.4,2.3,0.7,4.6,0.7,6.7c0,7.7-3,14.1-11.1,18.4c-3.7,6.9-9.2,14.6-5.4,22
+                            c6,11.9,9.1,24,9.8,37.1l0,0c3.7,3.5,6.9,7,6.6,12.8c-0.2,4.1,0,8.9,2,12.2c7.8,12.4,7.6,24.7,2.9,38.2c-0.9,2.6-1.7,5.5-1.7,8.4
+                            c0,3.2,0.9,6.5,3.6,9.3c4,3.8,9.5,3.2,14.2,4.8C458.6,315.3,460.3,321.5,450.8,329.1z" />
+                        </a>
+                    </g>
+                </svg>
+
+
+            </div>
+        </div>
+
+        <div id="penternakan_plot" class="content-div">
+            <div class="text-center pt-5"
+                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
+                <h6>Penternakan</h6><br>
+
+            </div>
+            <div class="text-center pt-2 text-nowrap flex-wrap"
+                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px; margin-top: 0;gap: 10px;padding-right: 100px;">
+                <a href="../details/penternakan_pn_17421_hsd_1950.html" class="button-23 mb-2 mr-2"
+                    style="background-color: #1F9027; color: white; border: none;" role="button">PN 17421 (HSD 1950)</a>
+
+                    <a href="../details/penternakan_pn_17427_hsd_1949.html" class="button-23 mb-2 mr-2"
+                    style="background-color: #1F9027; color: white; border: none;" role="button">PN 17427 (HSD 1949)</a>
+            </div>
+        </div>
+
+
+    </section>
+
+    <script>
+
+        document.getElementById('pembangun_btn').addEventListener('click', function () {
+            showDiv('pembangun_plot');
+        });
+
+        document.getElementById('penternakan_btn').addEventListener('click', function () {
+            showDiv('penternakan_plot');
+        });
+
+        document.getElementById('pertanian_btn').addEventListener('click', function () {
+            showDiv('pertanian_plot');
+        });
+
+        document.getElementById('industri_btn').addEventListener('click', function () {
+            showDiv('industri_plot');
+        });
+
+        function showDiv(divId) {
+            var divs = document.getElementsByClassName('content-div');
+            for (var i = 0; i < divs.length; i++) {
+                divs[i].classList.add('hidden');
+            }
+            document.getElementById(divId).classList.remove('hidden');
+        }
+    </script>
+    <script defer src="/ruta relativa a mi archivo .js"></script>
+
+</body>
+
+</html>

pdf_pages/hsd_10006.html

@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+    <meta charset="utf-8">
+    <title>KML Click Capture Sample</title>
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
+    <link rel="stylesheet" href="../css/app.css">
+
+</head>
+
+<body>
+
+    <section class="section" style="max-height: 100vh;">
+
+        <div class=""
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/penternakan_hsd_10006.html"><i
+                        class="fas fa-chevron-left"></i></a></h6>
+            <h6 style="color: white;">HSD 10006</h6>
+        </div>
+
+        <!-- <div class="text-center pt-5"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
+
+        </div> -->
+
+        <div class="text-center pt-1 pb-5"
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
+
+                <!-- <div id="capture"></div> -->
+                <div id="pdfViewer"></div>
+
+
+
+            </div>
+        </div>
+
+
+        <script src="../js/jquery-3.7.1.js" defer></script>
+
+        <script src="../js/pdfjs-viewer.js" defer></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
+
+    </section>
+
+
+    <!-- <div id="map"></div> -->
+
+    <script>
+        var map;
+        var src = 'https://file.io/t3IwR1hlxwkZ';
+
+        function initMap() {
+            map = new google.maps.Map(document.getElementById('map'), {
+                center: new google.maps.LatLng(-19.257753, 146.823688),
+                zoom: 2,
+                mapTypeId: 'satellite'
+            });
+
+            var kmlLayer = new google.maps.KmlLayer(src, {
+                suppressInfoWindows: true,
+                preserveViewport: false,
+                map: map
+            });
+        }
+
+        document.addEventListener('DOMContentLoaded', () => {
+            // PDF.js script to render PDF
+            const pdfUrl = '../HSD_10006.pdf'; // Replace with your PDF URL
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
+
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
+                pdf.getPage(1).then(function (page) {
+                    const scale = 1.5;
+                    const viewport = page.getViewport({ scale });
+
+                    const canvas = document.createElement('canvas');
+                    const context = canvas.getContext('2d');
+                    canvas.height = viewport.height;
+                    canvas.width = viewport.width;
+
+                    const renderContext = {
+                        canvasContext: context,
+                        viewport: viewport
+                    };
+
+                    page.render(renderContext);
+                    document.getElementById('pdfViewer').appendChild(canvas);
+                });
+            });
+
+        })
+
+    </script>
+    <script async
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
+        </script>
+
+</body>
+
+</html>

pdf_pages/hsd_19372.html

@@ -25,7 +25,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/pn_17421_hsd_1950.html

@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+    <meta charset="utf-8">
+    <title>KML Click Capture Sample</title>
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
+    <link rel="stylesheet" href="../css/app.css">
+
+</head>
+
+<body>
+
+    <section class="section" style="max-height: 100vh;">
+
+        <div class=""
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/penternakan_pn_17421_hsd_1950.html"><i
+                        class="fas fa-chevron-left"></i></a></h6>
+            <h6 style="color: white;">PN 17421 (HSD 1950)</h6>
+        </div>
+
+        <!-- <div class="text-center pt-5"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
+
+        </div> -->
+
+        <div class="text-center pt-1 pb-5"
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
+
+                <!-- <div id="capture"></div> -->
+                <div id="pdfViewer"></div>
+
+
+
+            </div>
+        </div>
+
+
+        <script src="../js/jquery-3.7.1.js" defer></script>
+
+        <script src="../js/pdfjs-viewer.js" defer></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
+
+    </section>
+
+
+    <!-- <div id="map"></div> -->
+
+    <script>
+        var map;
+        var src = 'https://file.io/t3IwR1hlxwkZ';
+
+        function initMap() {
+            map = new google.maps.Map(document.getElementById('map'), {
+                center: new google.maps.LatLng(-19.257753, 146.823688),
+                zoom: 2,
+                mapTypeId: 'satellite'
+            });
+
+            var kmlLayer = new google.maps.KmlLayer(src, {
+                suppressInfoWindows: true,
+                preserveViewport: false,
+                map: map
+            });
+        }
+
+        document.addEventListener('DOMContentLoaded', () => {
+            // PDF.js script to render PDF
+            const pdfUrl = '../PN_17421_HSD_1950.pdf'; // Replace with your PDF URL
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
+
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
+                pdf.getPage(1).then(function (page) {
+                    const scale = 1.5;
+                    const viewport = page.getViewport({ scale });
+
+                    const canvas = document.createElement('canvas');
+                    const context = canvas.getContext('2d');
+                    canvas.height = viewport.height;
+                    canvas.width = viewport.width;
+
+                    const renderContext = {
+                        canvasContext: context,
+                        viewport: viewport
+                    };
+
+                    page.render(renderContext);
+                    document.getElementById('pdfViewer').appendChild(canvas);
+                });
+            });
+
+        })
+
+    </script>
+    <script async
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
+        </script>
+
+</body>
+
+</html>

pdf_pages/pn_17427_hsd_1949.html

@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+    <meta charset="utf-8">
+    <title>KML Click Capture Sample</title>
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
+    <link rel="stylesheet" href="../css/app.css">
+
+</head>
+
+<body>
+
+    <section class="section" style="max-height: 100vh;">
+
+        <div class=""
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/penternakan_pn_17427_hsd_1949.html"><i
+                        class="fas fa-chevron-left"></i></a></h6>
+            <h6 style="color: white;">PN 17427 (HSD 1949)</h6>
+        </div>
+
+        <!-- <div class="text-center pt-5"
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
+
+        </div> -->
+
+        <div class="text-center pt-1 pb-5"
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
+
+                <!-- <div id="capture"></div> -->
+                <div id="pdfViewer"></div>
+
+
+
+            </div>
+        </div>
+
+
+        <script src="../js/jquery-3.7.1.js" defer></script>
+
+        <script src="../js/pdfjs-viewer.js" defer></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
+
+    </section>
+
+
+    <!-- <div id="map"></div> -->
+
+    <script>
+        var map;
+        var src = 'https://file.io/t3IwR1hlxwkZ';
+
+        function initMap() {
+            map = new google.maps.Map(document.getElementById('map'), {
+                center: new google.maps.LatLng(-19.257753, 146.823688),
+                zoom: 2,
+                mapTypeId: 'satellite'
+            });
+
+            var kmlLayer = new google.maps.KmlLayer(src, {
+                suppressInfoWindows: true,
+                preserveViewport: false,
+                map: map
+            });
+        }
+
+        document.addEventListener('DOMContentLoaded', () => {
+            // PDF.js script to render PDF
+            const pdfUrl = '../PN_17427_HSD_1949.pdf'; // Replace with your PDF URL
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
+
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
+                pdf.getPage(1).then(function (page) {
+                    const scale = 1.5;
+                    const viewport = page.getViewport({ scale });
+
+                    const canvas = document.createElement('canvas');
+                    const context = canvas.getContext('2d');
+                    canvas.height = viewport.height;
+                    canvas.width = viewport.width;
+
+                    const renderContext = {
+                        canvasContext: context,
+                        viewport: viewport
+                    };
+
+                    page.render(renderContext);
+                    document.getElementById('pdfViewer').appendChild(canvas);
+                });
+            });
+
+        })
+
+    </script>
+    <script async
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
+        </script>
+
+</body>
+
+</html>

pdf_pages/view_pdf_hsd11863.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd11991.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd2384.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd4628.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5621.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5625.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5627.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5714.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5715.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5734.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5738.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5745.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5749.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5761.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5762.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5763.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_hsd5764.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_pn16507.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->
 

pdf_pages/view_pdf_pn28612.html

@@ -162,7 +162,7 @@
 
         <!-- <div class="text-center pt-5"
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
-            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
 
         </div> -->