{"id":9743,"date":"2023-05-28T09:46:33","date_gmt":"2023-05-28T09:46:33","guid":{"rendered":"http:\/\/www.nyandarua.go.ke\/?page_id=9743"},"modified":"2026-07-09T09:42:57","modified_gmt":"2026-07-09T09:42:57","slug":"health-services","status":"publish","type":"page","link":"https:\/\/www.nyandarua.go.ke\/?page_id=9743","title":{"rendered":"Health Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9743\" class=\"elementor elementor-9743\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7695120 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7695120\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-51ca53e\" data-id=\"51ca53e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d9de6a5 elementor-widget elementor-widget-html\" data-id=\"d9de6a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     DEPARTMENT OF ROADS, PUBLIC WORKS & ENERGY \u2014 WEBSITE PAGE\n     Built for embedding in WordPress (Custom HTML block, Elementor\n     HTML widget, or as a standalone page-template.php body).\n     See the integration notes in chat for how to wire this into WP.\n     ============================================================ -->\n<div id=\"health-root\">\n<style>\n  #health-root{\n    --green-deep:#0B4A47;\n    --green:#0F7268;\n    --green-line:#22988A;\n    --gold:#C2542E;\n    --amber:#DE7A46;\n    --asphalt:#22282A;\n    --paper:#F4F0E6;\n    --paper-dim:#EAE4D4;\n    --ink:#1C1C1A;\n    --ink-soft:#4B4B46;\n    --line:#D8D0BA;\n    --white:#FFFFFF;\n    --radius:2px;\n    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\n    color:var(--ink);\n    background:var(--paper);\n    line-height:1.5;\n    -webkit-font-smoothing:antialiased;\n  }\n  #health-root *{box-sizing:border-box;margin:0;padding:0;}\n  #health-root img{max-width:100%;display:block;}\n  #health-root a{color:inherit;text-decoration:none;}\n  #health-root ul{list-style:none;}\n  #health-root .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}\n  #health-root h1,#health-root h2,#health-root h3,#health-root h4{\n    font-family:'Fraunces',Georgia,serif;\n    font-weight:600;\n    letter-spacing:-0.01em;\n    color:var(--green-deep);\n  }\n  #health-root .eyebrow{\n    font-family:'IBM Plex Mono',monospace;\n    font-size:12px;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n    color:var(--gold);\n    font-weight:600;\n  }\n  #health-root .stat-num{font-family:'IBM Plex Mono',monospace;}\n\n  \/* ---------- ruler divider (signature element) ---------- *\/\n  #health-root .ruler{\n    height:14px;\n    background-image:repeating-linear-gradient(\n      90deg, var(--green-line) 0 2px, transparent 2px 9px,\n      var(--green-line) 9px 11px, transparent 11px 40px\n    );\n    background-position:center bottom;\n    background-repeat:repeat-x;\n    background-size:40px 14px;\n    opacity:.6;\n  }\n  #health-root .ruler.tall{height:20px;background-size:40px 20px;}\n\n  \/* ---------- top utility bar ---------- *\/\n  #health-root .util-bar{\n    background:var(--green-deep);\n    color:var(--paper-dim);\n    font-size:12.5px;\n  }\n  #health-root .util-bar .wrap{\n    display:flex;justify-content:space-between;align-items:center;\n    padding-top:6px;padding-bottom:6px;flex-wrap:wrap;gap:6px;\n  }\n  #health-root .util-bar a:hover{color:var(--amber);}\n  #health-root .util-links{display:flex;gap:18px;}\n\n  \/* ---------- header \/ nav ---------- *\/\n  #health-root header.site-head{\n    background:var(--paper);\n    border-bottom:3px solid var(--green);\n    position:sticky;top:0;z-index:200;\n  }\n  #health-root .head-row{\n    display:flex;align-items:center;justify-content:space-between;\n    padding:14px 24px;gap:20px;\n  }\n  #health-root .brand{display:flex;align-items:center;gap:14px;}\n  #health-root .crest{\n    width:52px;height:52px;border-radius:50%;\n    background:conic-gradient(from 210deg,var(--green),var(--gold),var(--green));\n    display:flex;align-items:center;justify-content:center;\n    color:var(--white);font-family:'Fraunces',serif;font-weight:700;font-size:18px;\n    flex:none;\n  }\n  #health-root .brand-text .county{\n    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;\n    text-transform:uppercase;color:var(--ink-soft);\n  }\n  #health-root .brand-text h1{font-size:19px;line-height:1.2;}\n\n  \/* nav *\/\n  #health-root nav.primary{position:relative;}\n  #health-root .nav-list{display:flex;gap:2px;}\n  #health-root .nav-list > li{position:relative;}\n  #health-root .nav-list > li > a{\n    display:flex;align-items:center;gap:6px;\n    padding:12px 14px;font-weight:600;font-size:14.5px;color:var(--green-deep);\n    border-radius:var(--radius);\n  }\n  #health-root .nav-list > li > a:hover,\n  #health-root .nav-list > li.open > a{background:var(--paper-dim);color:var(--green);}\n  #health-root .caret{font-size:10px;transition:transform .18s ease;color:var(--gold);}\n  #health-root .nav-list > li.open .caret{transform:rotate(180deg);}\n\n  #health-root .submenu{\n    position:absolute;top:100%;left:0;min-width:240px;\n    background:var(--white);border:1px solid var(--line);\n    border-top:3px solid var(--gold);\n    box-shadow:0 14px 28px rgba(20,30,20,.14);\n    padding:6px;display:none;z-index:50;\n  }\n  #health-root .nav-list > li.open .submenu{display:block;}\n  #health-root .submenu a{\n    display:block;padding:10px 12px;font-size:14px;color:var(--ink);border-radius:var(--radius);\n  }\n  #health-root .submenu a:hover{background:var(--paper-dim);color:var(--green);padding-left:16px;}\n\n  #health-root .burger{\n    display:none;width:40px;height:40px;border:1px solid var(--line);\n    background:var(--white);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;\n  }\n  #health-root .burger span{width:20px;height:2px;background:var(--green-deep);}\n\n  @media(max-width:900px){\n    #health-root .burger{display:flex;}\n    #health-root nav.primary{\n      position:fixed;inset:0 0 0 auto;width:82%;max-width:340px;\n      background:var(--white);transform:translateX(100%);transition:transform .25s ease;\n      top:0;height:100vh;overflow-y:auto;box-shadow:-10px 0 30px rgba(0,0,0,.2);\n      padding-top:70px;\n    }\n    #health-root nav.primary.open{transform:translateX(0);}\n    #health-root .nav-list{flex-direction:column;padding:10px;}\n    #health-root .nav-list > li > a{padding:14px 10px;justify-content:space-between;}\n    #health-root .submenu{position:static;box-shadow:none;border:none;display:none;background:var(--paper-dim);margin:0 0 4px 10px;}\n    #health-root .nav-list > li.open .submenu{display:block;}\n    #health-root .nav-scrim{display:none;position:fixed;inset:0;background:rgba(15,20,15,.45);z-index:150;}\n    #health-root .nav-scrim.show{display:block;}\n  }\n\n  \/* ---------- hero ---------- *\/\n  #health-root .hero{\n    background:linear-gradient(180deg,var(--green-deep),var(--green) 120%);\n    color:var(--paper);position:relative;overflow:hidden;\n  }\n  #health-root .hero .wrap{padding:64px 24px 46px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;}\n  #health-root .hero h2{\n    color:var(--white);font-size:clamp(28px,4vw,44px);line-height:1.08;margin:10px 0 16px;\n  }\n  #health-root .hero p.lede{color:#DDE7DD;font-size:16.5px;max-width:52ch;margin-bottom:26px;}\n  #health-root .hero-cta{display:flex;gap:12px;flex-wrap:wrap;}\n  #health-root .btn{\n    display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-weight:700;\n    font-size:14px;border:1.5px solid transparent;border-radius:var(--radius);cursor:pointer;\n  }\n  #health-root .btn-gold{background:var(--gold);color:var(--green-deep);}\n  #health-root .btn-gold:hover{background:var(--amber);}\n  #health-root .btn-outline{border-color:rgba(255,255,255,.5);color:var(--white);}\n  #health-root .btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,.08);}\n\n  #health-root .stat-row{\n    background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.14);\n    padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;\n  }\n  #health-root .stat-row div{border-left:2px solid var(--gold);padding-left:12px;}\n  #health-root .stat-num{font-size:26px;font-weight:600;color:var(--amber);display:block;}\n  #health-root .stat-label{font-size:12px;color:#CBD8CC;text-transform:uppercase;letter-spacing:.06em;}\n  @media(max-width:820px){#health-root .hero .wrap{grid-template-columns:1fr;} #health-root .stat-row{grid-template-columns:1fr;}}\n\n  \/* ---------- section shell ---------- *\/\n  #health-root section{padding:64px 0;}\n  #health-root section.alt{background:var(--paper-dim);}\n  #health-root .section-head{max-width:640px;margin-bottom:36px;}\n  #health-root .section-head h2{font-size:30px;margin-top:8px;}\n  #health-root .section-head p{color:var(--ink-soft);margin-top:10px;font-size:15.5px;}\n\n  \/* ---------- pillars ---------- *\/\n  #health-root .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}\n  #health-root .pillar-card{\n    background:var(--white);border:1px solid var(--line);padding:26px;\n    border-top:3px solid var(--green);\n  }\n  #health-root .pillar-card.energy{border-top-color:var(--amber);}\n  #health-root .pillar-icon{width:40px;height:40px;margin-bottom:14px;color:var(--green);}\n  #health-root .pillar-card.energy .pillar-icon{color:var(--amber);}\n  #health-root .pillar-card h3{font-size:19px;margin-bottom:8px;}\n  #health-root .pillar-card ul{margin-top:12px;display:flex;flex-direction:column;gap:6px;}\n  #health-root .pillar-card li{font-size:14px;color:var(--ink-soft);padding-left:14px;position:relative;}\n  #health-root .pillar-card li::before{content:\"\u2014\";position:absolute;left:0;color:var(--gold);}\n  @media(max-width:820px){#health-root .pillars{grid-template-columns:1fr;}}\n\n  \/* ---------- achievements gallery ---------- *\/\n  #health-root .gal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;}\n  #health-root .gal-tab{\n    padding:8px 16px;border:1px solid var(--line);background:var(--white);\n    font-size:13px;font-weight:600;cursor:pointer;color:var(--ink-soft);\n  }\n  #health-root .gal-tab.active{background:var(--green);color:var(--white);border-color:var(--green);}\n  #health-root .gal-grid{\n    display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;\n  }\n  #health-root .gal-item{\n    background:var(--white);border:1px solid var(--line);cursor:pointer;overflow:hidden;\n  }\n  #health-root .gal-thumb{\n    width:100%;aspect-ratio:4\/3;object-fit:cover;display:block;\n    background:var(--paper-dim);\n  }\n  #health-root .gal-cap{padding:10px 12px;}\n  #health-root .gal-cap .tag{font-size:11px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.05em;}\n  #health-root .gal-cap .title{font-size:13.5px;margin-top:2px;color:var(--ink);}\n  #health-root .gal-empty{\n    grid-column:1\/-1;text-align:center;padding:40px 20px;color:var(--ink-soft);\n    border:1px dashed var(--line);font-size:14px;\n  }\n\n  #health-root .upload-box{\n    margin-top:28px;background:var(--white);border:1px solid var(--line);\n    border-left:3px solid var(--gold);padding:22px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;\n  }\n  #health-root .upload-box .txt h4{font-size:15px;margin-bottom:4px;}\n  #health-root .upload-box .txt p{font-size:13px;color:var(--ink-soft);}\n  #health-root .upload-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}\n  #health-root .upload-controls select,#health-root .upload-controls input[type=text]{\n    padding:10px 12px;border:1px solid var(--line);font-size:13.5px;font-family:inherit;background:var(--white);\n  }\n  #health-root .file-btn{\n    display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--green);\n    color:var(--white);font-weight:700;font-size:13.5px;cursor:pointer;border:none;\n  }\n  #health-root .file-btn:hover{background:var(--green-deep);}\n  #health-root .upload-hint{font-size:11.5px;color:var(--ink-soft);margin-top:8px;width:100%;}\n\n  \/* lightbox *\/\n  #health-root .lightbox{\n    display:none;position:fixed;inset:0;background:rgba(10,14,10,.88);z-index:400;\n    align-items:center;justify-content:center;padding:30px;\n  }\n  #health-root .lightbox.show{display:flex;}\n  #health-root .lightbox img{max-height:80vh;border:3px solid var(--white);}\n  #health-root .lightbox-cap{color:var(--paper);text-align:center;margin-top:14px;font-size:14px;}\n  #health-root .lightbox-close{\n    position:absolute;top:22px;right:28px;color:var(--white);font-size:26px;cursor:pointer;\n    width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);\n  }\n\n  \/* ---------- projects banner ---------- *\/\n  #health-root .banner{\n    background:var(--asphalt);color:var(--paper);\n    background-image:repeating-linear-gradient(90deg, rgba(194,84,46,.9) 0 46px, transparent 46px 92px);\n    background-position:center;background-repeat:no-repeat;background-size:100% 4px;\n  }\n  #health-root .banner-inner{padding:46px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}\n  #health-root .banner h3{color:var(--white);font-size:24px;}\n  #health-root .banner p{color:#C9C9C4;margin-top:6px;font-size:14px;}\n\n  \/* ---------- footer ---------- *\/\n  #health-root footer{background:var(--green-deep);color:#D8E3D9;padding:50px 0 20px;}\n  #health-root .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px;}\n  #health-root .foot-grid h5{color:var(--white);font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;}\n  #health-root .foot-grid ul{display:flex;flex-direction:column;gap:8px;}\n  #health-root .foot-grid a{font-size:13.5px;color:#C4D3C6;}\n  #health-root .foot-grid a:hover{color:var(--amber);}\n  #health-root .foot-bottom{\n    margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);\n    display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#9FB2A2;\n  }\n  @media(max-width:820px){#health-root .foot-grid{grid-template-columns:1fr 1fr;}}\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\n\n<!-- ============ UTILITY BAR ============ -->\n<div class=\"util-bar\">\n  <div class=\"wrap\">\n    <div class=\"util-links\">\n      <a href=\"#\">County Government of Nyandarua<\/a>\n      <a href=\"#contact\">Public Complaints<\/a>\n    <\/div>\n    <div class=\"util-links\">\n      <a href=\"tel:+254000000000\">\ud83d\udcde +254 (0) 000 000 000<\/a>\n      <a href=\"mailto:health@nyandarua.go.ke\">health@nyandarua.go.ke<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ============ HEADER \/ NAV ============ -->\n<header class=\"site-head\">\n  <div class=\"head-row wrap\">\n    <div class=\"brand\">\n      <div class=\"crest\">DHS<\/div>\n      <div class=\"brand-text\">\n        <div class=\"county\">County Government of Nyandarua<\/div>\n        <h1>Health Services<\/h1>\n      <\/div>\n    <\/div>\n    <button class=\"burger\" id=\"drpweBurger\" aria-label=\"Open menu\"><span><\/span><span><\/span><span><\/span><\/button>\n    <nav class=\"primary\" id=\"drpweNav\">\n      <ul class=\"nav-list\" id=\"drpweMenu\"><!-- rendered by JS from MENU_DATA below --><\/ul>\n    <\/nav>\n  <\/div>\n<\/header>\n<div class=\"nav-scrim\" id=\"drpweScrim\"><\/div>\n<div class=\"ruler tall\"><\/div>\n\n<!-- ============ HERO ============ -->\n<section class=\"hero\" style=\"padding:0;\">\n  <div class=\"wrap\">\n    <div>\n      <span class=\"eyebrow\">Caring for Every Ward, Every Day<\/span>\n      <h2>Accessible care.<br>Healthier homes.<br>A stronger Nyandarua.<\/h2>\n      <p class=\"lede\">The Department delivers curative and preventive health services, runs public health programmes, and upgrades hospitals, health centres and dispensaries across the county's eight sub-counties.<\/p>\n      <div class=\"hero-cta\">\n        <a href=\"#achievements\" class=\"btn btn-gold\">View Our Achievements<\/a>\n        <a href=\"#contact\" class=\"btn btn-outline\">Find a Facility<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"stat-row\">\n      <div><span class=\"stat-num\" id=\"statFac\">0<\/span><span class=\"stat-label\">Health facilities upgraded<\/span><\/div>\n      <div><span class=\"stat-num\" id=\"statPat\">0<\/span><span class=\"stat-label\">Patients served monthly<\/span><\/div>\n      <div><span class=\"stat-num\" id=\"statImm\">0<\/span><span class=\"stat-label\">Immunization coverage<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ ABOUT \/ PILLARS ============ -->\n<section id=\"about\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">What We Do<\/span>\n      <h2>Three mandates, one department<\/h2>\n      <p>Our work is organised around three technical directorates, each led by qualified health professionals delivering services directly to residents.<\/p>\n    <\/div>\n    <div class=\"pillars\">\n      <div class=\"pillar-card\">\n        <svg class=\"pillar-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 21s-7-4.35-9.5-8.8C.8 8.6 2.5 5 6 5c2 0 3.5 1.2 4 2.8C10.5 6.2 12 5 14 5c3.5 0 5.2 3.6 3.5 7.2C15 16.65 12 21 12 21z\"\/><path d=\"M3 12h4l1.5-3 2 5 1.5-3H21\"\/><\/svg>\n        <h3>Curative Services<\/h3>\n        <p style=\"font-size:14px;color:var(--ink-soft);\">Diagnosis, treatment and emergency care at county health facilities.<\/p>\n        <ul>\n          <li>Outpatient &amp; inpatient care<\/li>\n          <li>Emergency &amp; ambulance referral<\/li>\n          <li>Reproductive &amp; child health<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"pillar-card\">\n        <svg class=\"pillar-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 2v6M12 16v6M2 12h6M16 12h6\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg>\n        <h3>Preventive &amp; Promotive Health<\/h3>\n        <p style=\"font-size:14px;color:var(--ink-soft);\">Keeping communities well before illness takes hold.<\/p>\n        <ul>\n          <li>Immunization campaigns<\/li>\n          <li>Disease surveillance<\/li>\n          <li>Community health strategy<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"pillar-card energy\">\n        <svg class=\"pillar-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M4 21V10l8-6 8 6v11\"\/><path d=\"M9 21v-6h6v6\"\/><\/svg>\n        <h3>Health Infrastructure<\/h3>\n        <p style=\"font-size:14px;color:var(--ink-soft);\">Upgrading hospitals, health centres and dispensaries countywide.<\/p>\n        <ul>\n          <li>Facility construction &amp; upgrades<\/li>\n          <li>Medical equipment procurement<\/li>\n          <li>Staff housing &amp; referral systems<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"ruler\"><\/div>\n\n<!-- ============ ACHIEVEMENTS GALLERY ============ -->\n<section id=\"achievements\" class=\"alt\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">Achievements<\/span>\n      <h2>Care delivered on the ground<\/h2>\n      <p>A visual record of completed facilities and health programmes. Filter by directorate or add a new achievement below.<\/p>\n    <\/div>\n\n    <div class=\"gal-tabs\" id=\"galTabs\"><!-- rendered by JS --><\/div>\n    <div class=\"gal-grid\" id=\"galGrid\"><!-- rendered by JS from ACHIEVEMENTS data --><\/div>\n\n    <div class=\"upload-box\">\n      <div class=\"txt\">\n        <h4>Add a new achievement photo<\/h4>\n        <p>Upload a photo, tag its directorate, and give it a short caption.<\/p>\n      <\/div>\n      <div class=\"upload-controls\">\n        <select id=\"uploadCategory\">\n          <option value=\"Curative Services\">Curative Services<\/option>\n          <option value=\"Preventive & Promotive\">Preventive &amp; Promotive<\/option>\n          <option value=\"Health Infrastructure\">Health Infrastructure<\/option>\n        <\/select>\n        <input type=\"text\" id=\"uploadCaption\" placeholder=\"Short caption e.g. Ol Kalou Sub-County Hospital maternity wing\" \/>\n        <label class=\"file-btn\">\n          \ud83d\udcf7 Choose Photo\n          <input type=\"file\" id=\"uploadInput\" accept=\"image\/*\" style=\"display:none;\">\n        <\/label>\n      <\/div>\n    <\/div>\n    <p class=\"upload-hint\">Photos added here preview instantly on this page for the current visit. For photos to stay online permanently, upload them through the WordPress Media Library and add the entry to the ACHIEVEMENTS list in the page code \u2014 see the integration note provided alongside this file.<\/p>\n  <\/div>\n<\/section>\n\n<!-- lightbox -->\n<div class=\"lightbox\" id=\"lightbox\">\n  <div class=\"lightbox-close\" id=\"lightboxClose\">\u2715<\/div>\n  <div>\n    <img decoding=\"async\" id=\"lightboxImg\" src=\"\" alt=\"\">\n    <div class=\"lightbox-cap\" id=\"lightboxCap\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- ============ PROJECTS \/ TENDERS BANNER ============ -->\n<section class=\"banner\" style=\"padding:0;\">\n  <div class=\"wrap banner-inner\">\n    <div>\n      <h3>Ongoing health projects &amp; open tenders<\/h3>\n      <p>Track facility upgrades, medical equipment procurement and current tender opportunities.<\/p>\n    <\/div>\n    <div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n      <a href=\"#\" class=\"btn btn-gold\">View Tenders<\/a>\n      <a href=\"#\" class=\"btn btn-outline\">Ongoing Projects<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ CONTACT \/ FOOTER ============ -->\n<footer id=\"contact\">\n  <div class=\"wrap foot-grid\">\n    <div>\n      <h5>Department of Health Services<\/h5>\n      <p style=\"font-size:13.5px;color:#C4D3C6;max-width:32ch;\">County Government of Nyandarua, P.O. Box 000, Ol Kalou, Kenya.<\/p>\n      <p style=\"font-size:13.5px;color:#C4D3C6;margin-top:10px;\">health@nyandarua.go.ke<br>+254 (0) 000 000 000<\/p>\n    <\/div>\n    <div>\n      <h5>Directorates<\/h5>\n      <ul>\n        <li><a href=\"#\">Curative Services<\/a><\/li>\n        <li><a href=\"#\">Preventive &amp; Promotive<\/a><\/li>\n        <li><a href=\"#\">Health Infrastructure<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div>\n      <h5>Resources<\/h5>\n      <ul>\n        <li><a href=\"#\">Tenders &amp; Procurement<\/a><\/li>\n        <li><a href=\"#\">Publications<\/a><\/li>\n        <li><a href=\"#achievements\">Achievements<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div>\n      <h5>Public<\/h5>\n      <ul>\n        <li><a href=\"#\">Find a Facility<\/a><\/li>\n        <li><a href=\"#\">Request Public Participation<\/a><\/li>\n        <li><a href=\"#\">Careers<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n  <div class=\"wrap foot-bottom\">\n    <span>\u00a9 <span id=\"drpweYear\"><\/span> County Government of Nyandarua \u2014 Department of Health Services.<\/span>\n    <span>Department of ICT &amp; Revenue \u2014 Digital Services<\/span>\n  <\/div>\n<\/footer>\n\n<script>\n(function(){\n  var root = document.getElementById('health-root');\n\n  \/* =========================================================\n     MENU DATA \u2014 edit this array to add, remove, rename or\n     reorder menus and submenus. Nothing else needs to change;\n     the navigation renders itself from this list.\n     ========================================================= *\/\n  var MENU_DATA = [\n    { label:\"Home\", link:\"#\" },\n    { label:\"About Us\", link:\"#about\", submenu:[\n        { label:\"Vision & Mission\", link:\"#\" },\n        { label:\"Health Management Team\", link:\"#\" },\n        { label:\"Organizational Structure\", link:\"#\" }\n    ]},\n    { label:\"Health Services\", link:\"#\", submenu:[\n        { label:\"Curative Services\", link:\"#\" },\n        { label:\"Preventive & Promotive Health\", link:\"#\" },\n        { label:\"Reproductive & Child Health\", link:\"#\" }\n    ]},\n    { label:\"Facilities\", link:\"#\", submenu:[\n        { label:\"Hospitals\", link:\"#\" },\n        { label:\"Health Centres & Dispensaries\", link:\"#\" },\n        { label:\"Ambulance & Referral Services\", link:\"#\" }\n    ]},\n    { label:\"Public Health\", link:\"#\", submenu:[\n        { label:\"Disease Surveillance\", link:\"#\" },\n        { label:\"Environmental Health\", link:\"#\" },\n        { label:\"Community Health Strategy\", link:\"#\" }\n    ]},\n    { label:\"Programs & Campaigns\", link:\"#\", submenu:[\n        { label:\"Immunization\", link:\"#\" },\n        { label:\"HIV\/AIDS & NCD Programs\", link:\"#\" },\n        { label:\"Nutrition\", link:\"#\" }\n    ]},\n    { label:\"Achievements\", link:\"#achievements\" },\n    { label:\"Downloads\", link:\"#\", submenu:[\n        { label:\"Publications\", link:\"#\" },\n        { label:\"Health Reports\", link:\"#\" },\n        { label:\"Forms\", link:\"#\" }\n    ]},\n    { label:\"Contact Us\", link:\"#contact\" }\n  ];\n\n  function renderMenu(){\n    var ul = document.getElementById('drpweMenu');\n    ul.innerHTML = '';\n    MENU_DATA.forEach(function(item){\n      var li = document.createElement('li');\n      var hasSub = item.submenu && item.submenu.length;\n      li.innerHTML = '<a href=\"'+item.link+'\">'+item.label+(hasSub ? ' <span class=\"caret\">\u25be<\/span>' : '')+'<\/a>';\n      if(hasSub){\n        var sub = document.createElement('div');\n        sub.className = 'submenu';\n        item.submenu.forEach(function(s){\n          var a = document.createElement('a');\n          a.href = s.link; a.textContent = s.label;\n          sub.appendChild(a);\n        });\n        li.appendChild(sub);\n        li.querySelector('a').addEventListener('click', function(e){\n          if(window.innerWidth <= 900){\n            e.preventDefault();\n            var wasOpen = li.classList.contains('open');\n            root.querySelectorAll('.nav-list > li').forEach(function(x){x.classList.remove('open');});\n            if(!wasOpen) li.classList.add('open');\n          }\n        });\n        li.addEventListener('mouseenter', function(){ if(window.innerWidth > 900) li.classList.add('open'); });\n        li.addEventListener('mouseleave', function(){ if(window.innerWidth > 900) li.classList.remove('open'); });\n      }\n      ul.appendChild(li);\n    });\n  }\n  renderMenu();\n\n  \/* mobile nav toggle *\/\n  var burger = document.getElementById('drpweBurger');\n  var nav = document.getElementById('drpweNav');\n  var scrim = document.getElementById('drpweScrim');\n  function closeNav(){ nav.classList.remove('open'); scrim.classList.remove('show'); }\n  burger.addEventListener('click', function(){\n    nav.classList.toggle('open'); scrim.classList.toggle('show');\n  });\n  scrim.addEventListener('click', closeNav);\n\n  \/* =========================================================\n     ACHIEVEMENTS DATA \u2014 edit this array to permanently add\n     achievement photos. For a real photo, set \"img\" to the\n     WordPress Media Library URL of the uploaded image.\n     ========================================================= *\/\n  var ACHIEVEMENTS = [\n    { category:\"Curative Services\", title:\"New maternity wing, Ol Kalou Sub-County Hospital\", img:\"\" },\n    { category:\"Curative Services\", title:\"Ambulance fleet expansion\", img:\"\" },\n    { category:\"Preventive & Promotive\", title:\"Measles-Rubella immunization drive\", img:\"\" },\n    { category:\"Preventive & Promotive\", title:\"Community health volunteer training\", img:\"\" },\n    { category:\"Health Infrastructure\", title:\"Dispensary upgrade, Shamata ward\", img:\"\" },\n    { category:\"Health Infrastructure\", title:\"Solar-powered cold chain installation\", img:\"\" }\n  ];\n  var currentFilter = \"All\";\n\n  function placeholderSVG(label){\n    var colors = {\"Curative Services\":\"#0F7268\", \"Preventive & Promotive\":\"#0B4A47\", \"Health Infrastructure\":\"#C2542E\"};\n    var c = colors[label] || \"#0F7268\";\n    var svg = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 400 300\">'+\n      '<rect width=\"400\" height=\"300\" fill=\"'+c+'\"\/>'+\n      '<text x=\"200\" y=\"155\" font-family=\"Inter,sans-serif\" font-size=\"20\" fill=\"#F4F0E6\" text-anchor=\"middle\" opacity=\"0.85\">Photo pending<\/text>'+\n      '<\/svg>';\n    return 'data:image\/svg+xml;utf8,' + encodeURIComponent(svg);\n  }\n\n  function renderTabs(){\n    var cats = [\"All\",\"Curative Services\",\"Preventive & Promotive\",\"Health Infrastructure\"];\n    var box = document.getElementById('galTabs');\n    box.innerHTML = '';\n    cats.forEach(function(c){\n      var b = document.createElement('button');\n      b.className = 'gal-tab' + (c===currentFilter ? ' active' : '');\n      b.textContent = c;\n      b.addEventListener('click', function(){ currentFilter = c; renderTabs(); renderGrid(); });\n      box.appendChild(b);\n    });\n  }\n\n  function renderGrid(){\n    var grid = document.getElementById('galGrid');\n    grid.innerHTML = '';\n    var list = ACHIEVEMENTS.filter(function(a){ return currentFilter===\"All\" || a.category===currentFilter; });\n    if(list.length === 0){\n      grid.innerHTML = '<div class=\"gal-empty\">No achievement photos in this category yet.<\/div>';\n      return;\n    }\n    list.forEach(function(a){\n      var item = document.createElement('div');\n      item.className = 'gal-item';\n      var src = a.img && a.img.length ? a.img : placeholderSVG(a.category);\n      item.innerHTML = '<img decoding=\"async\" class=\"gal-thumb\" src=\"'+src+'\" alt=\"'+a.title+'\">'+\n        '<div class=\"gal-cap\"><div class=\"tag\">'+a.category+'<\/div><div class=\"title\">'+a.title+'<\/div><\/div>';\n      item.addEventListener('click', function(){ openLightbox(src, a.title + ' \u2014 ' + a.category); });\n      grid.appendChild(item);\n    });\n  }\n\n  renderTabs();\n  renderGrid();\n\n  \/* upload preview *\/\n  var uploadInput = document.getElementById('uploadInput');\n  uploadInput.addEventListener('change', function(e){\n    var file = e.target.files[0];\n    if(!file) return;\n    var cat = document.getElementById('uploadCategory').value;\n    var cap = document.getElementById('uploadCaption').value.trim() || 'New achievement photo';\n    var reader = new FileReader();\n    reader.onload = function(evt){\n      ACHIEVEMENTS.unshift({ category:cat, title:cap, img:evt.target.result });\n      currentFilter = cat;\n      renderTabs(); renderGrid();\n      document.getElementById('uploadCaption').value = '';\n      document.getElementById('achievements').scrollIntoView({behavior:'smooth', block:'start'});\n    };\n    reader.readAsDataURL(file);\n  });\n\n  \/* lightbox *\/\n  var lightbox = document.getElementById('lightbox');\n  var lbImg = document.getElementById('lightboxImg');\n  var lbCap = document.getElementById('lightboxCap');\n  function openLightbox(src, cap){\n    lbImg.src = src; lbCap.textContent = cap; lightbox.classList.add('show');\n  }\n  document.getElementById('lightboxClose').addEventListener('click', function(){ lightbox.classList.remove('show'); });\n  lightbox.addEventListener('click', function(e){ if(e.target === lightbox) lightbox.classList.remove('show'); });\n\n  \/* animated hero stats *\/\n  function countUp(id, target, suffix){\n    var el = document.getElementById(id);\n    var start = 0, duration = 1200, startTime = null;\n    function step(ts){\n      if(!startTime) startTime = ts;\n      var progress = Math.min((ts - startTime) \/ duration, 1);\n      el.textContent = Math.floor(progress * target) + (suffix||'');\n      if(progress < 1) requestAnimationFrame(step);\n    }\n    requestAnimationFrame(step);\n  }\n  countUp('statFac', 42, '');\n  countUp('statPat', 28500, '+');\n  countUp('statImm', 91, '%');\n\n  document.getElementById('drpweYear').textContent = new Date().getFullYear();\n})();\n<\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>County Government of Nyandarua Public Complaints \ud83d\udcde +254 (0) 000 000 000 health@nyandarua.go.ke DHS County Government of Nyandarua Health Services Caring for Every Ward, Every Day Accessible care.Healthier homes.A stronger [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9743","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nyandarua.go.ke\/index.php?rest_route=\/wp\/v2\/pages\/9743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nyandarua.go.ke\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nyandarua.go.ke\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nyandarua.go.ke\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nyandarua.go.ke\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9743"}],"version-history":[{"count":16,"href":"https:\/\/www.nyandarua.go.ke\/index.php?rest_route=\/wp\/v2\/pages\/9743\/revisions"}],"predecessor-version":[{"id":21164,"href":"https:\/\/www.nyandarua.go.ke\/index.php?rest_route=\/wp\/v2\/pages\/9743\/revisions\/21164"}],"wp:attachment":[{"href":"https:\/\/www.nyandarua.go.ke\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}