{"id":2890,"date":"2025-09-17T15:48:33","date_gmt":"2025-09-17T15:48:33","guid":{"rendered":"https:\/\/s-i-c.org\/?p=2890"},"modified":"2025-10-27T05:43:23","modified_gmt":"2025-10-27T05:43:23","slug":"contact","status":"publish","type":"post","link":"https:\/\/s-i-c.org\/?p=2890","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2890\" class=\"elementor elementor-2890\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c6786c e-flex e-con-boxed e-con e-parent\" data-id=\"1c6786c\" 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-bda5316 elementor-widget elementor-widget-html\" data-id=\"bda5316\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Contact Us<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Lato', sans-serif;\n            font-size: 12px;\n        }\n\n        .wp-contact-wrapper {\n            font-family: 'Lato', sans-serif;\n            background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n            padding: 60px 20px;\n        }\n\n        .wp-contact-container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        \/* Header Styles *\/\n        .contact-header {\n            background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\n            color: white;\n            padding: 60px 40px;\n            text-align: center;\n            margin-bottom: 5px;\n            border-radius: 15px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .contact-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 1440 320\"><path fill=\"%23000000\" fill-opacity=\"0.1\" d=\"M0,160L48,170.7C96,181,192,203,288,197.3C384,192,480,160,576,160C672,160,768,192,864,186.7C960,181,1056,139,1152,138.7C1248,139,1344,181,1392,202.7L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path><\/svg>');\n            background-size: cover;\n            background-position: center;\n            opacity: 0.2;\n        }\n\n        .contact-header h1 {\n            font-size: 2.5rem;\n            margin-bottom: 15px;\n            position: relative;\n            z-index: 1;\n            font-family: 'Lato', sans-serif;\n        }\n\n        .contact-header p {\n            font-size: 12px;\n            max-width: 700px;\n            margin: 0 auto;\n            opacity: 0.95;\n            position: relative;\n            z-index: 1;\n            line-height: 1.6;\n        }\n\n        \/* Contact Layout *\/\n        .contact-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            margin-bottom: 50px;\n        }\n\n        .contact-form-container,\n        .contact-info-container {\n            background: white;\n            border-radius: 15px;\n            padding: 40px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n        }\n\n        .contact-form-container h2,\n        .contact-info-container h2 {\n            color: #000000;\n            margin-bottom: 25px;\n            font-size: 1.8rem;\n            font-family: 'Lato', sans-serif;\n        }\n\n        \/* Form Styles *\/\n        .form-group {\n            margin-bottom: 20px;\n        }\n\n        label {\n            display: block;\n            margin-bottom: 8px;\n            font-weight: 600;\n            color: #444;\n            font-size: 12px;\n        }\n\n        input, textarea, select {\n            width: 100%;\n            padding: 12px 16px;\n            border: 1px solid #e1e5eb;\n            border-radius: 8px;\n            font-size: 12px;\n            transition: all 0.3s;\n            font-family: 'Lato', sans-serif;\n        }\n\n        input:focus, textarea:focus, select:focus {\n            border-color: #000000;\n            outline: none;\n            box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);\n        }\n\n        textarea {\n            min-height: 130px;\n            resize: vertical;\n        }\n\n        .submit-btn {\n            background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\n            color: white;\n            border: none;\n            padding: 14px 30px;\n            font-size: 12px;\n            border-radius: 8px;\n            cursor: pointer;\n            font-weight: 600;\n            transition: all 0.3s;\n            width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            font-family: 'Lato', sans-serif;\n        }\n\n        .submit-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 7px 15px rgba(0, 0, 0, 0.5);\n        }\n\n        \/* Contact Info Styles *\/\n        .contact-info-list {\n            display: flex;\n            flex-direction: column;\n            gap: 25px;\n        }\n\n        .contact-info-item {\n            display: flex;\n            align-items: flex-start;\n            padding: 20px;\n            background: #f8fafb;\n            border-radius: 10px;\n            transition: all 0.3s;\n        }\n\n        .contact-info-item:hover {\n            background: #f0f4f7;\n            transform: translateX(5px);\n        }\n\n        .contact-icon {\n            background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\n            color: white;\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 20px;\n            flex-shrink: 0;\n            font-size: 1.3rem;\n        }\n\n        \/* Brand-specific icon colors *\/\n        .contact-info-item:nth-child(1) .contact-icon {\n            background: linear-gradient(135deg, #EA4335 0%, #D93025 100%);\n        }\n\n        .contact-info-item:nth-child(2) .contact-icon {\n            background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n        }\n\n        .contact-info-item:nth-child(3) .contact-icon {\n            background: linear-gradient(135deg, #4285F4 0%, #1967D2 100%);\n        }\n\n        .contact-details h3 {\n            margin-bottom: 8px;\n            color: #333;\n            font-size: 1.2rem;\n            font-family: 'Lato', sans-serif;\n        }\n\n        .contact-details p {\n            color: #666;\n            margin-bottom: 4px;\n            font-size: 12px;\n            line-height: 1.5;\n        }\n\n        .contact-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            margin-top: 10px;\n            color: #000000;\n            text-decoration: none;\n            font-weight: 600;\n            transition: all 0.3s;\n            padding: 6px 12px;\n            border-radius: 6px;\n            background: rgba(0, 0, 0, 0.1);\n            font-size: 12px;\n            font-family: 'Lato', sans-serif;\n        }\n\n        .contact-link:hover {\n            background: rgba(0, 0, 0, 0.2);\n        }\n\n        \/* Brand-specific link colors *\/\n        .contact-info-item:nth-child(1) .contact-link {\n            color: #EA4335;\n            background: rgba(234, 67, 53, 0.1);\n        }\n\n        .contact-info-item:nth-child(1) .contact-link:hover {\n            background: rgba(234, 67, 53, 0.2);\n        }\n\n        .contact-info-item:nth-child(2) .contact-link {\n            color: #25D366;\n            background: rgba(37, 211, 102, 0.1);\n        }\n\n        .contact-info-item:nth-child(2) .contact-link:hover {\n            background: rgba(37, 211, 102, 0.2);\n        }\n\n        .contact-info-item:nth-child(3) .contact-link {\n            color: #4285F4;\n            background: rgba(66, 133, 244, 0.1);\n        }\n\n        .contact-info-item:nth-child(3) .contact-link:hover {\n            background: rgba(66, 133, 244, 0.2);\n        }\n\n        \/* Map Section *\/\n        .map-container {\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n        }\n\n        .map-placeholder {\n            background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);\n            height: 350px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            color: #ffffff;\n            font-size: 12px;\n            text-align: center;\n            padding: 20px;\n        }\n\n        .map-placeholder i {\n            font-size: 2.5rem;\n            margin-bottom: 20px;\n            opacity: 0.7;\n        }\n\n        .map-placeholder h3 {\n            margin-bottom: 10px;\n            font-size: 1.5rem;\n            font-family: 'Lato', sans-serif;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .wp-contact-wrapper {\n                padding: 30px 15px;\n            }\n\n            .contact-header {\n                padding: 40px 25px;\n            }\n            \n            .contact-header h1 {\n                font-size: 2rem;\n            }\n\n            .contact-header p {\n                font-size: 12px;\n            }\n            \n            .contact-content {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n\n            .contact-form-container,\n            .contact-info-container {\n                padding: 30px 25px;\n            }\n\n            .contact-info-item {\n                flex-direction: column;\n                text-align: center;\n            }\n            \n            .contact-icon {\n                margin-right: 0;\n                margin-bottom: 15px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"wp-contact-wrapper\">\n        <div class=\"wp-contact-container\">\n            <!-- Header Section -->\n            <header class=\"contact-header\">\n                <h1>Get In Touch<\/h1>\n                <p>We're here to help you with sustainable innovation solutions. Reach out to us through any of the channels below.<\/p>\n            <\/header>\n\n            <!-- Contact Form and Info -->\n            <div class=\"contact-content\">\n                <!-- Contact Form -->\n                <div class=\"contact-form-container\">\n                    <h2>Send Us a Message<\/h2>\n                    <form id=\"contactForm\">\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\">Email Address<\/label>\n                            <input type=\"email\" id=\"email\" name=\"email\" required>\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"subject\">Subject<\/label>\n                            <select id=\"subject\" name=\"subject\">\n                                <option value=\"\">Select a subject<\/option>\n                                <option value=\"general\">General Inquiry<\/option>\n                                <option value=\"support\">Technical Support<\/option>\n                                <option value=\"collaboration\">Collaboration<\/option>\n                                <option value=\"sustainability\">Sustainability Consultation<\/option>\n                                <option value=\"other\">Other<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"message\">Your Message<\/label>\n                            <textarea id=\"message\" name=\"message\" placeholder=\"Tell us about your sustainable innovation needs...\" required><\/textarea>\n                        <\/div>\n                        \n                        <button type=\"submit\" class=\"submit-btn\">\n                            <i class=\"fas fa-paper-plane\"><\/i> Send Message\n                        <\/button>\n                    <\/form>\n                <\/div>\n                \n                <!-- Contact Information -->\n                <div class=\"contact-info-container\">\n                    <h2>Contact Information<\/h2>\n                    <div class=\"contact-info-list\">\n                        <div class=\"contact-info-item\">\n                            <div class=\"contact-icon\">\n                                <i class=\"fas fa-envelope\"><\/i>\n                            <\/div>\n                            <div class=\"contact-details\">\n                                <h3>Email Us<\/h3>\n                                <p>sustainableinnovationcenter@gmail.com<\/p>\n                                <a href=\"mailto:sustainableinnovationcenter@gmail.com\" class=\"contact-link\">\n                                    <i class=\"fas fa-envelope\"><\/i> Send Email\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"contact-info-item\">\n                            <div class=\"contact-icon\">\n                                <i class=\"fab fa-whatsapp\"><\/i>\n                            <\/div>\n                            <div class=\"contact-details\">\n                                <h3>WhatsApp<\/h3>\n                                <p>+27 71 257 3966<\/p>\n                                <a href=\"https:\/\/wa.me\/27712573966\" target=\"_blank\" class=\"contact-link\">\n                                    <i class=\"fab fa-whatsapp\"><\/i> Message on WhatsApp\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"contact-info-item\">\n                            <div class=\"contact-icon\">\n                                <i class=\"fas fa-map-marker-alt\"><\/i>\n                            <\/div>\n                            <div class=\"contact-details\">\n                                <h3>Our Location<\/h3>\n                                <p>Sustainable Innovation Center<\/p>\n                                <p>Kadel, Homabay<\/p>\n                                <p>Kenya<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Map Section -->\n            <div class=\"map-container\">\n                <div class=\"map-placeholder\">\n                    <i class=\"fas fa-map-marked-alt\"><\/i>\n                    <h3>Find Us Here<\/h3>\n                    <p>Our location in Kadel, Homabay, Kenya<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Form submission handling\n        document.getElementById('contactForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            \/\/ In a real WordPress site, this would be handled by a contact form plugin\n            alert('Thank you for your message! We will get back to you soon.');\n            \n            \/\/ Reset form\n            this.reset();\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b880d2c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b880d2c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a67c1c6\" data-id=\"a67c1c6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a521037 elementor-widget elementor-widget-google_maps\" data-id=\"a521037\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=kadel%20homabay&#038;t=m&#038;z=7&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"kadel homabay\"\n\t\t\t\t\taria-label=\"kadel homabay\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us Get In Touch We&#8217;re here to help you with sustainable innovation solutions. Reach out to us through any of the channels below. Send Us a Message Your Name Email Address Subject Select a subjectGeneral InquiryTechnical SupportCollaborationSustainability ConsultationOther Your Message Send Message Contact Information Email Us sustainableinnovationcenter@gmail.com Send Email WhatsApp +27 71 257 3966 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"give_campaign_id":0,"pagelayer_contact_templates":[],"_pagelayer_content":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2890","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/s-i-c.org\/index.php?rest_route=\/wp\/v2\/posts\/2890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s-i-c.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/s-i-c.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/s-i-c.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/s-i-c.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2890"}],"version-history":[{"count":43,"href":"https:\/\/s-i-c.org\/index.php?rest_route=\/wp\/v2\/posts\/2890\/revisions"}],"predecessor-version":[{"id":3271,"href":"https:\/\/s-i-c.org\/index.php?rest_route=\/wp\/v2\/posts\/2890\/revisions\/3271"}],"wp:attachment":[{"href":"https:\/\/s-i-c.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/s-i-c.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/s-i-c.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}