muqriz
/
SIBS2024
Следить 1
В избранное 0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
Просмотр исходного кода

add return back after search

master
Muqriz 2 месяцев назад
Родитель
dc65f22496
Сommit
9038f33997
49 измененных файлов: 7573 добавлений и 217 удалений
Разделённый вид Показать статистику Diff
  1. 131
    0
      details_search/detail_hsd10006.html
  2. 267
    0
      details_search/detail_hsd11863.html
  3. 267
    0
      details_search/detail_hsd11991.html
  4. 131
    0
      details_search/detail_hsd19372.html
  5. 133
    0
      details_search/detail_hsd2384.html
  6. 129
    0
      details_search/detail_hsd35309.html
  7. 129
    0
      details_search/detail_hsd41862.html
  8. 127
    0
      details_search/detail_hsd4638.html
  9. 129
    0
      details_search/detail_hsd54735.html
  10. 129
    0
      details_search/detail_hsd54736.html
  11. 129
    0
      details_search/detail_hsd54737.html
  12. 128
    0
      details_search/detail_hsd5621.html
  13. 131
    0
      details_search/detail_hsd5625.html
  14. 130
    0
      details_search/detail_hsd5627.html
  15. 131
    0
      details_search/detail_hsd5714.html
  16. 131
    0
      details_search/detail_hsd5715.html
  17. 131
    0
      details_search/detail_hsd5734.html
  18. 267
    0
      details_search/detail_hsd5738.html
  19. 267
    0
      details_search/detail_hsd5745.html
  20. 267
    0
      details_search/detail_hsd5749.html
  21. 267
    0
      details_search/detail_hsd5761.html
  22. 267
    0
      details_search/detail_hsd5762.html
  23. 267
    0
      details_search/detail_hsd5763.html
  24. 266
    0
      details_search/detail_hsd5764.html
  25. 268
    0
      details_search/detail_hsd62437.html
  26. 129
    0
      details_search/detail_hsd62438.html
  27. 129
    0
      details_search/detail_hsd62441.html
  28. 129
    0
      details_search/detail_hsd62442.html
  29. 129
    0
      details_search/detail_hsd62443.html
  30. 129
    0
      details_search/detail_hsd62495.html
  31. 129
    0
      details_search/detail_hsd62497.html
  32. 129
    0
      details_search/detail_hsd62503.html
  33. 129
    0
      details_search/detail_hsd62504.html
  34. 267
    0
      details_search/detail_hsd62510.html
  35. 129
    0
      details_search/detail_hsd62520.html
  36. 129
    0
      details_search/detail_hsm1225.html
  37. 129
    0
      details_search/detail_hsm1909.html
  38. 128
    0
      details_search/detail_hsm90298.html
  39. 129
    0
      details_search/detail_pm32006.html
  40. 267
    0
      details_search/detail_pn16507.html
  41. 128
    0
      details_search/detail_pn17421_hsd1950.html
  42. 131
    0
      details_search/detail_pn17427_hsd1949.html
  43. 266
    0
      details_search/detail_pn28612.html
  44. 43
    43
      index.html
  45. 44
    43
      industri.html
  46. 0
    2
      pdf_pages/view_pdf_hsd5621.html
  47. 44
    43
      pembangunan.html
  48. 44
    43
      penternakan.html
  49. 44
    43
      pertanian.html

+ 131
- 0
details_search/detail_hsd10006.html Просмотреть файл 

@@ -0,0 +1,131 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 10006</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+
47 
+
48 
+        <div class="text-center pt-5"
49 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
50 
+            <div style="display: flex; flex-direction: row;">
51 
+                <div>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
53 
+                            style="color: #ACACAC;">Bukit Mendi</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
55 
+                            style="color: #ACACAC;">Triang</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
57 
+                            style="color: #ACACAC;">Bera</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
59 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
61 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
62 
+                </div>
63 
+                <div style="margin-left: 100px;">
64 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
65 
+                        <span style="color: #ACACAC;">HSD 10006</span>
66 
+                    </h6>
67 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
68 
+                        <span style="color: #ACACAC;">30.36</span>
69 
+                    </h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
71 
+                            style="color: #ACACAC;">Pertanian</span></h6>
72 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
73 
+                        <span style="color: #ACACAC;">Ternakan Domestik (Kambing/Lembu/Kerbau/Arnab/Kijang dan Rusa)</span>
74 
+                    </h6>
75 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
76 
+                            style="color: #ACACAC;"></span></h6>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+
81 
+        <div class="text-center pt-5 pb-5"
82 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
83 
+            <a href="../pdf_pages/view_pdf_hsd10006.html" class="button-23 mb-2 mr-2"
84 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
85 
+                data-toggle="modal" data-target="#exampleModal">View
86 
+                PDF</a>
87 
+
88 
+        </div>
89 
+
90 
+        <script src="js/jquery-3.7.1.js" defer></script>
91 
+
92 
+        <script src="js/pdfjs-viewer.js" defer></script>
93 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
94 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
95 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
96 
+
97 
+    </section>
98 
+
99 
+
100 
+    <!-- <div id="map"></div> -->
101 
+
102 
+    <script>
103 
+        var map;
104 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2010006.kml';
105 
+
106 
+        function initMap() {
107 
+            map = new google.maps.Map(document.getElementById('map'), {
108 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
109 
+                zoom: 2,
110 
+                mapTypeId: 'satellite'
111 
+            });
112 
+
113 
+            var kmlLayer = new google.maps.KmlLayer(src, {
114 
+                suppressInfoWindows: true,
115 
+                preserveViewport: false,
116 
+                map: map
117 
+            });
118 
+        }
119 
+
120 
+
121 
+
122 
+
123 
+
124 
+    </script>
125 
+    <script async
126 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
127 
+        </script>
128 
+
129 
+</body>
130 
+
131 
+</html>

+ 267
- 0
details_search/detail_hsd11863.html Просмотреть файл 

@@ -0,0 +1,267 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+
12 
+
13 
+
14 
+    <style>
15 
+        html,
16 
+        body {
17 
+            height: 370px;
18 
+            padding: 0;
19 
+            margin: 0;
20 
+        }
21 
+
22 
+        #map {
23 
+            height: 360px;
24 
+            width: 300px;
25 
+            overflow: hidden;
26 
+            float: left;
27 
+            border: thin solid #333;
28 
+        }
29 
+
30 
+        #capture {
31 
+            height: 360px;
32 
+            width: 480px;
33 
+            overflow: hidden;
34 
+            float: left;
35 
+            background-color: #ECECFB;
36 
+            border: thin solid #333;
37 
+            border-left: none;
38 
+        }
39 
+
40 
+        #pdfViewer {
41 
+            width: 100%;
42 
+            height: 600px;
43 
+        }
44 
+    </style>
45 
+
46 
+    <style>
47 
+        /* CSS */
48 
+        .button-23 {
49 
+            background-color: #FFFFFF;
50 
+            border: 1px solid #222222;
51 
+            border-radius: 8px;
52 
+            box-sizing: border-box;
53 
+            color: #222222;
54 
+            cursor: pointer;
55 
+            display: inline-block;
56 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
57 
+            font-size: 16px;
58 
+            font-weight: 600;
59 
+            line-height: 20px;
60 
+            margin: 0;
61 
+            outline: none;
62 
+            padding: 13px 23px;
63 
+            position: relative;
64 
+            text-align: center;
65 
+            text-decoration: none;
66 
+            touch-action: manipulation;
67 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
68 
+            user-select: none;
69 
+            -webkit-user-select: none;
70 
+            width: auto;
71 
+        }
72 
+
73 
+        .button-23:focus-visible {
74 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
75 
+            transition: box-shadow .2s;
76 
+        }
77 
+
78 
+        .button-23:active {
79 
+            background-color: #F7F7F7;
80 
+            border-color: #000000;
81 
+            transform: scale(.96);
82 
+        }
83 
+
84 
+        .button-23:disabled {
85 
+            border-color: #DDDDDD;
86 
+            color: #DDDDDD;
87 
+            cursor: not-allowed;
88 
+            opacity: 1;
89 
+        }
90 
+
91 
+        .map-svg {
92 
+            display: block;
93 
+            margin: 0 auto;
94 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
95 
+
96 
+            a {
97 
+                transition: all 1s;
98 
+                transform-origin: 50% 50%;
99 
+                text-decoration: none;
100 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
101 
+
102 
+                @media only screen and (min-width: 992px) {
103 
+
104 
+                    polygon,
105 
+                    &:hover {
106 
+                        cursor: pointer;
107 
+                        transform: scale(1.05);
108 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
109 
+
110 
+                        .st0 {
111 
+                            fill: $dark-default;
112 
+                        }
113 
+                    }
114 
+                }
115 
+            }
116 
+
117 
+            .pahang-barat {
118 
+                fill: #427bba;
119 
+            }
120 
+
121 
+            .pahang-tengah {
122 
+                fill: #144172;
123 
+            }
124 
+
125 
+            .pahang-timur {
126 
+                fill: #0c6088;
127 
+            }
128 
+
129 
+            .label-text {
130 
+                font-size: 35px;
131 
+                fill: white;
132 
+                transform: translate(0,
133 
+                        3px);
134 
+                /* adjust vertical position to centre text */
135 
+            }
136 
+
137 
+            .label-text-cameron {
138 
+                font-size: 20px;
139 
+                fill: white;
140 
+                transform: translate(0,
141 
+                        3px);
142 
+                /* adjust vertical position to centre text */
143 
+            }
144 
+
145 
+
146 
+        }
147 
+    </style>
148 
+
149 
+</head>
150 
+
151 
+<body>
152 
+
153 
+    <section class="section" style="max-height: 100vh;">
154 
+
155 
+        <div class=""
156 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
157 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
158 
+                class="fas fa-chevron-left"></i></a></h6>
159 
+            <h6 style="color: white;">HSD 11863</h6>
160 
+        </div>
161 
+
162 
+        <div class="text-center pt-5"
163 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
164 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
165 
+
166 
+        </div>
167 
+
168 
+        <div class="text-center pt-1 pb-5"
169 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
170 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
171 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
172 
+
173 
+                <div id="map" style="width: 800px;"></div>
174 
+                <!-- <div id="capture"></div> -->
175 
+
176 
+
177 
+
178 
+            </div>
179 
+        </div>
180 
+
181 
+
182 
+
183 
+
184 
+        <div class="text-center pt-5"
185 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
186 
+            <div style="display: flex; flex-direction: row;">
187 
+                <div>
188 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
189 
+                            style="color: #ACACAC;">Bandar Raub</span></h6>
190 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
191 
+                            style="color: #ACACAC;">Bandar Raub</span></h6>
192 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
193 
+                            style="color: #ACACAC;">Raub</span></h6>
194 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
195 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
196 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
197 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
198 
+                </div>
199 
+                <div style="margin-left: 100px;">
200 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
201 
+                        <span style="color: #ACACAC;">HSD 11863</span>
202 
+                    </h6>
203 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
204 
+                        <span style="color: #ACACAC;">1.40</span>
205 
+                    </h6>
206 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
207 
+                            style="color: #ACACAC;">Bangunan</span></h6>
208 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
209 
+                        <span style="color: #ACACAC;">Bangunan Perniagaan</span>
210 
+                    </h6>
211 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
212 
+                            style="color: #ACACAC;"></span></h6>
213 
+                </div>
214 
+            </div>
215 
+        </div>
216 
+
217 
+        <div class="text-center pt-5 pb-5"
218 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
219 
+            <a href="../pdf_pages/view_pdf_hsd11863.html" class="button-23 mb-2 mr-2"
220 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
221 
+                data-toggle="modal" data-target="#exampleModal">View
222 
+                PDF</a>
223 
+
224 
+        </div>
225 
+
226 
+        <script src="../js/jquery-3.7.1.js" defer></script>
227 
+
228 
+        <script src="../js/pdfjs-viewer.js" defer></script>
229 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
230 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
231 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
232 
+
233 
+    </section>
234 
+
235 
+
236 
+    <!-- <div id="map"></div> -->
237 
+
238 
+    <script>
239 
+        var map;
240 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%201863.kml';
241 
+
242 
+        function initMap() {
243 
+            map = new google.maps.Map(document.getElementById('map'), {
244 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
245 
+                zoom: 2,
246 
+                mapTypeId: 'satellite'
247 
+            });
248 
+
249 
+            var kmlLayer = new google.maps.KmlLayer(src, {
250 
+                suppressInfoWindows: true,
251 
+                preserveViewport: false,
252 
+                map: map
253 
+            });
254 
+        }
255 
+
256 
+
257 
+
258 
+
259 
+
260 
+    </script>
261 
+    <script async
262 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
263 
+        </script>
264 
+
265 
+</body>
266 
+
267 
+</html>

+ 267
- 0
details_search/detail_hsd11991.html Просмотреть файл 

@@ -0,0 +1,267 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+
12 
+
13 
+
14 
+    <style>
15 
+        html,
16 
+        body {
17 
+            height: 370px;
18 
+            padding: 0;
19 
+            margin: 0;
20 
+        }
21 
+
22 
+        #map {
23 
+            height: 360px;
24 
+            width: 300px;
25 
+            overflow: hidden;
26 
+            float: left;
27 
+            border: thin solid #333;
28 
+        }
29 
+
30 
+        #capture {
31 
+            height: 360px;
32 
+            width: 480px;
33 
+            overflow: hidden;
34 
+            float: left;
35 
+            background-color: #ECECFB;
36 
+            border: thin solid #333;
37 
+            border-left: none;
38 
+        }
39 
+
40 
+        #pdfViewer {
41 
+            width: 100%;
42 
+            height: 600px;
43 
+        }
44 
+    </style>
45 
+
46 
+    <style>
47 
+        /* CSS */
48 
+        .button-23 {
49 
+            background-color: #FFFFFF;
50 
+            border: 1px solid #222222;
51 
+            border-radius: 8px;
52 
+            box-sizing: border-box;
53 
+            color: #222222;
54 
+            cursor: pointer;
55 
+            display: inline-block;
56 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
57 
+            font-size: 16px;
58 
+            font-weight: 600;
59 
+            line-height: 20px;
60 
+            margin: 0;
61 
+            outline: none;
62 
+            padding: 13px 23px;
63 
+            position: relative;
64 
+            text-align: center;
65 
+            text-decoration: none;
66 
+            touch-action: manipulation;
67 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
68 
+            user-select: none;
69 
+            -webkit-user-select: none;
70 
+            width: auto;
71 
+        }
72 
+
73 
+        .button-23:focus-visible {
74 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
75 
+            transition: box-shadow .2s;
76 
+        }
77 
+
78 
+        .button-23:active {
79 
+            background-color: #F7F7F7;
80 
+            border-color: #000000;
81 
+            transform: scale(.96);
82 
+        }
83 
+
84 
+        .button-23:disabled {
85 
+            border-color: #DDDDDD;
86 
+            color: #DDDDDD;
87 
+            cursor: not-allowed;
88 
+            opacity: 1;
89 
+        }
90 
+
91 
+        .map-svg {
92 
+            display: block;
93 
+            margin: 0 auto;
94 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
95 
+
96 
+            a {
97 
+                transition: all 1s;
98 
+                transform-origin: 50% 50%;
99 
+                text-decoration: none;
100 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
101 
+
102 
+                @media only screen and (min-width: 992px) {
103 
+
104 
+                    polygon,
105 
+                    &:hover {
106 
+                        cursor: pointer;
107 
+                        transform: scale(1.05);
108 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
109 
+
110 
+                        .st0 {
111 
+                            fill: $dark-default;
112 
+                        }
113 
+                    }
114 
+                }
115 
+            }
116 
+
117 
+            .pahang-barat {
118 
+                fill: #427bba;
119 
+            }
120 
+
121 
+            .pahang-tengah {
122 
+                fill: #144172;
123 
+            }
124 
+
125 
+            .pahang-timur {
126 
+                fill: #0c6088;
127 
+            }
128 
+
129 
+            .label-text {
130 
+                font-size: 35px;
131 
+                fill: white;
132 
+                transform: translate(0,
133 
+                        3px);
134 
+                /* adjust vertical position to centre text */
135 
+            }
136 
+
137 
+            .label-text-cameron {
138 
+                font-size: 20px;
139 
+                fill: white;
140 
+                transform: translate(0,
141 
+                        3px);
142 
+                /* adjust vertical position to centre text */
143 
+            }
144 
+
145 
+
146 
+        }
147 
+    </style>
148 
+
149 
+</head>
150 
+
151 
+<body>
152 
+
153 
+    <section class="section" style="max-height: 100vh;">
154 
+
155 
+        <div class=""
156 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
157 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
158 
+                class="fas fa-chevron-left"></i></a></h6>
159 
+            <h6 style="color: white;">HSD 11991</h6>
160 
+        </div>
161 
+
162 
+        <div class="text-center pt-5"
163 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
164 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
165 
+
166 
+        </div>
167 
+
168 
+        <div class="text-center pt-1 pb-5"
169 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
170 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
171 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
172 
+
173 
+                <div id="map" style="width: 800px;"></div>
174 
+                <!-- <div id="capture"></div> -->
175 
+
176 
+
177 
+
178 
+            </div>
179 
+        </div>
180 
+
181 
+
182 
+
183 
+
184 
+        <div class="text-center pt-5"
185 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
186 
+            <div style="display: flex; flex-direction: row;">
187 
+                <div>
188 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
189 
+                            style="color: #ACACAC;">Taman Raub Jaya</span></h6>
190 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
191 
+                            style="color: #ACACAC;">Gali</span></h6>
192 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
193 
+                            style="color: #ACACAC;">Raub</span></h6>
194 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
195 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
196 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
197 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
198 
+                </div>
199 
+                <div style="margin-left: 100px;">
200 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
201 
+                        <span style="color: #ACACAC;">HSD 11991</span>
202 
+                    </h6>
203 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
204 
+                        <span style="color: #ACACAC;">40.47</span>
205 
+                    </h6>
206 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
207 
+                            style="color: #ACACAC;">Pertanian</span></h6>
208 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
209 
+                        <span style="color: #ACACAC;">Pertanian Bersepadu Bersekali Agrotourism</span>
210 
+                    </h6>
211 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
212 
+                            style="color: #ACACAC;"></span></h6>
213 
+                </div>
214 
+            </div>
215 
+        </div>
216 
+
217 
+        <div class="text-center pt-5 pb-5"
218 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
219 
+            <a href="../pdf_pages/view_pdf_hsd11991.html" class="button-23 mb-2 mr-2"
220 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
221 
+                data-toggle="modal" data-target="#exampleModal">View
222 
+                PDF</a>
223 
+
224 
+        </div>
225 
+
226 
+        <script src="../js/jquery-3.7.1.js" defer></script>
227 
+
228 
+        <script src="../js/pdfjs-viewer.js" defer></script>
229 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
230 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
231 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
232 
+
233 
+    </section>
234 
+
235 
+
236 
+    <!-- <div id="map"></div> -->
237 
+
238 
+    <script>
239 
+        var map;
240 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2011991.kml';
241 
+
242 
+        function initMap() {
243 
+            map = new google.maps.Map(document.getElementById('map'), {
244 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
245 
+                zoom: 2,
246 
+                mapTypeId: 'satellite'
247 
+            });
248 
+
249 
+            var kmlLayer = new google.maps.KmlLayer(src, {
250 
+                suppressInfoWindows: true,
251 
+                preserveViewport: false,
252 
+                map: map
253 
+            });
254 
+        }
255 
+
256 
+
257 
+
258 
+
259 
+
260 
+    </script>
261 
+    <script async
262 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
263 
+        </script>
264 
+
265 
+</body>
266 
+
267 
+</html>

+ 131
- 0
details_search/detail_hsd19372.html Просмотреть файл 

