MK Aluminum | Contact Information Card<\/title>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* standalone contact widget \u2014 can be placed anywhere, even inside existing pages *\/\r\n .contact-widget-container {\r\n font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, sans-serif;\r\n max-width: 600px;\r\n width: 100%;\r\n margin: 0 auto;\r\n background: transparent;\r\n }\r\n\r\n \/* main contact card *\/\r\n .mk-contact-card {\r\n background: #ffffff;\r\n border-radius: 2rem;\r\n box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.02);\r\n overflow: hidden;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n border: 1px solid #eef2f9;\r\n }\r\n\r\n .mk-contact-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 28px 40px -16px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n \/* header with brand accent *\/\r\n .contact-header {\r\n background: linear-gradient(115deg, #f8fafd 0%, #ffffff 100%);\r\n padding: 1.5rem 2rem 1rem 2rem;\r\n border-bottom: 1px solid #eef2f8;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .brand-icon {\r\n background: #eef3fc;\r\n border-radius: 60px;\r\n width: 48px;\r\n height: 48px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.6rem;\r\n color: #2c7da0;\r\n }\r\n\r\n .contact-header-text h3 {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: #0f2b3d;\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .contact-header-text p {\r\n font-size: 0.85rem;\r\n color: #5a7794;\r\n margin-top: 0.2rem;\r\n }\r\n\r\n .badge-available {\r\n background: #e6f4ea;\r\n padding: 0.3rem 1rem;\r\n border-radius: 40px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: #2a6e3b;\r\n }\r\n\r\n .badge-available i {\r\n font-size: 0.7rem;\r\n margin-right: 0.3rem;\r\n }\r\n\r\n \/* contact details area *\/\r\n .contact-body {\r\n padding: 1.8rem 2rem 2rem 2rem;\r\n }\r\n\r\n \/* individual contact row *\/\r\n .contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n margin-bottom: 1.4rem;\r\n flex-wrap: wrap;\r\n transition: background 0.2s;\r\n padding: 0.3rem 0;\r\n border-radius: 1rem;\r\n }\r\n\r\n .contact-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: #f4f8fe;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #2c7da0;\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n transition: all 0.2s;\r\n }\r\n\r\n .contact-detail {\r\n flex: 1;\r\n }\r\n\r\n .contact-label {\r\n font-size: 0.75rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n font-weight: 600;\r\n color: #6c8dae;\r\n margin-bottom: 0.2rem;\r\n }\r\n\r\n .contact-value {\r\n font-size: 1rem;\r\n font-weight: 500;\r\n color: #1f3e52;\r\n word-break: break-word;\r\n line-height: 1.4;\r\n }\r\n\r\n .contact-value a {\r\n color: #1f5e7e;\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n border-bottom: 1px dotted #cbdae9;\r\n }\r\n\r\n .contact-value a:hover {\r\n color: #0f4b66;\r\n border-bottom-color: #2c7da0;\r\n }\r\n\r\n \/* address block specific *\/\r\n .address-block .contact-value {\r\n font-weight: 400;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* divider *\/\r\n .divider-light {\r\n height: 1px;\r\n background: linear-gradient(90deg, #e2e8f0, #ffffff);\r\n margin: 0.5rem 0 1.5rem 0;\r\n }\r\n\r\n \/* quick action buttons (optional but useful) *\/\r\n .action-links {\r\n display: flex;\r\n gap: 0.8rem;\r\n margin-top: 1.8rem;\r\n flex-wrap: wrap;\r\n border-top: 1px solid #eef2f9;\r\n padding-top: 1.5rem;\r\n }\r\n\r\n .action-btn {\r\n background: #f8fafd;\r\n border-radius: 40px;\r\n padding: 0.5rem 1.2rem;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n color: #2c7da0;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n transition: all 0.2s;\r\n border: 1px solid #e2eaf1;\r\n }\r\n\r\n .action-btn i {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .action-btn:hover {\r\n background: #eef3fc;\r\n border-color: #cbdbe2;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* subtle note *\/\r\n .contact-note {\r\n font-size: 0.7rem;\r\n color: #8da3bb;\r\n text-align: center;\r\n margin-top: 1.2rem;\r\n letter-spacing: 0.2px;\r\n }\r\n\r\n \/* responsive adjustments *\/\r\n @media (max-width: 520px) {\r\n .contact-header {\r\n padding: 1.2rem 1.2rem 0.8rem 1.2rem;\r\n }\r\n .contact-body {\r\n padding: 1.5rem 1.2rem;\r\n }\r\n .contact-row {\r\n gap: 0.8rem;\r\n }\r\n .contact-icon {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 1rem;\r\n }\r\n .contact-value {\r\n font-size: 0.9rem;\r\n }\r\n .action-btn {\r\n padding: 0.4rem 1rem;\r\n font-size: 0.75rem;\r\n }\r\n }\r\n\r\n \/* Optional: integrate seamlessly into MK website section *\/\r\n .standalone-wrapper {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: auto;\r\n background: #f5f7fc; \/* matches the previous page background, can be removed when embedded *\/\r\n padding: 2rem 1rem;\r\n }\r\n\r\n \/* For demonstration, if you embed this inside the main page, remove background *\/\r\n .no-bg {\r\n background: transparent;\r\n padding: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body style=\"background: #f5f7fc;\"> \r\n \r\n <div class=\"standalone-wrapper\">\r\n <div class=\"contact-widget-container\">\r\n <div class=\"mk-contact-card\">\r\n <div class=\"contact-header\">\r\n <div style=\"display: flex; align-items: center; gap: 0.8rem;\">\r\n <div class=\"brand-icon\">\r\n <i class=\"fas fa-envelope-open-text\"><\/i>\r\n <\/div>\r\n <div class=\"contact-header-text\">\r\n <h3>Get in touch<\/h3>\r\n <p>Direct line \u00b7 Sales & project support<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"badge-available\">\r\n <i class=\"fas fa-clock\"><\/i> Fast response\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-body\">\r\n \r\n <div class=\"contact-row\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-user-tie\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail\">\r\n <div class=\"contact-label\">Contact Person<\/div>\r\n <div class=\"contact-value\"><strong>Rock MH Pan<\/strong> \u00b7 Global Sales Manager<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-row\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-mobile-alt\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail\">\r\n <div class=\"contact-label\">Mobile \/ WhatsApp<\/div>\r\n <div class=\"contact-value\">\r\n <a href=\"tel:+8613651855050\">+86-13651855050<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-row\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail\">\r\n <div class=\"contact-label\">Email<\/div>\r\n <div class=\"contact-value\">\r\n <a href=\"mailto:cnaluprofile@163.com\">cnaluprofile@163.com<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-row\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-globe\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail\">\r\n <div class=\"contact-label\">Official Website<\/div>\r\n <div class=\"contact-value\">\r\n <a href=\"http:\/\/www.cnaluprofile.com\" target=\"_blank\" rel=\"noopener noreferrer\">www.cnaluprofile.com<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-row address-block\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-map-pin\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail\">\r\n <div class=\"contact-label\">Headquarter & Factory base<\/div>\r\n <div class=\"contact-value\">\r\n No 108 Xinche Road, Songjiang District <br>\r\n 201611 Shanghai, P.R. China\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"divider-light\"><\/div>\r\n\r\n <div class=\"action-links\">\r\n <a href=\"mailto:cnaluprofile@163.com?subject=Inquiry%20from%20website%20-%20Aluminum%20profiles\" class=\"action-btn\">\r\n <i class=\"fas fa-paper-plane\"><\/i> Send inquiry\r\n <\/a>\r\n <a href=\"tel:+8613651855050\" class=\"action-btn\">\r\n <i class=\"fas fa-phone-alt\"><\/i> Call now\r\n <\/a>\r\n <a href=\"http:\/\/www.cnaluprofile.com\" target=\"_blank\" class=\"action-btn\">\r\n <i class=\"fas fa-browser\"><\/i> Visit website\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"contact-note\">\r\n <i class=\"fas fa-clock\"><\/i> Mon\u2013Fri 8:30 \u2013 17:30 (GMT+8) \u00b7 Quick quote & technical support\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"text-align: center; margin-top: 1rem; font-size: 0.7rem; color: #8da3bb; font-family: 'Inter', sans-serif;\">\r\n <i class=\"fas fa-industry\"><\/i> MK Aluminum \u00b7 Precision extrusion since 2006\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa9e65c e-con-full e-flex e-con e-child\" data-id=\"fa9e65c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d711f84 elementor-widget elementor-widget-shortcode\" data-id=\"d711f84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div class=\"inquiry-form-container\">\r\n \r\n \r\n <form method=\"post\" action=\"\">\r\n <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"4bfc96f97e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/zh\/wp-json\/wp\/v2\/pages\/3410\" \/> <input type=\"hidden\" name=\"inquiry_form_submit\" value=\"1\">\r\n <input type=\"hidden\" name=\"captcha_token\" value=\"5901562f-4d79-48b3-9152-4c42458c0f10\">\r\n <input type=\"hidden\" name=\"page_url\" value=\"https:\/\/mkaluprofile.com\/zh\/wp-json\/wp\/v2\/pages\/3410\">\r\n\r\n <p>\r\n <label for=\"inquiry_name\">Name *<\/label>\r\n <input type=\"text\" name=\"name\" id=\"inquiry_name\" value=\"\" required>\r\n <\/p>\r\n <p>\r\n <label for=\"inquiry_email\">E-mail *<\/label>\r\n <input type=\"email\" name=\"email\" id=\"inquiry_email\" value=\"\" required>\r\n <\/p>\r\n <p>\r\n <label for=\"inquiry_phone\">Telephone<\/label>\r\n <input type=\"text\" name=\"phone\" id=\"inquiry_phone\" value=\"\">\r\n <\/p>\r\n <p>\r\n <label for=\"inquiry_message\">message *<\/label>\r\n <textarea name=\"message\" id=\"inquiry_message\" rows=\"5\" maxlength=\"500\" required><\/textarea>\r\n <\/p>\r\n <p>\r\n <label>CAPTCHA *<\/label>\r\n <span>6 + 2 = ?<\/span>\r\n <input type=\"text\" name=\"captcha_answer\" size=\"5\" required>\r\n <\/p>\r\n <p>\r\n <button type=\"submit\">Submit inquiry<\/button>\r\n <\/p>\r\n <\/form>\r\n <\/div>\r\n\r\n <style>\r\n .inquiry-form-container { max-width: 600px; margin: 20px 0; }\r\n .inquiry-form-container p { margin-bottom: 15px; }\r\n .inquiry-form-container label { display: inline-block; width: 120px; vertical-align: top; }\r\n .inquiry-form-container input[type=\"text\"],\r\n .inquiry-form-container input[type=\"email\"],\r\n .inquiry-form-container textarea { width: 70%; padding: 5px; }\r\n .inquiry-form-container button { background: #007cba; color: #fff; border: none; padding: 8px 20px; cursor: pointer; }\r\n .inquiry-errors { background: #f8d7da; color: #721c24; padding: 10px; margin-bottom: 20px; border-radius: 4px; }\r\n .inquiry-success { background: #d4edda; color: #155724; padding: 10px; margin-bottom: 20px; border-radius: 4px; }\r\n <\/style>\r\n <\/div>\n\t\t\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 MK Aluminum | Contact Information Card Get in touch Direct line \u00b7 Sales & project support Fast response Contact Person Rock MH Pan \u00b7 Global Sales Manager Mobile \/ WhatsApp +86-13651855050 Email cnaluprofile@163.com Official Website www.cnaluprofile.com Headquarter & Factory base No 108 Xinche Road, Songjiang District 201611 Shanghai, P.R. China Send inquiry Call […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3410","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/mkaluprofile.com\/zh\/wp-json\/wp\/v2\/pages\/3410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mkaluprofile.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mkaluprofile.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mkaluprofile.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mkaluprofile.com\/zh\/wp-json\/wp\/v2\/comments?post=3410"}],"version-history":[{"count":6,"href":"https:\/\/mkaluprofile.com\/zh\/wp-json\/wp\/v2\/pages\/3410\/revisions"}],"predecessor-version":[{"id":4157,"href":"https:\/\/mkaluprofile.com\/zh\/wp-json\/wp\/v2\/pages\/3410\/revisions\/4157"}],"wp:attachment":[{"href":"https:\/\/mkaluprofile.com\/zh\/wp-json\/wp\/v2\/media?parent=3410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}