Harar Regional Digital Health GIS Platform<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\/>\r\n\r\n<style>\r\nbody{\r\n margin:0;\r\n font-family:Roboto;\r\n background:#f7fbff;\r\n}\r\n\r\n.container{\r\n padding:25px 45px;\r\n}\r\n\r\n.header{\r\n display:flex;\r\n justify-content:space-between;\r\n flex-wrap:wrap;\r\n margin-bottom:10px;\r\n}\r\n\r\n.title{\r\n font-size:22px;\r\n font-weight:700;\r\n color:#0b5ed7;\r\n border-left:5px solid #0b5ed7;\r\n padding-left:10px;\r\n}\r\n\r\n.stats{\r\n display:flex;\r\n gap:10px;\r\n flex-wrap:wrap;\r\n}\r\n\r\n.stat{\r\n background:#e7f1ff;\r\n color:#0b5ed7;\r\n padding:6px 10px;\r\n border-radius:20px;\r\n font-size:12px;\r\n}\r\n\r\n.layout{\r\n display:grid;\r\n grid-template-columns:1.6fr 1fr;\r\n gap:15px;\r\n margin-top:15px;\r\n}\r\n\r\n#map{\r\n height:580px;\r\n border-radius:12px;\r\n border:1px solid #dbe9ff;\r\n}\r\n\r\n.panel{\r\n max-height:580px;\r\n overflow-y:auto;\r\n}\r\n\r\n.search{\r\n width:100%;\r\n padding:10px;\r\n border-radius:8px;\r\n border:1px solid #cfe2ff;\r\n margin-bottom:10px;\r\n}\r\n\r\n.card{\r\n background:#fff;\r\n padding:12px;\r\n border-radius:10px;\r\n margin-bottom:10px;\r\n border:1px solid #e6f0ff;\r\n transition:0.2s;\r\n}\r\n\r\n.card:hover{\r\n transform:translateY(-2px);\r\n border-color:#0b5ed7;\r\n}\r\n\r\n.name{\r\n font-weight:700;\r\n color:#0b5ed7;\r\n}\r\n\r\n.meta{\r\n font-size:12px;\r\n color:#4a5a6a;\r\n}\r\n\r\n.badge{\r\n display:inline-block;\r\n font-size:11px;\r\n padding:3px 8px;\r\n border-radius:20px;\r\n background:#e7f1ff;\r\n color:#0b5ed7;\r\n margin-bottom:5px;\r\n}\r\n\r\n.high{border-left:4px solid #dc3545;}\r\n.medium{border-left:4px solid #ffc107;}\r\n.low{border-left:4px solid #198754;}\r\n\r\n.recommend{\r\n background:#e7f1ff;\r\n border-left:5px solid #198754;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"header\">\r\n <div class=\"title\">Harar Regional Digital Health GIS Platform<\/div>\r\n\r\n <div class=\"stats\">\r\n <div class=\"stat\">\ud83c\udfe5 Hospitals<\/div>\r\n <div class=\"stat\">\ud83c\udfe5 Health Centers<\/div>\r\n <div class=\"stat\">\ud83c\udfe5 Health Posts<\/div>\r\n <div class=\"stat\">\ud83c\udfe5 Private Facilities<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"layout\">\r\n\r\n<div id=\"map\"><\/div>\r\n\r\n<div class=\"panel\">\r\n\r\n<input class=\"search\" id=\"search\" placeholder=\"Search facility...\" onkeyup=\"filter()\">\r\n\r\n<div id=\"recommendation\"><\/div>\r\n<div id=\"list\"><\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\r\n\r\n<script>\r\n\r\n\/\/ ================= HARAR REGION FACILITY DATA =================\r\nconst facilities = [\r\n\r\n\/* HOSPITALS *\/\r\n{name:\"Hiwot Fana Comprehensive Hospital\",type:\"Hospital\",lat:9.313,lon:42.118,score:95},\r\n{name:\"Jegul Hospital\",type:\"Hospital\",lat:9.600,lon:42.100,score:85},\r\n\r\n\/* HEALTH CENTERS *\/\r\n{name:\"Amir-Nur Health Center\",type:\"Health Center\",lat:9.300,lon:42.130,score:88},\r\n{name:\"Harawe Health Center\",type:\"Health Center\",lat:9.550,lon:42.120,score:80},\r\n{name:\"Sofi Health Center\",type:\"Health Center\",lat:9.520,lon:42.100,score:72},\r\n\r\n\/* HEALTH POSTS *\/\r\n{name:\"Kara Health Post\",type:\"Health Post\",lat:9.510,lon:42.150,score:75},\r\n{name:\"Awaye Health Post\",type:\"Health Post\",lat:9.550,lon:42.200,score:70},\r\n{name:\"Dire Health Post\",type:\"Health Post\",lat:9.380,lon:42.020,score:78},\r\n\r\n\/* PRIVATE FACILITIES *\/\r\n{name:\"Al-Hayat Medical Clinic\",type:\"Private\",lat:9.330,lon:42.110,score:92},\r\n{name:\"Harar Family Clinic\",type:\"Private\",lat:9.400,lon:42.090,score:74}\r\n\r\n];\r\n\r\n\/\/ ================= MAP =================\r\nlet map = L.map('map').setView([9.45,42.10], 10);\r\n\r\nL.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png',{\r\nattribution:'\u00a9 OpenStreetMap'\r\n}).addTo(map);\r\n\r\n\/\/ ================= MARKERS =================\r\nfacilities.forEach(f=>{\r\n\r\nlet color =\r\nf.type==\"Hospital\"?\"red\":\r\nf.type==\"Health Center\"?\"blue\":\r\nf.type==\"Health Post\"?\"green\":\"purple\";\r\n\r\nL.circleMarker([f.lat,f.lon],{\r\nradius:8,\r\ncolor:color,\r\nfillOpacity:0.8\r\n})\r\n.addTo(map)\r\n.bindPopup(`<b>${f.name}<\/b><br>${f.type}<br>Score: ${f.score}`);\r\n\r\n});\r\n\r\n\/\/ ================= RECOMMENDATION ENGINE =================\r\nlet best = [...facilities].sort((a,b)=>b.score-a.score)[0];\r\n\r\ndocument.getElementById(\"recommendation\").innerHTML=\r\n`\r\n<div class=\"card recommend\">\r\n<div class=\"badge\">\ud83d\ude91 Best Facility in Harar Region<\/div>\r\n<div class=\"name\">${best.name}<\/div>\r\n<div class=\"meta\">Type: ${best.type}<\/div>\r\n<div class=\"meta\">Performance Score: ${best.score}<\/div>\r\n<\/div>\r\n`;\r\n\r\n\/\/ ================= LIST RENDER =================\r\nfunction render(list){\r\n\r\nlet html=\"\";\r\n\r\nlist.forEach(f=>{\r\n\r\nlet cls = f.score>=85?\"high\":f.score>=75?\"medium\":\"low\";\r\n\r\nhtml+=`\r\n<div class=\"card ${cls}\">\r\n<div class=\"badge\">${f.type}<\/div>\r\n<div class=\"name\">${f.name}<\/div>\r\n<div class=\"meta\">\ud83d\udcca Score: ${f.score}<\/div>\r\n<\/div>\r\n`;\r\n\r\n});\r\n\r\ndocument.getElementById(\"list\").innerHTML=html;\r\n\r\n}\r\n\r\nrender(facilities);\r\n\r\n\/\/ ================= SEARCH FILTER =================\r\nfunction filter(){\r\n\r\nlet val=document.getElementById(\"search\").value.toLowerCase();\r\n\r\nlet filtered = facilities.filter(f=>\r\nf.name.toLowerCase().includes(val) ||\r\nf.type.toLowerCase().includes(val)\r\n);\r\n\r\nrender(filtered);\r\n}\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-2b4273a e-con-full e-flex e-con e-parent\" data-id=\"2b4273a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce98aa3 elementor-widget elementor-widget-html\" data-id=\"ce98aa3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Health Facilities - Main Menu<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n *{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n font-family:Roboto, sans-serif;\r\n }\r\n\r\n body{\r\n background:#f7fbff; \/* same program theme *\/\r\n color:#1f2d3d;\r\n }\r\n\r\n .container{\r\n padding:40px 70px;\r\n }\r\n\r\n .header-title{\r\n font-size:24px;\r\n font-weight:600;\r\n color:#0b5ed7;\r\n margin-bottom:25px;\r\n border-left:5px solid #0b5ed7;\r\n padding-left:12px;\r\n }\r\n\r\n .grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit, minmax(260px,1fr));\r\n gap:22px;\r\n }\r\n\r\n .card{\r\n background:#ffffff;\r\n border-radius:14px;\r\n padding:22px;\r\n box-shadow:0 6px 18px rgba(0,0,0,0.06);\r\n border:1px solid #e6f0ff;\r\n transition:0.3s;\r\n }\r\n\r\n .card:hover{\r\n transform:translateY(-5px);\r\n }\r\n\r\n .card h3{\r\n color:#0b5ed7;\r\n margin-bottom:12px;\r\n font-size:18px;\r\n }\r\n\r\n .card p{\r\n font-size:14px;\r\n margin-bottom:12px;\r\n color:#4a5a6a;\r\n }\r\n\r\n .btn{\r\n display:inline-block;\r\n padding:9px 14px;\r\n background:#0b5ed7;\r\n color:white;\r\n text-decoration:none;\r\n border-radius:6px;\r\n font-size:14px;\r\n transition:0.3s;\r\n }\r\n\r\n .btn:hover{\r\n background:#084298;\r\n }\r\n\r\n .badge{\r\n display:inline-block;\r\n background:#e7f1ff;\r\n color:#0b5ed7;\r\n padding:4px 10px;\r\n border-radius:20px;\r\n font-size:12px;\r\n margin-bottom:10px;\r\n }\r\n\r\n @media(max-width:768px){\r\n .container{\r\n padding:25px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"container\">\r\n\r\n <div class=\"header-title\">Health Facilities Main Menu<\/div>\r\n\r\n <div class=\"grid\">\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">Secondary & Tertiary Care<\/span>\r\n <h3>Hospitals<\/h3>\r\n <p>Access list of public and referral hospitals, services, and capacity information.<\/p>\r\n <a class=\"btn\" href=\"hospitals.html\">View Hospitals<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">Primary Care Units<\/span>\r\n <h3>Health Centers<\/h3>\r\n <p>Browse health centers providing outpatient, maternal, and preventive services.<\/p>\r\n <a class=\"btn\" href=\"health_centers.html\">View Health Centers<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">Community Level<\/span>\r\n <h3>Health Posts<\/h3>\r\n <p>Community-based facilities run by health extension workers for basic care.<\/p>\r\n <a class=\"btn\" href=\"health_posts.html\">View Health Posts<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">Private Sector<\/span>\r\n <h3>Private Health Facilities<\/h3>\r\n <p>List of private clinics, hospitals, and diagnostic centers.<\/p>\r\n <a class=\"btn\" href=\"private_facilities.html\">View Private Facilities<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">Drug Supply System<\/span>\r\n <h3>Pharmacies<\/h3>\r\n <p>Registered pharmacies and drug outlets with location and service details.<\/p>\r\n <a class=\"btn\" href=\"pharmacies.html\">View Pharmacies<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Harar Regional Digital Health GIS Platform Harar Regional Digital Health GIS Platform \ud83c\udfe5 Hospitals \ud83c\udfe5 Health Centers \ud83c\udfe5 Health Posts \ud83c\udfe5 Private Facilities Health Facilities – Main Menu Health Facilities Main Menu Secondary & Tertiary Care Hospitals Access list of public and referral hospitals, services, and capacity information. View Hospitals Primary Care Units Health Centers […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-134","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":10,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":1129,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions\/1129"}],"wp:attachment":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nHarar Regional Digital Health GIS Platform<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\/>\r\n\r\n<style>\r\nbody{\r\n margin:0;\r\n font-family:Roboto;\r\n background:#f7fbff;\r\n}\r\n\r\n.container{\r\n padding:25px 45px;\r\n}\r\n\r\n.header{\r\n display:flex;\r\n justify-content:space-between;\r\n flex-wrap:wrap;\r\n margin-bottom:10px;\r\n}\r\n\r\n.title{\r\n font-size:22px;\r\n font-weight:700;\r\n color:#0b5ed7;\r\n border-left:5px solid #0b5ed7;\r\n padding-left:10px;\r\n}\r\n\r\n.stats{\r\n display:flex;\r\n gap:10px;\r\n flex-wrap:wrap;\r\n}\r\n\r\n.stat{\r\n background:#e7f1ff;\r\n color:#0b5ed7;\r\n padding:6px 10px;\r\n border-radius:20px;\r\n font-size:12px;\r\n}\r\n\r\n.layout{\r\n display:grid;\r\n grid-template-columns:1.6fr 1fr;\r\n gap:15px;\r\n margin-top:15px;\r\n}\r\n\r\n#map{\r\n height:580px;\r\n border-radius:12px;\r\n border:1px solid #dbe9ff;\r\n}\r\n\r\n.panel{\r\n max-height:580px;\r\n overflow-y:auto;\r\n}\r\n\r\n.search{\r\n width:100%;\r\n padding:10px;\r\n border-radius:8px;\r\n border:1px solid #cfe2ff;\r\n margin-bottom:10px;\r\n}\r\n\r\n.card{\r\n background:#fff;\r\n padding:12px;\r\n border-radius:10px;\r\n margin-bottom:10px;\r\n border:1px solid #e6f0ff;\r\n transition:0.2s;\r\n}\r\n\r\n.card:hover{\r\n transform:translateY(-2px);\r\n border-color:#0b5ed7;\r\n}\r\n\r\n.name{\r\n font-weight:700;\r\n color:#0b5ed7;\r\n}\r\n\r\n.meta{\r\n font-size:12px;\r\n color:#4a5a6a;\r\n}\r\n\r\n.badge{\r\n display:inline-block;\r\n font-size:11px;\r\n padding:3px 8px;\r\n border-radius:20px;\r\n background:#e7f1ff;\r\n color:#0b5ed7;\r\n margin-bottom:5px;\r\n}\r\n\r\n.high{border-left:4px solid #dc3545;}\r\n.medium{border-left:4px solid #ffc107;}\r\n.low{border-left:4px solid #198754;}\r\n\r\n.recommend{\r\n background:#e7f1ff;\r\n border-left:5px solid #198754;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"header\">\r\n <div class=\"title\">Harar Regional Digital Health GIS Platform<\/div>\r\n\r\n <div class=\"stats\">\r\n <div class=\"stat\">\ud83c\udfe5 Hospitals<\/div>\r\n <div class=\"stat\">\ud83c\udfe5 Health Centers<\/div>\r\n <div class=\"stat\">\ud83c\udfe5 Health Posts<\/div>\r\n <div class=\"stat\">\ud83c\udfe5 Private Facilities<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"layout\">\r\n\r\n<div id=\"map\"><\/div>\r\n\r\n<div class=\"panel\">\r\n\r\n<input class=\"search\" id=\"search\" placeholder=\"Search facility...\" onkeyup=\"filter()\">\r\n\r\n<div id=\"recommendation\"><\/div>\r\n<div id=\"list\"><\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\r\n\r\n<script>\r\n\r\n\/\/ ================= HARAR REGION FACILITY DATA =================\r\nconst facilities = [\r\n\r\n\/* HOSPITALS *\/\r\n{name:\"Hiwot Fana Comprehensive Hospital\",type:\"Hospital\",lat:9.313,lon:42.118,score:95},\r\n{name:\"Jegul Hospital\",type:\"Hospital\",lat:9.600,lon:42.100,score:85},\r\n\r\n\/* HEALTH CENTERS *\/\r\n{name:\"Amir-Nur Health Center\",type:\"Health Center\",lat:9.300,lon:42.130,score:88},\r\n{name:\"Harawe Health Center\",type:\"Health Center\",lat:9.550,lon:42.120,score:80},\r\n{name:\"Sofi Health Center\",type:\"Health Center\",lat:9.520,lon:42.100,score:72},\r\n\r\n\/* HEALTH POSTS *\/\r\n{name:\"Kara Health Post\",type:\"Health Post\",lat:9.510,lon:42.150,score:75},\r\n{name:\"Awaye Health Post\",type:\"Health Post\",lat:9.550,lon:42.200,score:70},\r\n{name:\"Dire Health Post\",type:\"Health Post\",lat:9.380,lon:42.020,score:78},\r\n\r\n\/* PRIVATE FACILITIES *\/\r\n{name:\"Al-Hayat Medical Clinic\",type:\"Private\",lat:9.330,lon:42.110,score:92},\r\n{name:\"Harar Family Clinic\",type:\"Private\",lat:9.400,lon:42.090,score:74}\r\n\r\n];\r\n\r\n\/\/ ================= MAP =================\r\nlet map = L.map('map').setView([9.45,42.10], 10);\r\n\r\nL.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png',{\r\nattribution:'\u00a9 OpenStreetMap'\r\n}).addTo(map);\r\n\r\n\/\/ ================= MARKERS =================\r\nfacilities.forEach(f=>{\r\n\r\nlet color =\r\nf.type==\"Hospital\"?\"red\":\r\nf.type==\"Health Center\"?\"blue\":\r\nf.type==\"Health Post\"?\"green\":\"purple\";\r\n\r\nL.circleMarker([f.lat,f.lon],{\r\nradius:8,\r\ncolor:color,\r\nfillOpacity:0.8\r\n})\r\n.addTo(map)\r\n.bindPopup(`<b>${f.name}<\/b><br>${f.type}<br>Score: ${f.score}`);\r\n\r\n});\r\n\r\n\/\/ ================= RECOMMENDATION ENGINE =================\r\nlet best = [...facilities].sort((a,b)=>b.score-a.score)[0];\r\n\r\ndocument.getElementById(\"recommendation\").innerHTML=\r\n`\r\n<div class=\"card recommend\">\r\n<div class=\"badge\">\ud83d\ude91 Best Facility in Harar Region<\/div>\r\n<div class=\"name\">${best.name}<\/div>\r\n<div class=\"meta\">Type: ${best.type}<\/div>\r\n<div class=\"meta\">Performance Score: ${best.score}<\/div>\r\n<\/div>\r\n`;\r\n\r\n\/\/ ================= LIST RENDER =================\r\nfunction render(list){\r\n\r\nlet html=\"\";\r\n\r\nlist.forEach(f=>{\r\n\r\nlet cls = f.score>=85?\"high\":f.score>=75?\"medium\":\"low\";\r\n\r\nhtml+=`\r\n<div class=\"card ${cls}\">\r\n<div class=\"badge\">${f.type}<\/div>\r\n<div class=\"name\">${f.name}<\/div>\r\n<div class=\"meta\">\ud83d\udcca Score: ${f.score}<\/div>\r\n<\/div>\r\n`;\r\n\r\n});\r\n\r\ndocument.getElementById(\"list\").innerHTML=html;\r\n\r\n}\r\n\r\nrender(facilities);\r\n\r\n\/\/ ================= SEARCH FILTER =================\r\nfunction filter(){\r\n\r\nlet val=document.getElementById(\"search\").value.toLowerCase();\r\n\r\nlet filtered = facilities.filter(f=>\r\nf.name.toLowerCase().includes(val) ||\r\nf.type.toLowerCase().includes(val)\r\n);\r\n\r\nrender(filtered);\r\n}\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-2b4273a e-con-full e-flex e-con e-parent\" data-id=\"2b4273a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce98aa3 elementor-widget elementor-widget-html\" data-id=\"ce98aa3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Health Facilities - Main Menu<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n *{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n font-family:Roboto, sans-serif;\r\n }\r\n\r\n body{\r\n background:#f7fbff; \/* same program theme *\/\r\n color:#1f2d3d;\r\n }\r\n\r\n .container{\r\n padding:40px 70px;\r\n }\r\n\r\n .header-title{\r\n font-size:24px;\r\n font-weight:600;\r\n color:#0b5ed7;\r\n margin-bottom:25px;\r\n border-left:5px solid #0b5ed7;\r\n padding-left:12px;\r\n }\r\n\r\n .grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit, minmax(260px,1fr));\r\n gap:22px;\r\n }\r\n\r\n .card{\r\n background:#ffffff;\r\n border-radius:14px;\r\n padding:22px;\r\n box-shadow:0 6px 18px rgba(0,0,0,0.06);\r\n border:1px solid #e6f0ff;\r\n transition:0.3s;\r\n }\r\n\r\n .card:hover{\r\n transform:translateY(-5px);\r\n }\r\n\r\n .card h3{\r\n color:#0b5ed7;\r\n margin-bottom:12px;\r\n font-size:18px;\r\n }\r\n\r\n .card p{\r\n font-size:14px;\r\n margin-bottom:12px;\r\n color:#4a5a6a;\r\n }\r\n\r\n .btn{\r\n display:inline-block;\r\n padding:9px 14px;\r\n background:#0b5ed7;\r\n color:white;\r\n text-decoration:none;\r\n border-radius:6px;\r\n font-size:14px;\r\n transition:0.3s;\r\n }\r\n\r\n .btn:hover{\r\n background:#084298;\r\n }\r\n\r\n .badge{\r\n display:inline-block;\r\n background:#e7f1ff;\r\n color:#0b5ed7;\r\n padding:4px 10px;\r\n border-radius:20px;\r\n font-size:12px;\r\n margin-bottom:10px;\r\n }\r\n\r\n @media(max-width:768px){\r\n .container{\r\n padding:25px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"container\">\r\n\r\n <div class=\"header-title\">Health Facilities Main Menu<\/div>\r\n\r\n <div class=\"grid\">\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">Secondary & Tertiary Care<\/span>\r\n <h3>Hospitals<\/h3>\r\n <p>Access list of public and referral hospitals, services, and capacity information.<\/p>\r\n <a class=\"btn\" href=\"hospitals.html\">View Hospitals<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">Primary Care Units<\/span>\r\n <h3>Health Centers<\/h3>\r\n <p>Browse health centers providing outpatient, maternal, and preventive services.<\/p>\r\n <a class=\"btn\" href=\"health_centers.html\">View Health Centers<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">Community Level<\/span>\r\n <h3>Health Posts<\/h3>\r\n <p>Community-based facilities run by health extension workers for basic care.<\/p>\r\n <a class=\"btn\" href=\"health_posts.html\">View Health Posts<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">Private Sector<\/span>\r\n <h3>Private Health Facilities<\/h3>\r\n <p>List of private clinics, hospitals, and diagnostic centers.<\/p>\r\n <a class=\"btn\" href=\"private_facilities.html\">View Private Facilities<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">Drug Supply System<\/span>\r\n <h3>Pharmacies<\/h3>\r\n <p>Registered pharmacies and drug outlets with location and service details.<\/p>\r\n <a class=\"btn\" href=\"pharmacies.html\">View Pharmacies<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Harar Regional Digital Health GIS Platform Harar Regional Digital Health GIS Platform \ud83c\udfe5 Hospitals \ud83c\udfe5 Health Centers \ud83c\udfe5 Health Posts \ud83c\udfe5 Private Facilities Health Facilities – Main Menu Health Facilities Main Menu Secondary & Tertiary Care Hospitals Access list of public and referral hospitals, services, and capacity information. View Hospitals Primary Care Units Health Centers […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-134","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":10,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":1129,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions\/1129"}],"wp:attachment":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}