@@ -0,0 +1,131 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 19372</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+
47 
+
48 
+        <div class="text-center pt-5"
49 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
50 
+            <div style="display: flex; flex-direction: row;">
51 
+                <div>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
53 
+                            style="color: #ACACAC;">Kampung Ponson</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
55 
+                            style="color: #ACACAC;">Pelangai</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
57 
+                            style="color: #ACACAC;">Bentong</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
59 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
61 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
62 
+                </div>
63 
+                <div style="margin-left: 100px;">
64 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
65 
+                        <span style="color: #ACACAC;">HSD 19372</span>
66 
+                    </h6>
67 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
68 
+                        <span style="color: #ACACAC;">80.937</span>
69 
+                    </h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
71 
+                            style="color: #ACACAC;">Pertanian</span></h6>
72 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
73 
+                        <span style="color: #ACACAC;">Ternakan ayam/itik/burung</span>
74 
+                    </h6>
75 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
76 
+                            style="color: #ACACAC;"></span></h6>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+
81 
+        <div class="text-center pt-5 pb-5"
82 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
83 
+            <a href="../pdf_pages/view_pdf_hsd19372.html" class="button-23 mb-2 mr-2"
84 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
85 
+                data-toggle="modal" data-target="#exampleModal">View
86 
+                PDF</a>
87 
+
88 
+        </div>
89 
+
90 
+        <script src="js/jquery-3.7.1.js" defer></script>
91 
+
92 
+        <script src="js/pdfjs-viewer.js" defer></script>
93 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
94 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
95 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
96 
+
97 
+    </section>
98 
+
99 
+
100 
+    <!-- <div id="map"></div> -->
101 
+
102 
+    <script>
103 
+        var map;
104 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2019372.kml';
105 
+
106 
+        function initMap() {
107 
+            map = new google.maps.Map(document.getElementById('map'), {
108 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
109 
+                zoom: 2,
110 
+                mapTypeId: 'satellite'
111 
+            });
112 
+
113 
+            var kmlLayer = new google.maps.KmlLayer(src, {
114 
+                suppressInfoWindows: true,
115 
+                preserveViewport: false,
116 
+                map: map
117 
+            });
118 
+        }
119 
+
120 
+
121 
+
122 
+
123 
+
124 
+    </script>
125 
+    <script async
126 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
127 
+        </script>
128 
+
129 
+</body>
130 
+
131 
+</html>

+ 133
- 0
details_search/detail_hsd2384.html Просмотреть файл 

@@ -0,0 +1,133 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+
18 
+
19 
+    <section class="section" style="max-height: 100vh;">
20 
+
21 
+        <div class=""
22 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
23 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
24 
+                        class="fas fa-chevron-left"></i></a></h6>
25 
+            <h6 style="color: white;">HSD 2384</h6>
26 
+        </div>
27 
+
28 
+        <div class="text-center pt-5"
29 
+        style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
30 
+        <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
31 
+
32 
+    </div>
33 
+
34 
+    <div class="text-center pt-1 pb-5"
35 
+        style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
36 
+        <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
37 
+            <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
38 
+
39 
+            <div id="map" style="width: 800px;"></div>
40 
+            <!-- <div id="capture"></div> -->
41 
+
42 
+
43 
+
44 
+        </div>
45 
+    </div>
46 
+
47 
+
48 
+
49 
+
50 
+        <div class="text-center pt-5"
51 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
52 
+            <div style="display: flex; flex-direction: row;">
53 
+                <div>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
55 
+                            style="color: #ACACAC;">Ulu Luit</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
57 
+                            style="color: #ACACAC;">Luit</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
59 
+                            style="color: #ACACAC;">Maran</span></h6>
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
61 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
63 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
64 
+                </div>
65 
+                <div style="margin-left: 100px;">
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
67 
+                        <span style="color: #ACACAC;">HSD 2384</span>
68 
+                    </h6>
69 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
70 
+                        <span style="color: #ACACAC;">16.728</span>
71 
+                    </h6>
72 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
73 
+                            style="color: #ACACAC;">Pertanian</span></h6>
74 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
75 
+                        <span style="color: #ACACAC;">Ternakan Air Sahaja (belut/ikan/ketam/kerang/udang)</span>
76 
+                    </h6>
77 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
78 
+                            style="color: #ACACAC;"></span></h6>
79 
+                </div>
80 
+            </div>
81 
+        </div>
82 
+
83 
+        <div class="text-center pt-5 pb-5"
84 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
85 
+            <a href="../pdf_pages/view_pdf_hsd2384.html" class="button-23 mb-2 mr-2"
86 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
87 
+                data-toggle="modal" data-target="#exampleModal">View
88 
+                PDF</a>
89 
+
90 
+        </div>
91 
+
92 
+        <script src="../js/jquery-3.7.1.js" defer></script>
93 
+
94 
+        <script src="../js/pdfjs-viewer.js" defer></script>
95 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
96 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
97 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
98 
+
99 
+    </section>
100 
+
101 
+
102 
+    <!-- <div id="map"></div> -->
103 
+
104 
+    <script>
105 
+        var map;
106 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%202384.kml';
107 
+
108 
+        function initMap() {
109 
+            map = new google.maps.Map(document.getElementById('map'), {
110 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
111 
+                zoom: 2,
112 
+                mapTypeId: 'satellite'
113 
+            });
114 
+
115 
+            var kmlLayer = new google.maps.KmlLayer(src, {
116 
+                suppressInfoWindows: true,
117 
+                preserveViewport: false,
118 
+                map: map
119 
+            });
120 
+        }
121 
+
122 
+
123 
+
124 
+
125 
+
126 
+    </script>
127 
+    <script async
128 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
129 
+        </script>
130 
+
131 
+</body>
132 
+
133 
+</html>

+ 129
- 0
details_search/detail_hsd35309.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 35309</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Kampung Pandan 2</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 35309</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
66 
+                        <span style="color: #ACACAC;">6.17</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Pertanian</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Ternakan-ternakan air sahaja (belut/ikan/kerang/udang)</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd35309.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2035309.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 129
- 0
details_search/detail_hsd41862.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 41862</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Permatang Tadok</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Penor</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 41862</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
66 
+                        <span style="color: #ACACAC;">16.186</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Pertanian</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Ternakan Domestik sahaja</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd41862.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2041862.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 127
- 0
details_search/detail_hsd4638.html Просмотреть файл 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 4638</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+        <div class="text-center pt-5"
46 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
47 
+            <div style="display: flex; flex-direction: row;">
48 
+                <div>
49 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
50 
+                            style="color: #ACACAC;">Kampung Tanam</span></h6>
51 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
52 
+                            style="color: #ACACAC;">Rompin</span></h6>
53 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
54 
+                            style="color: #ACACAC;">Rompin</span></h6>
55 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
56 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
57 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
58 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
59 
+                </div>
60 
+                <div style="margin-left: 100px;">
61 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
62 
+                        <span style="color: #ACACAC;">HSD 4638</span>
63 
+                    </h6>
64 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
65 
+                        <span style="color: #ACACAC;">181.9</span>
66 
+                    </h6>
67 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
68 
+                            style="color: #ACACAC;">Pertanian</span></h6>
69 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
70 
+                        <span style="color: #ACACAC;">Tanaman Kontan Sahaja (tebu/jagung/tembikai/lada hitem <br> pisang/kacang tanah/betik/ubi kayu)</span>
71 
+                    </h6>
72 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
73 
+                            style="color: #ACACAC;"></span></h6>
74 
+                </div>
75 
+            </div>
76 
+        </div>
77 
+
78 
+        <div class="text-center pt-5 pb-5"
79 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
80 
+            <a href="../pdf_pages/view_pdf_hsd4628.html" class="button-23 mb-2 mr-2"
81 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
82 
+                data-toggle="modal" data-target="#exampleModal">View
83 
+                PDF</a>
84 
+
85 
+        </div>
86 
+        <script src="../js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="../js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%204638.kml';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 129
- 0
details_search/detail_hsd54735.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 54735</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+        style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+        <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+    </div>
31 
+
32 
+    <div class="text-center pt-1 pb-5"
33 
+        style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+        <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+            <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+            <div id="map" style="width: 800px;"></div>
38 
+            <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+        </div>
43 
+    </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Panching</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 54735</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
66 
+                        <span style="color: #ACACAC;">9.256</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Pertanian</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Ternakan Domestik (Kambing/Lembu/Kerbau/Arab/Kijang dan Rusa)</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd54735.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2054735.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 129
- 0
details_search/detail_hsd54736.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 54736</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+        style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+        <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+    </div>
31 
+
32 
+    <div class="text-center pt-1 pb-5"
33 
+        style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+        <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+            <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+            <div id="map" style="width: 800px;"></div>
38 
+            <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+        </div>
43 
+    </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Panching</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 54736</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
66 
+                        <span style="color: #ACACAC;">30.082</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Pertanian</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Ternakan Domestik (Kambing/Lembu/Kerbau/Arab/Kijang dan Rusa)</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd54736.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2054736.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 129
- 0
details_search/detail_hsd54737.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 54737</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Panching</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 54737</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
66 
+                        <span style="color: #ACACAC;">9.225</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Pertanian</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Ternakan Domestik (Kambing/Lembu/Kerbau/Arab/Kijang dan Rusa)</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd54737.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2054737.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 128
- 0
details_search/detail_hsd5621.html Просмотреть файл 

@@ -0,0 +1,128 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 5621</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+        <div class="text-center pt-5"
46 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
47 
+            <div style="display: flex; flex-direction: row;">
48 
+                <div>
49 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
50 
+                            style="color: #ACACAC;">Permatang Gading</span></h6>
51 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
52 
+                            style="color: #ACACAC;">Ganchong</span></h6>
53 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
54 
+                            style="color: #ACACAC;">Pekan</span></h6>
55 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
56 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
57 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
58 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
59 
+                </div>
60 
+                <div style="margin-left: 100px;">
61 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
62 
+                        <span style="color: #ACACAC;">HSD 5621</span>
63 
+                    </h6>
64 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
65 
+                        <span style="color: #ACACAC;">40.47</span>
66 
+                    </h6>
67 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
68 
+                            style="color: #ACACAC;">Pertanian</span></h6>
69 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
70 
+                        <span style="color: #ACACAC;">Ternakan Domestik (Kambing/Lembu/Kerbau/Arnab/Kijang dan Rusa)</span>
71 
+                    </h6>
72 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
73 
+                            style="color: #ACACAC;"></span></h6>
74 
+                </div>
75 
+            </div>
76 
+        </div>
77 
+
78 
+        <div class="text-center pt-5 pb-5"
79 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
80 
+            <a href="../pdf_pages/view_pdf_hsd5621.html" class="button-23 mb-2 mr-2"
81 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
82 
+                data-toggle="modal" data-target="#exampleModal">View
83 
+                PDF</a>
84 
+
85 
+        </div>
86 
+
87 
+        <script src="../js/jquery-3.7.1.js" defer></script>
88 
+
89 
+        <script src="../js/pdfjs-viewer.js" defer></script>
90 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
91 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
92 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
93 
+
94 
+    </section>
95 
+
96 
+
97 
+    <!-- <div id="map"></div> -->
98 
+
99 
+    <script>
100 
+        var map;
101 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205621.kml';
102 
+
103 
+        function initMap() {
104 
+            map = new google.maps.Map(document.getElementById('map'), {
105 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
106 
+                zoom: 2,
107 
+                mapTypeId: 'satellite'
108 
+            });
109 
+
110 
+            var kmlLayer = new google.maps.KmlLayer(src, {
111 
+                suppressInfoWindows: true,
112 
+                preserveViewport: false,
113 
+                map: map
114 
+            });
115 
+        }
116 
+
117 
+
118 
+
119 
+
120 
+
121 
+    </script>
122 
+    <script async
123 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
124 
+        </script>
125 
+
126 
+</body>
127 
+
128 
+</html>

+ 131
- 0
details_search/detail_hsd5625.html Просмотреть файл 

@@ -0,0 +1,131 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 5625</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+
47 
+
48 
+        <div class="text-center pt-5"
49 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
50 
+            <div style="display: flex; flex-direction: row;">
51 
+                <div>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
53 
+                            style="color: #ACACAC;">Paya Sementap</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
55 
+                            style="color: #ACACAC;">Bebar</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
57 
+                            style="color: #ACACAC;">Pekan</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
59 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
61 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
62 
+                </div>
63 
+                <div style="margin-left: 100px;">
64 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
65 
+                        <span style="color: #ACACAC;">HSD 5625</span>
66 
+                    </h6>
67 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
68 
+                        <span style="color: #ACACAC;">80.94</span>
69 
+                    </h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
71 
+                            style="color: #ACACAC;">Pertanian</span></h6>
72 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
73 
+                        <span style="color: #ACACAC;">Ternakan reptilia sahaja</span>
74 
+                    </h6>
75 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
76 
+                            style="color: #ACACAC;"></span></h6>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+
81 
+        <div class="text-center pt-5 pb-5"
82 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
83 
+            <a href="../pdf_pages/view_pdf_hsd5625.html" class="button-23 mb-2 mr-2"
84 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
85 
+                data-toggle="modal" data-target="#exampleModal">View
86 
+                PDF</a>
87 
+
88 
+        </div>
89 
+
90 
+        <script src="../js/jquery-3.7.1.js" defer></script>
91 
+
92 
+        <script src="../js/pdfjs-viewer.js" defer></script>
93 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
94 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
95 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
96 
+
97 
+    </section>
98 
+
99 
+
100 
+    <!-- <div id="map"></div> -->
101 
+
102 
+    <script>
103 
+        var map;
104 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205625.kml';
105 
+
106 
+        function initMap() {
107 
+            map = new google.maps.Map(document.getElementById('map'), {
108 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
109 
+                zoom: 2,
110 
+                mapTypeId: 'satellite'
111 
+            });
112 
+
113 
+            var kmlLayer = new google.maps.KmlLayer(src, {
114 
+                suppressInfoWindows: true,
115 
+                preserveViewport: false,
116 
+                map: map
117 
+            });
118 
+        }
119 
+
120 
+
121 
+
122 
+
123 
+
124 
+    </script>
125 
+    <script async
126 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
127 
+        </script>
128 
+
129 
+</body>
130 
+
131 
+</html>

+ 130
- 0
details_search/detail_hsd5627.html Просмотреть файл 

@@ -0,0 +1,130 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 5627</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+        style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+        <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+    </div>
31 
+
32 
+    <div class="text-center pt-1 pb-5"
33 
+        style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+        <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+            <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+            <div id="map" style="width: 800px;"></div>
38 
+            <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+        </div>
43 
+    </div>
44 
+
45 
+
46 
+
47 
+
48 
+        <div class="text-center pt-5"
49 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
50 
+            <div style="display: flex; flex-direction: row;">
51 
+                <div>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
53 
+                            style="color: #ACACAC;">Sungai Miang</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
55 
+                            style="color: #ACACAC;">Pekan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
57 
+                            style="color: #ACACAC;">Pekan</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
59 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
61 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
62 
+                </div>
63 
+                <div style="margin-left: 100px;">
64 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
65 
+                        <span style="color: #ACACAC;">HSD 5627</span>
66 
+                    </h6>
67 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
68 
+                        <span style="color: #ACACAC;">24.657</span>
69 
+                    </h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
71 
+                            style="color: #ACACAC;">Pertanian</span></h6>
72 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
73 
+                        <span style="color: #ACACAC;">Ternakan Air Sahaja (belut/ikan/ketam/kerang/udang)</span>
74 
+                    </h6>
75 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
76 
+                            style="color: #ACACAC;"></span></h6>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+
81 
+        <div class="text-center pt-5 pb-5"
82 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
83 
+            <a href="../pdf_pages/view_pdf_hsd5627.html" class="button-23 mb-2 mr-2"
84 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
85 
+                data-toggle="modal" data-target="#exampleModal">View
86 
+                PDF</a>
87 
+
88 
+        </div>
89 
+        <script src="../js/jquery-3.7.1.js" defer></script>
90 
+
91 
+        <script src="../js/pdfjs-viewer.js" defer></script>
92 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
93 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
94 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
95 
+
96 
+    </section>
97 
+
98 
+
99 
+    <!-- <div id="map"></div> -->
100 
+
101 
+    <script>
102 
+        var map;
103 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%20%205627.kml';
104 
+
105 
+        function initMap() {
106 
+            map = new google.maps.Map(document.getElementById('map'), {
107 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
108 
+                zoom: 2,
109 
+                mapTypeId: 'satellite'
110 
+            });
111 
+
112 
+            var kmlLayer = new google.maps.KmlLayer(src, {
113 
+                suppressInfoWindows: true,
114 
+                preserveViewport: false,
115 
+                map: map
116 
+            });
117 
+        }
118 
+
119 
+
120 
+
121 
+
122 
+
123 
+    </script>
124 
+    <script async
125 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
126 
+        </script>
127 
+
128 
+</body>
129 
+
130 
+</html>

+ 131
- 0
details_search/detail_hsd5714.html Просмотреть файл 

@@ -0,0 +1,131 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 5714</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+
47 
+
48 
+        <div class="text-center pt-5"
49 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
50 
+            <div style="display: flex; flex-direction: row;">
51 
+                <div>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
53 
+                            style="color: #ACACAC;">Bukit Gayong</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
55 
+                            style="color: #ACACAC;">Rompin</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
57 
+                            style="color: #ACACAC;">Rompin</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
59 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
61 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
62 
+                </div>
63 
+                <div style="margin-left: 100px;">
64 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
65 
+                        <span style="color: #ACACAC;">HSD 5714</span>
66 
+                    </h6>
67 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
68 
+                        <span style="color: #ACACAC;">13.44</span>
69 
+                    </h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
71 
+                            style="color: #ACACAC;">Pertanian</span></h6>
72 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
73 
+                        <span style="color: #ACACAC;">Ternakan domistik Sahaja <br>(seperti kambing/lembu/kerbau<br>/arnab/kijang/dan rusa)</span>
74 
+                    </h6>
75 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
76 
+                            style="color: #ACACAC;"></span></h6>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+
81 
+        <div class="text-center pt-5 pb-5"
82 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
83 
+            <a href="../pdf_pages/view_pdf_hsd5714.html" class="button-23 mb-2 mr-2"
84 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
85 
+                data-toggle="modal" data-target="#exampleModal">View
86 
+                PDF</a>
87 
+
88 
+        </div>
89 
+
90 
+        <script src="../js/jquery-3.7.1.js" defer></script>
91 
+
92 
+        <script src="../js/pdfjs-viewer.js" defer></script>
93 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
94 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
95 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
96 
+
97 
+    </section>
98 
+
99 
+
100 
+    <!-- <div id="map"></div> -->
101 
+
102 
+    <script>
103 
+        var map;
104 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205714.kml';
105 
+
106 
+        function initMap() {
107 
+            map = new google.maps.Map(document.getElementById('map'), {
108 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
109 
+                zoom: 2,
110 
+                mapTypeId: 'satellite'
111 
+            });
112 
+
113 
+            var kmlLayer = new google.maps.KmlLayer(src, {
114 
+                suppressInfoWindows: true,
115 
+                preserveViewport: false,
116 
+                map: map
117 
+            });
118 
+        }
119 
+
120 
+
121 
+
122 
+
123 
+
124 
+    </script>
125 
+    <script async
126 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
127 
+        </script>
128 
+
129 
+</body>
130 
+
131 
+</html>

+ 131
- 0
details_search/detail_hsd5715.html Просмотреть файл 

