{"id":9732,"date":"2023-05-28T09:36:04","date_gmt":"2023-05-28T09:36:04","guid":{"rendered":"http:\/\/www.nyandarua.go.ke\/?page_id=9732"},"modified":"2026-07-09T06:38:48","modified_gmt":"2026-07-09T06:38:48","slug":"public-works-roads-transport-housing-and-energy","status":"publish","type":"page","link":"https:\/\/www.nyandarua.go.ke\/?page_id=9732","title":{"rendered":"Public Works Roads Transport, Housing and Energy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9732\" class=\"elementor elementor-9732\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f68a37a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f68a37a\" 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-de0b71f\" data-id=\"de0b71f\" 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-ced2d26 elementor-widget elementor-widget-html\" data-id=\"ced2d26\" 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=\"drpwe-root\">\n<style>\n  #drpwe-root{\n    --green-deep:#123524;\n    --green:#1B5E3A;\n    --green-line:#2E7D4F;\n    --gold:#C79A32;\n    --amber:#E8A93A;\n    --asphalt:#20242A;\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  #drpwe-root *{box-sizing:border-box;margin:0;padding:0;}\n  #drpwe-root img{max-width:100%;display:block;}\n  #drpwe-root a{color:inherit;text-decoration:none;}\n  #drpwe-root ul{list-style:none;}\n  #drpwe-root .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}\n  #drpwe-root h1,#drpwe-root h2,#drpwe-root h3,#drpwe-root h4{\n    font-family:'Fraunces',Georgia,serif;\n    font-weight:600;\n    letter-spacing:-0.01em;\n    color:var(--green-deep);\n  }\n  #drpwe-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  #drpwe-root .stat-num{font-family:'IBM Plex Mono',monospace;}\n\n  \/* ---------- ruler divider (signature element) ---------- *\/\n  #drpwe-root .ruler{\n    height:14px;\n    background-image:repeating-linear-gradient(\n      90deg, var(--green-line) 0 2px, transparent 2px 24px\n    );\n    background-position:center bottom;\n    background-repeat:repeat-x;\n    background-size:24px 14px;\n    opacity:.55;\n  }\n  #drpwe-root .ruler.tall{height:20px;background-size:24px 20px;}\n\n  \/* ---------- top utility bar ---------- *\/\n  #drpwe-root .util-bar{\n    background:var(--green-deep);\n    color:var(--paper-dim);\n    font-size:12.5px;\n  }\n  #drpwe-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  #drpwe-root .util-bar a:hover{color:var(--amber);}\n  #drpwe-root .util-links{display:flex;gap:18px;}\n\n  \/* ---------- header \/ nav ---------- *\/\n  #drpwe-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  #drpwe-root .head-row{\n    display:flex;align-items:center;justify-content:space-between;\n    padding:14px 24px;gap:20px;\n  }\n  #drpwe-root .brand{display:flex;align-items:center;gap:14px;}\n  #drpwe-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  #drpwe-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  #drpwe-root .brand-text h1{font-size:19px;line-height:1.2;}\n\n  \/* nav *\/\n  #drpwe-root nav.primary{position:relative;}\n  #drpwe-root .nav-list{display:flex;gap:2px;}\n  #drpwe-root .nav-list > li{position:relative;}\n  #drpwe-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  #drpwe-root .nav-list > li > a:hover,\n  #drpwe-root .nav-list > li.open > a{background:var(--paper-dim);color:var(--green);}\n  #drpwe-root .caret{font-size:10px;transition:transform .18s ease;color:var(--gold);}\n  #drpwe-root .nav-list > li.open .caret{transform:rotate(180deg);}\n\n  #drpwe-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  #drpwe-root .nav-list > li.open .submenu{display:block;}\n  #drpwe-root .submenu a{\n    display:block;padding:10px 12px;font-size:14px;color:var(--ink);border-radius:var(--radius);\n  }\n  #drpwe-root .submenu a:hover{background:var(--paper-dim);color:var(--green);padding-left:16px;}\n\n  #drpwe-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  #drpwe-root .burger span{width:20px;height:2px;background:var(--green-deep);}\n\n  @media(max-width:900px){\n    #drpwe-root .burger{display:flex;}\n    #drpwe-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    #drpwe-root nav.primary.open{transform:translateX(0);}\n    #drpwe-root .nav-list{flex-direction:column;padding:10px;}\n    #drpwe-root .nav-list > li > a{padding:14px 10px;justify-content:space-between;}\n    #drpwe-root .submenu{position:static;box-shadow:none;border:none;display:none;background:var(--paper-dim);margin:0 0 4px 10px;}\n    #drpwe-root .nav-list > li.open .submenu{display:block;}\n    #drpwe-root .nav-scrim{display:none;position:fixed;inset:0;background:rgba(15,20,15,.45);z-index:150;}\n    #drpwe-root .nav-scrim.show{display:block;}\n  }\n\n  \/* ---------- hero ---------- *\/\n  #drpwe-root .hero{\n    background:linear-gradient(180deg,var(--green-deep),var(--green) 120%);\n    color:var(--paper);position:relative;overflow:hidden;\n  }\n  #drpwe-root .hero .wrap{padding:64px 24px 46px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;}\n  #drpwe-root .hero h2{\n    color:var(--white);font-size:clamp(28px,4vw,44px);line-height:1.08;margin:10px 0 16px;\n  }\n  #drpwe-root .hero p.lede{color:#DDE7DD;font-size:16.5px;max-width:52ch;margin-bottom:26px;}\n  #drpwe-root .hero-cta{display:flex;gap:12px;flex-wrap:wrap;}\n  #drpwe-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  #drpwe-root .btn-gold{background:var(--gold);color:var(--green-deep);}\n  #drpwe-root .btn-gold:hover{background:var(--amber);}\n  #drpwe-root .btn-outline{border-color:rgba(255,255,255,.5);color:var(--white);}\n  #drpwe-root .btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,.08);}\n\n  #drpwe-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  #drpwe-root .stat-row div{border-left:2px solid var(--gold);padding-left:12px;}\n  #drpwe-root .stat-num{font-size:26px;font-weight:600;color:var(--amber);display:block;}\n  #drpwe-root .stat-label{font-size:12px;color:#CBD8CC;text-transform:uppercase;letter-spacing:.06em;}\n  @media(max-width:820px){#drpwe-root .hero .wrap{grid-template-columns:1fr;} #drpwe-root .stat-row{grid-template-columns:1fr;}}\n\n  \/* ---------- section shell ---------- *\/\n  #drpwe-root section{padding:64px 0;}\n  #drpwe-root section.alt{background:var(--paper-dim);}\n  #drpwe-root .section-head{max-width:640px;margin-bottom:36px;}\n  #drpwe-root .section-head h2{font-size:30px;margin-top:8px;}\n  #drpwe-root .section-head p{color:var(--ink-soft);margin-top:10px;font-size:15.5px;}\n\n  \/* ---------- pillars ---------- *\/\n  #drpwe-root .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}\n  #drpwe-root .pillar-card{\n    background:var(--white);border:1px solid var(--line);padding:26px;\n    border-top:3px solid var(--green);\n  }\n  #drpwe-root .pillar-card.energy{border-top-color:var(--amber);}\n  #drpwe-root .pillar-icon{width:40px;height:40px;margin-bottom:14px;color:var(--green);}\n  #drpwe-root .pillar-card.energy .pillar-icon{color:var(--amber);}\n  #drpwe-root .pillar-card h3{font-size:19px;margin-bottom:8px;}\n  #drpwe-root .pillar-card ul{margin-top:12px;display:flex;flex-direction:column;gap:6px;}\n  #drpwe-root .pillar-card li{font-size:14px;color:var(--ink-soft);padding-left:14px;position:relative;}\n  #drpwe-root .pillar-card li::before{content:\"\u2014\";position:absolute;left:0;color:var(--gold);}\n  @media(max-width:820px){#drpwe-root .pillars{grid-template-columns:1fr;}}\n\n  \/* ---------- achievements gallery ---------- *\/\n  #drpwe-root .gal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;}\n  #drpwe-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  #drpwe-root .gal-tab.active{background:var(--green);color:var(--white);border-color:var(--green);}\n  #drpwe-root .gal-grid{\n    display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;\n  }\n  #drpwe-root .gal-item{\n    background:var(--white);border:1px solid var(--line);cursor:pointer;overflow:hidden;\n  }\n  #drpwe-root .gal-thumb{\n    width:100%;aspect-ratio:4\/3;object-fit:cover;display:block;\n    background:var(--paper-dim);\n  }\n  #drpwe-root .gal-cap{padding:10px 12px;}\n  #drpwe-root .gal-cap .tag{font-size:11px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.05em;}\n  #drpwe-root .gal-cap .title{font-size:13.5px;margin-top:2px;color:var(--ink);}\n  #drpwe-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  #drpwe-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  #drpwe-root .upload-box .txt h4{font-size:15px;margin-bottom:4px;}\n  #drpwe-root .upload-box .txt p{font-size:13px;color:var(--ink-soft);}\n  #drpwe-root .upload-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}\n  #drpwe-root .upload-controls select,#drpwe-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  #drpwe-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  #drpwe-root .file-btn:hover{background:var(--green-deep);}\n  #drpwe-root .upload-hint{font-size:11.5px;color:var(--ink-soft);margin-top:8px;width:100%;}\n\n  \/* lightbox *\/\n  #drpwe-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  #drpwe-root .lightbox.show{display:flex;}\n  #drpwe-root .lightbox img{max-height:80vh;border:3px solid var(--white);}\n  #drpwe-root .lightbox-cap{color:var(--paper);text-align:center;margin-top:14px;font-size:14px;}\n  #drpwe-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  #drpwe-root .banner{\n    background:var(--asphalt);color:var(--paper);\n    background-image:repeating-linear-gradient(90deg, rgba(199,154,50,.9) 0 46px, transparent 46px 92px);\n    background-position:center;background-repeat:no-repeat;background-size:100% 4px;\n  }\n  #drpwe-root .banner-inner{padding:46px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}\n  #drpwe-root .banner h3{color:var(--white);font-size:24px;}\n  #drpwe-root .banner p{color:#C9C9C4;margin-top:6px;font-size:14px;}\n\n  \/* ---------- footer ---------- *\/\n  #drpwe-root footer{background:var(--green-deep);color:#D8E3D9;padding:50px 0 20px;}\n  #drpwe-root .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px;}\n  #drpwe-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  #drpwe-root .foot-grid ul{display:flex;flex-direction:column;gap:8px;}\n  #drpwe-root .foot-grid a{font-size:13.5px;color:#C4D3C6;}\n  #drpwe-root .foot-grid a:hover{color:var(--amber);}\n  #drpwe-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){#drpwe-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:roadsworks@nyandarua.go.ke\">roadsworks@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\">DRW<\/div>\n      <div class=\"brand-text\">\n        <div class=\"county\">County Government of Nyandarua<\/div>\n        <h1>Roads, Public Works &amp; Energy<\/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\">Building Nyandarua, Sustaining Progress<\/span>\n      <h2>Roads that connect us.<br>Works that endure.<br>Energy that powers Nyandarua.<\/h2>\n      <p class=\"lede\">The Department oversees road construction &amp; maintenance, public buildings and infrastructure, and rural electrification &amp; renewable energy 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\">Report an Issue<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"stat-row\">\n      <div><span class=\"stat-num\" id=\"statKm\">0<\/span><span class=\"stat-label\">Km of road graded \/ paved<\/span><\/div>\n      <div><span class=\"stat-num\" id=\"statBld\">0<\/span><span class=\"stat-label\">Public buildings completed<\/span><\/div>\n      <div><span class=\"stat-num\" id=\"statConn\">0<\/span><span class=\"stat-label\">Households electrified<\/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 engineers and officers 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=\"M3 20c3-10 6-14 9-16 3 2 6 6 9 16\"\/><path d=\"M8 20l1.5-6M16 20l-1.5-6\" stroke-dasharray=\"2 2\"\/><\/svg>\n        <h3>Roads Directorate<\/h3>\n        <p style=\"font-size:14px;color:var(--ink-soft);\">Construction, grading and upkeep of the county road network.<\/p>\n        <ul>\n          <li>New road construction &amp; opening<\/li>\n          <li>Periodic &amp; routine maintenance<\/li>\n          <li>Bridges, culverts &amp; drainage<\/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=\"M4 21V10l8-6 8 6v11\"\/><path d=\"M9 21v-6h6v6\"\/><\/svg>\n        <h3>Public Works Directorate<\/h3>\n        <p style=\"font-size:14px;color:var(--ink-soft);\">Design, construction and maintenance of public buildings.<\/p>\n        <ul>\n          <li>Government building construction<\/li>\n          <li>Structural inspection &amp; approvals<\/li>\n          <li>Mechanical &amp; plant equipment<\/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=\"M13 2 4 14h6l-1 8 9-12h-6z\"\/><\/svg>\n        <h3>Energy Directorate<\/h3>\n        <p style=\"font-size:14px;color:var(--ink-soft);\">Extending clean, reliable power across the county.<\/p>\n        <ul>\n          <li>Rural electrification projects<\/li>\n          <li>Solar &amp; renewable energy pilots<\/li>\n          <li>Street lighting installation<\/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>Projects delivered on the ground<\/h2>\n      <p>A visual record of completed works across Roads, Public Works and Energy. 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=\"Roads\">Roads<\/option>\n          <option value=\"Public Works\">Public Works<\/option>\n          <option value=\"Energy\">Energy<\/option>\n        <\/select>\n        <input type=\"text\" id=\"uploadCaption\" placeholder=\"Short caption e.g. Ol Kalou\u2013Njabini road, Phase II\" \/>\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 projects &amp; open tenders<\/h3>\n      <p>Track live construction works and current procurement opportunities from the department.<\/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 Roads, Public Works &amp; Energy<\/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;\">roadsworks@nyandarua.go.ke<br>+254 (0) 000 000 000<\/p>\n    <\/div>\n    <div>\n      <h5>Directorates<\/h5>\n      <ul>\n        <li><a href=\"#\">Roads<\/a><\/li>\n        <li><a href=\"#\">Public Works<\/a><\/li>\n        <li><a href=\"#\">Energy<\/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>Office<\/h5>\n      <ul>\n        <li><a href=\"#\">Report a Road Fault<\/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 Roads, Public Works &amp; Energy.<\/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('drpwe-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:\"Organizational Structure\", link:\"#\" },\n        { label:\"Department Officials\", link:\"#\" }\n    ]},\n    { label:\"Roads\", link:\"#\", submenu:[\n        { label:\"Road Construction\", link:\"#\" },\n        { label:\"Road Maintenance\", link:\"#\" },\n        { label:\"Bridges & Drainage\", link:\"#\" }\n    ]},\n    { label:\"Public Works\", link:\"#\", submenu:[\n        { label:\"Building & Structures\", link:\"#\" },\n        { label:\"Public Infrastructure\", link:\"#\" },\n        { label:\"Mechanical & Equipment\", link:\"#\" }\n    ]},\n    { label:\"Energy\", link:\"#\", submenu:[\n        { label:\"Rural Electrification\", link:\"#\" },\n        { label:\"Renewable Energy Projects\", link:\"#\" },\n        { label:\"Street Lighting\", link:\"#\" }\n    ]},\n    { label:\"Projects & Tenders\", link:\"#\", submenu:[\n        { label:\"Ongoing Projects\", link:\"#\" },\n        { label:\"Completed Projects\", link:\"#\" },\n        { label:\"Tenders & Procurement\", link:\"#\" }\n    ]},\n    { label:\"Achievements\", link:\"#achievements\" },\n    { label:\"Downloads\", link:\"#\", submenu:[\n        { label:\"Publications\", link:\"#\" },\n        { label:\"Policy Documents\", 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:\"Roads\", title:\"Ol Kalou\u2013Rurii Road grading, Phase I\", img:\"\" },\n    { category:\"Roads\", title:\"Engineer\u2013Gathanji murram road opening\", img:\"\" },\n    { category:\"Public Works\", title:\"Ndaragwa Sub-County offices renovation\", img:\"\" },\n    { category:\"Public Works\", title:\"Kinamba market shed construction\", img:\"\" },\n    { category:\"Energy\", title:\"Solar streetlights, Ol Kalou town\", img:\"\" },\n    { category:\"Energy\", title:\"Last-mile connectivity, Shamata ward\", img:\"\" }\n  ];\n  var currentFilter = \"All\";\n\n  function placeholderSVG(label){\n    var colors = {Roads:\"#1B5E3A\", \"Public Works\":\"#123524\", Energy:\"#C79A32\"};\n    var c = colors[label] || \"#1B5E3A\";\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\",\"Roads\",\"Public Works\",\"Energy\"];\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('statKm', 480, ' km');\n  countUp('statBld', 36, '');\n  countUp('statConn', 12400, '+');\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-50a2dde elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"50a2dde\" 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-9f48b18\" data-id=\"9f48b18\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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 roadsworks@nyandarua.go.ke DRW County Government of Nyandarua Roads, Public Works &amp; Energy Building Nyandarua, Sustaining Progress Roads that connect [&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-9732","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nyandarua.go.ke\/index.php?rest_route=\/wp\/v2\/pages\/9732","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=9732"}],"version-history":[{"count":8,"href":"https:\/\/www.nyandarua.go.ke\/index.php?rest_route=\/wp\/v2\/pages\/9732\/revisions"}],"predecessor-version":[{"id":21161,"href":"https:\/\/www.nyandarua.go.ke\/index.php?rest_route=\/wp\/v2\/pages\/9732\/revisions\/21161"}],"wp:attachment":[{"href":"https:\/\/www.nyandarua.go.ke\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}