{"id":1509,"date":"2025-10-13T19:08:37","date_gmt":"2025-10-13T19:08:37","guid":{"rendered":"https:\/\/grabtech.co.ke\/kfshipping\/?page_id=1509"},"modified":"2025-10-22T09:04:03","modified_gmt":"2025-10-22T09:04:03","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/www.kfshipping.com\/?page_id=1509","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1509\" class=\"elementor elementor-1509\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e363d9 e-flex e-con-boxed e-con e-parent\" data-id=\"3e363d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcb3e29 elementor-widget elementor-widget-html\" data-id=\"fcb3e29\" 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<style>\n    \n .contact-container {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 20px;\n            max-width: 1200px;\n            width: 100%;\n        }\n\n        .contact-form {\n            background-color: #fff;\n            padding: 20px;\n            border-radius: 8px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n            width: 100%;\n            max-width: 600px;\n            flex: 1;\n        }\n\n        h2 {\n            text-align: center;\n            color: #333;\n        }\n\n        .form-group {\n            margin-bottom: 15px;\n        }\n\n        .form-group label {\n            font-weight: bold;\n            color: #555;\n        }\n\n        .form-group input, .form-group textarea {\n            width: 100%;\n            padding: 10px;\n            margin-top: 5px;\n            border: 1px solid #ccc;\n            border-radius: 4px;\n            font-size: 16px;\n        }\n\n        .form-group textarea {\n            height: 150px;\n            resize: vertical;\n        }\n\n        .captcha-group {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .captcha-group input {\n            width: 70%;\n        }\n\n        .captcha-group span {\n            font-weight: bold;\n            font-size: 18px;\n        }\n\n        .btn-submit {\n            width: 100%;\n            padding: 10px;\n            background-color: #007BFF;\n            color: #fff;\n            border: none;\n            border-radius: 4px;\n            font-size: 18px;\n            cursor: pointer;\n        }\n\n        .btn-submit:hover {\n            background-color: #0056b3;\n        }\n\n        \/* Map Styling *\/\n        .map-container {\n            width: 100%;\n            max-width: 600px;\n            flex: 1;\n            height: 400px;\n            border-radius: 8px;\n            overflow: hidden;\n        }\n\n        iframe {\n            width: 100%;\n            height: 100%;\n            border: 0;\n        }\n\n        @media (max-width: 768px) {\n            .contact-container {\n                flex-direction: column;\n                align-items: center;\n            }\n        }\n    <\/style>\n<div class=\"contact-container\">\n    <!-- Contact Form -->\n    <div class=\"contact-form\">\n        <h2>Contact Us<\/h2>\n        <form id=\"contactForm\" action=\"submit_form.php\" method=\"POST\">\n            <div class=\"form-group\">\n                <label for=\"name\">Your Name:<\/label>\n                <input type=\"text\" id=\"name\" name=\"name\" required>\n            <\/div>\n\n            <div class=\"form-group\">\n                <label for=\"email\">Your Email:<\/label>\n                <input type=\"email\" id=\"email\" name=\"email\" required>\n            <\/div>\n\n            <div class=\"form-group\">\n                <label for=\"message\">Your Message:<\/label>\n                <textarea id=\"message\" name=\"message\" required><\/textarea>\n            <\/div>\n\n            <div class=\"captcha-group\">\n                <span id=\"captchaProblem\"><\/span>\n                <input type=\"text\" id=\"captchaAnswer\" name=\"captchaAnswer\" placeholder=\"Answer\" required>\n            <\/div>\n\n            <button type=\"submit\" class=\"btn-submit\">Submit<\/button>\n        <\/form>\n    <\/div>\n\n    <!-- Google Map Container -->\n    <div class=\"map-container\">\n        <div class=\"mapouter\"><div class=\"gmap_canvas\"><iframe class=\"gmap_iframe\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?width=600&amp;height=400&amp;hl=en&amp;q=KASHMIR BUILDING, MOI AVENUE, 1ST FLOOR P.O BOX 88739 \u2013 80100| MOMBASA \u2013 KENYA&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed\"><\/iframe><a href=\"https:\/\/embed-googlemap.com\">embed google maps in website<\/a><\/div><style>.mapouter{position:relative;text-align:right;width:600px;height:400px;}.gmap_canvas {overflow:hidden;background:none!important;width:600px;height:400px;}.gmap_iframe {width:600px!important;height:400px!important;}<\/style><\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Simple Arithmetic CAPTCHA Generator\n    function generateCaptcha() {\n        const num1 = Math.floor(Math.random() * 10);\n        const num2 = Math.floor(Math.random() * 10);\n        const answer = num1 + num2;\n\n        document.getElementById('captchaProblem').textContent = `${num1} + ${num2} = ?`;\n        return answer;\n    }\n\n    \/\/ Store the correct CAPTCHA answer in a hidden input\n    const correctAnswer = generateCaptcha();\n\n    \/\/ Validate CAPTCHA before form submission\n    document.getElementById('contactForm').addEventListener('submit', function(event) {\n        const userAnswer = parseInt(document.getElementById('captchaAnswer').value);\n        if (userAnswer !== correctAnswer) {\n            alert(\"Incorrect CAPTCHA answer. Please try again.\");\n            event.preventDefault(); \/\/ Prevent form submission\n        }\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us Your Name: Your Email: Your Message: Submit embed google maps in website<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1509","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.kfshipping.com\/index.php?rest_route=\/wp\/v2\/pages\/1509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kfshipping.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kfshipping.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kfshipping.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kfshipping.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1509"}],"version-history":[{"count":7,"href":"https:\/\/www.kfshipping.com\/index.php?rest_route=\/wp\/v2\/pages\/1509\/revisions"}],"predecessor-version":[{"id":1815,"href":"https:\/\/www.kfshipping.com\/index.php?rest_route=\/wp\/v2\/pages\/1509\/revisions\/1815"}],"wp:attachment":[{"href":"https:\/\/www.kfshipping.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}