@@ -0,0 +1,131 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 5715</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+
47 
+
48 
+        <div class="text-center pt-5"
49 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
50 
+            <div style="display: flex; flex-direction: row;">
51 
+                <div>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
53 
+                            style="color: #ACACAC;">Kampung Mempisang</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
55 
+                            style="color: #ACACAC;">Endau</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
57 
+                            style="color: #ACACAC;">Rompin</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
59 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
61 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
62 
+                </div>
63 
+                <div style="margin-left: 100px;">
64 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
65 
+                        <span style="color: #ACACAC;">HSD 5715</span>
66 
+                    </h6>
67 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
68 
+                        <span style="color: #ACACAC;">13.83</span>
69 
+                    </h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
71 
+                            style="color: #ACACAC;">Bangunan</span></h6>
72 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
73 
+                        <span style="color: #ACACAC;">(Bangunan Kediaman /<br>Bangunan Perniagaan/Industri)</span>
74 
+                    </h6>
75 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
76 
+                            style="color: #ACACAC;"></span></h6>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+
81 
+        <div class="text-center pt-5 pb-5"
82 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
83 
+            <a href="../pdf_pages/view_pdf_hsd5715.html" class="button-23 mb-2 mr-2"
84 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
85 
+                data-toggle="modal" data-target="#exampleModal">View
86 
+                PDF</a>
87 
+
88 
+        </div>
89 
+
90 
+        <script src="../js/jquery-3.7.1.js" defer></script>
91 
+
92 
+        <script src="../js/pdfjs-viewer.js" defer></script>
93 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
94 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
95 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
96 
+
97 
+    </section>
98 
+
99 
+
100 
+    <!-- <div id="map"></div> -->
101 
+
102 
+    <script>
103 
+        var map;
104 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205715.kml';
105 
+
106 
+        function initMap() {
107 
+            map = new google.maps.Map(document.getElementById('map'), {
108 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
109 
+                zoom: 2,
110 
+                mapTypeId: 'satellite'
111 
+            });
112 
+
113 
+            var kmlLayer = new google.maps.KmlLayer(src, {
114 
+                suppressInfoWindows: true,
115 
+                preserveViewport: false,
116 
+                map: map
117 
+            });
118 
+        }
119 
+
120 
+
121 
+
122 
+
123 
+
124 
+    </script>
125 
+    <script async
126 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
127 
+        </script>
128 
+
129 
+</body>
130 
+
131 
+</html>

+ 131
- 0
details_search/detail_hsd5734.html Просмотреть файл 

@@ -0,0 +1,131 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 5734</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+
47 
+
48 
+        <div class="text-center pt-5"
49 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
50 
+            <div style="display: flex; flex-direction: row;">
51 
+                <div>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
53 
+                            style="color: #ACACAC;">Lanjut</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
55 
+                            style="color: #ACACAC;">Rompin</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
57 
+                            style="color: #ACACAC;">Rompin</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
59 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
61 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
62 
+                </div>
63 
+                <div style="margin-left: 100px;">
64 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
65 
+                        <span style="color: #ACACAC;">HSD 5734</span>
66 
+                    </h6>
67 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
68 
+                        <span style="color: #ACACAC;">10.33</span>
69 
+                    </h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
71 
+                            style="color: #ACACAC;">Bangunan</span></h6>
72 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
73 
+                        <span style="color: #ACACAC;">Lapangan Terbang</span>
74 
+                    </h6>
75 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
76 
+                            style="color: #ACACAC;"></span></h6>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+
81 
+        <div class="text-center pt-5 pb-5"
82 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
83 
+            <a href="../pdf_pages/view_pdf_hsd5734.html" class="button-23 mb-2 mr-2"
84 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
85 
+                data-toggle="modal" data-target="#exampleModal">View
86 
+                PDF</a>
87 
+
88 
+        </div>
89 
+
90 
+        <script src="../js/jquery-3.7.1.js" defer></script>
91 
+
92 
+        <script src="../js/pdfjs-viewer.js" defer></script>
93 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
94 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
95 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
96 
+
97 
+    </section>
98 
+
99 
+
100 
+    <!-- <div id="map"></div> -->
101 
+
102 
+    <script>
103 
+        var map;
104 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205743.kml';
105 
+
106 
+        function initMap() {
107 
+            map = new google.maps.Map(document.getElementById('map'), {
108 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
109 
+                zoom: 2,
110 
+                mapTypeId: 'satellite'
111 
+            });
112 
+
113 
+            var kmlLayer = new google.maps.KmlLayer(src, {
114 
+                suppressInfoWindows: true,
115 
+                preserveViewport: false,
116 
+                map: map
117 
+            });
118 
+        }
119 
+
120 
+
121 
+
122 
+
123 
+
124 
+    </script>
125 
+    <script async
126 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
127 
+        </script>
128 
+
129 
+</body>
130 
+
131 
+</html>

+ 267
- 0
details_search/detail_hsd5738.html Просмотреть файл 

@@ -0,0 +1,267 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+
12 
+
13 
+
14 
+    <style>
15 
+        html,
16 
+        body {
17 
+            height: 370px;
18 
+            padding: 0;
19 
+            margin: 0;
20 
+        }
21 
+
22 
+        #map {
23 
+            height: 360px;
24 
+            width: 300px;
25 
+            overflow: hidden;
26 
+            float: left;
27 
+            border: thin solid #333;
28 
+        }
29 
+
30 
+        #capture {
31 
+            height: 360px;
32 
+            width: 480px;
33 
+            overflow: hidden;
34 
+            float: left;
35 
+            background-color: #ECECFB;
36 
+            border: thin solid #333;
37 
+            border-left: none;
38 
+        }
39 
+
40 
+        #pdfViewer {
41 
+            width: 100%;
42 
+            height: 600px;
43 
+        }
44 
+    </style>
45 
+
46 
+    <style>
47 
+        /* CSS */
48 
+        .button-23 {
49 
+            background-color: #FFFFFF;
50 
+            border: 1px solid #222222;
51 
+            border-radius: 8px;
52 
+            box-sizing: border-box;
53 
+            color: #222222;
54 
+            cursor: pointer;
55 
+            display: inline-block;
56 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
57 
+            font-size: 16px;
58 
+            font-weight: 600;
59 
+            line-height: 20px;
60 
+            margin: 0;
61 
+            outline: none;
62 
+            padding: 13px 23px;
63 
+            position: relative;
64 
+            text-align: center;
65 
+            text-decoration: none;
66 
+            touch-action: manipulation;
67 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
68 
+            user-select: none;
69 
+            -webkit-user-select: none;
70 
+            width: auto;
71 
+        }
72 
+
73 
+        .button-23:focus-visible {
74 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
75 
+            transition: box-shadow .2s;
76 
+        }
77 
+
78 
+        .button-23:active {
79 
+            background-color: #F7F7F7;
80 
+            border-color: #000000;
81 
+            transform: scale(.96);
82 
+        }
83 
+
84 
+        .button-23:disabled {
85 
+            border-color: #DDDDDD;
86 
+            color: #DDDDDD;
87 
+            cursor: not-allowed;
88 
+            opacity: 1;
89 
+        }
90 
+
91 
+        .map-svg {
92 
+            display: block;
93 
+            margin: 0 auto;
94 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
95 
+
96 
+            a {
97 
+                transition: all 1s;
98 
+                transform-origin: 50% 50%;
99 
+                text-decoration: none;
100 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
101 
+
102 
+                @media only screen and (min-width: 992px) {
103 
+
104 
+                    polygon,
105 
+                    &:hover {
106 
+                        cursor: pointer;
107 
+                        transform: scale(1.05);
108 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
109 
+
110 
+                        .st0 {
111 
+                            fill: $dark-default;
112 
+                        }
113 
+                    }
114 
+                }
115 
+            }
116 
+
117 
+            .pahang-barat {
118 
+                fill: #427bba;
119 
+            }
120 
+
121 
+            .pahang-tengah {
122 
+                fill: #144172;
123 
+            }
124 
+
125 
+            .pahang-timur {
126 
+                fill: #0c6088;
127 
+            }
128 
+
129 
+            .label-text {
130 
+                font-size: 35px;
131 
+                fill: white;
132 
+                transform: translate(0,
133 
+                        3px);
134 
+                /* adjust vertical position to centre text */
135 
+            }
136 
+
137 
+            .label-text-cameron {
138 
+                font-size: 20px;
139 
+                fill: white;
140 
+                transform: translate(0,
141 
+                        3px);
142 
+                /* adjust vertical position to centre text */
143 
+            }
144 
+
145 
+
146 
+        }
147 
+    </style>
148 
+
149 
+</head>
150 
+
151 
+<body>
152 
+
153 
+    <section class="section" style="max-height: 100vh;">
154 
+
155 
+        <div class=""
156 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
157 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
158 
+                class="fas fa-chevron-left"></i></a></h6>
159 
+            <h6 style="color: white;">HSD 5738</h6>
160 
+        </div>
161 
+
162 
+        <div class="text-center pt-5"
163 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
164 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
165 
+
166 
+        </div>
167 
+
168 
+        <div class="text-center pt-1 pb-5"
169 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
170 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
171 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
172 
+
173 
+                <div id="map" style="width: 800px;"></div>
174 
+                <!-- <div id="capture"></div> -->
175 
+
176 
+
177 
+
178 
+            </div>
179 
+        </div>
180 
+
181 
+
182 
+
183 
+
184 
+        <div class="text-center pt-5"
185 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
186 
+            <div style="display: flex; flex-direction: row;">
187 
+                <div>
188 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
189 
+                            style="color: #ACACAC;">Lanjut</span></h6>
190 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
191 
+                            style="color: #ACACAC;">Rompin</span></h6>
192 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
193 
+                            style="color: #ACACAC;">Rompin</span></h6>
194 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
195 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
196 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
197 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
198 
+                </div>
199 
+                <div style="margin-left: 100px;">
200 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
201 
+                        <span style="color: #ACACAC;">HSD 5738</span>
202 
+                    </h6>
203 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
204 
+                        <span style="color: #ACACAC;">6.77</span>
205 
+                    </h6>
206 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
207 
+                            style="color: #ACACAC;">Bangunan</span></h6>
208 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
209 
+                        <span style="color: #ACACAC;">Lapangan Terbang</span>
210 
+                    </h6>
211 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
212 
+                            style="color: #ACACAC;"></span></h6>
213 
+                </div>
214 
+            </div>
215 
+        </div>
216 
+
217 
+        <div class="text-center pt-5 pb-5"
218 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
219 
+            <a href="../pdf_pages/view_pdf_hsd5738.html" class="button-23 mb-2 mr-2"
220 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
221 
+                data-toggle="modal" data-target="#exampleModal">View
222 
+                PDF</a>
223 
+
224 
+        </div>
225 
+
226 
+        <script src="../js/jquery-3.7.1.js" defer></script>
227 
+
228 
+        <script src="../js/pdfjs-viewer.js" defer></script>
229 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
230 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
231 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
232 
+
233 
+    </section>
234 
+
235 
+
236 
+    <!-- <div id="map"></div> -->
237 
+
238 
+    <script>
239 
+        var map;
240 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205738.kml';
241 
+
242 
+        function initMap() {
243 
+            map = new google.maps.Map(document.getElementById('map'), {
244 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
245 
+                zoom: 2,
246 
+                mapTypeId: 'satellite'
247 
+            });
248 
+
249 
+            var kmlLayer = new google.maps.KmlLayer(src, {
250 
+                suppressInfoWindows: true,
251 
+                preserveViewport: false,
252 
+                map: map
253 
+            });
254 
+        }
255 
+
256 
+
257 
+
258 
+
259 
+
260 
+    </script>
261 
+    <script async
262 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
263 
+        </script>
264 
+
265 
+</body>
266 
+
267 
+</html>

+ 267
- 0
details_search/detail_hsd5745.html Просмотреть файл 

@@ -0,0 +1,267 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+
12 
+
13 
+
14 
+    <style>
15 
+        html,
16 
+        body {
17 
+            height: 370px;
18 
+            padding: 0;
19 
+            margin: 0;
20 
+        }
21 
+
22 
+        #map {
23 
+            height: 360px;
24 
+            width: 300px;
25 
+            overflow: hidden;
26 
+            float: left;
27 
+            border: thin solid #333;
28 
+        }
29 
+
30 
+        #capture {
31 
+            height: 360px;
32 
+            width: 480px;
33 
+            overflow: hidden;
34 
+            float: left;
35 
+            background-color: #ECECFB;
36 
+            border: thin solid #333;
37 
+            border-left: none;
38 
+        }
39 
+
40 
+        #pdfViewer {
41 
+            width: 100%;
42 
+            height: 600px;
43 
+        }
44 
+    </style>
45 
+
46 
+    <style>
47 
+        /* CSS */
48 
+        .button-23 {
49 
+            background-color: #FFFFFF;
50 
+            border: 1px solid #222222;
51 
+            border-radius: 8px;
52 
+            box-sizing: border-box;
53 
+            color: #222222;
54 
+            cursor: pointer;
55 
+            display: inline-block;
56 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
57 
+            font-size: 16px;
58 
+            font-weight: 600;
59 
+            line-height: 20px;
60 
+            margin: 0;
61 
+            outline: none;
62 
+            padding: 13px 23px;
63 
+            position: relative;
64 
+            text-align: center;
65 
+            text-decoration: none;
66 
+            touch-action: manipulation;
67 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
68 
+            user-select: none;
69 
+            -webkit-user-select: none;
70 
+            width: auto;
71 
+        }
72 
+
73 
+        .button-23:focus-visible {
74 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
75 
+            transition: box-shadow .2s;
76 
+        }
77 
+
78 
+        .button-23:active {
79 
+            background-color: #F7F7F7;
80 
+            border-color: #000000;
81 
+            transform: scale(.96);
82 
+        }
83 
+
84 
+        .button-23:disabled {
85 
+            border-color: #DDDDDD;
86 
+            color: #DDDDDD;
87 
+            cursor: not-allowed;
88 
+            opacity: 1;
89 
+        }
90 
+
91 
+        .map-svg {
92 
+            display: block;
93 
+            margin: 0 auto;
94 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
95 
+
96 
+            a {
97 
+                transition: all 1s;
98 
+                transform-origin: 50% 50%;
99 
+                text-decoration: none;
100 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
101 
+
102 
+                @media only screen and (min-width: 992px) {
103 
+
104 
+                    polygon,
105 
+                    &:hover {
106 
+                        cursor: pointer;
107 
+                        transform: scale(1.05);
108 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
109 
+
110 
+                        .st0 {
111 
+                            fill: $dark-default;
112 
+                        }
113 
+                    }
114 
+                }
115 
+            }
116 
+
117 
+            .pahang-barat {
118 
+                fill: #427bba;
119 
+            }
120 
+
121 
+            .pahang-tengah {
122 
+                fill: #144172;
123 
+            }
124 
+
125 
+            .pahang-timur {
126 
+                fill: #0c6088;
127 
+            }
128 
+
129 
+            .label-text {
130 
+                font-size: 35px;
131 
+                fill: white;
132 
+                transform: translate(0,
133 
+                        3px);
134 
+                /* adjust vertical position to centre text */
135 
+            }
136 
+
137 
+            .label-text-cameron {
138 
+                font-size: 20px;
139 
+                fill: white;
140 
+                transform: translate(0,
141 
+                        3px);
142 
+                /* adjust vertical position to centre text */
143 
+            }
144 
+
145 
+
146 
+        }
147 
+    </style>
148 
+
149 
+</head>
150 
+
151 
+<body>
152 
+
153 
+    <section class="section" style="max-height: 100vh;">
154 
+
155 
+        <div class=""
156 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
157 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
158 
+                class="fas fa-chevron-left"></i></a></h6>
159 
+            <h6 style="color: white;">HSD 5745</h6>
160 
+        </div>
161 
+
162 
+        <div class="text-center pt-5"
163 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
164 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
165 
+
166 
+        </div>
167 
+
168 
+        <div class="text-center pt-1 pb-5"
169 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
170 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
171 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
172 
+
173 
+                <div id="map" style="width: 800px;"></div>
174 
+                <!-- <div id="capture"></div> -->
175 
+
176 
+
177 
+
178 
+            </div>
179 
+        </div>
180 
+
181 
+
182 
+
183 
+
184 
+        <div class="text-center pt-5"
185 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
186 
+            <div style="display: flex; flex-direction: row;">
187 
+                <div>
188 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
189 
+                            style="color: #ACACAC;">Bukit Gayong</span></h6>
190 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
191 
+                            style="color: #ACACAC;">Rompin</span></h6>
192 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
193 
+                            style="color: #ACACAC;">Rompin</span></h6>
194 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
195 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
196 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
197 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
198 
+                </div>
199 
+                <div style="margin-left: 100px;">
200 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
201 
+                        <span style="color: #ACACAC;">HSD 5745</span>
202 
+                    </h6>
203 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
204 
+                        <span style="color: #ACACAC;">23.66</span>
205 
+                    </h6>
206 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
207 
+                            style="color: #ACACAC;">Pertanian</span></h6>
208 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
209 
+                        <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
210 
+                    </h6>
211 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
212 
+                            style="color: #ACACAC;"></span></h6>
213 
+                </div>
214 
+            </div>
215 
+        </div>
216 
+
217 
+        <div class="text-center pt-5 pb-5"
218 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
219 
+            <a href="../pdf_pages/view_pdf_hsd5745.html" class="button-23 mb-2 mr-2"
220 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
221 
+                data-toggle="modal" data-target="#exampleModal">View
222 
+                PDF</a>
223 
+
224 
+        </div>
225 
+
226 
+        <script src="../js/jquery-3.7.1.js" defer></script>
227 
+
228 
+        <script src="../js/pdfjs-viewer.js" defer></script>
229 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
230 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
231 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
232 
+
233 
+    </section>
234 
+
235 
+
236 
+    <!-- <div id="map"></div> -->
237 
+
238 
+    <script>
239 
+        var map;
240 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205745.kml';
241 
+
242 
+        function initMap() {
243 
+            map = new google.maps.Map(document.getElementById('map'), {
244 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
245 
+                zoom: 2,
246 
+                mapTypeId: 'satellite'
247 
+            });
248 
+
249 
+            var kmlLayer = new google.maps.KmlLayer(src, {
250 
+                suppressInfoWindows: true,
251 
+                preserveViewport: false,
252 
+                map: map
253 
+            });
254 
+        }
255 
+
256 
+
257 
+
258 
+
259 
+
260 
+    </script>
261 
+    <script async
262 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
263 
+        </script>
264 
+
265 
+</body>
266 
+
267 
+</html>

+ 267
- 0
details_search/detail_hsd5749.html Просмотреть файл 

