County eRevenue Portal<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" \/>\n<style>\n :root {\n --primary: #024c88;\n --secondary: #02803d;\n --accent: #f0f7ff;\n --light: #f8f9fa;\n --dark: #333;\n --gray: #6c757d;\n --success: #28a745;\n --warning: #ffc107;\n --danger: #dc3545;\n --border: #dee2e6;\n --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n --transition: all 0.3s ease;\n }<\/p>\n<p> * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }<\/p>\n<p> body {\n background-color: #f5f7fa;\n color: var(--dark);\n line-height: 1.6;\n }<\/p>\n<p> .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n }<\/p>\n<p> header {\n background: linear-gradient(135deg, var(--primary) 0%, #0077b6 100%);\n color: white;\n padding: 2rem;\n border-radius: 8px;\n margin-bottom: 2rem;\n box-shadow: var(--shadow);\n position: relative;\n overflow: hidden;\n }<\/p>\n<p> header::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" width=\"100\" height=\"100\" opacity=\"0.05\"><text x=\"50%\" y=\"50%\" font-size=\"20\" text-anchor=\"middle\" fill=\"white\">GOV<\/text><\/svg>');\n opacity: 0.1;\n }<\/p>\n<p> header h1 {\n font-size: 2.2rem;\n margin-bottom: 0.5rem;\n position: relative;\n }<\/p>\n<p> header p {\n font-size: 1.1rem;\n opacity: 0.9;\n position: relative;\n }<\/p>\n<p> .card {\n background: white;\n border-radius: 8px;\n box-shadow: var(--shadow);\n padding: 1.5rem;\n margin-bottom: 2rem;\n transition: var(--transition);\n }<\/p>\n<p> .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .card-header {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding-bottom: 0.75rem;\n border-bottom: 2px solid var(--accent);\n }<\/p>\n<p> .card-header i {\n background-color: var(--accent);\n color: var(--primary);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 12px;\n font-size: 18px;\n }<\/p>\n<p> .card-header h3 {\n color: var(--primary);\n font-size: 1.4rem;\n }<\/p>\n<p> .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 1rem;\n }<\/p>\n<p> .service-item {\n display: flex;\n align-items: center;\n padding: 1rem;\n background-color: var(--accent);\n border-radius: 6px;\n transition: var(--transition);\n cursor: pointer;\n }<\/p>\n<p> .service-item:hover {\n background-color: #e1efff;\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .service-item i {\n font-size: 1.5rem;\n margin-right: 12px;\n color: var(--primary);\n }<\/p>\n<p> .form-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n }<\/p>\n<p> .form-group {\n margin-bottom: 1.2rem;\n }<\/p>\n<p> label {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 600;\n color: var(--dark);\n }<\/p>\n<p> input, select, textarea {\n width: 100%;\n padding: 12px 15px;\n border: 1px solid var(--border);\n border-radius: 6px;\n font-size: 1rem;\n transition: var(--transition);\n }<\/p>\n<p> input:focus, select:focus, textarea:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(2, 76, 136, 0.1);\n }<\/p>\n<p> button {\n background-color: var(--secondary);\n color: white;\n border: none;\n padding: 12px 25px;\n border-radius: 6px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: var(--transition);\n display: inline-flex;\n align-items: center;\n }<\/p>\n<p> button i {\n margin-right: 8px;\n }<\/p>\n<p> button:hover {\n background-color: #026c35;\n transform: translateY(-2px);\n }<\/p>\n<p> .instructions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n }<\/p>\n<p> .instruction-step {\n display: flex;\n align-items: flex-start;\n }<\/p>\n<p> .step-number {\n background-color: var(--primary);\n color: white;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 12px;\n flex-shrink: 0;\n font-weight: bold;\n }<\/p>\n<p> .contact-info {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n }<\/p>\n<p> .contact-method {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n }<\/p>\n<p> .contact-method i {\n background-color: var(--accent);\n color: var(--primary);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 12px;\n font-size: 18px;\n }<\/p>\n<p> footer {\n text-align: center;\n padding: 1.5rem;\n margin-top: 2rem;\n color: var(--gray);\n font-size: 0.9rem;\n border-top: 1px solid var(--border);\n }<\/p>\n<p> \/* New styles for search and popup *\/\n .search-bar {\n margin-bottom: 1.5rem;\n display: flex;\n }<\/p>\n<p> .search-bar input {\n flex: 1;\n padding: 12px 15px;\n border: 1px solid var(--border);\n border-radius: 5px 0 0 5px;\n font-size: 1rem;\n }<\/p>\n<p> .search-bar button {\n border-radius: 0 5px 5px 0;\n margin: 0;\n }<\/p>\n<p> .highlight {\n background-color: #d4edda !important;\n transform: scale(1.02);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n transition: var(--transition);\n }<\/p>\n<p> .popup {\n position: fixed;\n top: 20px;\n right: 20px;\n background: var(--success);\n color: white;\n padding: 1rem 1.5rem;\n border-radius: 5px;\n box-shadow: var(--shadow);\n display: none;\n z-index: 1000;\n animation: slideIn 0.3s ease;\n }<\/p>\n<p> @keyframes slideIn {\n from {\n transform: translateX(100px);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n }<\/p>\n<p> .tabs {\n display: flex;\n margin-bottom: 1.5rem;\n border-bottom: 1px solid var(--border);\n }<\/p>\n<p> .tab {\n padding: 0.75rem 1.5rem;\n cursor: pointer;\n border-bottom: 3px solid transparent;\n transition: var(--transition);\n }<\/p>\n<p> .tab.active {\n border-bottom: 3px solid var(--primary);\n color: var(--primary);\n font-weight: 600;\n }<\/p>\n<p> .tab-content {\n display: none;\n }<\/p>\n<p> .tab-content.active {\n display: block;\n animation: fadeIn 0.5s ease;\n }<\/p>\n<p> @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }<\/p>\n<p> .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 2rem;\n }<\/p>\n<p> .stat-card {\n background: white;\n border-radius: 8px;\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--shadow);\n }<\/p>\n<p> .stat-card i {\n font-size: 2rem;\n color: var(--primary);\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .stat-card .number {\n font-size: 2rem;\n font-weight: 700;\n color: var(--primary);\n }<\/p>\n<p> .stat-card .label {\n color: var(--gray);\n font-size: 0.9rem;\n }<\/p>\n<p> @media (max-width: 768px) {\n .form-grid, .services-grid, .instructions-grid, .contact-info {\n grid-template-columns: 1fr;\n }<\/p>\n<p> header {\n padding: 1.5rem;\n }<\/p>\n<p> header h1 {\n font-size: 1.8rem;\n }<\/p>\n<p> .search-bar {\n flex-direction: column;\n }<\/p>\n<p> .search-bar input {\n border-radius: 5px;\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .search-bar button {\n border-radius: 5px;\n }<\/p>\n<p> .tabs {\n flex-wrap: wrap;\n }<\/p>\n<p> .tab {\n flex: 1;\n text-align: center;\n min-width: 120px;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<div class=\"popup\" id=\"popup\">Application submitted successfully!<\/div>\n<header>\n<h1><i class=\"fas fa-building\" aria-hidden=\"true\"><\/i> County eRevenue Portal<\/h1>\n<p>Apply and pay for county government services online - fast, convenient, and secure.<\/p>\n<\/header>\n<div class=\"stats-grid\">\n<div class=\"stat-card\">\n <i class=\"fas fa-users\"><\/i><\/p>\n<div class=\"number\">12,458<\/div>\n<div class=\"label\">Active Users<\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n <i class=\"fas fa-file-invoice\"><\/i><\/p>\n<div class=\"number\">8,742<\/div>\n<div class=\"label\">Applications Processed<\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n <i class=\"fas fa-check-circle\"><\/i><\/p>\n<div class=\"number\">94%<\/div>\n<div class=\"label\">Satisfaction Rate<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"search-bar\">\n <input type=\"text\" id=\"searchInput\" placeholder=\"Search for a service...\"><br \/>\n <button onclick=\"searchService()\"><i class=\"fas fa-search\"><\/i> Search<\/button>\n <\/div>\n<div class=\"tabs\">\n<div class=\"tab active\" onclick=\"openTab('services')\">Services<\/div>\n<div class=\"tab\" onclick=\"openTab('application')\">Apply<\/div>\n<div class=\"tab\" onclick=\"openTab('payment')\">Payment<\/div>\n<div class=\"tab\" onclick=\"openTab('support')\">Support<\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"services\" class=\"tab-content active\">\n<section class=\"card\">\n<div class=\"card-header\">\n <i class=\"fas fa-list\" aria-hidden=\"true\"><\/i><\/p>\n<h3>Available Services<\/h3>\n<\/p><\/div>\n<div class=\"services-grid\" id=\"servicesGrid\">\n<div class=\"service-item\" onclick=\"selectService('Business Permit Application')\">\n <i class=\"fas fa-file-invoice\" title=\"Business Permit\"><\/i><br \/>\n <span>Business Permit Application<\/span>\n <\/div>\n<div class=\"service-item\" onclick=\"selectService('Building Plan Approval')\">\n <i class=\"fas fa-hard-hat\" title=\"Building Plan Approval\"><\/i><br \/>\n <span>Building Plan Approval<\/span>\n <\/div>\n<div class=\"service-item\" onclick=\"selectService('Land Rates Clearance')\">\n <i class=\"fas fa-home\" title=\"Land Rates Clearance\"><\/i><br \/>\n <span>Land Rates Clearance<\/span>\n <\/div>\n<div class=\"service-item\" onclick=\"selectService('Single Business License Renewal')\">\n <i class=\"fas fa-id-card\" title=\"SBL Renewal\"><\/i><br \/>\n <span>Single Business License Renewal<\/span>\n <\/div>\n<div class=\"service-item\" onclick=\"selectService('Cess Payment')\">\n <i class=\"fas fa-truck\" title=\"Cess Payment\"><\/i><br \/>\n <span>Cess Payment<\/span>\n <\/div>\n<\/p><\/div>\n<\/section><\/div>\n<p> <\/p>\n<div id=\"application\" class=\"tab-content\">\n<section class=\"card\">\n<div class=\"card-header\">\n <i class=\"fas fa-edit\" aria-hidden=\"true\"><\/i><\/p>\n<h3>Submit Application<\/h3>\n<\/p><\/div>\n<form id=\"demoForm\">\n<div class=\"form-grid\">\n<div class=\"form-group\">\n <label for=\"fullName\">Full Name *<\/label><br \/>\n <input type=\"text\" id=\"fullName\" name=\"fullName\" required \/>\n <\/div>\n<div class=\"form-group\">\n <label for=\"idNumber\">National ID \/ Business Reg. No *<\/label><br \/>\n <input type=\"text\" id=\"idNumber\" name=\"idNumber\" required \/>\n <\/div>\n<div class=\"form-group\">\n <label for=\"service\">Select Service *<\/label><br \/>\n <select id=\"service\" name=\"service\" required><option value=\"\">-- Select a Service --<\/option><option>Business Permit Application<\/option><option>Building Plan Approval<\/option><option>Land Rates Clearance<\/option><option>Single Business License Renewal<\/option><option>Cess Payment<\/option><\/select>\n <\/div>\n<div class=\"form-group\">\n <label for=\"email\">Email Address *<\/label><br \/>\n <input type=\"email\" id=\"email\" name=\"email\" required \/>\n <\/div>\n<div class=\"form-group\">\n <label for=\"phone\">Phone Number *<\/label><br \/>\n <input type=\"tel\" id=\"phone\" name=\"phone\" required \/>\n <\/div>\n<div class=\"form-group\">\n <label for=\"details\">Additional Details<\/label><br \/>\n <textarea id=\"details\" name=\"details\" rows=\"4\" placeholder=\"Provide any additional information about your application\"><\/textarea>\n <\/div>\n<\/p><\/div>\n<p> <button type=\"submit\"><i class=\"fas fa-paper-plane\"><\/i> Submit Application<\/button><br \/>\n <\/form>\n<\/section><\/div>\n<p> <\/p>\n<div id=\"payment\" class=\"tab-content\">\n<section class=\"card\">\n<div class=\"card-header\">\n <i class=\"fas fa-credit-card\" aria-hidden=\"true\"><\/i><\/p>\n<h3>Payment Instructions<\/h3>\n<\/p><\/div>\n<p>Once you submit your application, you will receive an invoice by email. To make payment:<\/p>\n<div class=\"instructions-grid\">\n<div class=\"instruction-step\">\n<div class=\"step-number\">1<\/div>\n<div>Go to M-PESA on your phone<\/div>\n<\/p><\/div>\n<div class=\"instruction-step\">\n<div class=\"step-number\">2<\/div>\n<div>Select <strong>Lipa na M-PESA<\/strong> > <strong>Paybill<\/strong><\/div>\n<\/p><\/div>\n<div class=\"instruction-step\">\n<div class=\"step-number\">3<\/div>\n<div>Enter Business Number: <strong>123456<\/strong><\/div>\n<\/p><\/div>\n<div class=\"instruction-step\">\n<div class=\"step-number\">4<\/div>\n<div>Enter Account Number: Your ID or Application Reference<\/div>\n<\/p><\/div>\n<div class=\"instruction-step\">\n<div class=\"step-number\">5<\/div>\n<div>Enter the Amount and confirm payment<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-header\" style=\"margin-top: 2rem;\">\n <i class=\"fas fa-history\" aria-hidden=\"true\"><\/i><\/p>\n<h3>Payment Status Check<\/h3>\n<\/p><\/div>\n<div class=\"form-grid\">\n<div class=\"form-group\">\n <label for=\"referenceNumber\">Application Reference Number<\/label><br \/>\n <input type=\"text\" id=\"referenceNumber\" placeholder=\"Enter your reference number\" \/>\n <\/div>\n<div class=\"form-group\">\n <label for=\"idForStatus\">ID Number<\/label><br \/>\n <input type=\"text\" id=\"idForStatus\" placeholder=\"Enter your ID number\" \/>\n <\/div>\n<\/p><\/div>\n<p> <button onclick=\"checkStatus()\"><i class=\"fas fa-search\"><\/i> Check Payment Status<\/button><br \/>\n <\/section>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"support\" class=\"tab-content\">\n<section class=\"card\">\n<div class=\"card-header\">\n <i class=\"fas fa-headset\" aria-hidden=\"true\"><\/i><\/p>\n<h3>Need Help?<\/h3>\n<\/p><\/div>\n<p>Our customer service team is here to assist you with any questions or issues.<\/p>\n<div class=\"contact-info\">\n<div class=\"contact-method\">\n <i class=\"fas fa-phone\"><\/i><\/p>\n<div>\n <strong>Call Us<\/strong><br \/>\n 0722 000 000<br \/>\n <small>Mon-Fri: 8:00 AM - 5:00 PM<\/small>\n <\/div>\n<\/p><\/div>\n<div class=\"contact-method\">\n <i class=\"fas fa-envelope\"><\/i><\/p>\n<div>\n <strong>Email Us<\/strong><br \/>\n <a href=\"mailto:erevenue@siaya.go.ke\">erevenue@siaya.go.ke<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"contact-method\">\n <i class=\"fas fa-map-marker-alt\"><\/i><\/p>\n<div>\n <strong>Visit Us<\/strong><br \/>\n County Government Building<br \/>\n Siaya Town\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-header\" style=\"margin-top: 2rem;\">\n <i class=\"fas fa-comments\" aria-hidden=\"true\"><\/i><\/p>\n<h3>Live Chat<\/h3>\n<\/p><\/div>\n<p>Chat with our support team in real-time during business hours.<\/p>\n<p> <button><i class=\"fas fa-comment-dots\"><\/i> Start Chat<\/button><br \/>\n <\/section>\n<\/p><\/div>\n<footer>\n<p>\u00a9 2023 Siaya County Government. All rights reserved.<\/p>\n<\/footer><\/div>\n<p> <script>\n \/\/ Tab navigation\n function openTab(tabName) {\n const tabs = document.getElementsByClassName('tab');\n for (let i = 0; i < tabs.length; i++) {\n tabs[i].classList.remove('active');\n }\n \n const tabContents = document.getElementsByClassName('tab-content');\n for (let i = 0; i < tabContents.length; i++) {\n tabContents[i].classList.remove('active');\n }\n \n document.querySelector(`.tab:nth-child(${Array.from(document.querySelectorAll('.tab')).findIndex(t => t.textContent === document.querySelector(`[onclick=\"openTab('${tabName}')\"]`).textContent) + 1})`).classList.add('active');\n document.getElementById(tabName).classList.add('active');\n }<\/p>\n<p> \/\/ Form submission\n document.getElementById('demoForm').addEventListener('submit', function (e) {\n e.preventDefault();\n const popup = document.getElementById('popup');\n popup.style.display = 'block';\n setTimeout(() => {\n popup.style.display = 'none';\n document.getElementById('demoForm').reset();\n }, 3000);\n });<\/p>\n<p> \/\/ Service search\n function searchService() {\n const input = document.getElementById('searchInput').value.toLowerCase();\n const items = document.querySelectorAll('#servicesGrid .service-item');\n items.forEach(item => {\n const text = item.textContent.toLowerCase();\n item.classList.remove('highlight');\n if (text.includes(input) && input.length > 0) {\n item.classList.add('highlight');\n \/\/ Scroll to the highlighted service\n item.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n }<\/p>\n<p> \/\/ Select service from the list\n function selectService(serviceName) {\n document.getElementById('service').value = serviceName;\n openTab('application');\n document.getElementById('service').scrollIntoView({ behavior: 'smooth' });\n }<\/p>\n<p> \/\/ Check payment status\n function checkStatus() {\n const refNumber = document.getElementById('referenceNumber').value;\n const idNumber = document.getElementById('idForStatus').value;<\/p>\n<p> if (!refNumber || !idNumber) {\n alert('Please enter both reference number and ID number');\n return;\n }<\/p>\n<p> \/\/ Simulate status check\n const statuses = ['Pending', 'Processing', 'Approved', 'Payment Received', 'Completed'];\n const randomStatus = statuses[Math.floor(Math.random() * statuses.length)];<\/p>\n<p> const popup = document.getElementById('popup');\n popup.textContent = `Application Status: ${randomStatus}`;\n popup.style.display = 'block';<\/p>\n<p> setTimeout(() => {\n popup.style.display = 'none';\n }, 3000);\n }<\/p>\n<p> \/\/ Allow pressing Enter in search field\n document.getElementById('searchInput').addEventListener('keyup', function(event) {\n if (event.key === 'Enter') {\n searchService();\n }\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>County eRevenue Portal Application submitted successfully! County eRevenue Portal Apply and pay for county government services online – fast, convenient, and secure. 12,458 Active Users 8,742 Applications Processed 94% Satisfaction Rate Search Services Apply Payment Support Available Services Business Permit Application Building Plan Approval Land Rates Clearance Single Business License Renewal Cess Payment Submit Application […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-28011","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/pages\/28011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/comments?post=28011"}],"version-history":[{"count":0,"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/pages\/28011\/revisions"}],"wp:attachment":[{"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/media?parent=28011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":28011,"date":"2025-09-04T09:36:50","date_gmt":"2025-09-04T06:36:50","guid":{"rendered":"https:\/\/siaya.go.ke\/siaya\/?page_id=28011"},"modified":"2025-09-04T09:37:35","modified_gmt":"2025-09-04T06:37:35","slug":"testing-3","status":"publish","type":"page","link":"https:\/\/siaya.go.ke\/siaya\/testing-3\/","title":{"rendered":"testing"},"content":{"rendered":"

\n
\n
\n
\n
\n County eRevenue Portal<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" \/>\n<style>\n :root {\n --primary: #024c88;\n --secondary: #02803d;\n --accent: #f0f7ff;\n --light: #f8f9fa;\n --dark: #333;\n --gray: #6c757d;\n --success: #28a745;\n --warning: #ffc107;\n --danger: #dc3545;\n --border: #dee2e6;\n --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n --transition: all 0.3s ease;\n }<\/p>\n<p> * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }<\/p>\n<p> body {\n background-color: #f5f7fa;\n color: var(--dark);\n line-height: 1.6;\n }<\/p>\n<p> .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n }<\/p>\n<p> header {\n background: linear-gradient(135deg, var(--primary) 0%, #0077b6 100%);\n color: white;\n padding: 2rem;\n border-radius: 8px;\n margin-bottom: 2rem;\n box-shadow: var(--shadow);\n position: relative;\n overflow: hidden;\n }<\/p>\n<p> header::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" width=\"100\" height=\"100\" opacity=\"0.05\"><text x=\"50%\" y=\"50%\" font-size=\"20\" text-anchor=\"middle\" fill=\"white\">GOV<\/text><\/svg>');\n opacity: 0.1;\n }<\/p>\n<p> header h1 {\n font-size: 2.2rem;\n margin-bottom: 0.5rem;\n position: relative;\n }<\/p>\n<p> header p {\n font-size: 1.1rem;\n opacity: 0.9;\n position: relative;\n }<\/p>\n<p> .card {\n background: white;\n border-radius: 8px;\n box-shadow: var(--shadow);\n padding: 1.5rem;\n margin-bottom: 2rem;\n transition: var(--transition);\n }<\/p>\n<p> .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .card-header {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding-bottom: 0.75rem;\n border-bottom: 2px solid var(--accent);\n }<\/p>\n<p> .card-header i {\n background-color: var(--accent);\n color: var(--primary);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 12px;\n font-size: 18px;\n }<\/p>\n<p> .card-header h3 {\n color: var(--primary);\n font-size: 1.4rem;\n }<\/p>\n<p> .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 1rem;\n }<\/p>\n<p> .service-item {\n display: flex;\n align-items: center;\n padding: 1rem;\n background-color: var(--accent);\n border-radius: 6px;\n transition: var(--transition);\n cursor: pointer;\n }<\/p>\n<p> .service-item:hover {\n background-color: #e1efff;\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .service-item i {\n font-size: 1.5rem;\n margin-right: 12px;\n color: var(--primary);\n }<\/p>\n<p> .form-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n }<\/p>\n<p> .form-group {\n margin-bottom: 1.2rem;\n }<\/p>\n<p> label {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 600;\n color: var(--dark);\n }<\/p>\n<p> input, select, textarea {\n width: 100%;\n padding: 12px 15px;\n border: 1px solid var(--border);\n border-radius: 6px;\n font-size: 1rem;\n transition: var(--transition);\n }<\/p>\n<p> input:focus, select:focus, textarea:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(2, 76, 136, 0.1);\n }<\/p>\n<p> button {\n background-color: var(--secondary);\n color: white;\n border: none;\n padding: 12px 25px;\n border-radius: 6px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: var(--transition);\n display: inline-flex;\n align-items: center;\n }<\/p>\n<p> button i {\n margin-right: 8px;\n }<\/p>\n<p> button:hover {\n background-color: #026c35;\n transform: translateY(-2px);\n }<\/p>\n<p> .instructions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n }<\/p>\n<p> .instruction-step {\n display: flex;\n align-items: flex-start;\n }<\/p>\n<p> .step-number {\n background-color: var(--primary);\n color: white;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 12px;\n flex-shrink: 0;\n font-weight: bold;\n }<\/p>\n<p> .contact-info {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n }<\/p>\n<p> .contact-method {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n }<\/p>\n<p> .contact-method i {\n background-color: var(--accent);\n color: var(--primary);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 12px;\n font-size: 18px;\n }<\/p>\n<p> footer {\n text-align: center;\n padding: 1.5rem;\n margin-top: 2rem;\n color: var(--gray);\n font-size: 0.9rem;\n border-top: 1px solid var(--border);\n }<\/p>\n<p> \/* New styles for search and popup *\/\n .search-bar {\n margin-bottom: 1.5rem;\n display: flex;\n }<\/p>\n<p> .search-bar input {\n flex: 1;\n padding: 12px 15px;\n border: 1px solid var(--border);\n border-radius: 5px 0 0 5px;\n font-size: 1rem;\n }<\/p>\n<p> .search-bar button {\n border-radius: 0 5px 5px 0;\n margin: 0;\n }<\/p>\n<p> .highlight {\n background-color: #d4edda !important;\n transform: scale(1.02);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n transition: var(--transition);\n }<\/p>\n<p> .popup {\n position: fixed;\n top: 20px;\n right: 20px;\n background: var(--success);\n color: white;\n padding: 1rem 1.5rem;\n border-radius: 5px;\n box-shadow: var(--shadow);\n display: none;\n z-index: 1000;\n animation: slideIn 0.3s ease;\n }<\/p>\n<p> @keyframes slideIn {\n from {\n transform: translateX(100px);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n }<\/p>\n<p> .tabs {\n display: flex;\n margin-bottom: 1.5rem;\n border-bottom: 1px solid var(--border);\n }<\/p>\n<p> .tab {\n padding: 0.75rem 1.5rem;\n cursor: pointer;\n border-bottom: 3px solid transparent;\n transition: var(--transition);\n }<\/p>\n<p> .tab.active {\n border-bottom: 3px solid var(--primary);\n color: var(--primary);\n font-weight: 600;\n }<\/p>\n<p> .tab-content {\n display: none;\n }<\/p>\n<p> .tab-content.active {\n display: block;\n animation: fadeIn 0.5s ease;\n }<\/p>\n<p> @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }<\/p>\n<p> .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 2rem;\n }<\/p>\n<p> .stat-card {\n background: white;\n border-radius: 8px;\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--shadow);\n }<\/p>\n<p> .stat-card i {\n font-size: 2rem;\n color: var(--primary);\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .stat-card .number {\n font-size: 2rem;\n font-weight: 700;\n color: var(--primary);\n }<\/p>\n<p> .stat-card .label {\n color: var(--gray);\n font-size: 0.9rem;\n }<\/p>\n<p> @media (max-width: 768px) {\n .form-grid, .services-grid, .instructions-grid, .contact-info {\n grid-template-columns: 1fr;\n }<\/p>\n<p> header {\n padding: 1.5rem;\n }<\/p>\n<p> header h1 {\n font-size: 1.8rem;\n }<\/p>\n<p> .search-bar {\n flex-direction: column;\n }<\/p>\n<p> .search-bar input {\n border-radius: 5px;\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .search-bar button {\n border-radius: 5px;\n }<\/p>\n<p> .tabs {\n flex-wrap: wrap;\n }<\/p>\n<p> .tab {\n flex: 1;\n text-align: center;\n min-width: 120px;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<div class=\"popup\" id=\"popup\">Application submitted successfully!<\/div>\n<header>\n<h1><i class=\"fas fa-building\" aria-hidden=\"true\"><\/i> County eRevenue Portal<\/h1>\n<p>Apply and pay for county government services online - fast, convenient, and secure.<\/p>\n<\/header>\n<div class=\"stats-grid\">\n<div class=\"stat-card\">\n <i class=\"fas fa-users\"><\/i><\/p>\n<div class=\"number\">12,458<\/div>\n<div class=\"label\">Active Users<\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n <i class=\"fas fa-file-invoice\"><\/i><\/p>\n<div class=\"number\">8,742<\/div>\n<div class=\"label\">Applications Processed<\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n <i class=\"fas fa-check-circle\"><\/i><\/p>\n<div class=\"number\">94%<\/div>\n<div class=\"label\">Satisfaction Rate<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"search-bar\">\n <input type=\"text\" id=\"searchInput\" placeholder=\"Search for a service...\"><br \/>\n <button onclick=\"searchService()\"><i class=\"fas fa-search\"><\/i> Search<\/button>\n <\/div>\n<div class=\"tabs\">\n<div class=\"tab active\" onclick=\"openTab('services')\">Services<\/div>\n<div class=\"tab\" onclick=\"openTab('application')\">Apply<\/div>\n<div class=\"tab\" onclick=\"openTab('payment')\">Payment<\/div>\n<div class=\"tab\" onclick=\"openTab('support')\">Support<\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"services\" class=\"tab-content active\">\n<section class=\"card\">\n<div class=\"card-header\">\n <i class=\"fas fa-list\" aria-hidden=\"true\"><\/i><\/p>\n<h3>Available Services<\/h3>\n<\/p><\/div>\n<div class=\"services-grid\" id=\"servicesGrid\">\n<div class=\"service-item\" onclick=\"selectService('Business Permit Application')\">\n <i class=\"fas fa-file-invoice\" title=\"Business Permit\"><\/i><br \/>\n <span>Business Permit Application<\/span>\n <\/div>\n<div class=\"service-item\" onclick=\"selectService('Building Plan Approval')\">\n <i class=\"fas fa-hard-hat\" title=\"Building Plan Approval\"><\/i><br \/>\n <span>Building Plan Approval<\/span>\n <\/div>\n<div class=\"service-item\" onclick=\"selectService('Land Rates Clearance')\">\n <i class=\"fas fa-home\" title=\"Land Rates Clearance\"><\/i><br \/>\n <span>Land Rates Clearance<\/span>\n <\/div>\n<div class=\"service-item\" onclick=\"selectService('Single Business License Renewal')\">\n <i class=\"fas fa-id-card\" title=\"SBL Renewal\"><\/i><br \/>\n <span>Single Business License Renewal<\/span>\n <\/div>\n<div class=\"service-item\" onclick=\"selectService('Cess Payment')\">\n <i class=\"fas fa-truck\" title=\"Cess Payment\"><\/i><br \/>\n <span>Cess Payment<\/span>\n <\/div>\n<\/p><\/div>\n<\/section><\/div>\n<p> <\/p>\n<div id=\"application\" class=\"tab-content\">\n<section class=\"card\">\n<div class=\"card-header\">\n <i class=\"fas fa-edit\" aria-hidden=\"true\"><\/i><\/p>\n<h3>Submit Application<\/h3>\n<\/p><\/div>\n<form id=\"demoForm\">\n<div class=\"form-grid\">\n<div class=\"form-group\">\n <label for=\"fullName\">Full Name *<\/label><br \/>\n <input type=\"text\" id=\"fullName\" name=\"fullName\" required \/>\n <\/div>\n<div class=\"form-group\">\n <label for=\"idNumber\">National ID \/ Business Reg. No *<\/label><br \/>\n <input type=\"text\" id=\"idNumber\" name=\"idNumber\" required \/>\n <\/div>\n<div class=\"form-group\">\n <label for=\"service\">Select Service *<\/label><br \/>\n <select id=\"service\" name=\"service\" required><option value=\"\">-- Select a Service --<\/option><option>Business Permit Application<\/option><option>Building Plan Approval<\/option><option>Land Rates Clearance<\/option><option>Single Business License Renewal<\/option><option>Cess Payment<\/option><\/select>\n <\/div>\n<div class=\"form-group\">\n <label for=\"email\">Email Address *<\/label><br \/>\n <input type=\"email\" id=\"email\" name=\"email\" required \/>\n <\/div>\n<div class=\"form-group\">\n <label for=\"phone\">Phone Number *<\/label><br \/>\n <input type=\"tel\" id=\"phone\" name=\"phone\" required \/>\n <\/div>\n<div class=\"form-group\">\n <label for=\"details\">Additional Details<\/label><br \/>\n <textarea id=\"details\" name=\"details\" rows=\"4\" placeholder=\"Provide any additional information about your application\"><\/textarea>\n <\/div>\n<\/p><\/div>\n<p> <button type=\"submit\"><i class=\"fas fa-paper-plane\"><\/i> Submit Application<\/button><br \/>\n <\/form>\n<\/section><\/div>\n<p> <\/p>\n<div id=\"payment\" class=\"tab-content\">\n<section class=\"card\">\n<div class=\"card-header\">\n <i class=\"fas fa-credit-card\" aria-hidden=\"true\"><\/i><\/p>\n<h3>Payment Instructions<\/h3>\n<\/p><\/div>\n<p>Once you submit your application, you will receive an invoice by email. To make payment:<\/p>\n<div class=\"instructions-grid\">\n<div class=\"instruction-step\">\n<div class=\"step-number\">1<\/div>\n<div>Go to M-PESA on your phone<\/div>\n<\/p><\/div>\n<div class=\"instruction-step\">\n<div class=\"step-number\">2<\/div>\n<div>Select <strong>Lipa na M-PESA<\/strong> > <strong>Paybill<\/strong><\/div>\n<\/p><\/div>\n<div class=\"instruction-step\">\n<div class=\"step-number\">3<\/div>\n<div>Enter Business Number: <strong>123456<\/strong><\/div>\n<\/p><\/div>\n<div class=\"instruction-step\">\n<div class=\"step-number\">4<\/div>\n<div>Enter Account Number: Your ID or Application Reference<\/div>\n<\/p><\/div>\n<div class=\"instruction-step\">\n<div class=\"step-number\">5<\/div>\n<div>Enter the Amount and confirm payment<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-header\" style=\"margin-top: 2rem;\">\n <i class=\"fas fa-history\" aria-hidden=\"true\"><\/i><\/p>\n<h3>Payment Status Check<\/h3>\n<\/p><\/div>\n<div class=\"form-grid\">\n<div class=\"form-group\">\n <label for=\"referenceNumber\">Application Reference Number<\/label><br \/>\n <input type=\"text\" id=\"referenceNumber\" placeholder=\"Enter your reference number\" \/>\n <\/div>\n<div class=\"form-group\">\n <label for=\"idForStatus\">ID Number<\/label><br \/>\n <input type=\"text\" id=\"idForStatus\" placeholder=\"Enter your ID number\" \/>\n <\/div>\n<\/p><\/div>\n<p> <button onclick=\"checkStatus()\"><i class=\"fas fa-search\"><\/i> Check Payment Status<\/button><br \/>\n <\/section>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"support\" class=\"tab-content\">\n<section class=\"card\">\n<div class=\"card-header\">\n <i class=\"fas fa-headset\" aria-hidden=\"true\"><\/i><\/p>\n<h3>Need Help?<\/h3>\n<\/p><\/div>\n<p>Our customer service team is here to assist you with any questions or issues.<\/p>\n<div class=\"contact-info\">\n<div class=\"contact-method\">\n <i class=\"fas fa-phone\"><\/i><\/p>\n<div>\n <strong>Call Us<\/strong><br \/>\n 0722 000 000<br \/>\n <small>Mon-Fri: 8:00 AM - 5:00 PM<\/small>\n <\/div>\n<\/p><\/div>\n<div class=\"contact-method\">\n <i class=\"fas fa-envelope\"><\/i><\/p>\n<div>\n <strong>Email Us<\/strong><br \/>\n <a href=\"mailto:erevenue@siaya.go.ke\">erevenue@siaya.go.ke<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"contact-method\">\n <i class=\"fas fa-map-marker-alt\"><\/i><\/p>\n<div>\n <strong>Visit Us<\/strong><br \/>\n County Government Building<br \/>\n Siaya Town\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-header\" style=\"margin-top: 2rem;\">\n <i class=\"fas fa-comments\" aria-hidden=\"true\"><\/i><\/p>\n<h3>Live Chat<\/h3>\n<\/p><\/div>\n<p>Chat with our support team in real-time during business hours.<\/p>\n<p> <button><i class=\"fas fa-comment-dots\"><\/i> Start Chat<\/button><br \/>\n <\/section>\n<\/p><\/div>\n<footer>\n<p>\u00a9 2023 Siaya County Government. All rights reserved.<\/p>\n<\/footer><\/div>\n<p> <script>\n \/\/ Tab navigation\n function openTab(tabName) {\n const tabs = document.getElementsByClassName('tab');\n for (let i = 0; i < tabs.length; i++) {\n tabs[i].classList.remove('active');\n }\n \n const tabContents = document.getElementsByClassName('tab-content');\n for (let i = 0; i < tabContents.length; i++) {\n tabContents[i].classList.remove('active');\n }\n \n document.querySelector(`.tab:nth-child(${Array.from(document.querySelectorAll('.tab')).findIndex(t => t.textContent === document.querySelector(`[onclick=\"openTab('${tabName}')\"]`).textContent) + 1})`).classList.add('active');\n document.getElementById(tabName).classList.add('active');\n }<\/p>\n<p> \/\/ Form submission\n document.getElementById('demoForm').addEventListener('submit', function (e) {\n e.preventDefault();\n const popup = document.getElementById('popup');\n popup.style.display = 'block';\n setTimeout(() => {\n popup.style.display = 'none';\n document.getElementById('demoForm').reset();\n }, 3000);\n });<\/p>\n<p> \/\/ Service search\n function searchService() {\n const input = document.getElementById('searchInput').value.toLowerCase();\n const items = document.querySelectorAll('#servicesGrid .service-item');\n items.forEach(item => {\n const text = item.textContent.toLowerCase();\n item.classList.remove('highlight');\n if (text.includes(input) && input.length > 0) {\n item.classList.add('highlight');\n \/\/ Scroll to the highlighted service\n item.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n }<\/p>\n<p> \/\/ Select service from the list\n function selectService(serviceName) {\n document.getElementById('service').value = serviceName;\n openTab('application');\n document.getElementById('service').scrollIntoView({ behavior: 'smooth' });\n }<\/p>\n<p> \/\/ Check payment status\n function checkStatus() {\n const refNumber = document.getElementById('referenceNumber').value;\n const idNumber = document.getElementById('idForStatus').value;<\/p>\n<p> if (!refNumber || !idNumber) {\n alert('Please enter both reference number and ID number');\n return;\n }<\/p>\n<p> \/\/ Simulate status check\n const statuses = ['Pending', 'Processing', 'Approved', 'Payment Received', 'Completed'];\n const randomStatus = statuses[Math.floor(Math.random() * statuses.length)];<\/p>\n<p> const popup = document.getElementById('popup');\n popup.textContent = `Application Status: ${randomStatus}`;\n popup.style.display = 'block';<\/p>\n<p> setTimeout(() => {\n popup.style.display = 'none';\n }, 3000);\n }<\/p>\n<p> \/\/ Allow pressing Enter in search field\n document.getElementById('searchInput').addEventListener('keyup', function(event) {\n if (event.key === 'Enter') {\n searchService();\n }\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>County eRevenue Portal Application submitted successfully! County eRevenue Portal Apply and pay for county government services online – fast, convenient, and secure. 12,458 Active Users 8,742 Applications Processed 94% Satisfaction Rate Search Services Apply Payment Support Available Services Business Permit Application Building Plan Approval Land Rates Clearance Single Business License Renewal Cess Payment Submit Application […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-28011","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/pages\/28011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/comments?post=28011"}],"version-history":[{"count":0,"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/pages\/28011\/revisions"}],"wp:attachment":[{"href":"https:\/\/siaya.go.ke\/siaya\/wp-json\/wp\/v2\/media?parent=28011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}