CINXE.COM

<!doctype html> <html lang="en" style="scrollbar-gutter: stable;" class="h-full font-lexend"> <head> <base href="https://accounts.ecitizen.go.ke/en/ministries/ministry-of-roads-and-transport?department=state-department-for-transport"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="PHI1MjxBEgkpAyYkGTElGS4gKR8NfVAVhGFwY9clhAQBjFcPIuEriEex"> <meta name="title" content="eCitizen.go.ke - Government of Kenya services simplified"> <meta name="description" content="Government of Kenya online portal offers 16,000+ services from 100+ Ministries, Counties, Departments, and Agencies. Manage all your govt records in one place."><!-- Prevent Crawler from indexing test server/domains--> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.ecitizen.go.ke/"> <meta property="og:title" content="eCitizen.go.ke - Government of Kenya services simplified"> <meta property="og:description" content="Government of Kenya online portal offers 16,000+ services from 100+ Ministries, Counties, Departments, and Agencies. Manage all your govt records in one place."> <meta property="og:image" content="https://accounts.ecitizen.go.ke/images/og_image.png"><!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://www.ecitizen.go.ke/"> <meta property="twitter:title" content="eCitizen.go.ke - Government of Kenya services simplified"> <meta property="twitter:description" content="Government of Kenya online portal offers 16,000+ services from 100+ Ministries, Counties, Departments, and Agencies. Manage all your govt records in one place."><!--Twitter--> <meta property="twitter:image" content="https://accounts.ecitizen.go.ke/images/og_image.png"><!-- <meta name="google-site-verification" content="zY2wmlgsmqleLW4cWYgtSurDasLS7gllqEmF9RY3tTc" /> --> <meta name="google-site-verification" content="zY2wmlgsmqleLW4cWYgtSurDasLS7gllqEmF9RY3tTc"> <title data-suffix=" 路 Government of Kenya services simplified"> View Ministry 路 Government of Kenya services simplified</title> <link phx-track-static rel="icon" href="/en/images/favicon.ico"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700;800&amp;display=swap" rel="stylesheet"><!-- better grade font --> <link href="https://fonts.cdnfonts.com/css/better-grade" rel="stylesheet"><!-- International Telephone Input --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@18.1.1/build/css/intlTelInput.css"> <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@18.1.1/build/js/intlTelInput.min.js"> </script><!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PSK8GBSG'); </script><!-- End Google Tag Manager --> <!-- Project Styles --> <link phx-track-static rel="stylesheet" href="/en/assets/app.css"> <script defer phx-track-static type="text/javascript" src="/en/assets/app.js"> </script><!-- Cropper CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropper/2.3.4/cropper.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"><!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-VGDNZMLX1M"> </script><!-- highcharts --> <script src="https://code.highcharts.com/maps/highmaps.js"> </script> <script src="https://code.highcharts.com/maps/modules/data.js"> </script> <script src="https://code.highcharts.com/maps/modules/exporting.js"> </script> <script src="https://code.highcharts.com/maps/modules/offline-exporting.js"> </script> <script src="https://code.highcharts.com/maps/modules/accessibility.js"> </script> <script src="https://cdn.jsdelivr.net/npm/tsparticles-confetti@2.10.1/tsparticles.confetti.bundle.min.js"> </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VGDNZMLX1M'); </script> <meta http-equiv="X-Translated-By" content="Google"> <meta http-equiv="X-Translated-To" content="es"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.wwop16iXnCY.O/am=AAY/d=1/rs=AN8SPfruPli9oA-GOOT5dsugnU0ELhMwBw/m=corsproxy" data-sourceurl="https://accounts.ecitizen.go.ke/en/ministries/ministry-of-roads-and-transport?department=state-department-for-transport"></script> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.wwop16iXnCY.O/am=AAY/d=1/exm=corsproxy/ed=1/rs=AN8SPfruPli9oA-GOOT5dsugnU0ELhMwBw/m=phishing_protection" data-phishing-protection-enabled="false" data-forms-warning-enabled="true" data-source-url="https://accounts.ecitizen.go.ke/en/ministries/ministry-of-roads-and-transport?department=state-department-for-transport"></script> <meta name="robots" content="none"> </head> <body class="text-bodycolor h-full bg-white antialiased"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.wwop16iXnCY.O/am=AAY/d=1/exm=corsproxy,phishing_protection/ed=1/rs=AN8SPfruPli9oA-GOOT5dsugnU0ELhMwBw/m=navigationui" data-environment="prod" data-proxy-url="https://accounts-ecitizen-go-ke.translate.goog" data-proxy-full-url="https://accounts-ecitizen-go-ke.translate.goog/en/ministries/ministry-of-roads-and-transport?department=state-department-for-transport&amp;_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-source-url="https://accounts.ecitizen.go.ke/en/ministries/ministry-of-roads-and-transport?department=state-department-for-transport" data-source-language="en" data-target-language="es" data-display-language="en" data-detected-source-language="" data-is-source-untranslated="false" data-source-untranslated-url="https://translate.google.com/website?sl=en&amp;tl=es&amp;hl=en&amp;u=https://accounts.ecitizen.go.ke/en/ministries/ministry-of-roads-and-transport?department%3Dstate-department-for-transport&amp;anno=2" data-client="tr"></script><!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PSK8GBSG" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript><!-- End Google Tag Manager (noscript) --> <div id="phx-GCunYSEnMvxUBD9B" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIZAACaWRtAAAAFHBoeC1HQ3VuWVNFbk12eFVCRDlCZAAMbGl2ZV9zZXNzaW9uaAJkAA1oZWFkZXJfYXNzaWdubggAHsvaP9SbJRhkAApwYXJlbnRfcGlkZAADbmlsZAAIcm9vdF9waWRkAANuaWxkAAlyb290X3ZpZXdkAChFbGl4aXIuU2luZ2xlU2lnbm9uV2ViLk1pbmlzdHJ5TGl2ZS5TaG93ZAAGcm91dGVyZAAdRWxpeGlyLlNpbmdsZVNpZ25vbldlYi5Sb3V0ZXJkAAdzZXNzaW9udAAAAABkAAR2aWV3ZAAoRWxpeGlyLlNpbmdsZVNpZ25vbldlYi5NaW5pc3RyeUxpdmUuU2hvd24GACbSmoOVAWIAAVGA.-QXLITmc2KAH2oJaJ-FHubMBMzNBw3IeujeGR_RXa6k" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADZAAKYXNzaWduX25ld2pkAAVmbGFzaHQAAAAAZAACaWRtAAAAFHBoeC1HQ3VuWVNFbk12eFVCRDlCbgYAJtKag5UBYgABUYA.HZw0G_wUYBX69_Ed9yKbIEUTUM0nQd6l_M867Z7lmYM"> <div class="flex-1 flex flex-col min-h-full"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/ministries/ministry-of-roads-and-transport?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en#main-content" type="button" tabindex="0" class="absolute z-[100] opacity-0 -left-[999px] focus:-left-[0px] focus:opacity-100 inline-block rounded-none bg-white px-5 py-2.5 text-sm font-medium text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"> Skip to main content </a> <header id="e" phx-update="ignore" class="border-b border-gray-200" x-data="{headerOpen: false}" x-on:click.away="headerOpen = false"> <nav class="mx-auto flex max-w-screen-2xl items-center justify-between gap-x-6 py-4 px-6 sm:px-8 lg:py-5" aria-label="Global"> <div class="flex items-center overflow-hidden w-auto"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="flex-none flex-shrink-0 block p-1 rounded-lg focus:ring-2 focus:outline-none" title="Go to the homepage"> <span class="sr-only">eCitizen</span> <img class="hidden xs:block w-auto h-8 2xs:h-12 xl:h-14" src="/en/images/logo.svg" alt="eCitizen logo"> <img class="block xs:hidden w-auto h-8 2xs:h-12 xl:h-14" src="/en/images/favicon.ico" alt="eCitizen logo"> </a> </div> <div class="hidden lg:flex lg:gap-x-6 xl:gap-x-12"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center p-1 rounded-lg text-base text-gray-500 hover:text-gray-900 focus:ring-2 " title="Go to the homepage"> Home </a> <a href="https://accounts-ecitizen-go-ke.translate.goog/en/home/national-ministries?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" aria-expanded="false" aria-haspopup="menu" class="text-gray-500 group inline-flex items-center rounded-md bg-white text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 " id="List-of-National-Services-dialog" title="View all Kenyan Ministries"> National </a> <a href="https://accounts-ecitizen-go-ke.translate.goog/en/home/counties?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" aria-expanded="false" aria-haspopup="menu" class="text-gray-500 group inline-flex items-center rounded-md bg-white text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 " id="List-of-Counties-dialog" title="View all Kenyan Counties"> Counties </a> <a href="https://accounts-ecitizen-go-ke.translate.goog/en/help-and-support?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="whitespace-nowrap inline-flex items-center p-1 rounded-lg text-base text-gray-500 hover:text-gray-900 focus:ring-2 " title="View Support Details and FAQs"> Help &amp; Support </a> </div><!-- user nav --> <div class="flex items-center justify-end gap-4"><!-- switcher --> <!-- Search --> <div class="hidden lg:block"><button type="button" title="Click here to search" phx-click="[[&quot;show&quot;,{&quot;to&quot;:&quot;#global_search&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#global_search-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;to&quot;:&quot;#global_search-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;focus_first&quot;,{&quot;to&quot;:&quot;#global_search-content&quot;}]]" class="text-base text-gray-500 hover:text-gray-900 rounded-full py-1.5 px-2.5 hover:bg-gray-100" aria-label="Search name of service, ministry, department, agency etc..."> <span class="sr-only"> Search name of service, ministry, department, agency etc... </span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" /> </svg></button> </div> <div class="hidden lg:flex xl:items-center xl:space-x-3"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/login?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="rounded-3xl whitespace-nowrap border border-transparent text-sm bg-white py-2 px-4 font-medium text-gray-800 hover:bg-gray-100 focus:outline-none" title="Navigate to the login page"> Sign in </a> <a href="https://accounts-ecitizen-go-ke.translate.goog/en/register?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="rounded-3xl whitespace-nowrap border border-transparent text-sm bg-accentcolor-700 py-2 px-4 font-medium text-white shadow-sm hover:bg-accentcolor-800 focus:outline-none focus:ring-offset-1 focus:ring-accentcolor-600" title="Navigate to the registration page"> Register </a> </div> <div class="flex !items-center justify-center space-x-3 2xs:space-x-5"><button phx-click="[[&quot;show&quot;,{&quot;to&quot;:&quot;#global_search&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#global_search-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;to&quot;:&quot;#global_search-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;focus_first&quot;,{&quot;to&quot;:&quot;#global_search-content&quot;}]]" type="button" class="inline-flex lg:hidden items-center justify-center text-gray-700" aria-label="Search name of service, ministry, department, agency etc..."> <span class="sr-only">Search name of service, ministry, department, agency etc...</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" /> </svg></button> <div x-data="{dropdownOpen: false}" x-on:click.away="dropdownOpen = false" x-on:keyup.escape="dropdownOpen = false" class="relative self-center"><button title="Choose Language to Translate" type="button" x-on:click="dropdownOpen = !dropdownOpen" x-on:keyup.alt.down="dropdownOpen = true" class="p-px h-auto flex items-center justify-center rounded-full focus:outline-none focus:ring-1 focus:ring-[#3482FF]" id="lang-menu-button" aria-expanded="false" aria-haspopup="menu" aria-controls="lang-menu" aria-label="Choose Language to Translate"> <span class="sr-only">Choose Language to Translate</span> <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 25 25" aria-hidden="true"><path fill="#3482FF" d="M22 12.5c0-5.52-4.48-10-10-10S2 6.98 2 12.5s4.48 10 10 10l10-10Z" /> <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.5 2.5c-1.95 5.84-1.95 14.16 0 20m5.5-20c.97 2.92 1.46 6.96 1.46 10" /> <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 15c2.92.97 6.96 1.96 10 1.96M2 9.498c5.84-1.95 14.16-1.446 20 .503" /> <path fill="#3482FF" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M17.5 24a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13Z" /> <path fill="#EBEBEB" d="m14 21 3.28-8h1.465L22 21h-1.622l-1.801-4.549a8.052 8.052 0 0 1-.169-.434 28.145 28.145 0 0 0-.216-.64 47.34 47.34 0 0 1-.36-1.097l.3-.011a52.643 52.643 0 0 1-.372 1.109c-.072.205-.144.403-.216.593-.064.19-.125.362-.18.515L15.561 21H14Zm1.49-1.829.54-1.291h3.832l.576 1.291H15.49Z" /> </svg></button> <!-- --> <div x-cloak x-show="dropdownOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-40 mt-1 w-32 origin-top-right rounded-md bg-white shadow-lg border border-gray-200 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="lang-menu-button" tabindex="0" aria-controls="lang-menu-button"> <div id="lang-menu-button-wrap" phx-hook="Phoenix.FocusWrap"><span id="lang-menu-button-wrap-start" tabindex="0" aria-hidden="true"></span> <div class="py-1" role="none"><a title="Translate to Swahili" href="https://accounts-ecitizen-go-ke.translate.goog/sw/ministries/ministry-of-roads-and-transport?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" class="text-gray-700 flex items-center px-4 py-2 text-sm hover:bg-gray-50 focus:ring-1 " id="menu-item-1" role="menuitem" tabindex="-1"> <img class="flex-shrink-0 h-5 w-4 mr-1" src="/en/images/ke_flag.svg" alt="Kenyan flag"> Swahili </a> <a title="Translate to English" href="https://accounts-ecitizen-go-ke.translate.goog/en/ministries/ministry-of-roads-and-transport?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" class="text-gray-700 flex items-center px-4 py-2 text-sm hover:bg-gray-50 focus:ring-1 " id="menu-item-2" role="menuitem" tabindex="-1"> <img class="flex-shrink-0 h-5 w-4 mr-1" src="/en/images/uk_flag.svg" alt="UK flag"> English </a> </div><span id="lang-menu-button-wrap-end" tabindex="0" aria-hidden="true"></span> </div> </div> </div> <div x-data="{dropdownOpen: false}" x-on:click.away="dropdownOpen = false" x-on:keyup.escape="dropdownOpen = false" class="relative self-center"><button title="Change Accessibility" type="button" x-on:click="dropdownOpen = !dropdownOpen" x-on:keyup.alt.down="dropdownOpen = true" class="p-px h-auto flex items-center justify-center rounded-full focus:outline-none focus:ring-1 focus:ring-[#3482FF]" aria-expanded="false" aria-haspopup="menu" aria-controls="accessibility-menu" aria-label="Accessibility"> <span class="sr-only">Accessibility</span> <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 22 23"><rect width="22" height="22" y=".5" fill="#3482FF" rx="11"></rect> <g fill="#fff" clip-path="url(#a)"> <path d="M9.94 8.456 5.9 6.943a.662.662 0 0 0-.52.023.693.693 0 0 0-.352.395.719.719 0 0 0 .023.535.688.688 0 0 0 .383.362l3.25 1.218a.878.878 0 0 1 .417.329.919.919 0 0 1 .158.516v1.986c0 .27-.05.536-.148.786l-1.744 4.445a.718.718 0 0 0 .15.767.678.678 0 0 0 .485.201.666.666 0 0 0 .481-.213.702.702 0 0 0 .144-.23l1.57-3.999a.865.865 0 0 1 1.62 0l1.57 3.998c.069.17.2.306.365.377a.662.662 0 0 0 .517.003.69.69 0 0 0 .37-.372.72.72 0 0 0 .009-.532l-1.743-4.442a2.155 2.155 0 0 1-.149-.786v-1.99a.9.9 0 0 1 .575-.845l3.25-1.218a.688.688 0 0 0 .384-.362.72.72 0 0 0 .023-.535.693.693 0 0 0-.352-.395.662.662 0 0 0-.52-.024l-4.04 1.514a2.456 2.456 0 0 1-2.137 0Z" /> <path d="M9.454 6.1c0 .298.08.59.233.844.153.253.372.458.631.59l.191.072c.322.12.675.12.997 0l.191-.072a1.57 1.57 0 0 0 .61-.558 1.632 1.632 0 0 0-.48-2.235 1.522 1.522 0 0 0-1.575-.039 1.576 1.576 0 0 0-.584.587 1.64 1.64 0 0 0-.214.81Z" /> </g> <defs> <clippath id="a"> <path fill="#fff" d="M4 4.5h14v14H4z" /> </clippath> </defs> </svg></button> <!-- --> <div x-cloak x-show="dropdownOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-40 mt-1 w-56 origin-top-right rounded-md bg-white shadow-lg border border-gray-200 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1"> <div id="accessibility-menu-button" phx-hook="Phoenix.FocusWrap"><span id="accessibility-menu-button-start" tabindex="0" aria-hidden="true"></span> <div class="py-1 divide-y divide-gray-100" role="none" id="accessibility-menu"> <p class="text-gray-700 font-semibold flex items-center px-4 py-2.5 text-sm" title="Accessibility" href="https://accounts-ecitizen-go-ke.translate.goog/en/ministries/ministry-of-roads-and-transport?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en#" role="menuitem" tabindex="-1" id="menu-item-3">Accessibility</p><label title="High Contrast Mode" for="high-contrast-btn" class="text-gray-700 flex items-center gap-2 px-4 py-2.5 text-sm hover:bg-gray-50 cursor-pointer" role="menuitem" tabindex="-1" id="menu-item-4"> <input tabindex="0" class="h-4 w-4 rounded border-gray-300 text-sso-green-500 focus:ring-sso-green-500" type="checkbox" id="high-contrast-btn"> <span class="text-sm"> High Contrast </span> </label> <label title="Negative Contrast Mode" for="negative-contrast-btn" class="text-gray-700 flex items-center gap-2 px-4 py-2.5 text-sm hover:bg-gray-50 cursor-pointer" role="menuitem" tabindex="-1" id="menu-item-5"> <input tabindex="0" class="h-4 w-4 rounded border-gray-300 text-sso-green-500 focus:ring-sso-green-500" type="checkbox" id="negative-contrast-btn"> <span class="text-sm"> Negative Contrast </span> </label> <label title="Grayscale" for="grayscale-btn" class="text-gray-700 flex items-center gap-2 px-4 py-2.5 text-sm hover:bg-gray-50 cursor-pointer" role="menuitem" tabindex="-1" id="menu-item-6"> <input tabindex="0" class="h-4 w-4 rounded border-gray-300 text-sso-green-500 focus:ring-sso-green-500" type="checkbox" id="grayscale-btn"> <span class="text-sm"> Grayscale </span> </label> <button title="Increase Text Size" class="text-gray-900 w-full flex items-center gap-2 px-4 py-2.5 text-sm hover:bg-gray-50" role="menuitem" tabindex="0" id="increaseBtn"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607zM10.5 7.5v6m3-3h-6" /> </svg><span class="text-sm text-gray-700"> Increase Text </span> </button> <button title="Decrease Text Size" class="text-gray-900 w-full flex items-center gap-2 px-4 py-2.5 text-sm hover:bg-gray-50" role="menuitem" tabindex="0" id="decreaseBtn"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607zM13.5 10.5h-6" /> </svg><span class="text-sm text-gray-700"> Decrease Text </span> </button> </div><span id="accessibility-menu-button-end" tabindex="0" aria-hidden="true"></span> </div> </div> </div><button x-on:click="headerOpen = !headerOpen" type="button" class="inline-flex lg:hidden items-center justify-center text-gray-700" aria-label="Open mobile menu"> <span class="sr-only">Open mobile menu</span> <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> </svg></button> </div> </div> </nav><!-- Mobile menu, show/hide based on menu open state. --> <div x-cloak x-show="headerOpen" class="block lg:hidden" role="dialog" aria-modal="true"><!-- Background backdrop, show/hide based on slide-over state. --> <div class="fixed inset-0 z-30 bg-gray-50/10 backdrop-blur-sm backdrop-filter"></div> <div class="fixed inset-y-0 right-0 z-30 w-full overflow-y-auto bg-white py-4 px-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10"> <div class="flex items-center gap-x-6"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/profile/documents/national-id?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" title="View your profile"> <img class="mx-auto w-auto h-8 " src="/en/images/logo.svg" alt="logo"> </a> <button x-on:click="headerOpen = false" type="button" class="ml-auto -m-2.5 rounded-md p-2.5 text-gray-700" aria-label="Close mobile menu"> <span class="sr-only">Close mobile menu</span> <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg></button> </div> <div class="mt-6 flow-root"> <div class="mb-6 divide-y divide-gray-500/10"> <div class="space-y-1 py-2.5"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="-mx-3 block rounded-lg py-1.5 px-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50" title="Navigate to the homepage"> Home </a> <a href="https://accounts-ecitizen-go-ke.translate.goog/en/ministries?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="-mx-3 block rounded-lg py-1.5 px-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50" title="View all National Ministries"> National </a> <a href="https://accounts-ecitizen-go-ke.translate.goog/en/counties?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="-mx-3 block rounded-lg py-1.5 px-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50" title="View all Counties"> County </a> <a href="https://accounts-ecitizen-go-ke.translate.goog/en/help-and-support?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="-mx-3 whitespace-nowrap block rounded-lg py-1.5 px-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50" title="View Support Details and FAQs"> Help &amp; Support </a> <div class="pt-4 pb-3 border-t border-gray-200"> <div class="flex space-x-4 items-center justify-start sm:mt-0"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/login?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="block w-full text-center rounded-3xl whitespace-nowrap border border-gray-200 bg-white py-2 px-4 font-medium text-gray-800 shadow-sm hover:bg-gray-200 focus:outline-none"> Sign in </a> <a href="https://accounts-ecitizen-go-ke.translate.goog/en/register?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="block w-full text-center rounded-3xl whitespace-nowrap border border-transparent bg-accentcolor-700 py-2 px-4 font-medium text-white shadow-sm hover:bg-accentcolor-800 focus:outline-none"> Register </a> </div> </div> </div> <div class="space-y-1 py-2.5"><a title="Switcher" href="https://accounts-ecitizen-go-ke.translate.goog/get-business?business=0&amp;_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" class="-mx-3 rounded-lg flex items-center justify-between py-1.5 px-3 text-base font-semibold leading-7 text-gray-900 capitalize bg-[#F0F6FF]"> Individual <svg class="flex-shrrink-0 -mr-0.5 h-5 w-5" viewbox="0 0 20 20" fill="#0047BA" aria-hidden="true"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /> </svg></a> </div> </div> </div> </div> </div> </header> <div class="relative rounded-3xl shadow-sm" id="search_area_container" phx-click-away="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#global_search-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#global_search-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#global_search&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]"> <div id="global_search" phx-remove="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#global_search-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#global_search-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#global_search&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]" class="relative z-50 hidden"> <div id="global_search-bg" class="fixed inset-0 transition-opacity bg-gray-700/75 backdrop-filter backdrop-blur-sm" aria-hidden="true"></div> <div class="fixed inset-0 overflow-y-auto" aria-labelledby="global_search-title" aria-describedby="global_search-description" role="dialog" aria-modal="true" tabindex="0"> <div class="flex justify-center min-h-full relative"> <div class="w-full max-w-5xl p-4 sm:p-6 mt-5 md:mt-20 "> <div id="global_search-container" phx-hook="Phoenix.FocusWrap" class="relative hidden transition bg-transparent" phx-click-away="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#global_search-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#global_search-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#global_search&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]" phx-key="escape" phx-window-keydown="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#global_search-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#global_search-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#global_search&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]"><span id="global_search-container-start" tabindex="0" aria-hidden="true"></span> <div class="text-right"><button phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#global_search-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#global_search-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#global_search&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]" type="button" class="flex-none p-2 mb-2 text-right text-white hover:text-gray-300" aria-label="close"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-6 h-6 stroke-current" fill="currentColor" viewbox="0 0 24 24"><path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> </svg></button> </div> <div id="global_search-content"> <div class="relative rounded-3xl shadow-sm" id="search_area"> <div class="relative"> <div class="pointer-events-none absolute inset-y-0 left-0 z-10 flex items-center pl-3"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"> </path> </svg> </div> <div class="relative"> <form id="live_search_form" phx-change="live_search" phx-submit="live_search" phx-target="1"><label for="global_search_input" class="sr-only"> Search for name of services,ministry, department.. </label> <input phx-debounce="1000" value="" type="text" id="global_search_input" name="search" class="2xs:pl-12 2xs:pr-5 block h-14 w-full border-gray-100 transition-none pl-10 pr-6 placeholder:text-slate-400 focus:border-gray-100 focus:outline-0 focus:ring-0 rounded-[30px]" placeholder="Type name of service, ministry, department, agency etc..."> </form> </div> </div><!-- search results --> </div> </div><span id="global_search-container-end" tabindex="0" aria-hidden="true"></span> </div> </div> </div> </div> </div> </div> <main class="flex-1 flex flex-col min-h-full w-full " id="main-contentt" phx-hook="accessibility"> <div id="disconnected" phx-click="[[&quot;push&quot;,{&quot;event&quot;:&quot;lv:clear-flash&quot;,&quot;value&quot;:{&quot;key&quot;:&quot;error&quot;}}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#disconnected&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}]]" role="alert" class="fixed hidden top-2 right-2 w-80 sm:w-96 z-[1001] rounded-lg p-3 shadow-md shadow-zinc-900/5 ring-1 bg-rose-50 p-3 text-rose-900 shadow-md ring-rose-500 fill-rose-900" phx-connected="[[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#disconnected&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}]]" phx-disconnected="[[&quot;show&quot;,{&quot;to&quot;:&quot;#disconnected&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}]]"> <p class="flex gap-1.5 text-[0.8125rem] font-semibold leading-6"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="mt-1 w-4 h-4" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-8-5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-4.5A.75.75 0 0 1 10 5Zm0 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /> </svg> Oops, it seems we're having trouble connecting to the internet.</p> <p class="mt-2 text-[0.8125rem] leading-5">Attempting to reconnect <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="ml-1 w-3 h-3 inline animate-spin" fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" /> </svg></p> </div> <div id="show_ministry"><!-- if user is authenticated --> <!-- --> <!-- Page header --> <div class="w-full mx-auto max-w-screen-2xl px-4 sm:px-6 lg:px-8"><!-- Heading --> <div class="py-6 "> <div class="flex items-center space-x-5"> <div class="flex-shrink-0 self-start"> <div class="relative"><!-- :if variables.cmda_logo --> <!-- :if !cmda_logo --> <img id="mda_logo" class="h-12 w-12 2xs:h-14 2xs:w-14" src="/en/images/ico-mcda-default.svg" alt="cmda logo"> </div> </div><!-- hero name empty state --> <div class="flex-1 space-y-4"> <h1 class="animate-pulse loading-skeleton h-8 w-1/2 max-w-md"></h1> </div> </div> </div><!-- Hero banner --> <div class="relative h-[160px] sm:h-[250px] md:h-[300px] lg:h-[350px]"> <div class="isolate overflow-hidden absolute inset-0 -z-10 h-full w-full bg-gradient-to-tr from-[#00585E]/30 via-[#00585E]/40 to-[#386277]/50 rounded-lg"><img src="" class="h-full w-full object-cover rounded-lg" alt=" Banner image"> </div> </div> </div><!-- Page content --> <div class="w-full mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8 pt-8 pb-8"><!-- Overview --> <div class="lg:grid lg:grid-cols-12 lg:gap-16 mb-16 lg:mb-20"><!-- left col --> <div class="lg:col-span-4"><!-- stats --> <div class="grid grid-cols-2 gap-x-6 gap-y-8 sm:gap-y-4 sm:gap-x-4 xl:gap-y-0 xl:gap-x-6"> <div class="animate-pulse space-y-2 flex flex-col"> <div class="space-y-1"> <div class="loading-skeleton h-4 w-10"></div> <div class="loading-skeleton h-4 w-14"></div> </div> <div class="loading-skeleton h-8 w-20 "></div> </div> <div class="animate-pulse space-y-2 flex flex-col"> <div class="space-y-1"> <div class="loading-skeleton h-4 w-10"></div> <div class="loading-skeleton h-4 w-14"></div> </div> <div class="loading-skeleton h-8 w-20 "></div> </div> </div> <div class="animate-pulse lg:col-span-8 w-full space-y-2"> <div class="flex justify-between"> <div> <div class="loading-skeleton w-2/5"></div> <div class="loading-skeleton w-full"></div> </div> <div> <div class="loading-skeleton w-2/5"></div> <div class="loading-skeleton w-full"></div> </div> </div> </div> </div><!-- right col --> <div class="lg:col-span-8" id="ministry_overview"> <div class="animate-pulse w-full space-y-2"> <div class="loading-skeleton w-2/5"></div> <div class="loading-skeleton w-full"></div> <div class="loading-skeleton w-1/5 max-w-md"></div> </div> </div> </div><!-- main content --> <div class="lg:grid lg:grid-cols-12 lg:gap-16"><!-- left col --> <div class="lg:col-span-4"> <div class="lg:mt-4 mb-7"> <h2 class="uppercase text-base font-medium text-gray-500 mb-3 tracking-wide"><span class="loading-skeleton inline-block h-10 w-full"></span></h2> </div><!-- Mobile Dropdown Select --> <div class="w-full my-6 top-1.5 lg:hidden"> <div><label id="listbox-label-68" class="block text-xs leading-6 text-gray-700"> Select an Agency: </label> <div x-data="{dropdownOpen: false}" x-on:click.away="dropdownOpen = false" class="relative"><button x-on:click="dropdownOpen = !dropdownOpen" id="listbox-button-69" type="button" aria-haspopup="listbox" aria-expanded="true" class="w-full py-2.5 pl-3 pr-10 font-medium text-left text-gray-600 rounded-md sm:rounded-2xl shadow-sm cursor-default bg-gray-100 ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-navcolor-600 sm:leading-6" aria-labelledby="listbox-label-68 listbox-button-69" aria-controls="listbox-options-70"> <span class="block truncate text-gray-500 text-center font-normal"> </span> <span class="absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-5 h-5 text-gray-400"><path fill-rule="evenodd" d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z" clip-rule="evenodd"> </path> </svg></span> </button> <ul x-cloak x-show="dropdownOpen" x-transition:leave="transition duration-150 ease-in" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" aria-labelledby="listbox-label-68" aria-orientation="vertical" id="listbox-options-70" role="listbox" tabindex="0" class="absolute z-10 w-full mt-0.5 overflow-auto text-base border bg-gray-50 border-gray-300 rounded-md shadow-lg bg-backdrop max-h-96 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"> </ul> </div> </div> </div><!-- Static sidebar for desktop --> <div class="animate-pulse lg:col-span-8 w-full space-y-2"> <div class="loading-skeleton w-full h-12"></div> <div class="loading-skeleton w-full h-12"></div> <div class="loading-skeleton w-full h-12"></div> <div class="loading-skeleton w-full h-12"></div> <div class="loading-skeleton w-full h-12"></div> <div class="loading-skeleton w-full h-12"></div> </div> </div><!-- right col --> <div class="lg:col-span-8"> <div class="animate-pulse w-full space-y-2 sm:mt-10 h-full"> <div class="loading-skeleton w-full h-full"></div> </div> </div> </div> </div> </div> </main> <footer class="bg-[#272E28] text-white" aria-labelledby="footer-heading"> <h2 id="footer-heading" class="sr-only">Footer</h2> <div class="px-6 pt-20 pb-8 mx-auto max-w-screen-2xl lg:px-8"> <div class="xl:grid xl:grid-cols-9 xl:gap-8"> <div class="gap-8 space-y-8 xl:col-span-9 xs:space-y-0"> <div class="xs:col-span-2 md:grid md:grid-cols-1 md:gap-8 xs:justify-center"> <div class="flex flex-col lg:flex-row justify-between space-y-10 md:col-span-2"> <div class="text-center xs:text-left"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" title="Navigate to home page"> <img class="w-auto h-6 mx-auto 2xs:h-8 xl:h-10 xs:mx-0" src="/en/images/eCitizen-logo-light.svg" alt="eCitizen Logo"> </a> <p class="text-sm leading-6 text-gray-50 mt-4">Giving Kenyans easy access to online government services.</p> </div> <div> <ul role="list" class="space-y-6 sm:space-y-0 sm:space-x-6 sm:flex"> <li class="text-center sm:text-left"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="text-base font-medium leading-6 text-white hover:text-gray-300" title="Navigate to home page"> Home </a></li> <li class="text-center sm:text-left"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/ministries?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="text-base font-medium leading-6 text-white hover:text-gray-300" title="Navigate to national ministries page"> National </a></li> <li class="text-center sm:text-left"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/counties?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="text-base font-medium leading-6 text-white hover:text-gray-300" title="Navigate to counties page"> Counties </a></li> <li class="text-center sm:text-left"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/help-and-support?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="text-base font-medium leading-6 text-white hover:text-gray-300" title="Navigate to Support and FAQs page"> Help &amp; Support </a></li> <li class="text-center sm:text-left"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/terms-and-conditions?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="text-base font-medium leading-6 text-white hover:text-gray-300" title="Navigate to the Terms and Conditions page"> Terms &amp; Conditions </a></li> <li class="text-center sm:text-left"><a href="https://accounts-ecitizen-go-ke.translate.goog/en/privacy-policy?_x_tr_sl=en&amp;_x_tr_tl=es&amp;_x_tr_hl=en" data-phx-link="redirect" data-phx-link-state="push" class="text-base font-medium leading-6 text-white hover:text-gray-300" title="Navigate to the Privacy Policy page"> Privacy Policy </a></li> </ul> </div> </div> </div> </div> </div> <div class="flex flex-col items-center justify-center pt-8 mt-16 border-t border-white/10 md:flex-row"> <p x-data="{year: new Date().getFullYear()}" class="mt-8 text-sm leading-5 text-center text-gray-300 md:order-1 md:mt-0 xs:text-left">漏 <span x-text="year"></span> eCitizen. All rights reserved</p> </div> </div> </footer> </div> </div> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'91e888ef7c8aa11c',t:'MTc0MTY2OTcxNi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script> <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;91e888ef7c8aa11c&quot;,&quot;version&quot;:&quot;2025.1.0&quot;,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;token&quot;:&quot;cb1a64f4482941e285d7fce5694afcfb&quot;,&quot;b&quot;:1}" crossorigin="anonymous"></script> <script>function gtElInit() {var lib = new google.translate.TranslateService();lib.translatePage('en', 'es', function () {});}</script> <script src="https://translate.google.com/translate_a/element.js?cb=gtElInit&amp;hl=en&amp;client=wt" type="text/javascript"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10