@@ -0,0 +1,267 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+
12 
+
13 
+
14 
+    <style>
15 
+        html,
16 
+        body {
17 
+            height: 370px;
18 
+            padding: 0;
19 
+            margin: 0;
20 
+        }
21 
+
22 
+        #map {
23 
+            height: 360px;
24 
+            width: 300px;
25 
+            overflow: hidden;
26 
+            float: left;
27 
+            border: thin solid #333;
28 
+        }
29 
+
30 
+        #capture {
31 
+            height: 360px;
32 
+            width: 480px;
33 
+            overflow: hidden;
34 
+            float: left;
35 
+            background-color: #ECECFB;
36 
+            border: thin solid #333;
37 
+            border-left: none;
38 
+        }
39 
+
40 
+        #pdfViewer {
41 
+            width: 100%;
42 
+            height: 600px;
43 
+        }
44 
+    </style>
45 
+
46 
+    <style>
47 
+        /* CSS */
48 
+        .button-23 {
49 
+            background-color: #FFFFFF;
50 
+            border: 1px solid #222222;
51 
+            border-radius: 8px;
52 
+            box-sizing: border-box;
53 
+            color: #222222;
54 
+            cursor: pointer;
55 
+            display: inline-block;
56 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
57 
+            font-size: 16px;
58 
+            font-weight: 600;
59 
+            line-height: 20px;
60 
+            margin: 0;
61 
+            outline: none;
62 
+            padding: 13px 23px;
63 
+            position: relative;
64 
+            text-align: center;
65 
+            text-decoration: none;
66 
+            touch-action: manipulation;
67 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
68 
+            user-select: none;
69 
+            -webkit-user-select: none;
70 
+            width: auto;
71 
+        }
72 
+
73 
+        .button-23:focus-visible {
74 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
75 
+            transition: box-shadow .2s;
76 
+        }
77 
+
78 
+        .button-23:active {
79 
+            background-color: #F7F7F7;
80 
+            border-color: #000000;
81 
+            transform: scale(.96);
82 
+        }
83 
+
84 
+        .button-23:disabled {
85 
+            border-color: #DDDDDD;
86 
+            color: #DDDDDD;
87 
+            cursor: not-allowed;
88 
+            opacity: 1;
89 
+        }
90 
+
91 
+        .map-svg {
92 
+            display: block;
93 
+            margin: 0 auto;
94 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
95 
+
96 
+            a {
97 
+                transition: all 1s;
98 
+                transform-origin: 50% 50%;
99 
+                text-decoration: none;
100 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
101 
+
102 
+                @media only screen and (min-width: 992px) {
103 
+
104 
+                    polygon,
105 
+                    &:hover {
106 
+                        cursor: pointer;
107 
+                        transform: scale(1.05);
108 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
109 
+
110 
+                        .st0 {
111 
+                            fill: $dark-default;
112 
+                        }
113 
+                    }
114 
+                }
115 
+            }
116 
+
117 
+            .pahang-barat {
118 
+                fill: #427bba;
119 
+            }
120 
+
121 
+            .pahang-tengah {
122 
+                fill: #144172;
123 
+            }
124 
+
125 
+            .pahang-timur {
126 
+                fill: #0c6088;
127 
+            }
128 
+
129 
+            .label-text {
130 
+                font-size: 35px;
131 
+                fill: white;
132 
+                transform: translate(0,
133 
+                        3px);
134 
+                /* adjust vertical position to centre text */
135 
+            }
136 
+
137 
+            .label-text-cameron {
138 
+                font-size: 20px;
139 
+                fill: white;
140 
+                transform: translate(0,
141 
+                        3px);
142 
+                /* adjust vertical position to centre text */
143 
+            }
144 
+
145 
+
146 
+        }
147 
+    </style>
148 
+
149 
+</head>
150 
+
151 
+<body>
152 
+
153 
+    <section class="section" style="max-height: 100vh;">
154 
+
155 
+        <div class=""
156 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
157 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
158 
+                class="fas fa-chevron-left"></i></a></h6>
159 
+            <h6 style="color: white;">HSD 5749</h6>
160 
+        </div>
161 
+
162 
+        <div class="text-center pt-5"
163 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
164 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
165 
+
166 
+        </div>
167 
+
168 
+        <div class="text-center pt-1 pb-5"
169 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
170 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
171 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
172 
+
173 
+                <div id="map" style="width: 800px;"></div>
174 
+                <!-- <div id="capture"></div> -->
175 
+
176 
+
177 
+
178 
+            </div>
179 
+        </div>
180 
+
181 
+
182 
+
183 
+
184 
+        <div class="text-center pt-5"
185 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
186 
+            <div style="display: flex; flex-direction: row;">
187 
+                <div>
188 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
189 
+                            style="color: #ACACAC;">Bukit Gayong</span></h6>
190 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
191 
+                            style="color: #ACACAC;">Rompin</span></h6>
192 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
193 
+                            style="color: #ACACAC;">Rompin</span></h6>
194 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
195 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
196 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
197 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
198 
+                </div>
199 
+                <div style="margin-left: 100px;">
200 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
201 
+                        <span style="color: #ACACAC;">HSD 5749</span>
202 
+                    </h6>
203 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
204 
+                        <span style="color: #ACACAC;">16.50</span>
205 
+                    </h6>
206 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
207 
+                            style="color: #ACACAC;">Pertanian</span></h6>
208 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
209 
+                        <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
210 
+                    </h6>
211 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
212 
+                            style="color: #ACACAC;"></span></h6>
213 
+                </div>
214 
+            </div>
215 
+        </div>
216 
+
217 
+        <div class="text-center pt-5 pb-5"
218 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
219 
+            <a href="../pdf_pages/view_pdf_hsd5749.html" class="button-23 mb-2 mr-2"
220 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
221 
+                data-toggle="modal" data-target="#exampleModal">View
222 
+                PDF</a>
223 
+
224 
+        </div>
225 
+
226 
+        <script src="../js/jquery-3.7.1.js" defer></script>
227 
+
228 
+        <script src="../js/pdfjs-viewer.js" defer></script>
229 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
230 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
231 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
232 
+
233 
+    </section>
234 
+
235 
+
236 
+    <!-- <div id="map"></div> -->
237 
+
238 
+    <script>
239 
+        var map;
240 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205749.kml';
241 
+
242 
+        function initMap() {
243 
+            map = new google.maps.Map(document.getElementById('map'), {
244 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
245 
+                zoom: 2,
246 
+                mapTypeId: 'satellite'
247 
+            });
248 
+
249 
+            var kmlLayer = new google.maps.KmlLayer(src, {
250 
+                suppressInfoWindows: true,
251 
+                preserveViewport: false,
252 
+                map: map
253 
+            });
254 
+        }
255 
+
256 
+
257 
+
258 
+
259 
+
260 
+    </script>
261 
+    <script async
262 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
263 
+        </script>
264 
+
265 
+</body>
266 
+
267 
+</html>

+ 267
- 0
details_search/detail_hsd5761.html Просмотреть файл 

@@ -0,0 +1,267 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+
12 
+
13 
+
14 
+    <style>
15 
+        html,
16 
+        body {
17 
+            height: 370px;
18 
+            padding: 0;
19 
+            margin: 0;
20 
+        }
21 
+
22 
+        #map {
23 
+            height: 360px;
24 
+            width: 300px;
25 
+            overflow: hidden;
26 
+            float: left;
27 
+            border: thin solid #333;
28 
+        }
29 
+
30 
+        #capture {
31 
+            height: 360px;
32 
+            width: 480px;
33 
+            overflow: hidden;
34 
+            float: left;
35 
+            background-color: #ECECFB;
36 
+            border: thin solid #333;
37 
+            border-left: none;
38 
+        }
39 
+
40 
+        #pdfViewer {
41 
+            width: 100%;
42 
+            height: 600px;
43 
+        }
44 
+    </style>
45 
+
46 
+    <style>
47 
+        /* CSS */
48 
+        .button-23 {
49 
+            background-color: #FFFFFF;
50 
+            border: 1px solid #222222;
51 
+            border-radius: 8px;
52 
+            box-sizing: border-box;
53 
+            color: #222222;
54 
+            cursor: pointer;
55 
+            display: inline-block;
56 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
57 
+            font-size: 16px;
58 
+            font-weight: 600;
59 
+            line-height: 20px;
60 
+            margin: 0;
61 
+            outline: none;
62 
+            padding: 13px 23px;
63 
+            position: relative;
64 
+            text-align: center;
65 
+            text-decoration: none;
66 
+            touch-action: manipulation;
67 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
68 
+            user-select: none;
69 
+            -webkit-user-select: none;
70 
+            width: auto;
71 
+        }
72 
+
73 
+        .button-23:focus-visible {
74 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
75 
+            transition: box-shadow .2s;
76 
+        }
77 
+
78 
+        .button-23:active {
79 
+            background-color: #F7F7F7;
80 
+            border-color: #000000;
81 
+            transform: scale(.96);
82 
+        }
83 
+
84 
+        .button-23:disabled {
85 
+            border-color: #DDDDDD;
86 
+            color: #DDDDDD;
87 
+            cursor: not-allowed;
88 
+            opacity: 1;
89 
+        }
90 
+
91 
+        .map-svg {
92 
+            display: block;
93 
+            margin: 0 auto;
94 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
95 
+
96 
+            a {
97 
+                transition: all 1s;
98 
+                transform-origin: 50% 50%;
99 
+                text-decoration: none;
100 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
101 
+
102 
+                @media only screen and (min-width: 992px) {
103 
+
104 
+                    polygon,
105 
+                    &:hover {
106 
+                        cursor: pointer;
107 
+                        transform: scale(1.05);
108 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
109 
+
110 
+                        .st0 {
111 
+                            fill: $dark-default;
112 
+                        }
113 
+                    }
114 
+                }
115 
+            }
116 
+
117 
+            .pahang-barat {
118 
+                fill: #427bba;
119 
+            }
120 
+
121 
+            .pahang-tengah {
122 
+                fill: #144172;
123 
+            }
124 
+
125 
+            .pahang-timur {
126 
+                fill: #0c6088;
127 
+            }
128 
+
129 
+            .label-text {
130 
+                font-size: 35px;
131 
+                fill: white;
132 
+                transform: translate(0,
133 
+                        3px);
134 
+                /* adjust vertical position to centre text */
135 
+            }
136 
+
137 
+            .label-text-cameron {
138 
+                font-size: 20px;
139 
+                fill: white;
140 
+                transform: translate(0,
141 
+                        3px);
142 
+                /* adjust vertical position to centre text */
143 
+            }
144 
+
145 
+
146 
+        }
147 
+    </style>
148 
+
149 
+</head>
150 
+
151 
+<body>
152 
+
153 
+    <section class="section" style="max-height: 100vh;">
154 
+
155 
+        <div class=""
156 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
157 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
158 
+                class="fas fa-chevron-left"></i></a></h6>
159 
+            <h6 style="color: white;">HSD 5761</h6>
160 
+        </div>
161 
+
162 
+        <div class="text-center pt-5"
163 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
164 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
165 
+
166 
+        </div>
167 
+
168 
+        <div class="text-center pt-1 pb-5"
169 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
170 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
171 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
172 
+
173 
+                <div id="map" style="width: 800px;"></div>
174 
+                <!-- <div id="capture"></div> -->
175 
+
176 
+
177 
+
178 
+            </div>
179 
+        </div>
180 
+
181 
+
182 
+
183 
+
184 
+        <div class="text-center pt-5"
185 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
186 
+            <div style="display: flex; flex-direction: row;">
187 
+                <div>
188 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
189 
+                            style="color: #ACACAC;">Bukit Gayong</span></h6>
190 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
191 
+                            style="color: #ACACAC;">Rompin</span></h6>
192 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
193 
+                            style="color: #ACACAC;">Rompin</span></h6>
194 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
195 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
196 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
197 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
198 
+                </div>
199 
+                <div style="margin-left: 100px;">
200 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
201 
+                        <span style="color: #ACACAC;">HSD 5761</span>
202 
+                    </h6>
203 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
204 
+                        <span style="color: #ACACAC;">32.67</span>
205 
+                    </h6>
206 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
207 
+                            style="color: #ACACAC;">Pertanian</span></h6>
208 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
209 
+                        <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
210 
+                    </h6>
211 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
212 
+                            style="color: #ACACAC;"></span></h6>
213 
+                </div>
214 
+            </div>
215 
+        </div>
216 
+
217 
+        <div class="text-center pt-5 pb-5"
218 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
219 
+            <a href="../pdf_pages/view_pdf_hsd5761.html" class="button-23 mb-2 mr-2"
220 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
221 
+                data-toggle="modal" data-target="#exampleModal">View
222 
+                PDF</a>
223 
+
224 
+        </div>
225 
+
226 
+        <script src="../js/jquery-3.7.1.js" defer></script>
227 
+
228 
+        <script src="../js/pdfjs-viewer.js" defer></script>
229 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
230 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
231 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
232 
+
233 
+    </section>
234 
+
235 
+
236 
+    <!-- <div id="map"></div> -->
237 
+
238 
+    <script>
239 
+        var map;
240 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205761.kml';
241 
+
242 
+        function initMap() {
243 
+            map = new google.maps.Map(document.getElementById('map'), {
244 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
245 
+                zoom: 2,
246 
+                mapTypeId: 'satellite'
247 
+            });
248 
+
249 
+            var kmlLayer = new google.maps.KmlLayer(src, {
250 
+                suppressInfoWindows: true,
251 
+                preserveViewport: false,
252 
+                map: map
253 
+            });
254 
+        }
255 
+
256 
+
257 
+
258 
+
259 
+
260 
+    </script>
261 
+    <script async
262 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
263 
+        </script>
264 
+
265 
+</body>
266 
+
267 
+</html>

+ 267
- 0
details_search/detail_hsd5762.html Просмотреть файл 

@@ -0,0 +1,267 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+
12 
+
13 
+
14 
+    <style>
15 
+        html,
16 
+        body {
17 
+            height: 370px;
18 
+            padding: 0;
19 
+            margin: 0;
20 
+        }
21 
+
22 
+        #map {
23 
+            height: 360px;
24 
+            width: 300px;
25 
+            overflow: hidden;
26 
+            float: left;
27 
+            border: thin solid #333;
28 
+        }
29 
+
30 
+        #capture {
31 
+            height: 360px;
32 
+            width: 480px;
33 
+            overflow: hidden;
34 
+            float: left;
35 
+            background-color: #ECECFB;
36 
+            border: thin solid #333;
37 
+            border-left: none;
38 
+        }
39 
+
40 
+        #pdfViewer {
41 
+            width: 100%;
42 
+            height: 600px;
43 
+        }
44 
+    </style>
45 
+
46 
+    <style>
47 
+        /* CSS */
48 
+        .button-23 {
49 
+            background-color: #FFFFFF;
50 
+            border: 1px solid #222222;
51 
+            border-radius: 8px;
52 
+            box-sizing: border-box;
53 
+            color: #222222;
54 
+            cursor: pointer;
55 
+            display: inline-block;
56 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
57 
+            font-size: 16px;
58 
+            font-weight: 600;
59 
+            line-height: 20px;
60 
+            margin: 0;
61 
+            outline: none;
62 
+            padding: 13px 23px;
63 
+            position: relative;
64 
+            text-align: center;
65 
+            text-decoration: none;
66 
+            touch-action: manipulation;
67 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
68 
+            user-select: none;
69 
+            -webkit-user-select: none;
70 
+            width: auto;
71 
+        }
72 
+
73 
+        .button-23:focus-visible {
74 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
75 
+            transition: box-shadow .2s;
76 
+        }
77 
+
78 
+        .button-23:active {
79 
+            background-color: #F7F7F7;
80 
+            border-color: #000000;
81 
+            transform: scale(.96);
82 
+        }
83 
+
84 
+        .button-23:disabled {
85 
+            border-color: #DDDDDD;
86 
+            color: #DDDDDD;
87 
+            cursor: not-allowed;
88 
+            opacity: 1;
89 
+        }
90 
+
91 
+        .map-svg {
92 
+            display: block;
93 
+            margin: 0 auto;
94 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
95 
+
96 
+            a {
97 
+                transition: all 1s;
98 
+                transform-origin: 50% 50%;
99 
+                text-decoration: none;
100 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
101 
+
102 
+                @media only screen and (min-width: 992px) {
103 
+
104 
+                    polygon,
105 
+                    &:hover {
106 
+                        cursor: pointer;
107 
+                        transform: scale(1.05);
108 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
109 
+
110 
+                        .st0 {
111 
+                            fill: $dark-default;
112 
+                        }
113 
+                    }
114 
+                }
115 
+            }
116 
+
117 
+            .pahang-barat {
118 
+                fill: #427bba;
119 
+            }
120 
+
121 
+            .pahang-tengah {
122 
+                fill: #144172;
123 
+            }
124 
+
125 
+            .pahang-timur {
126 
+                fill: #0c6088;
127 
+            }
128 
+
129 
+            .label-text {
130 
+                font-size: 35px;
131 
+                fill: white;
132 
+                transform: translate(0,
133 
+                        3px);
134 
+                /* adjust vertical position to centre text */
135 
+            }
136 
+
137 
+            .label-text-cameron {
138 
+                font-size: 20px;
139 
+                fill: white;
140 
+                transform: translate(0,
141 
+                        3px);
142 
+                /* adjust vertical position to centre text */
143 
+            }
144 
+
145 
+
146 
+        }
147 
+    </style>
148 
+
149 
+</head>
150 
+
151 
+<body>
152 
+
153 
+    <section class="section" style="max-height: 100vh;">
154 
+
155 
+        <div class=""
156 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
157 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
158 
+                class="fas fa-chevron-left"></i></a></h6>
159 
+            <h6 style="color: white;">HSD 5762</h6>
160 
+        </div>
161 
+
162 
+        <div class="text-center pt-5"
163 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
164 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
165 
+
166 
+        </div>
167 
+
168 
+        <div class="text-center pt-1 pb-5"
169 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
170 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
171 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
172 
+
173 
+                <div id="map" style="width: 800px;"></div>
174 
+                <!-- <div id="capture"></div> -->
175 
+
176 
+
177 
+
178 
+            </div>
179 
+        </div>
180 
+
181 
+
182 
+
183 
+
184 
+        <div class="text-center pt-5"
185 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
186 
+            <div style="display: flex; flex-direction: row;">
187 
+                <div>
188 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
189 
+                            style="color: #ACACAC;">Bukit Gayong</span></h6>
190 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
191 
+                            style="color: #ACACAC;">Rompin</span></h6>
192 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
193 
+                            style="color: #ACACAC;">Rompin</span></h6>
194 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
195 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
196 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
197 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
198 
+                </div>
199 
+                <div style="margin-left: 100px;">
200 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
201 
+                        <span style="color: #ACACAC;">HSD 5762</span>
202 
+                    </h6>
203 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
204 
+                        <span style="color: #ACACAC;">9.05</span>
205 
+                    </h6>
206 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
207 
+                            style="color: #ACACAC;">Pertanian</span></h6>
208 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
209 
+                        <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
210 
+                    </h6>
211 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
212 
+                            style="color: #ACACAC;"></span></h6>
213 
+                </div>
214 
+            </div>
215 
+        </div>
216 
+
217 
+        <div class="text-center pt-5 pb-5"
218 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
219 
+            <a href="../pdf_pages/view_pdf_hsd5762.html" class="button-23 mb-2 mr-2"
220 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
221 
+                data-toggle="modal" data-target="#exampleModal">View
222 
+                PDF</a>
223 
+
224 
+        </div>
225 
+
226 
+        <script src="../js/jquery-3.7.1.js" defer></script>
227 
+
228 
+        <script src="../js/pdfjs-viewer.js" defer></script>
229 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
230 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
231 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
232 
+
233 
+    </section>
234 
+
235 
+
236 
+    <!-- <div id="map"></div> -->
237 
+
238 
+    <script>
239 
+        var map;
240 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205762.kml';
241 
+
242 
+        function initMap() {
243 
+            map = new google.maps.Map(document.getElementById('map'), {
244 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
245 
+                zoom: 2,
246 
+                mapTypeId: 'satellite'
247 
+            });
248 
+
249 
+            var kmlLayer = new google.maps.KmlLayer(src, {
250 
+                suppressInfoWindows: true,
251 
+                preserveViewport: false,
252 
+                map: map
253 
+            });
254 
+        }
255 
+
256 
+
257 
+
258 
+
259 
+
260 
+    </script>
261 
+    <script async
262 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
263 
+        </script>
264 
+
265 
+</body>
266 
+
267 
+</html>

+ 267
- 0
details_search/detail_hsd5763.html Просмотреть файл 

