{"id":83,"date":"2026-07-23T09:26:21","date_gmt":"2026-07-23T09:26:21","guid":{"rendered":"https:\/\/dahb.gov.et\/?page_id=83"},"modified":"2026-08-24T06:55:53","modified_gmt":"2026-08-24T06:55:53","slug":"home","status":"publish","type":"page","link":"https:\/\/dahb.gov.et\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"83\" class=\"elementor elementor-83\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d64607 e-con e-atomic-element e-flexbox-base e-575b92e \" data-id=\"2d64607\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2d64607\" data-e-type=\"e-flexbox\" data-id=\"2d64607\">\n    \t\t<div class=\"elementor-element elementor-element-803cc11 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"803cc11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Diredawa City Administration Health Bureau<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/code.iconify.design\/iconify-icon\/1.0.7\/iconify-icon.min.js\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: { inter: ['Inter', 'sans-serif'] },\n                    colors: {\n                        sky: {\n                            50: '#F0F9FF', 100: '#E0F2FE', 200: '#BAE6FD',\n                            300: '#7DD3FC', 400: '#38BDF8', 500: '#0EA5E9',\n                            600: '#0284C7', 700: '#0369A1', 800: '#075985', 900: '#0C4A6E'\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        * { font-family: 'Inter', sans-serif; }\n        html { scroll-behavior: smooth; }\n\n        .hero-gradient {\n            background: linear-gradient(135deg, #0284C7 0%, #0EA5E9 40%, #38BDF8 100%);\n        }\n\n        .stat-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(14, 165, 233, 0.15); }\n        .service-card:hover { transform: translateY(-6px); box-shadow: 0 16px 32px rgba(14, 165, 233, 0.12); border-color: #38BDF8; }\n\n        .stat-card, .service-card {\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .pulse-dot {\n            animation: pulse-dot 2s ease-in-out infinite;\n        }\n        @keyframes pulse-dot {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.5; transform: scale(1.5); }\n        }\n\n        .fade-in {\n            opacity: 0; transform: translateY(20px);\n            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        .fade-in.visible { opacity: 1; transform: translateY(0); }\n\n        .alert-slide {\n            animation: slideDown 0.5s ease-out;\n        }\n        @keyframes slideDown {\n            from { transform: translateY(-100%); opacity: 0; }\n            to { transform: translateY(0); opacity: 1; }\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-white text-slate-800 antialiased\">\n\n    <!-- Alert Message at Top -->\n    <div class=\"alert-slide bg-amber-500 text-white py-3 px-4\">\n        <div class=\"max-w-7xl mx-auto flex items-center justify-between gap-4\">\n            <div class=\"flex items-center gap-3\">\n                <iconify-icon icon=\"lucide:alert-triangle\" width=\"20\" class=\"text-white shrink-0\"><\/iconify-icon>\n                <p class=\"text-sm font-medium\">\n                    <span class=\"font-bold\">Important Notice:<\/span> Polio vaccination campaign starts next week  <b>Protect every child by getting them vaccinated.<\/b>\n                <\/p>\n            <\/div>\n            <button onclick=\"this.closest('.alert-slide').remove()\" class=\"text-white\/80 hover:text-white transition-colors shrink-0\">\n                <iconify-icon icon=\"lucide:x\" width=\"18\"><\/iconify-icon>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Hero Section -->\n    <section id=\"home\" class=\"hero-gradient relative overflow-hidden\">\n        <!-- Decorative Elements -->\n        <div class=\"absolute inset-0\">\n            <div class=\"absolute top-20 left-10 w-72 h-72 bg-white\/5 rounded-full blur-3xl\"><\/div>\n            <div class=\"absolute bottom-10 right-20 w-96 h-96 bg-sky-300\/10 rounded-full blur-3xl\"><\/div>\n            <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[600px] h-[600px] bg-white\/[0.03] rounded-full blur-3xl\"><\/div>\n            <!-- Grid Pattern -->\n            <div class=\"absolute inset-0 opacity-[0.05]\" style=\"background-image: radial-gradient(circle, white 1px, transparent 1px); background-size: 40px 40px;\"><\/div>\n        <\/div>\n\n        <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 py-16 sm:py-20 lg:py-28\">\n            <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n                <div class=\"text-white\">\n                    <div class=\"inline-flex items-center gap-2 bg-white\/10 backdrop-blur-sm border border-white\/20 rounded-full px-4 py-1.5 mb-6\">\n                        <span class=\"w-2 h-2 bg-emerald-400 rounded-full pulse-dot\"><\/span>\n                        <span class=\"text-xs font-medium tracking-wide\">Serving 500,000+ Residents<\/span>\n                    <\/div>\n                    <h1 class=\"text-3xl sm:text-4xl lg:text-5xl xl:text-[56px] font-bold leading-[1.1] tracking-tight mb-6\">\n                        Building a\n                        <span class=\"text-sky-200\">Healthier<\/span>\n                        Diredawa City\n                    <\/h1>\n                    <p class=\"text-base sm:text-lg text-sky-100 leading-relaxed mb-8 max-w-lg\">\n                        Committed to delivering quality, accessible, and equitable healthcare services for every resident of Diredawa City Administration.\n                    <\/p>\n                    <div class=\"flex flex-wrap gap-3\">\n                        <a href=\"#services\" class=\"inline-flex items-center gap-2 bg-white text-sky-700 font-semibold text-sm px-7 py-3.5 rounded-xl hover:bg-sky-50 transition-colors shadow-lg shadow-black\/10\">\n                            <iconify-icon icon=\"lucide:layout-grid\" width=\"16\"><\/iconify-icon>\n                            Explore Services\n                        <\/a>\n                        <a href=\"#emergency\" class=\"inline-flex items-center gap-2 bg-red-500 text-white font-semibold text-sm px-7 py-3.5 rounded-xl hover:bg-red-600 transition-colors shadow-lg shadow-red-500\/30\">\n                            <iconify-icon icon=\"lucide:siren\" width=\"16\"><\/iconify-icon>\n                            Emergency: 6407\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Hero Image \/ Stats Card -->\n                <div class=\"hidden lg:block\">\n                    <div class=\"relative\">\n                        <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 rounded-3xl p-8 shadow-2xl\">\n                            <div class=\"grid grid-cols-2 gap-6\">\n                                <div class=\"bg-white\/10 rounded-2xl p-5 text-center border border-white\/10\">\n                                    <iconify-icon icon=\"lucide:hospital\" width=\"28\" class=\"text-sky-200 mb-2\"><\/iconify-icon>\n                                    <div class=\"text-3xl font-bold text-white\">2<\/div>\n                                    <div class=\"text-xs text-sky-200 mt-1\">Hospitals<\/div>\n                                <\/div>\n                                <div class=\"bg-white\/10 rounded-2xl p-5 text-center border border-white\/10\">\n                                    <iconify-icon icon=\"lucide:building-2\" width=\"28\" class=\"text-sky-200 mb-2\"><\/iconify-icon>\n                                    <div class=\"text-3xl font-bold text-white\">16<\/div>\n                                    <div class=\"text-xs text-sky-200 mt-1\">Health Centers<\/div>\n                                <\/div>\n                                <div class=\"bg-white\/10 rounded-2xl p-5 text-center border border-white\/10\">\n                                    <iconify-icon icon=\"lucide:stethoscope\" width=\"28\" class=\"text-sky-200 mb-2\"><\/iconify-icon>\n                                    <div class=\"text-3xl font-bold text-white\">36<\/div>\n                                    <div class=\"text-xs text-sky-200 mt-1\">Health Posts<\/div>\n                                <\/div>\n                                <div class=\"bg-white\/10 rounded-2xl p-5 text-center border border-white\/10\">\n                                    <iconify-icon icon=\"lucide:users\" width=\"28\" class=\"text-sky-200 mb-2\"><\/iconify-icon>\n                                    <div class=\"text-3xl font-bold text-white\">850+<\/div>\n                                    <div class=\"text-xs text-sky-200 mt-1\">Health Workers<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"mt-6 bg-emerald-500\/20 border border-emerald-400\/30 rounded-xl px-4 py-3 flex items-center gap-3\">\n                                <iconify-icon icon=\"lucide:shield-check\" width=\"20\" class=\"text-emerald-300\"><\/iconify-icon>\n                                <span class=\"text-sm text-emerald-100\">All facilities accredited & operational 24\/7<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Wave Bottom -->\n        <div class=\"absolute bottom-0 left-0 right-0\">\n            <svg viewBox=\"0 0 1440 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M0 80L60 68C120 56 240 32 360 24C480 16 600 24 720 32C840 40 960 48 1080 44C1200 40 1320 24 1380 16L1440 8V80H1380C1320 80 1200 80 1080 80C960 80 840 80 720 80C600 80 480 80 360 80C240 80 120 80 60 80H0Z\" fill=\"white\"\/>\n            <\/svg>\n        <\/div>\n    <\/section>\n\n    <!-- Quick Services Section -->\n    <section id=\"services\" class=\"py-16 sm:py-20 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n            <div class=\"text-center mb-12 fade-in\">\n                <span class=\"inline-block bg-sky-100 text-sky-600 text-[11px] font-semibold uppercase tracking-widest px-4 py-1.5 rounded-full mb-4\">Our Services<\/span>\n                <h2 class=\"text-2xl sm:text-3xl font-bold text-slate-800 tracking-tight\">Quick Access to Health Services<\/h2>\n                <p class=\"text-slate-500 mt-3 max-w-xl mx-auto text-sm sm:text-base\">Find the healthcare services you need quickly and easily<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4 sm:gap-5 fade-in\">\n                <a href=\"#\" class=\"service-card bg-white border border-slate-200 rounded-2xl p-5 sm:p-6 text-center group cursor-pointer\">\n                    <div class=\"w-14 h-14 mx-auto bg-sky-50 rounded-2xl flex items-center justify-center mb-4 group-hover:bg-sky-100 transition-colors\">\n                        <iconify-icon icon=\"lucide:hospital\" width=\"26\" class=\"text-sky-500\"><\/iconify-icon>\n                    <\/div>\n                    <h3 class=\"font-semibold text-slate-800 text-sm mb-1\">Hospitals<\/h3>\n                    <p class=\"text-xs text-slate-400\">Find hospitals<\/p>\n                <\/a>\n\n                <a href=\"#\" class=\"service-card bg-white border border-slate-200 rounded-2xl p-5 sm:p-6 text-center group cursor-pointer\">\n                    <div class=\"w-14 h-14 mx-auto bg-rose-50 rounded-2xl flex items-center justify-center mb-4 group-hover:bg-rose-100 transition-colors\">\n                        <iconify-icon icon=\"lucide:heart-pulse\" width=\"26\" class=\"text-rose-500\"><\/iconify-icon>\n                    <\/div>\n                    <h3 class=\"font-semibold text-slate-800 text-sm mb-1\">Maternal Health<\/h3>\n                    <p class=\"text-xs text-slate-400\">Mother & child care<\/p>\n                <\/a>\n\n                <a href=\"#\" class=\"service-card bg-white border border-slate-200 rounded-2xl p-5 sm:p-6 text-center group cursor-pointer\">\n                    <div class=\"w-14 h-14 mx-auto bg-emerald-50 rounded-2xl flex items-center justify-center mb-4 group-hover:bg-emerald-100 transition-colors\">\n                        <iconify-icon icon=\"lucide:syringe\" width=\"26\" class=\"text-emerald-500\"><\/iconify-icon>\n                    <\/div>\n                    <h3 class=\"font-semibold text-slate-800 text-sm mb-1\">Vaccination<\/h3>\n                    <p class=\"text-xs text-slate-400\">Immunization programs<\/p>\n                <\/a>\n\n                <a href=\"#\" class=\"service-card bg-white border border-slate-200 rounded-2xl p-5 sm:p-6 text-center group cursor-pointer\">\n                    <div class=\"w-14 h-14 mx-auto bg-amber-50 rounded-2xl flex items-center justify-center mb-4 group-hover:bg-amber-100 transition-colors\">\n                        <iconify-icon icon=\"lucide:siren\" width=\"26\" class=\"text-amber-500\"><\/iconify-icon>\n                    <\/div>\n                    <h3 class=\"font-semibold text-slate-800 text-sm mb-1\">Emergency<\/h3>\n                    <p class=\"text-xs text-slate-400\">24\/7 emergency care<\/p>\n                <\/a>\n\n                <a href=\"#\" class=\"service-card bg-white border border-slate-200 rounded-2xl p-5 sm:p-6 text-center group cursor-pointer\">\n                    <div class=\"w-14 h-14 mx-auto bg-purple-50 rounded-2xl flex items-center justify-center mb-4 group-hover:bg-purple-100 transition-colors\">\n                        <iconify-icon icon=\"lucide:microscope\" width=\"26\" class=\"text-purple-500\"><\/iconify-icon>\n                    <\/div>\n                    <h3 class=\"font-semibold text-slate-800 text-sm mb-1\">Laboratory<\/h3>\n                    <p class=\"text-xs text-slate-400\">Diagnostic services<\/p>\n                <\/a>\n\n                <a href=\"#\" class=\"service-card bg-white border border-slate-200 rounded-2xl p-5 sm:p-6 text-center group cursor-pointer\">\n                    <div class=\"w-14 h-14 mx-auto bg-cyan-50 rounded-2xl flex items-center justify-center mb-4 group-hover:bg-cyan-100 transition-colors\">\n                        <iconify-icon icon=\"lucide:pill\" width=\"26\" class=\"text-cyan-500\"><\/iconify-icon>\n                    <\/div>\n                    <h3 class=\"font-semibold text-slate-800 text-sm mb-1\">Pharmacy<\/h3>\n                    <p class=\"text-xs text-slate-400\">Medicine supply<\/p>\n                <\/a>\n\n                <a href=\"#\" class=\"service-card bg-white border border-slate-200 rounded-2xl p-5 sm:p-6 text-center group cursor-pointer\">\n                    <div class=\"w-14 h-14 mx-auto bg-teal-50 rounded-2xl flex items-center justify-center mb-4 group-hover:bg-teal-100 transition-colors\">\n                        <iconify-icon icon=\"lucide:shield-plus\" width=\"26\" class=\"text-teal-500\"><\/iconify-icon>\n                    <\/div>\n                    <h3 class=\"font-semibold text-slate-800 text-sm mb-1\">Health Insurance<\/h3>\n                    <p class=\"text-xs text-slate-400\">CBHI enrollment<\/p>\n                <\/a>\n\n                <a href=\"#\" class=\"service-card bg-white border border-slate-200 rounded-2xl p-5 sm:p-6 text-center group cursor-pointer\">\n                    <div class=\"w-14 h-14 mx-auto bg-indigo-50 rounded-2xl flex items-center justify-center mb-4 group-hover:bg-indigo-100 transition-colors\">\n                        <iconify-icon icon=\"lucide:file-text\" width=\"26\" class=\"text-indigo-500\"><\/iconify-icon>\n                    <\/div>\n                    <h3 class=\"font-semibold text-slate-800 text-sm mb-1\">Reports<\/h3>\n                    <p class=\"text-xs text-slate-400\">Downloads & data<\/p>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- About Section -->\n    <section id=\"about\" class=\"py-16 sm:py-20 bg-sky-50\/50\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n            <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n                <div class=\"fade-in\">\n                    <span class=\"inline-block bg-sky-100 text-sky-600 text-[11px] font-semibold uppercase tracking-widest px-4 py-1.5 rounded-full mb-4\">About Us<\/span>\n                    <h2 class=\"text-2xl sm:text-3xl font-bold text-slate-800 tracking-tight mb-5\">Leading Healthcare Transformation in Diredawa<\/h2>\n                    <p class=\"text-slate-500 leading-relaxed mb-5\">\n                        The Diredawa City Administration Health Bureau is the principal government body responsible for planning, implementing, and coordinating all public health activities in Diredawa City. We work tirelessly to ensure every citizen has access to quality healthcare services.\n                    <\/p>\n                    <p class=\"text-slate-500 leading-relaxed mb-8\">\n                        With a network of hospitals, health centers, and health posts, we deliver comprehensive primary healthcare, preventive services, and emergency response to over 500,000 residents across the city.\n                    <\/p>\n\n                    <div class=\"grid sm:grid-cols-2 gap-4\">\n                        <div class=\"flex items-start gap-3\">\n                            <div class=\"w-9 h-9 bg-sky-100 rounded-lg flex items-center justify-center shrink-0 mt-0.5\">\n                                <iconify-icon icon=\"lucide:eye\" width=\"18\" class=\"text-sky-600\"><\/iconify-icon>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-slate-800 text-sm\">Our Vision<\/h4>\n                                <p class=\"text-xs text-slate-500 mt-1 leading-relaxed\">A healthy and productive Diredawa community with access to quality healthcare.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <div class=\"w-9 h-9 bg-sky-100 rounded-lg flex items-center justify-center shrink-0 mt-0.5\">\n                                <iconify-icon icon=\"lucide:target\" width=\"18\" class=\"text-sky-600\"><\/iconify-icon>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-slate-800 text-sm\">Our Mission<\/h4>\n                                <p class=\"text-xs text-slate-500 mt-1 leading-relaxed\">Provide equitable, accessible, and quality health services for all residents.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"fade-in\">\n                    <div class=\"relative rounded-3xl overflow-hidden shadow-xl\">\n                        <img decoding=\"async\" src=\"https:\/\/dahb.gov.et\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-26-2026-at-09_03_54-PM.png\" alt=\"Diredawa Health Bureau\" class=\"w-full h-[360px] sm:h-[440px] object-cover\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-sky-900\/60 via-transparent to-transparent\"><\/div>\n                        <div class=\"absolute bottom-0 left-0 right-0 p-6 sm:p-8\">\n                            <div class=\"flex items-center gap-3 text-white\">\n                                <div class=\"w-10 h-10 bg-white\/20 backdrop-blur-sm rounded-full flex items-center justify-center\">\n                                    <iconify-icon icon=\"lucide:map-pin\" width=\"18\"><\/iconify-icon>\n                                <\/div>\n                                <div>\n                                    <div class=\"font-semibold text-sm\">Diredawa City, Ethiopia<\/div>\n                                    <div class=\"text-xs text-sky-200\">Est. \u2014 Serving since inception<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Health Statistics -->\n    <section class=\"py-16 sm:py-20 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n            <div class=\"text-center mb-12 fade-in\">\n                <span class=\"inline-block bg-sky-100 text-sky-600 text-[11px] font-semibold uppercase tracking-widest px-4 py-1.5 rounded-full mb-4\">Key Performance<\/span>\n                <h2 class=\"text-2xl sm:text-3xl font-bold text-slate-800 tracking-tight\">Health Statistics at a Glance<\/h2>\n                <p class=\"text-slate-500 mt-3 max-w-xl mx-auto text-sm sm:text-base\">Our performance metrics for the current fiscal year<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-5 fade-in\">\n                <div class=\"stat-card bg-white border border-slate-200 rounded-2xl p-6 text-center cursor-default\">\n                    <div class=\"w-12 h-12 mx-auto bg-emerald-50 rounded-xl flex items-center justify-center mb-3\">\n                        <iconify-icon icon=\"lucide:baby\" width=\"24\" class=\"text-emerald-500\"><\/iconify-icon>\n                    <\/div>\n                    <div class=\"text-3xl font-bold text-slate-800\" data-count=\"92\">0%<\/div>\n                    <div class=\"text-xs text-slate-400 mt-1 font-medium\">Immunization Coverage<\/div>\n                    <div class=\"mt-3 w-full bg-slate-100 rounded-full h-1.5\">\n                        <div class=\"bg-emerald-500 h-1.5 rounded-full\" style=\"width: 92%\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"stat-card bg-white border border-slate-200 rounded-2xl p-6 text-center cursor-default\">\n                    <div class=\"w-12 h-12 mx-auto bg-sky-50 rounded-xl flex items-center justify-center mb-3\">\n                        <iconify-icon icon=\"lucide:shield-check\" width=\"24\" class=\"text-sky-500\"><\/iconify-icon>\n                    <\/div>\n                    <div class=\"text-3xl font-bold text-slate-800\" data-count=\"87\">0%<\/div>\n                    <div class=\"text-xs text-slate-400 mt-1 font-medium\">Skilled Birth Delivery<\/div>\n                    <div class=\"mt-3 w-full bg-slate-100 rounded-full h-1.5\">\n                        <div class=\"bg-sky-500 h-1.5 rounded-full\" style=\"width: 87%\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"stat-card bg-white border border-slate-200 rounded-2xl p-6 text-center cursor-default\">\n                    <div class=\"w-12 h-12 mx-auto bg-violet-50 rounded-xl flex items-center justify-center mb-3\">\n                        <iconify-icon icon=\"lucide:activity\" width=\"24\" class=\"text-violet-500\"><\/iconify-icon>\n                    <\/div>\n                    <div class=\"text-3xl font-bold text-slate-800\" data-count=\"95\">0%<\/div>\n                    <div class=\"text-xs text-slate-400 mt-1 font-medium\">ANC Visit (4+)<\/div>\n                    <div class=\"mt-3 w-full bg-slate-100 rounded-full h-1.5\">\n                        <div class=\"bg-violet-500 h-1.5 rounded-full\" style=\"width: 95%\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"stat-card bg-white border border-slate-200 rounded-2xl p-6 text-center cursor-default\">\n                    <div class=\"w-12 h-12 mx-auto bg-amber-50 rounded-xl flex items-center justify-center mb-3\">\n                        <iconify-icon icon=\"lucide:hand-helping\" width=\"24\" class=\"text-amber-500\"><\/iconify-icon>\n                    <\/div>\n                    <div class=\"text-3xl font-bold text-slate-800\" data-count=\"78\">0%<\/div>\n                    <div class=\"text-xs text-slate-400 mt-1 font-medium\">CBHI Enrollment<\/div>\n                    <div class=\"mt-3 w-full bg-slate-100 rounded-full h-1.5\">\n                        <div class=\"bg-amber-500 h-1.5 rounded-full\" style=\"width: 78%\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Health Alert Banner -->\n    <section id=\"emergency\" class=\"bg-gradient-to-r from-red-500 to-rose-600 py-8\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n            <div class=\"flex flex-col md:flex-row items-center justify-between gap-6\">\n                <div class=\"flex items-center gap-4 text-white\">\n                    <div class=\"w-14 h-14 bg-white\/20 rounded-2xl flex items-center justify-center shrink-0\">\n                        <iconify-icon icon=\"lucide:phone-call\" width=\"28\" class=\"text-white\"><\/iconify-icon>\n                    <\/div>\n                    <div>\n                        <h3 class=\"font-bold text-lg\">Health Emergency? Call 6407 Now<\/h3>\n                        <p class=\"text-red-100 text-sm mt-0.5\">Free 24\/7 emergency ambulance and health hotline service<\/p>\n                    <\/div>\n                <\/div>\n                <a href=\"tel:6407\" class=\"inline-flex items-center gap-2 bg-white text-red-600 font-bold text-sm px-8 py-3.5 rounded-xl hover:bg-red-50 transition-colors shadow-lg shrink-0\">\n                    <iconify-icon icon=\"lucide:phone\" width=\"16\"><\/iconify-icon>\n                    Call 6407\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Fade-in on scroll\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, { threshold: 0.1 });\n\n        document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n\n        \/\/ Count-up animation for stats\n        const countObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    const el = entry.target;\n                    const target = parseInt(el.dataset.count);\n                    let current = 0;\n                    const increment = target \/ 40;\n                    const timer = setInterval(() => {\n                        current += increment;\n                        if (current >= target) {\n                            current = target;\n                            clearInterval(timer);\n                        }\n                        el.textContent = Math.round(current) + '%';\n                    }, 30);\n                    countObserver.unobserve(el);\n                }\n            });\n        }, { threshold: 0.5 });\n\n        document.querySelectorAll('[data-count]').forEach(el => countObserver.observe(el));\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Diredawa City Administration Health Bureau Important Notice: Polio vaccination campaign starts next week Protect every child by getting them vaccinated. Serving 500,000+ Residents Building a Healthier Diredawa City Committed to delivering quality, accessible, and equitable healthcare services for every resident of Diredawa City Administration. Explore Services Emergency: 6407 2 Hospitals 16 Health Centers 36 Health [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/dahb.gov.et\/index.php?rest_route=\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dahb.gov.et\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dahb.gov.et\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dahb.gov.et\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dahb.gov.et\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=83"}],"version-history":[{"count":91,"href":"https:\/\/dahb.gov.et\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":568,"href":"https:\/\/dahb.gov.et\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions\/568"}],"wp:attachment":[{"href":"https:\/\/dahb.gov.et\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}