You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

detail_hsd35309.html 5.8KB

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