@@ -0,0 +1,267 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+
12 
+
13 
+
14 
+    <style>
15 
+        html,
16 
+        body {
17 
+            height: 370px;
18 
+            padding: 0;
19 
+            margin: 0;
20 
+        }
21 
+
22 
+        #map {
23 
+            height: 360px;
24 
+            width: 300px;
25 
+            overflow: hidden;
26 
+            float: left;
27 
+            border: thin solid #333;
28 
+        }
29 
+
30 
+        #capture {
31 
+            height: 360px;
32 
+            width: 480px;
33 
+            overflow: hidden;
34 
+            float: left;
35 
+            background-color: #ECECFB;
36 
+            border: thin solid #333;
37 
+            border-left: none;
38 
+        }
39 
+
40 
+        #pdfViewer {
41 
+            width: 100%;
42 
+            height: 600px;
43 
+        }
44 
+    </style>
45 
+
46 
+    <style>
47 
+        /* CSS */
48 
+        .button-23 {
49 
+            background-color: #FFFFFF;
50 
+            border: 1px solid #222222;
51 
+            border-radius: 8px;
52 
+            box-sizing: border-box;
53 
+            color: #222222;
54 
+            cursor: pointer;
55 
+            display: inline-block;
56 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
57 
+            font-size: 16px;
58 
+            font-weight: 600;
59 
+            line-height: 20px;
60 
+            margin: 0;
61 
+            outline: none;
62 
+            padding: 13px 23px;
63 
+            position: relative;
64 
+            text-align: center;
65 
+            text-decoration: none;
66 
+            touch-action: manipulation;
67 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
68 
+            user-select: none;
69 
+            -webkit-user-select: none;
70 
+            width: auto;
71 
+        }
72 
+
73 
+        .button-23:focus-visible {
74 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
75 
+            transition: box-shadow .2s;
76 
+        }
77 
+
78 
+        .button-23:active {
79 
+            background-color: #F7F7F7;
80 
+            border-color: #000000;
81 
+            transform: scale(.96);
82 
+        }
83 
+
84 
+        .button-23:disabled {
85 
+            border-color: #DDDDDD;
86 
+            color: #DDDDDD;
87 
+            cursor: not-allowed;
88 
+            opacity: 1;
89 
+        }
90 
+
91 
+        .map-svg {
92 
+            display: block;
93 
+            margin: 0 auto;
94 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
95 
+
96 
+            a {
97 
+                transition: all 1s;
98 
+                transform-origin: 50% 50%;
99 
+                text-decoration: none;
100 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
101 
+
102 
+                @media only screen and (min-width: 992px) {
103 
+
104 
+                    polygon,
105 
+                    &:hover {
106 
+                        cursor: pointer;
107 
+                        transform: scale(1.05);
108 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
109 
+
110 
+                        .st0 {
111 
+                            fill: $dark-default;
112 
+                        }
113 
+                    }
114 
+                }
115 
+            }
116 
+
117 
+            .pahang-barat {
118 
+                fill: #427bba;
119 
+            }
120 
+
121 
+            .pahang-tengah {
122 
+                fill: #144172;
123 
+            }
124 
+
125 
+            .pahang-timur {
126 
+                fill: #0c6088;
127 
+            }
128 
+
129 
+            .label-text {
130 
+                font-size: 35px;
131 
+                fill: white;
132 
+                transform: translate(0,
133 
+                        3px);
134 
+                /* adjust vertical position to centre text */
135 
+            }
136 
+
137 
+            .label-text-cameron {
138 
+                font-size: 20px;
139 
+                fill: white;
140 
+                transform: translate(0,
141 
+                        3px);
142 
+                /* adjust vertical position to centre text */
143 
+            }
144 
+
145 
+
146 
+        }
147 
+    </style>
148 
+
149 
+</head>
150 
+
151 
+<body>
152 
+
153 
+    <section class="section" style="max-height: 100vh;">
154 
+
155 
+        <div class=""
156 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
157 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
158 
+                class="fas fa-chevron-left"></i></a></h6>
159 
+            <h6 style="color: white;">HSD 5763</h6>
160 
+        </div>
161 
+
162 
+        <div class="text-center pt-5"
163 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
164 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
165 
+
166 
+        </div>
167 
+
168 
+        <div class="text-center pt-1 pb-5"
169 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
170 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
171 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
172 
+
173 
+                <div id="map" style="width: 800px;"></div>
174 
+                <!-- <div id="capture"></div> -->
175 
+
176 
+
177 
+
178 
+            </div>
179 
+        </div>
180 
+
181 
+
182 
+
183 
+
184 
+        <div class="text-center pt-5"
185 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
186 
+            <div style="display: flex; flex-direction: row;">
187 
+                <div>
188 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
189 
+                            style="color: #ACACAC;">Bukit Gayong</span></h6>
190 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
191 
+                            style="color: #ACACAC;">Rompin</span></h6>
192 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
193 
+                            style="color: #ACACAC;">Rompin</span></h6>
194 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
195 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
196 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
197 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
198 
+                </div>
199 
+                <div style="margin-left: 100px;">
200 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
201 
+                        <span style="color: #ACACAC;">HSD 5763</span>
202 
+                    </h6>
203 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
204 
+                        <span style="color: #ACACAC;">21.73</span>
205 
+                    </h6>
206 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
207 
+                            style="color: #ACACAC;">Pertanian</span></h6>
208 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
209 
+                        <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
210 
+                    </h6>
211 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
212 
+                            style="color: #ACACAC;"></span></h6>
213 
+                </div>
214 
+            </div>
215 
+        </div>
216 
+
217 
+        <div class="text-center pt-5 pb-5"
218 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
219 
+            <a href="../pdf_pages/view_pdf_hsd5763.html" class="button-23 mb-2 mr-2"
220 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
221 
+                data-toggle="modal" data-target="#exampleModal">View
222 
+                PDF</a>
223 
+
224 
+        </div>
225 
+
226 
+        <script src="../js/jquery-3.7.1.js" defer></script>
227 
+
228 
+        <script src="../js/pdfjs-viewer.js" defer></script>
229 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
230 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
231 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
232 
+
233 
+    </section>
234 
+
235 
+
236 
+    <!-- <div id="map"></div> -->
237 
+
238 
+    <script>
239 
+        var map;
240 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205763.kml';
241 
+
242 
+        function initMap() {
243 
+            map = new google.maps.Map(document.getElementById('map'), {
244 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
245 
+                zoom: 2,
246 
+                mapTypeId: 'satellite'
247 
+            });
248 
+
249 
+            var kmlLayer = new google.maps.KmlLayer(src, {
250 
+                suppressInfoWindows: true,
251 
+                preserveViewport: false,
252 
+                map: map
253 
+            });
254 
+        }
255 
+
256 
+
257 
+
258 
+
259 
+
260 
+    </script>
261 
+    <script async
262 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
263 
+        </script>
264 
+
265 
+</body>
266 
+
267 
+</html>

+ 266
- 0
details_search/detail_hsd5764.html Просмотреть файл 

@@ -0,0 +1,266 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+
12 
+
13 
+
14 
+    <style>
15 
+        html,
16 
+        body {
17 
+            height: 370px;
18 
+            padding: 0;
19 
+            margin: 0;
20 
+        }
21 
+
22 
+        #map {
23 
+            height: 360px;
24 
+            width: 300px;
25 
+            overflow: hidden;
26 
+            float: left;
27 
+            border: thin solid #333;
28 
+        }
29 
+
30 
+        #capture {
31 
+            height: 360px;
32 
+            width: 480px;
33 
+            overflow: hidden;
34 
+            float: left;
35 
+            background-color: #ECECFB;
36 
+            border: thin solid #333;
37 
+            border-left: none;
38 
+        }
39 
+
40 
+        #pdfViewer {
41 
+            width: 100%;
42 
+            height: 600px;
43 
+        }
44 
+    </style>
45 
+
46 
+    <style>
47 
+        /* CSS */
48 
+        .button-23 {
49 
+            background-color: #FFFFFF;
50 
+            border: 1px solid #222222;
51 
+            border-radius: 8px;
52 
+            box-sizing: border-box;
53 
+            color: #222222;
54 
+            cursor: pointer;
55 
+            display: inline-block;
56 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
57 
+            font-size: 16px;
58 
+            font-weight: 600;
59 
+            line-height: 20px;
60 
+            margin: 0;
61 
+            outline: none;
62 
+            padding: 13px 23px;
63 
+            position: relative;
64 
+            text-align: center;
65 
+            text-decoration: none;
66 
+            touch-action: manipulation;
67 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
68 
+            user-select: none;
69 
+            -webkit-user-select: none;
70 
+            width: auto;
71 
+        }
72 
+
73 
+        .button-23:focus-visible {
74 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
75 
+            transition: box-shadow .2s;
76 
+        }
77 
+
78 
+        .button-23:active {
79 
+            background-color: #F7F7F7;
80 
+            border-color: #000000;
81 
+            transform: scale(.96);
82 
+        }
83 
+
84 
+        .button-23:disabled {
85 
+            border-color: #DDDDDD;
86 
+            color: #DDDDDD;
87 
+            cursor: not-allowed;
88 
+            opacity: 1;
89 
+        }
90 
+
91 
+        .map-svg {
92 
+            display: block;
93 
+            margin: 0 auto;
94 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
95 
+
96 
+            a {
97 
+                transition: all 1s;
98 
+                transform-origin: 50% 50%;
99 
+                text-decoration: none;
100 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
101 
+
102 
+                @media only screen and (min-width: 992px) {
103 
+
104 
+                    polygon,
105 
+                    &:hover {
106 
+                        cursor: pointer;
107 
+                        transform: scale(1.05);
108 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
109 
+
110 
+                        .st0 {
111 
+                            fill: $dark-default;
112 
+                        }
113 
+                    }
114 
+                }
115 
+            }
116 
+
117 
+            .pahang-barat {
118 
+                fill: #427bba;
119 
+            }
120 
+
121 
+            .pahang-tengah {
122 
+                fill: #144172;
123 
+            }
124 
+
125 
+            .pahang-timur {
126 
+                fill: #0c6088;
127 
+            }
128 
+
129 
+            .label-text {
130 
+                font-size: 35px;
131 
+                fill: white;
132 
+                transform: translate(0,
133 
+                        3px);
134 
+                /* adjust vertical position to centre text */
135 
+            }
136 
+
137 
+            .label-text-cameron {
138 
+                font-size: 20px;
139 
+                fill: white;
140 
+                transform: translate(0,
141 
+                        3px);
142 
+                /* adjust vertical position to centre text */
143 
+            }
144 
+
145 
+
146 
+        }
147 
+    </style>
148 
+
149 
+</head>
150 
+
151 
+<body>
152 
+
153 
+    <section class="section" style="max-height: 100vh;">
154 
+
155 
+        <div class=""
156 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
157 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
158 
+                class="fas fa-chevron-left"></i></a></h6>
159 
+            <h6 style="color: white;">HSD 5764</h6>
160 
+        </div>
161 
+
162 
+        <div class="text-center pt-5"
163 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
164 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
165 
+
166 
+        </div>
167 
+
168 
+        <div class="text-center pt-1 pb-5"
169 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
170 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
171 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
172 
+
173 
+                <div id="map" style="width: 800px;"></div>
174 
+                <!-- <div id="capture"></div> -->
175 
+
176 
+
177 
+
178 
+            </div>
179 
+        </div>
180 
+
181 
+
182 
+
183 
+
184 
+        <div class="text-center pt-5"
185 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
186 
+            <div style="display: flex; flex-direction: row;">
187 
+                <div>
188 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
189 
+                            style="color: #ACACAC;">Bukit Gayong</span></h6>
190 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
191 
+                            style="color: #ACACAC;">Rompin</span></h6>
192 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
193 
+                            style="color: #ACACAC;">Rompin</span></h6>
194 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
195 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
196 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
197 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
198 
+                </div>
199 
+                <div style="margin-left: 100px;">
200 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
201 
+                        <span style="color: #ACACAC;">HSD 5764</span>
202 
+                    </h6>
203 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
204 
+                        <span style="color: #ACACAC;">21.63</span>
205 
+                    </h6>
206 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
207 
+                            style="color: #ACACAC;">Pertanian</span></h6>
208 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
209 
+                        <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
210 
+                    </h6>
211 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
212 
+                            style="color: #ACACAC;"></span></h6>
213 
+                </div>
214 
+            </div>
215 
+        </div>
216 
+
217 
+        <div class="text-center pt-5 pb-5"
218 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
219 
+            <a href="../pdf_pages/view_pdf_hsd5764.html" class="button-23 mb-2 mr-2"
220 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
221 
+                data-toggle="modal" data-target="#exampleModal">View
222 
+                PDF</a>
223 
+
224 
+        </div>
225 
+        <script src="../js/jquery-3.7.1.js" defer></script>
226 
+
227 
+        <script src="../js/pdfjs-viewer.js" defer></script>
228 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
229 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
230 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
231 
+
232 
+    </section>
233 
+
234 
+
235 
+    <!-- <div id="map"></div> -->
236 
+
237 
+    <script>
238 
+        var map;
239 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%205764.kml';
240 
+
241 
+        function initMap() {
242 
+            map = new google.maps.Map(document.getElementById('map'), {
243 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
244 
+                zoom: 2,
245 
+                mapTypeId: 'satellite'
246 
+            });
247 
+
248 
+            var kmlLayer = new google.maps.KmlLayer(src, {
249 
+                suppressInfoWindows: true,
250 
+                preserveViewport: false,
251 
+                map: map
252 
+            });
253 
+        }
254 
+
255 
+
256 
+
257 
+
258 
+
259 
+    </script>
260 
+    <script async
261 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
262 
+        </script>
263 
+
264 
+</body>
265 
+
266 
+</html>

+ 268
- 0
details_search/detail_hsd62437.html Просмотреть файл 

@@ -0,0 +1,268 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
11 
+        integrity="sha512-abc123..." crossorigin="anonymous" />
12 
+
13 
+
14 
+
15 
+    <style>
16 
+        html,
17 
+        body {
18 
+            height: 370px;
19 
+            padding: 0;
20 
+            margin: 0;
21 
+        }
22 
+
23 
+        #map {
24 
+            height: 360px;
25 
+            width: 300px;
26 
+            overflow: hidden;
27 
+            float: left;
28 
+            border: thin solid #333;
29 
+        }
30 
+
31 
+        #capture {
32 
+            height: 360px;
33 
+            width: 480px;
34 
+            overflow: hidden;
35 
+            float: left;
36 
+            background-color: #ECECFB;
37 
+            border: thin solid #333;
38 
+            border-left: none;
39 
+        }
40 
+
41 
+        #pdfViewer {
42 
+            width: 100%;
43 
+            height: 600px;
44 
+        }
45 
+    </style>
46 
+
47 
+    <style>
48 
+        /* CSS */
49 
+        .button-23 {
50 
+            background-color: #FFFFFF;
51 
+            border: 1px solid #222222;
52 
+            border-radius: 8px;
53 
+            box-sizing: border-box;
54 
+            color: #222222;
55 
+            cursor: pointer;
56 
+            display: inline-block;
57 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
58 
+            font-size: 16px;
59 
+            font-weight: 600;
60 
+            line-height: 20px;
61 
+            margin: 0;
62 
+            outline: none;
63 
+            padding: 13px 23px;
64 
+            position: relative;
65 
+            text-align: center;
66 
+            text-decoration: none;
67 
+            touch-action: manipulation;
68 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
69 
+            user-select: none;
70 
+            -webkit-user-select: none;
71 
+            width: auto;
72 
+        }
73 
+
74 
+        .button-23:focus-visible {
75 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
76 
+            transition: box-shadow .2s;
77 
+        }
78 
+
79 
+        .button-23:active {
80 
+            background-color: #F7F7F7;
81 
+            border-color: #000000;
82 
+            transform: scale(.96);
83 
+        }
84 
+
85 
+        .button-23:disabled {
86 
+            border-color: #DDDDDD;
87 
+            color: #DDDDDD;
88 
+            cursor: not-allowed;
89 
+            opacity: 1;
90 
+        }
91 
+
92 
+        .map-svg {
93 
+            display: block;
94 
+            margin: 0 auto;
95 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
96 
+
97 
+            a {
98 
+                transition: all 1s;
99 
+                transform-origin: 50% 50%;
100 
+                text-decoration: none;
101 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
102 
+
103 
+                @media only screen and (min-width: 992px) {
104 
+
105 
+                    polygon,
106 
+                    &:hover {
107 
+                        cursor: pointer;
108 
+                        transform: scale(1.05);
109 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
110 
+
111 
+                        .st0 {
112 
+                            fill: $dark-default;
113 
+                        }
114 
+                    }
115 
+                }
116 
+            }
117 
+
118 
+            .pahang-barat {
119 
+                fill: #427bba;
120 
+            }
121 
+
122 
+            .pahang-tengah {
123 
+                fill: #144172;
124 
+            }
125 
+
126 
+            .pahang-timur {
127 
+                fill: #0c6088;
128 
+            }
129 
+
130 
+            .label-text {
131 
+                font-size: 35px;
132 
+                fill: white;
133 
+                transform: translate(0,
134 
+                        3px);
135 
+                /* adjust vertical position to centre text */
136 
+            }
137 
+
138 
+            .label-text-cameron {
139 
+                font-size: 20px;
140 
+                fill: white;
141 
+                transform: translate(0,
142 
+                        3px);
143 
+                /* adjust vertical position to centre text */
144 
+            }
145 
+
146 
+
147 
+        }
148 
+    </style>
149 
+
150 
+</head>
151 
+
152 
+<body>
153 
+
154 
+    <section class="section" style="max-height: 100vh;">
155 
+
156 
+        <div class=""
157 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
158 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;"
159 
+                    href="../index.html"><i class="fas fa-chevron-left"></i></a></h6>
160 
+            <h6 style="color: white;">HSD 62437</h6>
161 
+        </div>
162 
+
163 
+        <div class="text-center pt-5"
164 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
165 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
166 
+
167 
+        </div>
168 
+
169 
+        <div class="text-center pt-1 pb-5"
170 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
171 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
172 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
173 
+
174 
+                <div id="map" style="width: 800px;"></div>
175 
+                <!-- <div id="capture"></div> -->
176 
+
177 
+
178 
+
179 
+            </div>
180 
+        </div>
181 
+
182 
+
183 
+
184 
+
185 
+        <div class="text-center pt-5"
186 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
187 
+            <div style="display: flex; flex-direction: row;">
188 
+                <div>
189 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
190 
+                            style="color: #ACACAC;">Jalan Pintasan Kuantan</span></h6>
191 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
192 
+                            style="color: #ACACAC;">Sungai Karang</span></h6>
193 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
194 
+                            style="color: #ACACAC;">Kuantan</span></h6>
195 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
196 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
197 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
198 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
199 
+                </div>
200 
+                <div style="margin-left: 100px;">
201 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
202 
+                        <span style="color: #ACACAC;">HSD 62437</span>
203 
+                    </h6>
204 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Mp) :</span>
205 
+                        <span style="color: #ACACAC;">59671</span>
206 
+                    </h6>
207 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
208 
+                            style="color: #ACACAC;">Perusahaan/Perindustrian</span></h6>
209 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
210 
+                        <span style="color: #ACACAC;">Tapak Industri Sahaja</span>
211 
+                    </h6>
212 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
213 
+                            style="color: #ACACAC;"></span></h6>
214 
+                </div>
215 
+            </div>
216 
+        </div>
217 
+
218 
+        <div class="text-center pt-5 pb-5"
219 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
220 
+            <a href="../pdf_pages/view_pdf_hsd62437.html" class="button-23 mb-2 mr-2"
221 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
222 
+                data-toggle="modal" data-target="#exampleModal">View
223 
+                PDF</a>
224 
+
225 
+        </div>
226 
+
227 
+        <script src="../js/jquery-3.7.1.js" defer></script>
228 
+
229 
+        <script src="../js/pdfjs-viewer.js" defer></script>
230 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
231 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
232 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
233 
+
234 
+    </section>
235 
+
236 
+
237 
+    <!-- <div id="map"></div> -->
238 
+
239 
+    <script>
240 
+        var map;
241 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2062437.kml';
242 
+
243 
+        function initMap() {
244 
+            map = new google.maps.Map(document.getElementById('map'), {
245 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
246 
+                zoom: 2,
247 
+                mapTypeId: 'satellite'
248 
+            });
249 
+
250 
+            var kmlLayer = new google.maps.KmlLayer(src, {
251 
+                suppressInfoWindows: true,
252 
+                preserveViewport: false,
253 
+                map: map
254 
+            });
255 
+        }
256 
+
257 
+
258 
+
259 
+
260 
+
261 
+    </script>
262 
+    <script async
263 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
264 
+        </script>
265 
+
266 
+</body>
267 
+
268 
+</html>

