| <!DOCTYPE html> |
| <html> |
| <head> |
| |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> |
| <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script> |
| <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script> |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/> |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/> |
| <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/> |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/> |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/> |
| |
| <meta name="viewport" content="width=device-width, |
| initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> |
| <style> |
| #map_fb7175f01204fb7fd72cdabf9479bcc4 { |
| position: relative; |
| width: 100.0%; |
| height: 100.0%; |
| left: 0.0%; |
| top: 0.0%; |
| } |
| .leaflet-container { font-size: 1rem; } |
| </style> |
|
|
| <style>html, body { |
| width: 100%; |
| height: 100%; |
| margin: 0; |
| padding: 0; |
| } |
| </style> |
|
|
| <style>#map { |
| position:absolute; |
| top:0; |
| bottom:0; |
| right:0; |
| left:0; |
| } |
| </style> |
|
|
| <script> |
| L_NO_TOUCH = false; |
| L_DISABLE_3D = false; |
| </script> |
|
|
| |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/> |
| </head> |
| <body> |
| |
| |
| <div style=" |
| position:fixed; |
| top:10px; |
| right:10px; |
| z-index:10000; |
| direction:rtl; |
| font-family:Arial, sans-serif; |
| "> |
| <button id="btn_stats_11" onclick=" |
| var panel = document.getElementById('stats_11'); |
| var btn = document.getElementById('btn_stats_11'); |
| if (panel.style.display === 'none') { |
| panel.style.display = 'block'; |
| btn.innerText = 'إخفاء'; |
| } else { |
| panel.style.display = 'none'; |
| btn.innerText = 'عرض الملخص'; |
| } |
| " style=" |
| background:rgba(255,255,255,0.92); |
| border:none; |
| border-radius:14px; |
| padding:10px 14px; |
| font-size:14px; |
| font-weight:bold; |
| cursor:pointer; |
| box-shadow:0 2px 10px rgba(0,0,0,0.18); |
| ">إخفاء</button> |
| </div> |
|
|
| <div id="stats_11" style=" |
| display:block; |
| position:fixed; |
| top:10px; |
| right:58px; |
| width:320px; |
| max-height:85vh; |
| overflow-y:auto; |
| background:rgba(255,255,255,0.86); |
| backdrop-filter:blur(4px); |
| -webkit-backdrop-filter:blur(4px); |
| border-radius:22px; |
| padding:18px 18px 16px 18px; |
| z-index:9999; |
| direction:rtl; |
| font-family:Arial, sans-serif; |
| box-shadow:0 8px 28px rgba(0,0,0,0.16); |
| line-height:1.9; |
| color:#222; |
| "> |
| <div style=" |
| font-size:18px; |
| font-weight:800; |
| text-align:center; |
| margin-bottom:10px; |
| ">منتظر أحمد بن عبدالله - 15</div> |
|
|
| <div style="font-size:15px;"> |
| <div><b>عدد المواقع:</b> 4</div> |
| <div><b>عدد الحارات:</b> 2</div> |
| </div> |
|
|
| <div style="margin-top:10px;"> |
| <div style="font-weight:bold;">أكثر الحارات:</div> |
| <div style="padding-right:8px;"><div>• أحد: 3</div><div>• الجوهرة: 1</div></div> |
| </div> |
|
|
| <div style=" |
| margin-top:14px; |
| padding-top:10px; |
| border-top:1px solid rgba(0,0,0,0.08); |
| "> |
| <a href="report_11_منتظر_أحمد_بن_عبدالله.pdf" target="_blank" style=" |
| display:block; |
| text-align:center; |
| background:#16a34a; |
| color:#fff; |
| text-decoration:none; |
| padding:10px 12px; |
| border-radius:12px; |
| font-weight:700; |
| margin-bottom:8px; |
| ">تصدير بيانات هذه الخريطة PDF</a> |
|
|
| <a href="report_11_منتظر_أحمد_بن_عبدالله.xlsx" target="_blank" style=" |
| display:block; |
| text-align:center; |
| background:#2563eb; |
| color:#fff; |
| text-decoration:none; |
| padding:10px 12px; |
| border-radius:12px; |
| font-weight:700; |
| margin-bottom:8px; |
| ">تصدير بيانات هذه الخريطة Excel</a> |
|
|
| |
|
|
| <div style="font-weight:bold; margin-bottom:6px;">تلوين حسب الحارة</div> |
| <div style="font-size:13px;"> |
| |
| <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;"> |
| <div style="display:flex;align-items:center;gap:8px;"> |
| <span style=" |
| width:12px; |
| height:12px; |
| border-radius:50%; |
| display:inline-block; |
| background:darkpurple; |
| border:1px solid rgba(0,0,0,0.15); |
| "></span> |
| <span>أحد</span> |
| </div> |
| <span style="color:#555;">(3)</span> |
| </div> |
| |
| <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;"> |
| <div style="display:flex;align-items:center;gap:8px;"> |
| <span style=" |
| width:12px; |
| height:12px; |
| border-radius:50%; |
| display:inline-block; |
| background:darkblue; |
| border:1px solid rgba(0,0,0,0.15); |
| "></span> |
| <span>الجوهرة</span> |
| </div> |
| <span style="color:#555;">(1)</span> |
| </div> |
| |
| </div> |
| </div> |
| </div> |
| |
| |
| <div style=" |
| position:fixed; |
| top:10px; |
| left:10px; |
| z-index:10000; |
| direction:rtl; |
| font-family:Arial, sans-serif; |
| "> |
| <button id="searchToggleBtn" onclick="toggleSearchBox()" style=" |
| background:rgba(255,255,255,0.92); |
| border:none; |
| border-radius:14px; |
| padding:10px 14px; |
| font-size:14px; |
| font-weight:bold; |
| cursor:pointer; |
| box-shadow:0 2px 10px rgba(0,0,0,0.18); |
| ">إخفاء البحث</button> |
| </div> |
|
|
| <div id="searchBoxPanel" style=" |
| position:fixed; |
| top:55px; |
| left:10px; |
| z-index:10000; |
| direction:rtl; |
| font-family:Arial, sans-serif; |
| background:rgba(255,255,255,0.92); |
| padding:10px; |
| border-radius:16px; |
| box-shadow:0 2px 10px rgba(0,0,0,0.18); |
| width:300px; |
| "> |
| <input id="mapSearchInput" type="text" placeholder="ابحث عن اسم المنشأة..." |
| style=" |
| width:100%; |
| box-sizing:border-box; |
| padding:10px; |
| border-radius:12px; |
| border:1px solid #ccc; |
| font-size:14px; |
| direction:rtl; |
| "> |
|
|
| <div id="searchCount" style=" |
| margin-top:7px; |
| font-size:13px; |
| color:#334155; |
| line-height:1.7; |
| "> |
| اكتب للبحث داخل نقاط الخريطة |
| </div> |
|
|
| <button onclick="clearMapSearch()" style=" |
| margin-top:8px; |
| width:100%; |
| padding:8px; |
| border:none; |
| border-radius:10px; |
| background:#f3f4f6; |
| cursor:pointer; |
| font-weight:bold; |
| "> |
| مسح البحث |
| </button> |
| </div> |
|
|
| <script> |
| window.searchableMarkers = []; |
| window.noCoordinateSamples = []; |
| |
| function toggleSearchBox() { |
| var panel = document.getElementById("searchBoxPanel"); |
| var btn = document.getElementById("searchToggleBtn"); |
| |
| if (panel.style.display === "none") { |
| panel.style.display = "block"; |
| btn.innerText = "إخفاء البحث"; |
| } else { |
| panel.style.display = "none"; |
| btn.innerText = "إظهار البحث"; |
| } |
| } |
| |
| function normalizeArabicText(text) { |
| return (text || "") |
| .toString() |
| .toLowerCase() |
| .replace(/[أإآا]/g, "ا") |
| .replace(/ى/g, "ي") |
| .replace(/ة/g, "ه") |
| .replace(/ؤ/g, "و") |
| .replace(/ئ/g, "ي") |
| .replace(/ـ/g, "") |
| .trim(); |
| } |
| |
| function applyMapSearch() { |
| var input = document.getElementById("mapSearchInput"); |
| var countBox = document.getElementById("searchCount"); |
| var query = normalizeArabicText(input.value); |
| var shown = 0; |
| var noCoordMatch = false; |
| |
| window.searchableMarkers.forEach(function(item) { |
| var match = query === "" || normalizeArabicText(item.name).includes(query); |
| |
| if (match) { |
| if (!item.map.hasLayer(item.marker)) { |
| item.marker.addTo(item.map); |
| } |
| shown++; |
| } else { |
| if (item.map.hasLayer(item.marker)) { |
| item.map.removeLayer(item.marker); |
| } |
| } |
| }); |
| |
| if (query !== "") { |
| window.noCoordinateSamples.forEach(function(item) { |
| if (normalizeArabicText(item.name).includes(query)) { |
| noCoordMatch = true; |
| } |
| }); |
| } |
| |
| if (query === "") { |
| countBox.style.color = "#334155"; |
| countBox.innerText = "اكتب للبحث داخل نقاط الخريطة"; |
| } else if (shown > 0) { |
| countBox.style.color = "#334155"; |
| countBox.innerText = "عدد النتائج على الخريطة: " + shown; |
| } else if (noCoordMatch) { |
| countBox.style.color = "#dc2626"; |
| countBox.innerText = "العينة موجودة ضمن عينات الباحث، لكنها بدون إحداثية. كرماً الدخول عليها من الجهاز اللوحي."; |
| } else { |
| countBox.style.color = "#dc2626"; |
| countBox.innerText = "لا توجد نتيجة مطابقة داخل نقاط الخريطة."; |
| } |
| } |
| |
| function clearMapSearch() { |
| document.getElementById("mapSearchInput").value = ""; |
| applyMapSearch(); |
| } |
| |
| setTimeout(function() { |
| var input = document.getElementById("mapSearchInput"); |
| if (input) { |
| input.addEventListener("keyup", applyMapSearch); |
| input.addEventListener("change", applyMapSearch); |
| } |
| }, 800); |
| </script> |
| |
| |
| <script> |
| setTimeout(function() { |
| if (!window.searchableMarkers) { |
| window.searchableMarkers = []; |
| } |
| window.searchableMarkers.push({ |
| name: "مؤسسة جراند سيزون", |
| marker: marker_52058cb8afd3358701e21b5bd903bb98, |
| map: map_fb7175f01204fb7fd72cdabf9479bcc4 |
| }); |
| }, 800); |
| </script> |
| |
| |
| <script> |
| setTimeout(function() { |
| if (!window.searchableMarkers) { |
| window.searchableMarkers = []; |
| } |
| window.searchableMarkers.push({ |
| name: "وكالة الركن المحترف للدعاية والاعلان", |
| marker: marker_777dd293c3892b31bf1dc2092d1b9b8d, |
| map: map_fb7175f01204fb7fd72cdabf9479bcc4 |
| }); |
| }, 800); |
| </script> |
| |
| |
| <script> |
| setTimeout(function() { |
| if (!window.searchableMarkers) { |
| window.searchableMarkers = []; |
| } |
| window.searchableMarkers.push({ |
| name: "مؤسسة ميرا للتصوير الفوتوغرافي", |
| marker: marker_672b3f7af8ea257cc577eda90a77760b, |
| map: map_fb7175f01204fb7fd72cdabf9479bcc4 |
| }); |
| }, 800); |
| </script> |
| |
| |
| <script> |
| setTimeout(function() { |
| if (!window.searchableMarkers) { |
| window.searchableMarkers = []; |
| } |
| window.searchableMarkers.push({ |
| name: "شركة تاجز للاستشارات الهندسية", |
| marker: marker_049a982b57850861e293e396468e2d16, |
| map: map_fb7175f01204fb7fd72cdabf9479bcc4 |
| }); |
| }, 800); |
| </script> |
| |
| |
| <div style=" |
| position: fixed; |
| bottom: 8px; |
| left: 8px; |
| background: rgba(255,255,255,0.85); |
| padding: 6px 10px; |
| border-radius: 10px; |
| font-size: 13px; |
| direction: rtl; |
| z-index: 9999; |
| box-shadow: 0 1px 8px rgba(0,0,0,0.15); |
| "> |
| تصميم وإعداد <b>نوف الناصر</b> |
| </div> |
| |
| |
| <div class="folium-map" id="map_fb7175f01204fb7fd72cdabf9479bcc4" ></div> |
| |
| </body> |
| <script> |
| |
| |
| var map_fb7175f01204fb7fd72cdabf9479bcc4 = L.map( |
| "map_fb7175f01204fb7fd72cdabf9479bcc4", |
| { |
| center: [26.426605971940724, 50.0488933751169], |
| crs: L.CRS.EPSG3857, |
| ...{ |
| "zoom": 13, |
| "zoomControl": true, |
| "preferCanvas": false, |
| } |
| |
| } |
| ); |
| |
| |
| |
| |
| |
| var tile_layer_533f5701c1b055b0e54111800c6de110 = L.tileLayer( |
| "https://tile.openstreetmap.org/{z}/{x}/{y}.png", |
| { |
| "minZoom": 0, |
| "maxZoom": 19, |
| "maxNativeZoom": 19, |
| "noWrap": false, |
| "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", |
| "subdomains": "abc", |
| "detectRetina": false, |
| "tms": false, |
| "opacity": 1, |
| } |
| |
| ); |
| |
| |
| tile_layer_533f5701c1b055b0e54111800c6de110.addTo(map_fb7175f01204fb7fd72cdabf9479bcc4); |
| |
| |
| var tile_layer_cc2637249cd6129b8ec647779af9d6b5 = L.tileLayer( |
| "https://tile.openstreetmap.org/{z}/{x}/{y}.png", |
| { |
| "minZoom": 0, |
| "maxZoom": 19, |
| "maxNativeZoom": 19, |
| "noWrap": false, |
| "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", |
| "subdomains": "abc", |
| "detectRetina": false, |
| "tms": false, |
| "opacity": 1, |
| } |
| |
| ); |
| |
| |
| tile_layer_cc2637249cd6129b8ec647779af9d6b5.addTo(map_fb7175f01204fb7fd72cdabf9479bcc4); |
| |
| |
| var tile_layer_5af1c37c4b67773b9810f6bfd78f6327 = L.tileLayer( |
| "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}", |
| { |
| "minZoom": 0, |
| "maxZoom": 18, |
| "maxNativeZoom": 18, |
| "noWrap": false, |
| "attribution": "\u0026copy; Esri", |
| "subdomains": "abc", |
| "detectRetina": false, |
| "tms": false, |
| "opacity": 1, |
| } |
| |
| ); |
| |
| |
| tile_layer_5af1c37c4b67773b9810f6bfd78f6327.addTo(map_fb7175f01204fb7fd72cdabf9479bcc4); |
| |
| |
| var locate_control_8649c34a442ddba315006a4c7cecc854 = L.control.locate( |
| {} |
| ).addTo(map_fb7175f01204fb7fd72cdabf9479bcc4); |
| |
| |
| |
| var marker_52058cb8afd3358701e21b5bd903bb98 = L.marker( |
| [26.42127608, 50.02697436], |
| { |
| } |
| ).addTo(map_fb7175f01204fb7fd72cdabf9479bcc4); |
| |
| |
| var icon_d98f3296bec21b999c54866d8bf21e2c = L.AwesomeMarkers.icon( |
| { |
| "markerColor": "darkpurple", |
| "iconColor": "white", |
| "icon": "info-sign", |
| "prefix": "glyphicon", |
| "extraClasses": "fa-rotate-0", |
| } |
| ); |
| |
| |
| var popup_a9b6b1cde22a0ef9e1f6c4b0426c0f44 = L.popup({ |
| "maxWidth": 320, |
| }); |
| |
| |
| |
| var html_5d7c2921ccdb6587d30faab18a496ae5 = $(`<div id="html_5d7c2921ccdb6587d30faab18a496ae5" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>مؤسسة جراند سيزون</b><br> السجل التجاري: 2050118614<br> المنطقة: الدمام<br> الحارة: أحد<br> <b>اسم الباحث:</b> منتظر أحمد بن عبدالله<br> <a href="https://www.google.com/maps?q=26.42127608,50.02697436" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_a9b6b1cde22a0ef9e1f6c4b0426c0f44.setContent(html_5d7c2921ccdb6587d30faab18a496ae5); |
| |
| |
| |
| marker_52058cb8afd3358701e21b5bd903bb98.bindPopup(popup_a9b6b1cde22a0ef9e1f6c4b0426c0f44) |
| ; |
| |
| |
| |
| |
| marker_52058cb8afd3358701e21b5bd903bb98.setIcon(icon_d98f3296bec21b999c54866d8bf21e2c); |
| |
| |
| var marker_777dd293c3892b31bf1dc2092d1b9b8d = L.marker( |
| [26.4613140977629, 50.0780865604676], |
| { |
| } |
| ).addTo(map_fb7175f01204fb7fd72cdabf9479bcc4); |
| |
| |
| var icon_ac7c3884f27182d4f8ca9483509c6882 = L.AwesomeMarkers.icon( |
| { |
| "markerColor": "darkblue", |
| "iconColor": "white", |
| "icon": "info-sign", |
| "prefix": "glyphicon", |
| "extraClasses": "fa-rotate-0", |
| } |
| ); |
| |
| |
| var popup_910f38254e9b7e7478f485189565c4c1 = L.popup({ |
| "maxWidth": 320, |
| }); |
| |
| |
| |
| var html_bd039068cd49d3e05b8135927cd5bbb3 = $(`<div id="html_bd039068cd49d3e05b8135927cd5bbb3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>وكالة الركن المحترف للدعاية والاعلان</b><br> السجل التجاري: 2050132761<br> المنطقة: الدمام<br> الحارة: الجوهرة<br> <b>اسم الباحث:</b> منتظر أحمد بن عبدالله<br> <a href="https://www.google.com/maps?q=26.4613140977629,50.0780865604676" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_910f38254e9b7e7478f485189565c4c1.setContent(html_bd039068cd49d3e05b8135927cd5bbb3); |
| |
| |
| |
| marker_777dd293c3892b31bf1dc2092d1b9b8d.bindPopup(popup_910f38254e9b7e7478f485189565c4c1) |
| ; |
| |
| |
| |
| |
| marker_777dd293c3892b31bf1dc2092d1b9b8d.setIcon(icon_ac7c3884f27182d4f8ca9483509c6882); |
| |
| |
| var marker_672b3f7af8ea257cc577eda90a77760b = L.marker( |
| [26.40877618, 50.05021879], |
| { |
| } |
| ).addTo(map_fb7175f01204fb7fd72cdabf9479bcc4); |
| |
| |
| var icon_0104a71410134cf04dca6b4c208a12fd = L.AwesomeMarkers.icon( |
| { |
| "markerColor": "darkpurple", |
| "iconColor": "white", |
| "icon": "info-sign", |
| "prefix": "glyphicon", |
| "extraClasses": "fa-rotate-0", |
| } |
| ); |
| |
| |
| var popup_f09d8e306d6e53b99ba66af4aa21d67e = L.popup({ |
| "maxWidth": 320, |
| }); |
| |
| |
| |
| var html_ac3a048a6873caba2f1a73504c74fbab = $(`<div id="html_ac3a048a6873caba2f1a73504c74fbab" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>مؤسسة ميرا للتصوير الفوتوغرافي</b><br> السجل التجاري: 2050126651<br> المنطقة: الدمام<br> الحارة: أحد<br> <b>اسم الباحث:</b> منتظر أحمد بن عبدالله<br> <a href="https://www.google.com/maps?q=26.40877618,50.05021879" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_f09d8e306d6e53b99ba66af4aa21d67e.setContent(html_ac3a048a6873caba2f1a73504c74fbab); |
| |
| |
| |
| marker_672b3f7af8ea257cc577eda90a77760b.bindPopup(popup_f09d8e306d6e53b99ba66af4aa21d67e) |
| ; |
| |
| |
| |
| |
| marker_672b3f7af8ea257cc577eda90a77760b.setIcon(icon_0104a71410134cf04dca6b4c208a12fd); |
| |
| |
| var marker_049a982b57850861e293e396468e2d16 = L.marker( |
| [26.41505753, 50.04029379], |
| { |
| } |
| ).addTo(map_fb7175f01204fb7fd72cdabf9479bcc4); |
| |
| |
| var icon_928374c8705bf1946c0760eb5354a007 = L.AwesomeMarkers.icon( |
| { |
| "markerColor": "darkpurple", |
| "iconColor": "white", |
| "icon": "info-sign", |
| "prefix": "glyphicon", |
| "extraClasses": "fa-rotate-0", |
| } |
| ); |
| |
| |
| var popup_2a10c7a4499e629adccb0ec1edb79925 = L.popup({ |
| "maxWidth": 320, |
| }); |
| |
| |
| |
| var html_4afc8e91b8ca4922276b5d7bf4a1189f = $(`<div id="html_4afc8e91b8ca4922276b5d7bf4a1189f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>شركة تاجز للاستشارات الهندسية</b><br> السجل التجاري: 2050118827<br> المنطقة: الدمام<br> الحارة: أحد<br> <b>اسم الباحث:</b> منتظر أحمد بن عبدالله<br> <a href="https://www.google.com/maps?q=26.41505753,50.04029379" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_2a10c7a4499e629adccb0ec1edb79925.setContent(html_4afc8e91b8ca4922276b5d7bf4a1189f); |
| |
| |
| |
| marker_049a982b57850861e293e396468e2d16.bindPopup(popup_2a10c7a4499e629adccb0ec1edb79925) |
| ; |
| |
| |
| |
| |
| marker_049a982b57850861e293e396468e2d16.setIcon(icon_928374c8705bf1946c0760eb5354a007); |
| |
| </script> |
| </html> |
