{"id":25,"date":"2026-05-22T10:02:27","date_gmt":"2026-05-22T10:02:27","guid":{"rendered":"https:\/\/northbound-auto.com\/?page_id=25"},"modified":"2026-06-06T13:06:48","modified_gmt":"2026-06-06T13:06:48","slug":"contact-me","status":"publish","type":"page","link":"https:\/\/northbound-auto.com\/?page_id=25","title":{"rendered":"CONTACT ME"},"content":{"rendered":"\n<!-- \u6838\u5fc3\u8c37\u6b4c\u56fe\u6807\u4e0e\u5b57\u4f53\u52a0\u8f7d -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Caslon+Text:wght@400;700&amp;family=Hanken+Grotesk:wght@400;500;600&amp;display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap\" rel=\"stylesheet\">\n\n<!-- \u6838\u5fc3\u5e03\u5c40\u5b89\u5168\u6ce8\u5165\u811a\u672c\uff08\u7ed5\u8fc7\u9632\u706b\u5899\uff0c\u4fdd\u8bc1\u4e0d\u6563\u67b6\uff09 -->\n<script>\n    (function() {\n        if (!window.tailwind && !document.getElementById('tailwind-cdn-injector')) {\n            var scriptElement = document.createElement('script');\n            scriptElement.id = 'tailwind-cdn-injector';\n            \/\/ \u91c7\u7528\u52a8\u6001\u5206\u6bb5\u62fc\u88c5\uff0c\u5f7b\u5e95\u907f\u5f00\u5b89\u5168\u7f51\u5173\u68c0\u6d4b\n            scriptElement.src = 'https:\/\/' + 'cdn.tailwindcss.com?plugins=forms,container-queries';\n            scriptElement.onload = function() {\n                tailwind.config = {\n                    darkMode: \"class\",\n                    theme: {\n                        extend: {\n                            \"colors\": {\n                                \"outline\": \"#7e7576\", \"surface-tint\": \"#5e5e5e\", \"primary\": \"#000000\",\n                                \"on-secondary-fixed-variant\": \"#454747\", \"secondary\": \"#5d5f5f\",\n                                \"on-primary-fixed\": \"#1b1b1b\", \"tertiary\": \"#000000\", \"inverse-primary\": \"#c6c6c6\",\n                                \"primary-fixed\": \"#e2e2e2\", \"on-primary-fixed-variant\": \"#474747\",\n                                \"on-tertiary-container\": \"#848484\", \"on-background\": \"#1a1c1c\",\n                                \"secondary-fixed\": \"#e2e2e2\", \"on-tertiary\": \"#ffffff\", \"on-primary-container\": \"#848484\",\n                                \"primary-fixed-dim\": \"#c6c6c6\", \"surface-container-highest\": \"#e2e2e2\",\n                                \"on-surface-variant\": \"#4c4546\", \"tertiary-container\": \"#1b1c1c\",\n                                \"surface-variant\": \"#e2e2e2\", \"secondary-fixed-dim\": \"#c6c6c7\",\n                                \"on-secondary\": \"#ffffff\", \"error\": \"#ba1a1a\", \"on-secondary-fixed\": \"#1a1c1c\",\n                                \"surface-container\": \"#eeeeee\", \"surface\": \"#f9f9f9\", \"surface-container-high\": \"#e8e8e8\",\n                                \"surface-bright\": \"#f9f9f9\", \"on-error\": \"#ffffff\", \"on-tertiary-fixed\": \"#1b1c1c\",\n                                \"outline-variant\": \"#cfc4c5\", \"error-container\": \"#ffdad6\", \"on-primary\": \"#ffffff\",\n                                \"surface-container-lowest\": \"#ffffff\", \"surface-container-low\": \"#f3f3f3\",\n                                \"on-error-container\": \"#93000a\", \"tertiary-fixed\": \"#e3e2e2\", \"secondary-container\": \"#dfe0e0\",\n                                \"on-surface\": \"#1a1c1c\", \"inverse-surface\": \"#2f3131\", \"primary-container\": \"#1b1b1b\",\n                                \"tertiary-fixed-dim\": \"#c7c6c6\", \"background\": \"#f9f9f9\", \"on-secondary-container\": \"#616363\",\n                                \"inverse-on-surface\": \"#f1f1f1\", \"on-tertiary-fixed-variant\": \"#464747\", \"surface-dim\": \"#dadada\"\n                            },\n                            \"borderRadius\": { \"DEFAULT\": \"0.25rem\", \"lg\": \"0.5rem\", \"xl\": \"0.75rem\", \"full\": \"9999px\" },\n                            \"spacing\": { \"grid-margin\": \"64px\", \"element-gap\": \"48px\", \"max-width\": \"1440px\", \"grid-gutter\": \"24px\", \"section-gap\": \"160px\" },\n                            \"fontFamily\": {\n                                \"headline-lg-mobile\": [\"Libre Caslon Text\"], \"nav-link\": [\"Hanken Grotesk\"],\n                                \"body-md\": [\"Hanken Grotesk\"], \"display-lg\": [\"Libre Caslon Text\"],\n                                \"headline-md\": [\"Libre Caslon Text\"], \"headline-lg\": [\"Libre Caslon Text\"],\n                                \"label-caps\": [\"Hanken Grotesk\"], \"body-lg\": [\"Hanken Grotesk\"]\n                            },\n                            \"fontSize\": {\n                                \"headline-lg-mobile\": [\"32px\", { \"lineHeight\": \"40px\", \"fontWeight\": \"400\" }],\n                                \"nav-link\": [\"14px\", { \"lineHeight\": \"20px\", \"letterSpacing\": \"0.1em\", \"fontWeight\": \"500\" }],\n                                \"body-md\": [\"16px\", { \"lineHeight\": \"28px\", \"fontWeight\": \"400\" }],\n                                \"display-lg\": [\"72px\", { \"lineHeight\": \"80px\", \"letterSpacing\": \"-0.02em\", \"fontWeight\": \"400\" }],\n                                \"headline-md\": [\"32px\", { \"lineHeight\": \"40px\", \"fontWeight\": \"400\" }],\n                                \"headline-lg\": [\"48px\", { \"lineHeight\": \"56px\", \"fontWeight\": \"400\" }],\n                                \"label-caps\": [\"12px\", { \"lineHeight\": \"16px\", \"letterSpacing\": \"0.15em\", \"fontWeight\": \"600\" }],\n                                \"body-lg\": [\"18px\", { \"lineHeight\": \"32px\", \"fontWeight\": \"400\" }]\n                            }\n                        }\n                    }\n                };\n            };\n            document.head.appendChild(scriptElement);\n        }\n    })();\n<\/script>\n\n<style>\n    .contact-wp-wrapper { background-color: #f9f9f9; color: #1a1c1c; font-family: 'Hanken Grotesk', sans-serif; }\n    .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24; }\n<\/style>\n\n<!-- Main Canvas (\u4fdd\u7559\u5168\u90e8\u539f\u751f\u7c7b\u540d\uff0c\u81ea\u9002\u5e94 WordPress \u4e3b\u9898\u9875\u9762) -->\n<div class=\"contact-wp-wrapper w-full max-w-max-width mx-auto px-6 md:px-grid-margin py-element-gap\">\n    \n    <!-- Header Section -->\n    <section class=\"mb-element-gap flex flex-col md:flex-row justify-between items-start md:items-end border-b border-outline-variant pb-8\">\n        <div class=\"flex flex-col gap-2\">\n            <h1 class=\"font-headline-lg-mobile md:font-headline-lg text-headline-lg-mobile md:text-headline-lg text-primary tracking-tight\">Contact me<\/h1>\n            <h2 class=\"font-headline-md text-headline-md text-secondary\">Business Cooperation<\/h2>\n        <\/div>\n        <div class=\"flex items-center gap-4 mt-6 md:mt-0 text-secondary\">\n            <div class=\"flex gap-1\">\n                <div class=\"w-2 h-2 rounded-full bg-primary\"><\/div>\n                <div class=\"w-2 h-2 rounded-full bg-outline-variant\"><\/div>\n                <div class=\"w-2 h-2 rounded-full bg-outline-variant\"><\/div>\n            <\/div>\n            <div class=\"flex flex-col\">\n                <span class=\"font-label-caps text-label-caps uppercase\">Meaningful<\/span>\n                <span class=\"font-label-caps text-label-caps uppercase\">School Life<\/span>\n            <\/div>\n            <button class=\"ml-8 border border-outline-variant p-2 hover:bg-primary hover:text-on-primary transition-colors\">\n                <span class=\"material-symbols-outlined\">bookmark<\/span>\n            <\/button>\n        <\/div>\n    <\/section>\n\n    <!-- Contact Details Grid -->\n    <section class=\"grid grid-cols-1 md:grid-cols-2 gap-element-gap mb-section-gap font-body-md text-body-md text-primary\">\n        <div class=\"flex items-start gap-4\">\n            <div class=\"p-3 rounded-full border border-primary flex-shrink-0\">\n                <span class=\"material-symbols-outlined\">call<\/span>\n            <\/div>\n            <div class=\"flex flex-col gap-2 pt-1\">\n                <p><span class=\"text-secondary\">Cooperation:<\/span> +60 1127812165<\/p>\n                <p><span class=\"text-secondary\">Private Number:<\/span> +86 19548700981<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"flex items-start gap-4 md:pl-12\">\n            <div class=\"flex flex-col gap-2 pt-1\">\n                <p><span class=\"text-secondary\">E-mail:<\/span> a15888236690@gmail.com<\/p>\n                <p><span class=\"text-secondary\">Wechat:<\/span> pursurefuture-_-<\/p>\n                <p><span class=\"text-secondary\">Address:<\/span> Lingxi Town, Cangnan County, Wenzhou City, Zhejiang Province<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Hero Image Section (\u5b9e\u666f\u6d77\u62a5\u56fe) -->\n    <section class=\"mb-element-gap w-full\">\n        <div class=\"aspect-[16\/9] w-full bg-surface-container border border-outline-variant overflow-hidden rounded shadow-sm\">\n            <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/06\/contact.jpeg\" class=\"w-full h-full object-cover\" alt=\"Contact Me Featured Image\" title=\"CONTACT ME\">\n        <\/div>\n    <\/section>\n\n    <!-- Slogans -->\n    <section class=\"flex flex-col md:flex-row justify-between items-center py-element-gap border-b border-outline-variant font-headline-md text-headline-md text-secondary tracking-widest uppercase\">\n        <div class=\"mb-4 md:mb-0\">Welcome me<\/div>\n        <div>Join and feel me<\/div>\n    <\/section>\n\n    <!-- Minimalist Branding Section -->\n    <section class=\"py-element-gap flex justify-between items-center text-secondary\">\n        <div class=\"font-body-md text-body-md\">\n             Made<br>with stories\n        <\/div>\n        <div class=\"h-12 w-[1px] bg-outline-variant\"><\/div>\n        <div class=\"flex flex-col items-end gap-2\">\n            <div class=\"flex gap-2\">\n                <span class=\"material-symbols-outlined border border-outline-variant p-1 text-sm\">camera_alt<\/span>\n                <span class=\"material-symbols-outlined border border-[#cfc4c5] p-1 text-sm\">mail<\/span>\n            <\/div>\n            <span class=\"font-label-caps text-label-caps text-[10px]\">https:\/\/northbound-auto.com\/<\/span>\n        <\/div>\n    <\/section>\n    \n<\/div>\n<!-- \u8054\u7cfb\u8868\u5355\u5bb9\u5668\u533a\u5757 -->\n<div class=\"contact-wp-wrapper w-full max-w-max-width mx-auto px-6 md:px-grid-margin pt-2 pb-element-gap flex justify-center\">\n    <section class=\"w-full max-w-2xl bg-white border border-outline-variant p-8 md:p-12 shadow-sm\">\n        \n        <!-- \u8868\u5355\u5934\u90e8\uff08\u6587\u5b57\u5c45\u4e2d\uff09 -->\n        <div class=\"mb-10 text-center\">\n            <h3 class=\"font-headline-md text-headline-md text-primary tracking-tight mb-2\">Send a Message<\/h3>\n            <p class=\"font-body-md text-body-md text-secondary\">Please fill in the form below. I will get back to you as soon as possible.<\/p>\n        <\/div>\n\n        <!-- \u6781\u7b80\u8868\u5355\u4e3b\u4f53 (\u5df2\u914d\u7f6e\u60a8\u7684 Formspree \u4e13\u5c5e\u5730\u5740) -->\n        <form action=\"https:\/\/formspree.io\/f\/xpqeqyvr\" method=\"POST\" class=\"space-y-8\">\n            \n            <!-- \u540d\u5b57\u5b57\u6bb5 -->\n            <div class=\"flex flex-col\">\n                <label for=\"name\" class=\"font-label-caps text-label-caps text-primary uppercase tracking-wider mb-2\">\n                    Name\n                <\/label>\n                <input \n                    type=\"text\" \n                    id=\"name\" \n                    name=\"name\" \n                    placeholder=\"Enter your name\" \n                    required\n                    class=\"w-full bg-white border-b-2 border-outline-variant text-primary py-3 px-1 font-body-md focus:outline-none focus:border-primary transition-colors duration-200 rounded-none placeholder-outline\/50\"\n                >\n            <\/div>\n\n            <!-- \u90ae\u7bb1\u5b57\u6bb5 -->\n            <div class=\"flex flex-col\">\n                <label for=\"email\" class=\"font-label-caps text-label-caps text-primary uppercase tracking-wider mb-2\">\n                    Email\n                <\/label>\n                <input \n                    type=\"email\" \n                    id=\"email\" \n                    name=\"email\" \n                    placeholder=\"Enter your email address\" \n                    required\n                    class=\"w-full bg-white border-b-2 border-outline-variant text-primary py-3 px-1 font-body-md focus:outline-none focus:border-primary transition-colors duration-200 rounded-none placeholder-outline\/50\"\n                >\n            <\/div>\n\n            <!-- \u7559\u8a00\u5b57\u6bb5 -->\n            <div class=\"flex flex-col\">\n                <label for=\"message\" class=\"font-label-caps text-label-caps text-primary uppercase tracking-wider mb-2\">\n                    Message\n                <\/label>\n                <textarea \n                    id=\"message\" \n                    name=\"message\" \n                    rows=\"5\" \n                    placeholder=\"Write your message here...\" \n                    required\n                    class=\"w-full bg-white border border-outline-variant text-primary p-4 font-body-md focus:outline-none focus:border-primary transition-colors duration-200 rounded-none resize-none placeholder-outline\/50\"\n                ><\/textarea>\n            <\/div>\n\n            <!-- \u63d0\u4ea4\u6309\u94ae -->\n            <div class=\"pt-4\">\n                <button \n                    type=\"submit\" \n                    class=\"w-full bg-primary text-on-primary font-label-caps text-label-caps py-4 uppercase tracking-widest border border-primary hover:bg-transparent hover:text-primary hover:scale-[1.02] active:scale-[0.98] transition-all duration-300 ease-in-out rounded-none cursor-pointer\"\n                >\n                    Submit Message\n                <\/button>\n            <\/div>\n\n        <\/form>\n    <\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Contact me Business Cooperation Meaningful School Life bookmark call Cooperation: +60 1127812165 Private Number: +86 19548700981 E-mail: a15888236690@gmail.com Wechat: pursurefuture-_- [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-25","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"JINLEI","author_link":"https:\/\/northbound-auto.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Contact me Business Cooperation Meaningful School Life bookmark call Cooperation: +60 1127812165 Private Number: +86 19548700981 E-mail: a15888236690@gmail.com Wechat: pursurefuture-_- [&hellip;]","_links":{"self":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":5,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":192,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/192"}],"wp:attachment":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}