+ 129
- 0
details_search/detail_hsd62438.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62438</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Gambang</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Ulu Lepar</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 62438</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Mp) :</span>
66 
+                        <span style="color: #ACACAC;">607280</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Bangunan</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd62438.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2062438.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 129
- 0
details_search/detail_hsd62441.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62441</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Sungai Baging</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Sungai Karang</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 62441</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
66 
+                        <span style="color: #ACACAC;">7.20</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Bangunan</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd62441.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2062441.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 129
- 0
details_search/detail_hsd62442.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62442</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Sungai Baging</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Sungai Karang</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 62442</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
66 
+                        <span style="color: #ACACAC;">73.76</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Bangunan</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd62442.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2062442.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 129
- 0
details_search/detail_hsd62443.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
11 
+        integrity="sha512-abc123..." crossorigin="anonymous" />
12 
+    <link rel="stylesheet" href="../css/app.css">
13 
+
14 
+</head>
15 
+
16 
+<body>
17 
+
18 
+    <section class="section" style="max-height: 100vh;">
19 
+
20 
+        <div class=""
21 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
22 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;"
23 
+                    href="../index.html"><i class="fas fa-chevron-left"></i></a></h6>
24 
+            <h6 style="color: white;">HSD 62443</h6>
25 
+        </div>
26 
+
27 
+        <div class="text-center pt-5"
28 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
29 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
30 
+
31 
+        </div>
32 
+
33 
+        <div class="text-center pt-1 pb-5"
34 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
35 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
36 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
37 
+
38 
+                <div id="map" style="width: 800px;"></div>
39 
+                <!-- <div id="capture"></div> -->
40 
+
41 
+
42 
+
43 
+            </div>
44 
+        </div>
45 
+
46 
+
47 
+        <div class="text-center pt-5"
48 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
49 
+            <div style="display: flex; flex-direction: row;">
50 
+                <div>
51 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
52 
+                            style="color: #ACACAC;">Sungai Baging</span></h6>
53 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
54 
+                            style="color: #ACACAC;">Sungai Karang</span></h6>
55 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
56 
+                            style="color: #ACACAC;">Kuantan</span></h6>
57 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
58 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
59 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
60 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
61 
+                </div>
62 
+                <div style="margin-left: 100px;">
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
64 
+                        <span style="color: #ACACAC;">HSD 62443</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
67 
+                        <span style="color: #ACACAC;">20.23</span>
68 
+                    </h6>
69 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
70 
+                            style="color: #ACACAC;">Bangunan</span></h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
72 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
73 
+                    </h6>
74 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
75 
+                            style="color: #ACACAC;"></span></h6>
76 
+                </div>
77 
+            </div>
78 
+        </div>
79 
+
80 
+        <div class="text-center pt-5 pb-5"
81 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
82 
+            <a href="../pdf_pages/view_pdf_hsd62443.html" class="button-23 mb-2 mr-2"
83 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
84 
+                data-toggle="modal" data-target="#exampleModal">View
85 
+                PDF</a>
86 
+
87 
+        </div>
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2062443.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 129
- 0
details_search/detail_hsd62495.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62495</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Kotasas</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 62495</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Mp) :</span>
66 
+                        <span style="color: #ACACAC;">12545</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Bangunan</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd62495.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2062495.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 129
- 0
details_search/detail_hsd62497.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62497</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Kotasas</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 62497</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Mp) :</span>
66 
+                        <span style="color: #ACACAC;">26574</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Bangunan</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd62497.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2062497.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 129
- 0
details_search/detail_hsd62503.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62503</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Kotasas</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 62503</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Mp) :</span>
66 
+                        <span style="color: #ACACAC;">7232</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Bangunan</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd62503.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2062503.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 129
- 0
details_search/detail_hsd62504.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62504</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Kotasas</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 62504</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Mp) :</span>
66 
+                        <span style="color: #ACACAC;">17430</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Bangunan</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd62504.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2062504.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 267
- 0
details_search/detail_hsd62510.html Просмотреть файл 

@@ -0,0 +1,267 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+
12 
+
13 
+
14 
+    <style>
15 
+        html,
16 
+        body {
17 
+            height: 370px;
18 
+            padding: 0;
19 
+            margin: 0;
20 
+        }
21 
+
22 
+        #map {
23 
+            height: 360px;
24 
+            width: 300px;
25 
+            overflow: hidden;
26 
+            float: left;
27 
+            border: thin solid #333;
28 
+        }
29 
+
30 
+        #capture {
31 
+            height: 360px;
32 
+            width: 480px;
33 
+            overflow: hidden;
34 
+            float: left;
35 
+            background-color: #ECECFB;
36 
+            border: thin solid #333;
37 
+            border-left: none;
38 
+        }
39 
+
40 
+        #pdfViewer {
41 
+            width: 100%;
42 
+            height: 600px;
43 
+        }
44 
+    </style>
45 
+
46 
+    <style>
47 
+        /* CSS */
48 
+        .button-23 {
49 
+            background-color: #FFFFFF;
50 
+            border: 1px solid #222222;
51 
+            border-radius: 8px;
52 
+            box-sizing: border-box;
53 
+            color: #222222;
54 
+            cursor: pointer;
55 
+            display: inline-block;
56 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
57 
+            font-size: 16px;
58 
+            font-weight: 600;
59 
+            line-height: 20px;
60 
+            margin: 0;
61 
+            outline: none;
62 
+            padding: 13px 23px;
63 
+            position: relative;
64 
+            text-align: center;
65 
+            text-decoration: none;
66 
+            touch-action: manipulation;
67 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
68 
+            user-select: none;
69 
+            -webkit-user-select: none;
70 
+            width: auto;
71 
+        }
72 
+
73 
+        .button-23:focus-visible {
74 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
75 
+            transition: box-shadow .2s;
76 
+        }
77 
+
78 
+        .button-23:active {
79 
+            background-color: #F7F7F7;
80 
+            border-color: #000000;
81 
+            transform: scale(.96);
82 
+        }
83 
+
84 
+        .button-23:disabled {
85 
+            border-color: #DDDDDD;
86 
+            color: #DDDDDD;
87 
+            cursor: not-allowed;
88 
+            opacity: 1;
89 
+        }
90 
+
91 
+        .map-svg {
92 
+            display: block;
93 
+            margin: 0 auto;
94 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
95 
+
96 
+            a {
97 
+                transition: all 1s;
98 
+                transform-origin: 50% 50%;
99 
+                text-decoration: none;
100 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
101 
+
102 
+                @media only screen and (min-width: 992px) {
103 
+
104 
+                    polygon,
105 
+                    &:hover {
106 
+                        cursor: pointer;
107 
+                        transform: scale(1.05);
108 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
109 
+
110 
+                        .st0 {
111 
+                            fill: $dark-default;
112 
+                        }
113 
+                    }
114 
+                }
115 
+            }
116 
+
117 
+            .pahang-barat {
118 
+                fill: #427bba;
119 
+            }
120 
+
121 
+            .pahang-tengah {
122 
+                fill: #144172;
123 
+            }
124 
+
125 
+            .pahang-timur {
126 
+                fill: #0c6088;
127 
+            }
128 
+
129 
+            .label-text {
130 
+                font-size: 35px;
131 
+                fill: white;
132 
+                transform: translate(0,
133 
+                        3px);
134 
+                /* adjust vertical position to centre text */
135 
+            }
136 
+
137 
+            .label-text-cameron {
138 
+                font-size: 20px;
139 
+                fill: white;
140 
+                transform: translate(0,
141 
+                        3px);
142 
+                /* adjust vertical position to centre text */
143 
+            }
144 
+
145 
+
146 
+        }
147 
+    </style>
148 
+
149 
+</head>
150 
+
151 
+<body>
152 
+
153 
+    <section class="section" style="max-height: 100vh;">
154 
+
155 
+        <div class=""
156 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
157 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
158 
+                class="fas fa-chevron-left"></i></a></h6>
159 
+            <h6 style="color: white;">HSD 62510</h6>
160 
+        </div>
161 
+
162 
+        <div class="text-center pt-5"
163 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
164 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
165 
+
166 
+        </div>
167 
+
168 
+        <div class="text-center pt-1 pb-5"
169 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
170 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
171 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
172 
+
173 
+                <div id="map" style="width: 800px;"></div>
174 
+                <!-- <div id="capture"></div> -->
175 
+
176 
+
177 
+
178 
+            </div>
179 
+        </div>
180 
+
181 
+
182 
+
183 
+
184 
+        <div class="text-center pt-5"
185 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
186 
+            <div style="display: flex; flex-direction: row;">
187 
+                <div>
188 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
189 
+                            style="color: #ACACAC;">Bukit Sagu</span></h6>
190 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
191 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
192 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
193 
+                            style="color: #ACACAC;">Kuantan</span></h6>
194 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
195 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
196 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
197 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
198 
+                </div>
199 
+                <div style="margin-left: 100px;">
200 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
201 
+                        <span style="color: #ACACAC;">HSD 62510</span>
202 
+                    </h6>
203 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Mp) :</span>
204 
+                        <span style="color: #ACACAC;">327017</span>
205 
+                    </h6>
206 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
207 
+                            style="color: #ACACAC;">Perusahaan/Perindustrian</span></h6>
208 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
209 
+                        <span style="color: #ACACAC;">Tapak Industri Sahaja</span>
210 
+                    </h6>
211 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
212 
+                            style="color: #ACACAC;"></span></h6>
213 
+                </div>
214 
+            </div>
215 
+        </div>
216 
+
217 
+        <div class="text-center pt-5 pb-5"
218 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
219 
+            <a href="../pdf_pages/view_pdf_hsd62510.html" class="button-23 mb-2 mr-2"
220 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
221 
+                data-toggle="modal" data-target="#exampleModal">View
222 
+                PDF</a>
223 
+
224 
+        </div>
225 
+
226 
+        <script src="../js/jquery-3.7.1.js" defer></script>
227 
+
228 
+        <script src="../js/pdfjs-viewer.js" defer></script>
229 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
230 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
231 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
232 
+
233 
+    </section>
234 
+
235 
+
236 
+    <!-- <div id="map"></div> -->
237 
+
238 
+    <script>
239 
+        var map;
240 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2062510.kml';
241 
+
242 
+        function initMap() {
243 
+            map = new google.maps.Map(document.getElementById('map'), {
244 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
245 
+                zoom: 2,
246 
+                mapTypeId: 'satellite'
247 
+            });
248 
+
249 
+            var kmlLayer = new google.maps.KmlLayer(src, {
250 
+                suppressInfoWindows: true,
251 
+                preserveViewport: false,
252 
+                map: map
253 
+            });
254 
+        }
255 
+
256 
+
257 
+
258 
+
259 
+
260 
+    </script>
261 
+    <script async
262 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
263 
+        </script>
264 
+
265 
+</body>
266 
+
267 
+</html>

+ 129
- 0
details_search/detail_hsd62520.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62520</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Seberang Balok</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Sungai Karang</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 62520</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Mp) :</span>
66 
+                        <span style="color: #ACACAC;">14970</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Bangunan</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsd62520.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSD%2062520.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 129
- 0
details_search/detail_hsm1225.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSM 1225</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Kampung Taman Selamat</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Bandar Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSM 1225</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
66 
+                        <span style="color: #ACACAC;">1.38</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Bangunan</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Kegunaan Bangunan Perniagaan (Servis Apartment Sahaja)</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsm1225.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSM%201225.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 129
- 0
details_search/detail_hsm1909.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSM 1909</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Lepar</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Ulu Lepar</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSM 1909</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Mp) :</span>
66 
+                        <span style="color: #ACACAC;">30000</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Bangunan</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+        style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+        <a href="../pdf_pages/view_pdf_hsm1909.html" class="button-23 mb-2 mr-2"
82 
+            style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+            data-toggle="modal" data-target="#exampleModal">View
84 
+            PDF</a>
85 
+
86 
+    </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSM%201909.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 128
- 0
details_search/detail_hsm90298.html Просмотреть файл 

@@ -0,0 +1,128 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 90298</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Gambang</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">HSD 90298</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Mp) :</span>
66 
+                        <span style="color: #ACACAC;">36120</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Bangunan</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_hsm90298.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/HSM%2090298.kml';
103 
+        function initMap() {
104 
+            map = new google.maps.Map(document.getElementById('map'), {
105 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
106 
+                zoom: 2,
107 
+                mapTypeId: 'satellite'
108 
+            });
109 
+
110 
+            var kmlLayer = new google.maps.KmlLayer(src, {
111 
+                suppressInfoWindows: true,
112 
+                preserveViewport: false,
113 
+                map: map
114 
+            });
115 
+        }
116 
+
117 
+
118 
+
119 
+
120 
+
121 
+    </script>
122 
+    <script async
123 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
124 
+        </script>
125 
+
126 
+</body>
127 
+
128 
+</html>

+ 129
- 0
details_search/detail_pm32006.html Просмотреть файл 

@@ -0,0 +1,129 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">PM 32006</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <div class="text-center pt-5"
47 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
48 
+            <div style="display: flex; flex-direction: row;">
49 
+                <div>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
51 
+                            style="color: #ACACAC;">Bukit Sekilau</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
53 
+                            style="color: #ACACAC;">Bandar Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
55 
+                            style="color: #ACACAC;">Kuantan</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
57 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
59 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
60 
+                </div>
61 
+                <div style="margin-left: 100px;">
62 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
63 
+                        <span style="color: #ACACAC;">PM 32006</span>
64 
+                    </h6>
65 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
66 
+                        <span style="color: #ACACAC;">1.42</span>
67 
+                    </h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
69 
+                            style="color: #ACACAC;">Bangunan</span></h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
71 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
72 
+                    </h6>
73 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
74 
+                            style="color: #ACACAC;"></span></h6>
75 
+                </div>
76 
+            </div>
77 
+        </div>
78 
+
79 
+        <div class="text-center pt-5 pb-5"
80 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
81 
+            <a href="../pdf_pages/view_pdf_pm32006.html" class="button-23 mb-2 mr-2"
82 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
83 
+                data-toggle="modal" data-target="#exampleModal">View
84 
+                PDF</a>
85 
+
86 
+        </div>
87 
+
88 
+        <script src="js/jquery-3.7.1.js" defer></script>
89 
+
90 
+        <script src="js/pdfjs-viewer.js" defer></script>
91 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
92 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
93 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
94 
+
95 
+    </section>
96 
+
97 
+
98 
+    <!-- <div id="map"></div> -->
99 
+
100 
+    <script>
101 
+        var map;
102 
+        var src = 'https://dev.suite.psk.gov.my/kml/PM%2032006.kml';
103 
+
104 
+        function initMap() {
105 
+            map = new google.maps.Map(document.getElementById('map'), {
106 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
107 
+                zoom: 2,
108 
+                mapTypeId: 'satellite'
109 
+            });
110 
+
111 
+            var kmlLayer = new google.maps.KmlLayer(src, {
112 
+                suppressInfoWindows: true,
113 
+                preserveViewport: false,
114 
+                map: map
115 
+            });
116 
+        }
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+    </script>
123 
+    <script async
124 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
125 
+        </script>
126 
+
127 
+</body>
128 
+
129 
+</html>

+ 267
- 0
details_search/detail_pn16507.html Просмотреть файл 

@@ -0,0 +1,267 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+
12 
+
13 
+
14 
+    <style>
15 
+        html,
16 
+        body {
17 
+            height: 370px;
18 
+            padding: 0;
19 
+            margin: 0;
20 
+        }
21 
+
22 
+        #map {
23 
+            height: 360px;
24 
+            width: 300px;
25 
+            overflow: hidden;
26 
+            float: left;
27 
+            border: thin solid #333;
28 
+        }
29 
+
30 
+        #capture {
31 
+            height: 360px;
32 
+            width: 480px;
33 
+            overflow: hidden;
34 
+            float: left;
35 
+            background-color: #ECECFB;
36 
+            border: thin solid #333;
37 
+            border-left: none;
38 
+        }
39 
+
40 
+        #pdfViewer {
41 
+            width: 100%;
42 
+            height: 600px;
43 
+        }
44 
+    </style>
45 
+
46 
+    <style>
47 
+        /* CSS */
48 
+        .button-23 {
49 
+            background-color: #FFFFFF;
50 
+            border: 1px solid #222222;
51 
+            border-radius: 8px;
52 
+            box-sizing: border-box;
53 
+            color: #222222;
54 
+            cursor: pointer;
55 
+            display: inline-block;
56 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
57 
+            font-size: 16px;
58 
+            font-weight: 600;
59 
+            line-height: 20px;
60 
+            margin: 0;
61 
+            outline: none;
62 
+            padding: 13px 23px;
63 
+            position: relative;
64 
+            text-align: center;
65 
+            text-decoration: none;
66 
+            touch-action: manipulation;
67 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
68 
+            user-select: none;
69 
+            -webkit-user-select: none;
70 
+            width: auto;
71 
+        }
72 
+
73 
+        .button-23:focus-visible {
74 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
75 
+            transition: box-shadow .2s;
76 
+        }
77 
+
78 
+        .button-23:active {
79 
+            background-color: #F7F7F7;
80 
+            border-color: #000000;
81 
+            transform: scale(.96);
82 
+        }
83 
+
84 
+        .button-23:disabled {
85 
+            border-color: #DDDDDD;
86 
+            color: #DDDDDD;
87 
+            cursor: not-allowed;
88 
+            opacity: 1;
89 
+        }
90 
+
91 
+        .map-svg {
92 
+            display: block;
93 
+            margin: 0 auto;
94 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
95 
+
96 
+            a {
97 
+                transition: all 1s;
98 
+                transform-origin: 50% 50%;
99 
+                text-decoration: none;
100 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
101 
+
102 
+                @media only screen and (min-width: 992px) {
103 
+
104 
+                    polygon,
105 
+                    &:hover {
106 
+                        cursor: pointer;
107 
+                        transform: scale(1.05);
108 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
109 
+
110 
+                        .st0 {
111 
+                            fill: $dark-default;
112 
+                        }
113 
+                    }
114 
+                }
115 
+            }
116 
+
117 
+            .pahang-barat {
118 
+                fill: #427bba;
119 
+            }
120 
+
121 
+            .pahang-tengah {
122 
+                fill: #144172;
123 
+            }
124 
+
125 
+            .pahang-timur {
126 
+                fill: #0c6088;
127 
+            }
128 
+
129 
+            .label-text {
130 
+                font-size: 35px;
131 
+                fill: white;
132 
+                transform: translate(0,
133 
+                        3px);
134 
+                /* adjust vertical position to centre text */
135 
+            }
136 
+
137 
+            .label-text-cameron {
138 
+                font-size: 20px;
139 
+                fill: white;
140 
+                transform: translate(0,
141 
+                        3px);
142 
+                /* adjust vertical position to centre text */
143 
+            }
144 
+
145 
+
146 
+        }
147 
+    </style>
148 
+
149 
+</head>
150 
+
151 
+<body>
152 
+
153 
+    <section class="section" style="max-height: 100vh;">
154 
+
155 
+        <div class=""
156 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
157 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
158 
+                class="fas fa-chevron-left"></i></a></h6>
159 
+            <h6 style="color: white;">PN 16507</h6>
160 
+        </div>
161 
+
162 
+        <div class="text-center pt-5"
163 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
164 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
165 
+
166 
+        </div>
167 
+
168 
+        <div class="text-center pt-1 pb-5"
169 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
170 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
171 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
172 
+
173 
+                <div id="map" style="width: 800px;"></div>
174 
+                <!-- <div id="capture"></div> -->
175 
+
176 
+
177 
+
178 
+            </div>
179 
+        </div>
180 
+
181 
+
182 
+
183 
+
184 
+        <div class="text-center pt-5"
185 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
186 
+            <div style="display: flex; flex-direction: row;">
187 
+                <div>
188 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
189 
+                            style="color: #ACACAC;">Kg. Sempadan</span></h6>
190 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
191 
+                            style="color: #ACACAC;">Semantan</span></h6>
192 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
193 
+                            style="color: #ACACAC;">Temerloh</span></h6>
194 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
195 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
196 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
197 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
198 
+                </div>
199 
+                <div style="margin-left: 100px;">
200 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
201 
+                        <span style="color: #ACACAC;">PN 16507</span>
202 
+                    </h6>
203 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
204 
+                        <span style="color: #ACACAC;">1.13</span>
205 
+                    </h6>
206 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
207 
+                            style="color: #ACACAC;">Perindustian</span></h6>
208 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
209 
+                        <span style="color: #ACACAC;">Tapak Kilang Perabut Sahaja</span>
210 
+                    </h6>
211 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
212 
+                            style="color: #ACACAC;"></span></h6>
213 
+                </div>
214 
+            </div>
215 
+        </div>
216 
+
217 
+        <div class="text-center pt-5 pb-5"
218 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
219 
+            <a href="../pdf_pages/view_pdf_pn16507.html" class="button-23 mb-2 mr-2"
220 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
221 
+                data-toggle="modal" data-target="#exampleModal">View
222 
+                PDF</a>
223 
+
224 
+        </div>
225 
+
226 
+        <script src="../js/jquery-3.7.1.js" defer></script>
227 
+
228 
+        <script src="../js/pdfjs-viewer.js" defer></script>
229 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
230 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
231 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
232 
+
233 
+    </section>
234 
+
235 
+
236 
+    <!-- <div id="map"></div> -->
237 
+
238 
+    <script>
239 
+        var map;
240 
+        var src = 'https://dev.suite.psk.gov.my/kml/PN%2016507.kml';
241 
+
242 
+        function initMap() {
243 
+            map = new google.maps.Map(document.getElementById('map'), {
244 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
245 
+                zoom: 2,
246 
+                mapTypeId: 'satellite'
247 
+            });
248 
+
249 
+            var kmlLayer = new google.maps.KmlLayer(src, {
250 
+                suppressInfoWindows: true,
251 
+                preserveViewport: false,
252 
+                map: map
253 
+            });
254 
+        }
255 
+
256 
+
257 
+
258 
+
259 
+
260 
+    </script>
261 
+    <script async
262 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
263 
+        </script>
264 
+
265 
+</body>
266 
+
267 
+</html>

