fix all error

details/detail_hsd10006.html

@@ -54,7 +54,7 @@
                     <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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd11863.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 11863</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">1.40</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd11991.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 11991</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">40.47</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd19372.html

@@ -54,7 +54,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Bentong</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd2384.html

@@ -64,7 +64,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 2384</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">16.728</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd35309.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd41862.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd4638.html

@@ -64,7 +64,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 4638</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">181.9</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd54735.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd54736.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd54737.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd5621.html

@@ -58,7 +58,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5621</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">40.47</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
@@ -74,7 +74,7 @@
 
         <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/view_pdf_hsd2384.html" class="button-23 mb-2 mr-2"
+            <a href="../pdf_pages/view_pdf_hsd5621.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>

details/detail_hsd5625.html

@@ -64,7 +64,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5625</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">80.94</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
@@ -80,7 +80,7 @@
 
         <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/view_pdf_hsd2384.html" class="button-23 mb-2 mr-2"
+            <a href="../pdf_pages/view_pdf_hsd5625.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>

details/detail_hsd5627.html

@@ -64,7 +64,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5627</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">24.657</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
@@ -80,7 +80,7 @@
 
         <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/view_pdf_hsd2384.html" class="button-23 mb-2 mr-2"
+            <a href="../pdf_pages/view_pdf_hsd5627.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>

details/detail_hsd5714.html

@@ -64,7 +64,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5714</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">13.44</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd5715.html

@@ -64,7 +64,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5715</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">13.83</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd5734.html

@@ -64,7 +64,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5734</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">10.33</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
@@ -101,7 +101,7 @@
 
     <script>
         var map;
-        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205734.kml';
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205743.kml';
 
         function initMap() {
             map = new google.maps.Map(document.getElementById('map'), {

details/detail_hsd5738.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5738</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">6.77</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd5745.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5745</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">23.66</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd5749.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5749</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">16.50</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd5761.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5761</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">32.67</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd5762.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5762</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">9.05</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd5763.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5763</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">21.73</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd5764.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 5764</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">21.63</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd62437.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 62437</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">59671</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd62438.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd62441.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd62442.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd62443.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd62495.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd62497.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>SIBS 2024</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/kuantan.html"><i
+                        class="fas fa-chevron-left"></i></a></h6>
+            <h6 style="color: white;">HSD 62497</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;">Kotasas</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
+                            style="color: #ACACAC;">Kuantan</span></h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
+                            style="color: #ACACAC;">Pahang Darul Makmur</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 62497</span>
+                    </h6>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
+                        <span style="color: #ACACAC;">26574</span>
+                    </h6>
+                    <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;">Syarat Nyata :</span>
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</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/view_pdf_hsd62497.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://dev.suite.psk.gov.my/kml/HSD%2062497.kml';
+
+        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/detail_hsd62503.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd62504.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsd62510.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">HSD 62510</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">327017</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_hsd62520.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>

details/detail_hsm1225.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>
@@ -66,7 +66,7 @@
                     <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;">Syarat Nyata :</span>
-                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
+                        <span style="color: #ACACAC;">Kegunaan Bangunan Perniagaan (Servis Apartment Sahaja)</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
                             style="color: #ACACAC;"></span></h6>
@@ -97,7 +97,7 @@
 
     <script>
         var map;
-        var src = 'https://dev.suite.psk.gov.my/kml/HSM%1225.kml';
+        var src = 'https://dev.suite.psk.gov.my/kml/HSM%201225.kml';
 
         function initMap() {
             map = new google.maps.Map(document.getElementById('map'), {

details/detail_hsm1909.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>
@@ -97,7 +97,7 @@
 
     <script>
         var map;
-        var src = 'https://dev.suite.psk.gov.my/kml/HSM%1909.kml';
+        var src = 'https://dev.suite.psk.gov.my/kml/HSM%201909.kml';
 
         function initMap() {
             map = new google.maps.Map(document.getElementById('map'), {

details/detail_hsm90298.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>
@@ -97,7 +97,7 @@
 
     <script>
         var map;
-        var src = 'https://dev.suite.psk.gov.my/kml/HSM%90298.kml';
+        var src = 'https://dev.suite.psk.gov.my/kml/HSM%2090298.kml';
         function initMap() {
             map = new google.maps.Map(document.getElementById('map'), {
                 center: new google.maps.LatLng(-19.257753, 146.823688),

details/detail_pm32006.html

@@ -52,7 +52,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                             style="color: #ACACAC;">Kuantan</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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>
@@ -97,7 +97,7 @@
 
     <script>
         var map;
-        var src = 'https://dev.suite.psk.gov.my/kml/PM%32006.kml';
+        var src = 'https://dev.suite.psk.gov.my/kml/PM%2032006.kml';
 
         function initMap() {
             map = new google.maps.Map(document.getElementById('map'), {

details/detail_pn16507.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">PN 16507</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">1.13</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

details/detail_pn17421_hsd1950.html

@@ -51,7 +51,7 @@
                     <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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>
@@ -75,7 +75,7 @@
 
         <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"
+            <a href="../pdf_pages/view_pdf_pn17421_hsd1950.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>

details/detail_pn17427_hsd1949.html

@@ -54,7 +54,7 @@
                     <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>
+                            style="color: #ACACAC;">Pahang Darul Makmur</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>
@@ -78,7 +78,7 @@
 
         <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"
+            <a href="../pdf_pages/view_pdf_pn17427_hsd1949.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>

details/detail_pn28612.html

@@ -200,7 +200,7 @@
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                         <span style="color: #ACACAC;">PN 28612</span>
                     </h6>
-                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (MP) :</span>
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                         <span style="color: #ACACAC;">16.26</span>
                     </h6>
                     <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span

lists/kuantan.html

@@ -133,7 +133,7 @@
                 style="position: relative;z-index: 3;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/detail_hsd35309.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 35309</a>
-                <a href="../details/detail_hsd4162.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 41862</a>
+                <a href="../details/detail_hsd41862.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 41862</a>
                 <a href="../details/detail_hsd54735.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 54735</a>
                 <a href="../details/detail_hsd54736.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 54736</a>
                 <a href="../details/detail_hsd54737.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 54737</a>

lists/temerloh.html

@@ -69,7 +69,7 @@
             <div class="text-center pt-2 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/detail_pn16507.html" class="button-23 mb-2"
+                <a href="../details/detail_pn16507.html" class="button-23 mb12-2"
                     style="background-color: #1F9027; color: white; border: none;" role="button">PN 16507</a>
             </div>
         </div>

pdf_pages/view_pdf_hsd5738.html

@@ -219,7 +219,7 @@
 
         document.addEventListener('DOMContentLoaded', () => {
             // PDF.js script to render PDF
-            const pdfUrl = '../HSD2384.pdf'; // Replace with your PDF URL
+            const pdfUrl = '../HSD 5738.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';
 

pdf_pages/view_pdf_hsd62497.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>SIBS 2024</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/detail_hsd62495.html"><i
+                        class="fas fa-chevron-left"></i></a></h6>
+            <h6 style="color: white;">HSD 62497</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://dev.suite.psk.gov.my/kml/HSD%2062495.kml';
+
+        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_62497.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>