{"id":55,"date":"2026-05-13T19:27:38","date_gmt":"2026-05-13T19:27:38","guid":{"rendered":"https:\/\/byd.i-mosaics.com\/?page_id=55"},"modified":"2026-06-20T18:07:14","modified_gmt":"2026-06-20T18:07:14","slug":"kemet-byd-app","status":"publish","type":"page","link":"https:\/\/byd.i-mosaics.com\/","title":{"rendered":"KEMET BYD APP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"55\" class=\"elementor elementor-55\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f02543e e-flex e-con-boxed e-con e-parent\" data-id=\"f02543e\" 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-2e64b83 elementor-widget elementor-widget-heading\" data-id=\"2e64b83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WELCOME TO KEMET DBC APP <\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b96a2c e-flex e-con-boxed e-con e-parent\" data-id=\"9b96a2c\" 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-1634db8 elementor-widget elementor-widget-text-editor\" data-id=\"1634db8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Start the Registration<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a554fd e-flex e-con-boxed e-con e-parent\" data-id=\"1a554fd\" 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-a265d4e elementor-widget elementor-widget-html\" data-id=\"a265d4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        \/* Global Reset to prevent layout breaking on mobile *\/\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n            background-color: #f4f7f9;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: flex-start;\r\n            padding: 10px; \/* Small padding for mobile edges *\/\r\n        }\r\n\r\n        .form-container {\r\n            background: #ffffff;\r\n            width: 100%; \r\n            max-width: 500px; \/* Maximum width for desktop\/tablet *\/\r\n            margin: 20px auto;\r\n            padding: 20px;\r\n            border-radius: 12px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .form-header {\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .form-header h2 {\r\n            color: #0052cc;\r\n            font-size: 22px;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .form-header p {\r\n            color: #666;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .form-group {\r\n            margin-bottom: 15px;\r\n            width: 100%;\r\n        }\r\n\r\n        .form-group label {\r\n            display: block;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n            color: #333;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .form-group input, \r\n        .form-group select {\r\n            width: 100% !important; \/* Forces full width on mobile *\/\r\n            padding: 12px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 6px;\r\n            font-size: 16px; \/* 16px prevents iOS zoom-in on focus *\/\r\n            background-color: #fff;\r\n        }\r\n\r\n        \/* MULTI-SELECT BOX *\/\r\n        .form-group select[multiple] {\r\n            height: 120px;\r\n        }\r\n\r\n        \/* THE BUTTON - FORCED BLUE *\/\r\n        .submit-btn {\r\n            background-color: #0052cc !important; \/* Force Blue *\/\r\n            color: white !important;\r\n            padding: 15px !important;\r\n            border: none !important;\r\n            border-radius: 6px !important;\r\n            cursor: pointer;\r\n            font-size: 18px !important;\r\n            font-weight: bold !important;\r\n            width: 100% !important;\r\n            display: block !important;\r\n            margin-top: 10px;\r\n            transition: opacity 0.3s;\r\n        }\r\n\r\n        .submit-btn:hover {\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .required-star {\r\n            color: red;\r\n        }\r\n\r\n        \/* Mobile Specific Adjustments *\/\r\n        @media (max-width: 480px) {\r\n            .form-container {\r\n                padding: 15px;\r\n                border-radius: 8px;\r\n            }\r\n            .form-header h2 {\r\n                font-size: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"form-container\">\r\n    <div class=\"form-header\">\r\n        <h2>Vehicle Inquiry<\/h2>\r\n        <p>Please fill out the form below.<\/p>\r\n    <\/div>\r\n\r\n    <form id=\"__vtigerWebForm\" name=\"KEMET\" action=\"https:\/\/crm.misrkham.com\/modules\/Webforms\/capture.php\" method=\"post\" accept-charset=\"utf-8\" enctype=\"multipart\/form-data\">\r\n        \r\n        <!-- CRM HIDDEN FIELDS -->\r\n        <input type=\"hidden\" name=\"__vtrftk\" value=\"sid:24355b22abfa8c396de42e115357a4686b920986,1781978035\">\r\n        <input type=\"hidden\" name=\"publicid\" value=\"aecb3749eb213dbf8df1f3b7e2cf9016\">\r\n        <input type=\"hidden\" name=\"urlencodeenable\" value=\"1\">\r\n        <input type=\"hidden\" name=\"name\" value=\"KEMET\">\r\n\r\n        <div class=\"form-group\">\r\n            <label>Name <span class=\"required-star\">*<\/span><\/label>\r\n            <input type=\"text\" name=\"lastname\" placeholder=\"Full Name \" required>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Mobile Phone <span class=\"required-star\">*<\/span><\/label>\r\n            <input type=\"text\" name=\"mobile\" placeholder=\"Phone number\" required>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Email <span class=\"required-star\">*<\/span><\/label>\r\n            <input type=\"email\" name=\"email\" placeholder=\"email@example.com\" required>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Country <span class=\"required-star\">*<\/span><\/label>\r\n            <input type=\"text\" name=\"mailingcountry\" placeholder=\"Country\" required>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>CAR DEVICE ID <span class=\"required-star\">*<\/span><\/label>\r\n            <input type=\"text\" name=\"cf_903\" placeholder=\"Car ID\" required>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Vehicle Type <span class=\"required-star\">*<\/span><\/label>\r\n            <select name=\"cf_921\" required>\r\n                <option value=\"\">Select Value<\/option>\r\n                <option value=\"EV\" selected>EV<\/option>\r\n                <option value=\"DMI\">DMI<\/option>\r\n            <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>BYD CAR MODEL <span class=\"required-star\">*<\/span><\/label>\r\n            <select name=\"cf_905[]\" required multiple>\r\n                <option value=\"Song Plus\">Song Plus<\/option>\r\n                <option value=\"Song L\">Song L<\/option>\r\n                <option value=\"Sealion 05\">Sealion 05<\/option>\r\n                <option value=\"Sealion 06\">Sealion 06<\/option>\r\n                <option value=\"Seagull\">Seagull<\/option>\r\n                <option value=\"Tang L\">Tang L<\/option>\r\n                <option value=\"Denza\">Denza<\/option>\r\n                <option value=\"Qin\">Qin<\/option>\r\n                <option value=\"Seal\">Seal<\/option>\r\n                <option value=\"Han\">Han<\/option>\r\n                <option value=\"Destroyer\">Destroyer<\/option>\r\n                <option value=\"Leopard 3\">Leopard 3<\/option>\r\n                <option value=\"Leopard 5\">Leopard 5<\/option>\r\n                <option value=\"Leopard 7\">Leopard 7<\/option>\r\n                <option value=\"Leopard8\">Leopard8<\/option>\r\n                <option value=\"yuan-plus\">yuan-plus<\/option>\r\n                <option value=\"yuan\">yuan<\/option>\r\n            <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>PROMO CODE<\/label>\r\n            <input type=\"text\" name=\"cf_909\" placeholder=\"Optional\">\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"submit-btn\">SUBMIT NOW<\/button>\r\n    <\/form>\r\n<\/div>\r\n\r\n<script type=\"text\/javascript\">\r\n    window.onload = function() {\r\n        var form = document.getElementById(\"__vtigerWebForm\");\r\n        form.onsubmit = function(e) {\r\n            var inputs = form.elements;\r\n            var requiredFields = [];\r\n            for (var i = 0; i < inputs.length; i++) {\r\n                if (inputs[i].hasAttribute(\"required\") && inputs[i].value.trim() === \"\") {\r\n                    requiredFields.push(inputs[i].previousElementSibling ? inputs[i].previousElementSibling.innerText : \"Field\");\r\n                }\r\n                if (inputs[i].type === \"email\" && inputs[i].value !== \"\") {\r\n                    var emailFilter = \/^[_\/a-zA-Z0-9]+([!\"#$%&()*+,.\/:;<=>?\\^_`{|}~-]?[a-zA-Z0-9\/_\/-])*@[a-zA-Z0-9]+([\\_\\-\\.]?[a-zA-Z0-9]+)*\\.([\\-\\_]?[a-zA-Z0-9])+(\\.?[a-zA-Z0-9]+)?$\/;\r\n                    if (!emailFilter.test(inputs[i].value)) {\r\n                        alert(\"Please enter a valid email address\");\r\n                        return false;\r\n                    }\r\n                }\r\n            }\r\n            if (requiredFields.length > 0) {\r\n                alert(\"Please fill in: \" + requiredFields.join(\", \"));\r\n                return false;\r\n            }\r\n            return true;\r\n        };\r\n    };\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\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>WELCOME TO KEMET DBC APP Start the Registration Vehicle Inquiry Please fill out the form below. Name * Mobile Phone * Email * Country *&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/full-width.php","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,"footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/byd.i-mosaics.com\/index.php\/wp-json\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/byd.i-mosaics.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/byd.i-mosaics.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/byd.i-mosaics.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/byd.i-mosaics.com\/index.php\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":34,"href":"https:\/\/byd.i-mosaics.com\/index.php\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/byd.i-mosaics.com\/index.php\/wp-json\/wp\/v2\/pages\/55\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/byd.i-mosaics.com\/index.php\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}