+ 128
- 0
details_search/detail_pn17421_hsd1950.html Просмотреть файл 

@@ -0,0 +1,128 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+                class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">PN 17421 (HSD 1950)</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+        <div class="text-center pt-5"
46 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
47 
+            <div style="display: flex; flex-direction: row;">
48 
+                <div>
49 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
50 
+                            style="color: #ACACAC;">Penjom</span></h6>
51 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
52 
+                            style="color: #ACACAC;">Penjom</span></h6>
53 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
54 
+                            style="color: #ACACAC;">Lipis</span></h6>
55 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
56 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
57 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
58 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
59 
+                </div>
60 
+                <div style="margin-left: 100px;">
61 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
62 
+                        <span style="color: #ACACAC;">PN 17421 (HSD 1950)</span>
63 
+                    </h6>
64 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
65 
+                        <span style="color: #ACACAC;">21.107</span>
66 
+                    </h6>
67 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
68 
+                            style="color: #ACACAC;">Pertanian</span></h6>
69 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
70 
+                        <span style="color: #ACACAC;">Tanaman Dusun Sahaja (Kampung & Tanaman Am)</span>
71 
+                    </h6>
72 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
73 
+                            style="color: #ACACAC;"></span></h6>
74 
+                </div>
75 
+            </div>
76 
+        </div>
77 
+
78 
+        <div class="text-center pt-5 pb-5"
79 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
80 
+            <a href="../pdf_pages/view_pdf_pn17421_hsd1950.html" class="button-23 mb-2 mr-2"
81 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
82 
+                data-toggle="modal" data-target="#exampleModal">View
83 
+                PDF</a>
84 
+
85 
+        </div>
86 
+
87 
+        <script src="js/jquery-3.7.1.js" defer></script>
88 
+
89 
+        <script src="js/pdfjs-viewer.js" defer></script>
90 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
91 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
92 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
93 
+
94 
+    </section>
95 
+
96 
+
97 
+    <!-- <div id="map"></div> -->
98 
+
99 
+    <script>
100 
+        var map;
101 
+        var src = 'https://dev.suite.psk.gov.my/kml/PN%2017421.kml';
102 
+
103 
+        function initMap() {
104 
+            map = new google.maps.Map(document.getElementById('map'), {
105 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
106 
+                zoom: 2,
107 
+                mapTypeId: 'satellite'
108 
+            });
109 
+
110 
+            var kmlLayer = new google.maps.KmlLayer(src, {
111 
+                suppressInfoWindows: true,
112 
+                preserveViewport: false,
113 
+                map: map
114 
+            });
115 
+        }
116 
+
117 
+
118 
+
119 
+
120 
+
121 
+    </script>
122 
+    <script async
123 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
124 
+        </script>
125 
+
126 
+</body>
127 
+
128 
+</html>

+ 131
- 0
details_search/detail_pn17427_hsd1949.html Просмотреть файл 

@@ -0,0 +1,131 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+
18 
+
19 
+    <section class="section" style="max-height: 100vh;">
20 
+
21 
+        <div class=""
22 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
23 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
24 
+                class="fas fa-chevron-left"></i></a></h6>
25 
+            <h6 style="color: white;">PN 17427 (HSD 1949)</h6>
26 
+        </div>
27 
+
28 
+        <div class="text-center pt-5"
29 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
30 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
31 
+
32 
+        </div>
33 
+
34 
+        <div class="text-center pt-1 pb-5"
35 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
36 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
37 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
38 
+
39 
+                <div id="map" style="width: 800px;"></div>
40 
+                <!-- <div id="capture"></div> -->
41 
+
42 
+
43 
+
44 
+            </div>
45 
+        </div>
46 
+
47 
+
48 
+        <div class="text-center pt-5"
49 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
50 
+            <div style="display: flex; flex-direction: row;">
51 
+                <div>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
53 
+                            style="color: #ACACAC;">Penjom</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
55 
+                            style="color: #ACACAC;">Penjom</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
57 
+                            style="color: #ACACAC;">Lipis</span></h6>
58 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
59 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
61 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
62 
+                </div>
63 
+                <div style="margin-left: 100px;">
64 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
65 
+                        <span style="color: #ACACAC;">PN 17427 (HSD 1949)</span>
66 
+                    </h6>
67 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
68 
+                        <span style="color: #ACACAC;">5.295</span>
69 
+                    </h6>
70 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
71 
+                            style="color: #ACACAC;">Pertanian</span></h6>
72 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
73 
+                        <span style="color: #ACACAC;">Ternakan Dusun Sahaja (Kampung & Tanaman am)</span>
74 
+                    </h6>
75 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
76 
+                            style="color: #ACACAC;"></span></h6>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+
81 
+        <div class="text-center pt-5 pb-5"
82 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
83 
+            <a href="../pdf_pages/view_pdf_pn17427_hsd1949.html" class="button-23 mb-2 mr-2"
84 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
85 
+                data-toggle="modal" data-target="#exampleModal">View
86 
+                PDF</a>
87 
+
88 
+        </div>
89 
+
90 
+        <script src="js/jquery-3.7.1.js" defer></script>
91 
+
92 
+        <script src="js/pdfjs-viewer.js" defer></script>
93 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
94 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
95 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
96 
+
97 
+    </section>
98 
+
99 
+
100 
+    <!-- <div id="map"></div> -->
101 
+
102 
+    <script>
103 
+        var map;
104 
+        var src = 'https://dev.suite.psk.gov.my/kml/PN%2017427.kml';
105 
+
106 
+        function initMap() {
107 
+            map = new google.maps.Map(document.getElementById('map'), {
108 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
109 
+                zoom: 2,
110 
+                mapTypeId: 'satellite'
111 
+            });
112 
+
113 
+            var kmlLayer = new google.maps.KmlLayer(src, {
114 
+                suppressInfoWindows: true,
115 
+                preserveViewport: false,
116 
+                map: map
117 
+            });
118 
+        }
119 
+
120 
+
121 
+
122 
+
123 
+
124 
+    </script>
125 
+    <script async
126 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
127 
+        </script>
128 
+
129 
+</body>
130 
+
131 
+</html>

+ 266
- 0
details_search/detail_pn28612.html Просмотреть файл 

@@ -0,0 +1,266 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>SIBS 2024</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+
12 
+
13 
+
14 
+    <style>
15 
+        html,
16 
+        body {
17 
+            height: 370px;
18 
+            padding: 0;
19 
+            margin: 0;
20 
+        }
21 
+
22 
+        #map {
23 
+            height: 360px;
24 
+            width: 300px;
25 
+            overflow: hidden;
26 
+            float: left;
27 
+            border: thin solid #333;
28 
+        }
29 
+
30 
+        #capture {
31 
+            height: 360px;
32 
+            width: 480px;
33 
+            overflow: hidden;
34 
+            float: left;
35 
+            background-color: #ECECFB;
36 
+            border: thin solid #333;
37 
+            border-left: none;
38 
+        }
39 
+
40 
+        #pdfViewer {
41 
+            width: 100%;
42 
+            height: 600px;
43 
+        }
44 
+    </style>
45 
+
46 
+    <style>
47 
+        /* CSS */
48 
+        .button-23 {
49 
+            background-color: #FFFFFF;
50 
+            border: 1px solid #222222;
51 
+            border-radius: 8px;
52 
+            box-sizing: border-box;
53 
+            color: #222222;
54 
+            cursor: pointer;
55 
+            display: inline-block;
56 
+            font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
57 
+            font-size: 16px;
58 
+            font-weight: 600;
59 
+            line-height: 20px;
60 
+            margin: 0;
61 
+            outline: none;
62 
+            padding: 13px 23px;
63 
+            position: relative;
64 
+            text-align: center;
65 
+            text-decoration: none;
66 
+            touch-action: manipulation;
67 
+            transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
68 
+            user-select: none;
69 
+            -webkit-user-select: none;
70 
+            width: auto;
71 
+        }
72 
+
73 
+        .button-23:focus-visible {
74 
+            box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
75 
+            transition: box-shadow .2s;
76 
+        }
77 
+
78 
+        .button-23:active {
79 
+            background-color: #F7F7F7;
80 
+            border-color: #000000;
81 
+            transform: scale(.96);
82 
+        }
83 
+
84 
+        .button-23:disabled {
85 
+            border-color: #DDDDDD;
86 
+            color: #DDDDDD;
87 
+            cursor: not-allowed;
88 
+            opacity: 1;
89 
+        }
90 
+
91 
+        .map-svg {
92 
+            display: block;
93 
+            margin: 0 auto;
94 
+            filter: drop-shadow(-16px 11px 2px rgba(0, 0, 0, 0.5));
95 
+
96 
+            a {
97 
+                transition: all 1s;
98 
+                transform-origin: 50% 50%;
99 
+                text-decoration: none;
100 
+                filter: drop-shadow(3px 10px 5px rgb(0 0 0 / 0.4));
101 
+
102 
+                @media only screen and (min-width: 992px) {
103 
+
104 
+                    polygon,
105 
+                    &:hover {
106 
+                        cursor: pointer;
107 
+                        transform: scale(1.05);
108 
+                        filter: drop-shadow(0px 15px 12px rgb(0 0 0 / 0.7));
109 
+
110 
+                        .st0 {
111 
+                            fill: $dark-default;
112 
+                        }
113 
+                    }
114 
+                }
115 
+            }
116 
+
117 
+            .pahang-barat {
118 
+                fill: #427bba;
119 
+            }
120 
+
121 
+            .pahang-tengah {
122 
+                fill: #144172;
123 
+            }
124 
+
125 
+            .pahang-timur {
126 
+                fill: #0c6088;
127 
+            }
128 
+
129 
+            .label-text {
130 
+                font-size: 35px;
131 
+                fill: white;
132 
+                transform: translate(0,
133 
+                        3px);
134 
+                /* adjust vertical position to centre text */
135 
+            }
136 
+
137 
+            .label-text-cameron {
138 
+                font-size: 20px;
139 
+                fill: white;
140 
+                transform: translate(0,
141 
+                        3px);
142 
+                /* adjust vertical position to centre text */
143 
+            }
144 
+
145 
+
146 
+        }
147 
+    </style>
148 
+
149 
+</head>
150 
+
151 
+<body>
152 
+
153 
+    <section class="section" style="max-height: 100vh;">
154 
+
155 
+        <div class=""
156 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
157 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
158 
+                class="fas fa-chevron-left"></i></a></h6>
159 
+            <h6 style="color: white;">Rompin PN 28612</h6>
160 
+        </div>
161 
+
162 
+        <div class="text-center pt-5"
163 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
164 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
165 
+
166 
+        </div>
167 
+
168 
+        <div class="text-center pt-1 pb-5"
169 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -200px;">
170 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
171 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
172 
+
173 
+                <div id="map" style="width: 800px;"></div>
174 
+                <!-- <div id="capture"></div> -->
175 
+
176 
+
177 
+
178 
+            </div>
179 
+        </div>
180 
+
181 
+
182 
+
183 
+        <div class="text-center pt-5"
184 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
185 
+            <div style="display: flex; flex-direction: row;">
186 
+                <div>
187 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
188 
+                            style="color: #ACACAC;"></span></h6>
189 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
190 
+                            style="color: #ACACAC;">Rompin</span></h6>
191 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
192 
+                            style="color: #ACACAC;">Rompin</span></h6>
193 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
194 
+                            style="color: #ACACAC;">Pahang Darul Makmur</span></h6>
195 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
196 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
197 
+                </div>
198 
+                <div style="margin-left: 100px;">
199 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
200 
+                        <span style="color: #ACACAC;">PN 28612</span>
201 
+                    </h6>
202 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
203 
+                        <span style="color: #ACACAC;">16.26</span>
204 
+                    </h6>
205 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
206 
+                            style="color: #ACACAC;">Pertanian</span></h6>
207 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
208 
+                        <span style="color: #ACACAC;">Ternakan domistik sahaja <br> (seperti kambing/lembu/kerbau/<br>/arnab/kijang/ dan rusa)</span>
209 
+                    </h6>
210 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
211 
+                            style="color: #ACACAC;"></span></h6>
212 
+                </div>
213 
+            </div>
214 
+        </div>
215 
+
216 
+        <div class="text-center pt-5 pb-5"
217 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
218 
+            <a href="../pdf_pages/view_pdf_pn28612.html" class="button-23 mb-2 mr-2"
219 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
220 
+                data-toggle="modal" data-target="#exampleModal">View
221 
+                PDF</a>
222 
+
223 
+        </div>
224 
+
225 
+        <script src="../js/jquery-3.7.1.js" defer></script>
226 
+
227 
+        <script src="../js/pdfjs-viewer.js" defer></script>
228 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
229 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
230 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
231 
+
232 
+    </section>
233 
+
234 
+
235 
+    <!-- <div id="map"></div> -->
236 
+
237 
+    <script>
238 
+        var map;
239 
+        var src = 'https://dev.suite.psk.gov.my/kml/PN%2028612.kml';
240 
+
241 
+        function initMap() {
242 
+            map = new google.maps.Map(document.getElementById('map'), {
243 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
244 
+                zoom: 2,
245 
+                mapTypeId: 'satellite'
246 
+            });
247 
+
248 
+            var kmlLayer = new google.maps.KmlLayer(src, {
249 
+                suppressInfoWindows: true,
250 
+                preserveViewport: false,
251 
+                map: map
252 
+            });
253 
+        }
254 
+
255 
+
256 
+
257 
+
258 
+
259 
+    </script>
260 
+    <script async
261 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
262 
+        </script>
263 
+
264 
+</body>
265 
+
266 
+</html>

+ 43
- 43
index.html Просмотреть файл 

@@ -263,49 +263,49 @@
263 263 
             if (numberRegex.test(fileInput)) {
264 264 
                 // Hardcoded list of files containing numbers
265 265 
                 var numberFiles = [
266 
-                    'details/detail_hsd2384.html',
267 
-                    'details/detail_hsd4638.html',
268 
-                    'details/detail_hsd5621.html',
269 
-                    'details/detail_hsd5625.html',
270 
-                    'details/detail_hsd5627.html',
271 
-                    'details/detail_hsd5714.html',
272 
-                    'details/detail_hsd5715.html',
273 
-                    'details/detail_hsd5734.html',
274 
-                    'details/detail_hsd5738.html',
275 
-                    'details/detail_hsd5745.html',
276 
-                    'details/detail_hsd5749.html',
277 
-                    'details/detail_hsd5761.html',
278 
-                    'details/detail_hsd5762.html',
279 
-                    'details/detail_hsd5763.html',
280 
-                    'details/detail_hsd5764.html',
281 
-                    'details/detail_hsd10006.html',
282 
-                    'details/detail_hsd11863.html',
283 
-                    'details/detail_hsd11991.html',
284 
-                    'details/detail_hsd19372.html',
285 
-                    'details/detail_hsd35309.html',
286 
-                    'details/detail_hsd41862.html',
287 
-                    'details/detail_hsd54735.html',
288 
-                    'details/detail_hsd54736.html',
289 
-                    'details/detail_hsd54737.html',
290 
-                    'details/detail_hsd62437.html',
291 
-                    'details/detail_hsd62438.html',
292 
-                    'details/detail_hsd62441.html',
293 
-                    'details/detail_hsd62442.html',
294 
-                    'details/detail_hsd62443.html',
295 
-                    'details/detail_hsd62495.html',
296 
-                    'details/detail_hsd62497.html',
297 
-                    'details/detail_hsd62503.html',
298 
-                    'details/detail_hsd62504.html',
299 
-                    'details/detail_hsd62510.html',
300 
-                    'details/detail_hsd62520.html',
301 
-                    'details/detail_hsm1225.html',
302 
-                    'details/detail_hsm1909.html',
303 
-                    'details/detail_hsm90298.html',
304 
-                    'details/detail_pm32006.html',
305 
-                    'details/detail_pn16507.html',
306 
-                    'details/detail_pn17421_hsd1950.html',
307 
-                    'details/detail_pn17427_hsd1949.html',
308 
-                    'details/detail_pn28612.html'
266 
+                    'details_search/detail_hsd2384.html',
267 
+                    'details_search/detail_hsd4638.html',
268 
+                    'details_search/detail_hsd5621.html',
269 
+                    'details_search/detail_hsd5625.html',
270 
+                    'details_search/detail_hsd5627.html',
271 
+                    'details_search/detail_hsd5714.html',
272 
+                    'details_search/detail_hsd5715.html',
273 
+                    'details_search/detail_hsd5734.html',
274 
+                    'details_search/detail_hsd5738.html',
275 
+                    'details_search/detail_hsd5745.html',
276 
+                    'details_search/detail_hsd5749.html',
277 
+                    'details_search/detail_hsd5761.html',
278 
+                    'details_search/detail_hsd5762.html',
279 
+                    'details_search/detail_hsd5763.html',
280 
+                    'details_search/detail_hsd5764.html',
281 
+                    'details_search/detail_hsd10006.html',
282 
+                    'details_search/detail_hsd11863.html',
283 
+                    'details_search/detail_hsd11991.html',
284 
+                    'details_search/detail_hsd19372.html',
285 
+                    'details_search/detail_hsd35309.html',
286 
+                    'details_search/detail_hsd41862.html',
287 
+                    'details_search/detail_hsd54735.html',
288 
+                    'details_search/detail_hsd54736.html',
289 
+                    'details_search/detail_hsd54737.html',
290 
+                    'details_search/detail_hsd62437.html',
291 
+                    'details_search/detail_hsd62438.html',
292 
+                    'details_search/detail_hsd62441.html',
293 
+                    'details_search/detail_hsd62442.html',
294 
+                    'details_search/detail_hsd62443.html',
295 
+                    'details_search/detail_hsd62495.html',
296 
+                    'details_search/detail_hsd62497.html',
297 
+                    'details_search/detail_hsd62503.html',
298 
+                    'details_search/detail_hsd62504.html',
299 
+                    'details_search/detail_hsd62510.html',
300 
+                    'details_search/detail_hsd62520.html',
301 
+                    'details_search/detail_hsm1225.html',
302 
+                    'details_search/detail_hsm1909.html',
303 
+                    'details_search/detail_hsm90298.html',
304 
+                    'details_search/detail_pm32006.html',
305 
+                    'details_search/detail_pn16507.html',
306 
+                    'details_search/detail_pn17421_hsd1950.html',
307 
+                    'details_search/detail_pn17427_hsd1949.html',
308 
+                    'details_search/detail_pn28612.html'
309 309 
                 ];
310 310
311 311

+ 44
- 43
industri.html Просмотреть файл 

@@ -122,52 +122,53 @@
122 122 
             if (numberRegex.test(fileInput)) {
123 123 
                 // Hardcoded list of files containing numbers
124 124 
                 var numberFiles = [
125 
-                    'details/detail_hsd2384.html',
126 
-                    'details/detail_hsd4638.html',
127 
-                    'details/detail_hsd5621.html',
128 
-                    'details/detail_hsd5625.html',
129 
-                    'details/detail_hsd5627.html',
130 
-                    'details/detail_hsd5714.html',
131 
-                    'details/detail_hsd5715.html',
132 
-                    'details/detail_hsd5734.html',
133 
-                    'details/detail_hsd5738.html',
134 
-                    'details/detail_hsd5745.html',
135 
-                    'details/detail_hsd5749.html',
136 
-                    'details/detail_hsd5761.html',
137 
-                    'details/detail_hsd5762.html',
138 
-                    'details/detail_hsd5763.html',
139 
-                    'details/detail_hsd5764.html',
140 
-                    'details/detail_hsd10006.html',
141 
-                    'details/detail_hsd11863.html',
142 
-                    'details/detail_hsd11991.html',
143 
-                    'details/detail_hsd19372.html',
144 
-                    'details/detail_hsd35309.html',
145 
-                    'details/detail_hsd41862.html',
146 
-                    'details/detail_hsd54735.html',
147 
-                    'details/detail_hsd54736.html',
148 
-                    'details/detail_hsd54737.html',
149 
-                    'details/detail_hsd62437.html',
150 
-                    'details/detail_hsd62438.html',
151 
-                    'details/detail_hsd62441.html',
152 
-                    'details/detail_hsd62442.html',
153 
-                    'details/detail_hsd62443.html',
154 
-                    'details/detail_hsd62495.html',
155 
-                    'details/detail_hsd62497.html',
156 
-                    'details/detail_hsd62503.html',
157 
-                    'details/detail_hsd62504.html',
158 
-                    'details/detail_hsd62510.html',
159 
-                    'details/detail_hsd62520.html',
160 
-                    'details/detail_hsm1225.html',
161 
-                    'details/detail_hsm1909.html',
162 
-                    'details/detail_hsm90298.html',
163 
-                    'details/detail_pm32006.html',
164 
-                    'details/detail_pn16507.html',
165 
-                    'details/detail_pn17421_hsd1950.html',
166 
-                    'details/detail_pn17427_hsd1949.html',
167 
-                    'details/detail_pn28612.html'
125 
+                    'details_search/detail_hsd2384.html',
126 
+                    'details_search/detail_hsd4638.html',
127 
+                    'details_search/detail_hsd5621.html',
128 
+                    'details_search/detail_hsd5625.html',
129 
+                    'details_search/detail_hsd5627.html',
130 
+                    'details_search/detail_hsd5714.html',
131 
+                    'details_search/detail_hsd5715.html',
132 
+                    'details_search/detail_hsd5734.html',
133 
+                    'details_search/detail_hsd5738.html',
134 
+                    'details_search/detail_hsd5745.html',
135 
+                    'details_search/detail_hsd5749.html',
136 
+                    'details_search/detail_hsd5761.html',
137 
+                    'details_search/detail_hsd5762.html',
138 
+                    'details_search/detail_hsd5763.html',
139 
+                    'details_search/detail_hsd5764.html',
140 
+                    'details_search/detail_hsd10006.html',
141 
+                    'details_search/detail_hsd11863.html',
142 
+                    'details_search/detail_hsd11991.html',
143 
+                    'details_search/detail_hsd19372.html',
144 
+                    'details_search/detail_hsd35309.html',
145 
+                    'details_search/detail_hsd41862.html',
146 
+                    'details_search/detail_hsd54735.html',
147 
+                    'details_search/detail_hsd54736.html',
148 
+                    'details_search/detail_hsd54737.html',
149 
+                    'details_search/detail_hsd62437.html',
150 
+                    'details_search/detail_hsd62438.html',
151 
+                    'details_search/detail_hsd62441.html',
152 
+                    'details_search/detail_hsd62442.html',
153 
+                    'details_search/detail_hsd62443.html',
154 
+                    'details_search/detail_hsd62495.html',
155 
+                    'details_search/detail_hsd62497.html',
156 
+                    'details_search/detail_hsd62503.html',
157 
+                    'details_search/detail_hsd62504.html',
158 
+                    'details_search/detail_hsd62510.html',
159 
+                    'details_search/detail_hsd62520.html',
160 
+                    'details_search/detail_hsm1225.html',
161 
+                    'details_search/detail_hsm1909.html',
162 
+                    'details_search/detail_hsm90298.html',
163 
+                    'details_search/detail_pm32006.html',
164 
+                    'details_search/detail_pn16507.html',
165 
+                    'details_search/detail_pn17421_hsd1950.html',
166 
+                    'details_search/detail_pn17427_hsd1949.html',
167 
+                    'details_search/detail_pn28612.html'
168 168 
                 ];
169 169
170 170
171 
+
171 172 
                 var regex = new RegExp(fileInput);
172 173 
                 matchedFile = numberFiles.find(file => regex.test(file));
173 174 
             } else {

+ 0
- 2
pdf_pages/view_pdf_hsd5621.html Просмотреть файл 

@@ -174,8 +174,6 @@
174 174 
                 <!-- <div id="capture"></div> -->
175 175 
                 <div id="pdfViewer"></div>
176 176
177 
-
178 
-
179 177 
             </div>
180 178 
         </div>
181 179

+ 44
- 43
pembangunan.html Просмотреть файл 

@@ -148,51 +148,52 @@
148 148 
             if (numberRegex.test(fileInput)) {
149 149 
                 // Hardcoded list of files containing numbers
150 150 
                 var numberFiles = [
151 
-                    'details/detail_hsd2384.html',
152 
-                    'details/detail_hsd4638.html',
153 
-                    'details/detail_hsd5621.html',
154 
-                    'details/detail_hsd5625.html',
155 
-                    'details/detail_hsd5627.html',
156 
-                    'details/detail_hsd5714.html',
157 
-                    'details/detail_hsd5715.html',
158 
-                    'details/detail_hsd5734.html',
159 
-                    'details/detail_hsd5738.html',
160 
-                    'details/detail_hsd5745.html',
161 
-                    'details/detail_hsd5749.html',
162 
-                    'details/detail_hsd5761.html',
163 
-                    'details/detail_hsd5762.html',
164 
-                    'details/detail_hsd5763.html',
165 
-                    'details/detail_hsd5764.html',
166 
-                    'details/detail_hsd10006.html',
167 
-                    'details/detail_hsd11863.html',
168 
-                    'details/detail_hsd11991.html',
169 
-                    'details/detail_hsd19372.html',
170 
-                    'details/detail_hsd35309.html',
171 
-                    'details/detail_hsd41862.html',
172 
-                    'details/detail_hsd54735.html',
173 
-                    'details/detail_hsd54736.html',
174 
-                    'details/detail_hsd54737.html',
175 
-                    'details/detail_hsd62437.html',
176 
-                    'details/detail_hsd62438.html',
177 
-                    'details/detail_hsd62441.html',
178 
-                    'details/detail_hsd62442.html',
179 
-                    'details/detail_hsd62443.html',
180 
-                    'details/detail_hsd62495.html',
181 
-                    'details/detail_hsd62497.html',
182 
-                    'details/detail_hsd62503.html',
183 
-                    'details/detail_hsd62504.html',
184 
-                    'details/detail_hsd62510.html',
185 
-                    'details/detail_hsd62520.html',
186 
-                    'details/detail_hsm1225.html',
187 
-                    'details/detail_hsm1909.html',
188 
-                    'details/detail_hsm90298.html',
189 
-                    'details/detail_pm32006.html',
190 
-                    'details/detail_pn16507.html',
191 
-                    'details/detail_pn17421_hsd1950.html',
192 
-                    'details/detail_pn17427_hsd1949.html',
193 
-                    'details/detail_pn28612.html'
151 
+                    'details_search/detail_hsd2384.html',
152 
+                    'details_search/detail_hsd4638.html',
153 
+                    'details_search/detail_hsd5621.html',
154 
+                    'details_search/detail_hsd5625.html',
155 
+                    'details_search/detail_hsd5627.html',
156 
+                    'details_search/detail_hsd5714.html',
157 
+                    'details_search/detail_hsd5715.html',
158 
+                    'details_search/detail_hsd5734.html',
159 
+                    'details_search/detail_hsd5738.html',
160 
+                    'details_search/detail_hsd5745.html',
161 
+                    'details_search/detail_hsd5749.html',
162 
+                    'details_search/detail_hsd5761.html',
163 
+                    'details_search/detail_hsd5762.html',
164 
+                    'details_search/detail_hsd5763.html',
165 
+                    'details_search/detail_hsd5764.html',
166 
+                    'details_search/detail_hsd10006.html',
167 
+                    'details_search/detail_hsd11863.html',
168 
+                    'details_search/detail_hsd11991.html',
169 
+                    'details_search/detail_hsd19372.html',
170 
+                    'details_search/detail_hsd35309.html',
171 
+                    'details_search/detail_hsd41862.html',
172 
+                    'details_search/detail_hsd54735.html',
173 
+                    'details_search/detail_hsd54736.html',
174 
+                    'details_search/detail_hsd54737.html',
175 
+                    'details_search/detail_hsd62437.html',
176 
+                    'details_search/detail_hsd62438.html',
177 
+                    'details_search/detail_hsd62441.html',
178 
+                    'details_search/detail_hsd62442.html',
179 
+                    'details_search/detail_hsd62443.html',
180 
+                    'details_search/detail_hsd62495.html',
181 
+                    'details_search/detail_hsd62497.html',
182 
+                    'details_search/detail_hsd62503.html',
183 
+                    'details_search/detail_hsd62504.html',
184 
+                    'details_search/detail_hsd62510.html',
185 
+                    'details_search/detail_hsd62520.html',
186 
+                    'details_search/detail_hsm1225.html',
187 
+                    'details_search/detail_hsm1909.html',
188 
+                    'details_search/detail_hsm90298.html',
189 
+                    'details_search/detail_pm32006.html',
190 
+                    'details_search/detail_pn16507.html',
191 
+                    'details_search/detail_pn17421_hsd1950.html',
192 
+                    'details_search/detail_pn17427_hsd1949.html',
193 
+                    'details_search/detail_pn28612.html'
194 194 
                 ];
195 195
196 
+
196 197 
                 var regex = new RegExp(fileInput);
197 198 
                 matchedFile = numberFiles.find(file => regex.test(file));
198 199 
             } else {

+ 44
- 43
penternakan.html Просмотреть файл 

@@ -222,51 +222,52 @@
222 222 
             if (numberRegex.test(fileInput)) {
223 223 
                 // Hardcoded list of files containing numbers
224 224 
                 var numberFiles = [
225 
-                    'details/detail_hsd2384.html',
226 
-                    'details/detail_hsd4638.html',
227 
-                    'details/detail_hsd5621.html',
228 
-                    'details/detail_hsd5625.html',
229 
-                    'details/detail_hsd5627.html',
230 
-                    'details/detail_hsd5714.html',
231 
-                    'details/detail_hsd5715.html',
232 
-                    'details/detail_hsd5734.html',
233 
-                    'details/detail_hsd5738.html',
234 
-                    'details/detail_hsd5745.html',
235 
-                    'details/detail_hsd5749.html',
236 
-                    'details/detail_hsd5761.html',
237 
-                    'details/detail_hsd5762.html',
238 
-                    'details/detail_hsd5763.html',
239 
-                    'details/detail_hsd5764.html',
240 
-                    'details/detail_hsd10006.html',
241 
-                    'details/detail_hsd11863.html',
242 
-                    'details/detail_hsd11991.html',
243 
-                    'details/detail_hsd19372.html',
244 
-                    'details/detail_hsd35309.html',
245 
-                    'details/detail_hsd41862.html',
246 
-                    'details/detail_hsd54735.html',
247 
-                    'details/detail_hsd54736.html',
248 
-                    'details/detail_hsd54737.html',
249 
-                    'details/detail_hsd62437.html',
250 
-                    'details/detail_hsd62438.html',
251 
-                    'details/detail_hsd62441.html',
252 
-                    'details/detail_hsd62442.html',
253 
-                    'details/detail_hsd62443.html',
254 
-                    'details/detail_hsd62495.html',
255 
-                    'details/detail_hsd62497.html',
256 
-                    'details/detail_hsd62503.html',
257 
-                    'details/detail_hsd62504.html',
258 
-                    'details/detail_hsd62510.html',
259 
-                    'details/detail_hsd62520.html',
260 
-                    'details/detail_hsm1225.html',
261 
-                    'details/detail_hsm1909.html',
262 
-                    'details/detail_hsm90298.html',
263 
-                    'details/detail_pm32006.html',
264 
-                    'details/detail_pn16507.html',
265 
-                    'details/detail_pn17421_hsd1950.html',
266 
-                    'details/detail_pn17427_hsd1949.html',
267 
-                    'details/detail_pn28612.html'
225 
+                    'details_search/detail_hsd2384.html',
226 
+                    'details_search/detail_hsd4638.html',
227 
+                    'details_search/detail_hsd5621.html',
228 
+                    'details_search/detail_hsd5625.html',
229 
+                    'details_search/detail_hsd5627.html',
230 
+                    'details_search/detail_hsd5714.html',
231 
+                    'details_search/detail_hsd5715.html',
232 
+                    'details_search/detail_hsd5734.html',
233 
+                    'details_search/detail_hsd5738.html',
234 
+                    'details_search/detail_hsd5745.html',
235 
+                    'details_search/detail_hsd5749.html',
236 
+                    'details_search/detail_hsd5761.html',
237 
+                    'details_search/detail_hsd5762.html',
238 
+                    'details_search/detail_hsd5763.html',
239 
+                    'details_search/detail_hsd5764.html',
240 
+                    'details_search/detail_hsd10006.html',
241 
+                    'details_search/detail_hsd11863.html',
242 
+                    'details_search/detail_hsd11991.html',
243 
+                    'details_search/detail_hsd19372.html',
244 
+                    'details_search/detail_hsd35309.html',
245 
+                    'details_search/detail_hsd41862.html',
246 
+                    'details_search/detail_hsd54735.html',
247 
+                    'details_search/detail_hsd54736.html',
248 
+                    'details_search/detail_hsd54737.html',
249 
+                    'details_search/detail_hsd62437.html',
250 
+                    'details_search/detail_hsd62438.html',
251 
+                    'details_search/detail_hsd62441.html',
252 
+                    'details_search/detail_hsd62442.html',
253 
+                    'details_search/detail_hsd62443.html',
254 
+                    'details_search/detail_hsd62495.html',
255 
+                    'details_search/detail_hsd62497.html',
256 
+                    'details_search/detail_hsd62503.html',
257 
+                    'details_search/detail_hsd62504.html',
258 
+                    'details_search/detail_hsd62510.html',
259 
+                    'details_search/detail_hsd62520.html',
260 
+                    'details_search/detail_hsm1225.html',
261 
+                    'details_search/detail_hsm1909.html',
262 
+                    'details_search/detail_hsm90298.html',
263 
+                    'details_search/detail_pm32006.html',
264 
+                    'details_search/detail_pn16507.html',
265 
+                    'details_search/detail_pn17421_hsd1950.html',
266 
+                    'details_search/detail_pn17427_hsd1949.html',
267 
+                    'details_search/detail_pn28612.html'
268 268 
                 ];
269 269
270 
+
270 271 
                 var regex = new RegExp(fileInput);
271 272 
                 matchedFile = numberFiles.find(file => regex.test(file));
272 273 
             } else {

+ 44
- 43
pertanian.html Просмотреть файл 

@@ -97,52 +97,53 @@
97 97 
             if (numberRegex.test(fileInput)) {
98 98 
                 // Hardcoded list of files containing numbers
99 99 
                 var numberFiles = [
100 
-                    'details/detail_hsd2384.html',
101 
-                    'details/detail_hsd4638.html',
102 
-                    'details/detail_hsd5621.html',
103 
-                    'details/detail_hsd5625.html',
104 
-                    'details/detail_hsd5627.html',
105 
-                    'details/detail_hsd5714.html',
106 
-                    'details/detail_hsd5715.html',
107 
-                    'details/detail_hsd5734.html',
108 
-                    'details/detail_hsd5738.html',
109 
-                    'details/detail_hsd5745.html',
110 
-                    'details/detail_hsd5749.html',
111 
-                    'details/detail_hsd5761.html',
112 
-                    'details/detail_hsd5762.html',
113 
-                    'details/detail_hsd5763.html',
114 
-                    'details/detail_hsd5764.html',
115 
-                    'details/detail_hsd10006.html',
116 
-                    'details/detail_hsd11863.html',
117 
-                    'details/detail_hsd11991.html',
118 
-                    'details/detail_hsd19372.html',
119 
-                    'details/detail_hsd35309.html',
120 
-                    'details/detail_hsd41862.html',
121 
-                    'details/detail_hsd54735.html',
122 
-                    'details/detail_hsd54736.html',
123 
-                    'details/detail_hsd54737.html',
124 
-                    'details/detail_hsd62437.html',
125 
-                    'details/detail_hsd62438.html',
126 
-                    'details/detail_hsd62441.html',
127 
-                    'details/detail_hsd62442.html',
128 
-                    'details/detail_hsd62443.html',
129 
-                    'details/detail_hsd62495.html',
130 
-                    'details/detail_hsd62497.html',
131 
-                    'details/detail_hsd62503.html',
132 
-                    'details/detail_hsd62504.html',
133 
-                    'details/detail_hsd62510.html',
134 
-                    'details/detail_hsd62520.html',
135 
-                    'details/detail_hsm1225.html',
136 
-                    'details/detail_hsm1909.html',
137 
-                    'details/detail_hsm90298.html',
138 
-                    'details/detail_pm32006.html',
139 
-                    'details/detail_pn16507.html',
140 
-                    'details/detail_pn17421_hsd1950.html',
141 
-                    'details/detail_pn17427_hsd1949.html',
142 
-                    'details/detail_pn28612.html'
100 
+                    'details_search/detail_hsd2384.html',
101 
+                    'details_search/detail_hsd4638.html',
102 
+                    'details_search/detail_hsd5621.html',
103 
+                    'details_search/detail_hsd5625.html',
104 
+                    'details_search/detail_hsd5627.html',
105 
+                    'details_search/detail_hsd5714.html',
106 
+                    'details_search/detail_hsd5715.html',
107 
+                    'details_search/detail_hsd5734.html',
108 
+                    'details_search/detail_hsd5738.html',
109 
+                    'details_search/detail_hsd5745.html',
110 
+                    'details_search/detail_hsd5749.html',
111 
+                    'details_search/detail_hsd5761.html',
112 
+                    'details_search/detail_hsd5762.html',
113 
+                    'details_search/detail_hsd5763.html',
114 
+                    'details_search/detail_hsd5764.html',
115 
+                    'details_search/detail_hsd10006.html',
116 
+                    'details_search/detail_hsd11863.html',
117 
+                    'details_search/detail_hsd11991.html',
118 
+                    'details_search/detail_hsd19372.html',
119 
+                    'details_search/detail_hsd35309.html',
120 
+                    'details_search/detail_hsd41862.html',
121 
+                    'details_search/detail_hsd54735.html',
122 
+                    'details_search/detail_hsd54736.html',
123 
+                    'details_search/detail_hsd54737.html',
124 
+                    'details_search/detail_hsd62437.html',
125 
+                    'details_search/detail_hsd62438.html',
126 
+                    'details_search/detail_hsd62441.html',
127 
+                    'details_search/detail_hsd62442.html',
128 
+                    'details_search/detail_hsd62443.html',
129 
+                    'details_search/detail_hsd62495.html',
130 
+                    'details_search/detail_hsd62497.html',
131 
+                    'details_search/detail_hsd62503.html',
132 
+                    'details_search/detail_hsd62504.html',
133 
+                    'details_search/detail_hsd62510.html',
134 
+                    'details_search/detail_hsd62520.html',
135 
+                    'details_search/detail_hsm1225.html',
136 
+                    'details_search/detail_hsm1909.html',
137 
+                    'details_search/detail_hsm90298.html',
138 
+                    'details_search/detail_pm32006.html',
139 
+                    'details_search/detail_pn16507.html',
140 
+                    'details_search/detail_pn17421_hsd1950.html',
141 
+                    'details_search/detail_pn17427_hsd1949.html',
142 
+                    'details_search/detail_pn28612.html'
143 143 
                 ];
144 144
145 145
146 
+
146 147 
                 var regex = new RegExp(fileInput);
147 148 
                 matchedFile = numberFiles.find(file => regex.test(file));
148 149 
             } else {

Редактирование Предпросмотр
Загрузка…
Отмена
Сохранить