{"id":68,"date":"2025-08-28T07:51:28","date_gmt":"2025-08-28T07:51:28","guid":{"rendered":"https:\/\/hadenmachine.com\/?page_id=68"},"modified":"2025-12-12T06:25:54","modified_gmt":"2025-12-12T06:25:54","slug":"about-haden","status":"publish","type":"page","link":"https:\/\/hadenmachine.com\/fr\/about-haden\/","title":{"rendered":"\u00c0 propos de Haden"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"68\" class=\"elementor elementor-68\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e75744 e-flex e-con-boxed e-con e-parent\" data-id=\"7e75744\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c92bdc1 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c92bdc1\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Commencer par la foi et exceller dans l'artisanat<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b59ed39 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"b59ed39\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>En alimentant le monde physique avec une pr\u00e9cision num\u00e9rique, nous cr\u00e9ons les \u00e9l\u00e9ments constitutifs de l'avenir de l'industrie.<\/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-0a6120a e-flex e-con-boxed e-con e-parent\" data-id=\"0a6120a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ff44d2f e-con-full e-flex e-con e-child\" data-id=\"ff44d2f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23c33f1 elementor-widget elementor-widget-html\" data-id=\"23c33f1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Haden \u00b7 \u72ec\u7acb\u56fe\u7247\u6a21\u5757 (\u5f3a\u5236\u900f\u660e\u80cc\u666f\u7248) -->\n\n<style>\n\/* \n * -------------------------------------------\n * CSS\u6837\u5f0f: \u4ec5\u5305\u542b\u6b64\u56fe\u7247\u6a21\u5757\u6240\u9700\u7684\u6837\u5f0f\n * -------------------------------------------\n *\/\n\n:root {\n    --haden-primary: #0066CC;\n}\n\n\/* \n  !!! \u7ec8\u6781\u4fee\u6539 !!!\n  \u5728 background \u5c5e\u6027\u540e\u9762\u6dfb\u52a0\u4e86 !important\uff0c\n  \u8fd9\u4f1a\u5f3a\u5236\u8ba9\u8fd9\u6761\u6837\u5f0f\u7684\u4f18\u5148\u7ea7\u53d8\u4e3a\u6700\u9ad8\uff0c\u8986\u76d6\u5176\u4ed6\u4efb\u4f55\u51b2\u7a81\u7684\u80cc\u666f\u6837\u5f0f\u3002\n*\/\n.haden-image-module-wrapper {\n    background: transparent !important; \n    padding: clamp(40px, 8vw, 80px);\n    overflow: hidden;\n}\n\n\/* \u6838\u5fc3\u6837\u5f0f\u4fdd\u6301\u4e0d\u53d8 *\/\n.image-wrapper {\n    position: relative;\n    max-width: 600px;\n    margin: 0 auto;\n}\n.image-wrapper::before {\n    content: '';\n    position: absolute;\n    top: -20px;\n    left: -20px;\n    width: 100%;\n    height: 100%;\n    border: 2px solid var(--haden-primary);\n    border-radius: 8px;\n    z-index: 1;\n    transition: transform 0.4s ease;\n}\n.image-wrapper:hover::before {\n    transform: translate(15px, 15px);\n}\n.image-wrapper img {\n    border-radius: 8px;\n    width: 100%;\n    height: auto;\n    display: block;\n    position: relative;\n    z-index: 2;\n}\n<\/style>\n\n<!-- ======================= HTML \u5185\u5bb9\u90e8\u5206 ======================= -->\n<div class=\"haden-image-module-wrapper\">\n    <div class=\"image-wrapper\">\n        <img decoding=\"async\" src=\"http:\/\/hadenmachine.com\/wp-content\/uploads\/2025\/09\/engineer-loading-sheet-metal-into-laser-cutter-in-engineering-factory-e1758251863588.webp\" alt=\"\u5de5\u7a0b\u5e08\u5728\u73b0\u4ee3\u5316\u7684\u5de5\u4e1a\u751f\u4ea7\u7ebf\u4e0a\u5de5\u4f5c\" title=\"\">\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fb43fb e-con-full e-flex e-con e-child\" data-id=\"0fb43fb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91ba85e elementor-widget elementor-widget-text-editor\" data-id=\"91ba85e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>L'ORIGINE<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6bb3d5 elementor-widget elementor-widget-heading\" data-id=\"c6bb3d5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">D\u00e9fier l'impossible, c'est dans nos g\u00e8nes<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c353d0f elementor-widget elementor-widget-text-editor\" data-id=\"c353d0f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>La naissance de Haden n'est pas le fruit du hasard. \u00c0 une \u00e9poque o\u00f9 l'industrie se contente g\u00e9n\u00e9ralement de la \u201cfacilit\u00e9 d'utilisation\u201d, nous constatons le d\u00e9sir d'une \u201cdurabilit\u00e9\u201d et d'une \u201cpr\u00e9cision\u201d ultimes. Cette conviction nous pousse \u00e0 partir d'un plan et \u00e0 cr\u00e9er nos propres normes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1efb9ef elementor-widget__width-inherit elementor-align-left elementor-widget elementor-widget-button\" data-id=\"1efb9ef\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"https:\/\/hadenmachine.com\/fr\/company-profile\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Voir le profil de HADEN \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\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<div class=\"elementor-element elementor-element-ae162c9 e-flex e-con-boxed e-con e-parent\" data-id=\"ae162c9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1ff250 elementor-widget elementor-widget-html\" data-id=\"c1ff250\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Haden \"\u6211\u4eec\u7684\u5de5\u827a\u54f2\u5b66\" \u6a21\u5757 - \u5df2\u79fb\u9664\u80cc\u666f -->\n\n<style>\n\/* \n * -------------------------------------------\n * CSS\u6837\u5f0f: \u5df2\u79fb\u9664\u80cc\u666f\n * -------------------------------------------\n *\/\n\n\/* 1. \u5168\u5c40\u53d8\u91cf\u4e0e\u57fa\u7840\u8bbe\u5b9a (\u5fc5\u987b) *\/\n:root {\n    --haden-accent: #00BFFF;\n    --haden-dark: #0B121A;\n    --haden-text: #9CA3AF;\n    --haden-light-grey: #171F2A;\n    --haden-border: #3A4451;\n    --haden-white: #FFFFFF;\n    \n    --font-h2: clamp(2.2rem, 5vw, 3.1rem);\n    --font-h3: clamp(1.3rem, 4vw, 1.5rem); \/* \u7565\u5fae\u589e\u5927\u4e86H3\u7684\u5b57\u4f53\u5927\u5c0f\uff0c\u4f7f\u5176\u66f4\u6613\u8bfb *\/\n    --font-body: clamp(1rem, 2.5vw, 1.1rem); \/* \u7565\u5fae\u589e\u5927\u4e86\u6b63\u6587\u5b57\u4f53\u5927\u5c0f *\/\n    --spacing-section: clamp(80px, 12vw, 120px);\n}\n\n\/* 2. \u6a21\u5757\u4e3b\u5bb9\u5668\u6837\u5f0f *\/\n.haden-craft-section-wrapper {\n    \/* ! \u5173\u952e\u4fee\u6539 ! *\/\n    \/* \u5df2\u5c06\u539f\u6765\u7684\u80cc\u666f\u989c\u8272\u548c\u80cc\u666f\u56fe\u6837\u5f0f\u66ff\u6362\u4e3a \"background: transparent;\" *\/\n    background: transparent;\n\n    padding: var(--spacing-section) 0;\n    line-height: 1.7;\n}\n\n.haden-craft-section-wrapper .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 clamp(20px, 5vw, 40px);\n    text-align: center;\n}\n\n\/* 3. \u4e3b\u6807\u9898\u6837\u5f0f *\/\n.haden-craft-section-wrapper .section-headline {\n    color: var(--haden-white);\n    font-size: var(--font-h2);\n    font-weight: 700; \n    margin-bottom: 60px;\n}\n\n\/* 4. \u5361\u7247\u7f51\u683c\u5e03\u5c40 *\/\n.haden-craft-section-wrapper .craft-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 30px;\n    text-align: left;\n}\n\n\/* 5. \u9ad8\u79d1\u6280\u611f\u5361\u7247\u8bbe\u8ba1 *\/\n.haden-craft-section-wrapper .craft-card {\n    background-color: var(--haden-light-grey);\n    border: 1px solid var(--haden-border);\n    padding: 35px 30px;\n    border-radius: 8px;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s ease, background-color 0.3s ease;\n}\n\n.haden-craft-section-wrapper .craft-card:hover {\n    transform: translateY(-10px);\n    background-color: #1c2635;\n}\n\n.haden-craft-section-wrapper .craft-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, var(--haden-accent), transparent);\n    transform: translateX(-100%);\n    transition: transform 0.6s ease;\n}\n\n.haden-craft-section-wrapper .craft-card:hover::before {\n    transform: translateX(100%);\n}\n\n.haden-craft-section-wrapper .icon {\n    height: 48px;\n    width: 48px;\n    margin-bottom: 20px;\n    color: var(--haden-accent);\n}\n\n.haden-craft-section-wrapper .card-headline {\n    color: var(--haden-white);\n    font-size: var(--font-h3);\n    font-weight: 500; \n    margin-bottom: 10px;\n}\n\n.haden-craft-section-wrapper .card-text {\n    color: var(--haden-text);\n    font-size: var(--font-body);\n    margin: 0;\n}\n<\/style>\n\n<!-- ======================= HTML \u5185\u5bb9\u90e8\u5206 (\u4fdd\u6301\u4e0d\u53d8) ======================= -->\n<div class=\"haden-craft-section-wrapper\">\n    <div class=\"container\">\n        <h2 class=\"section-headline\">Notre philosophie de l'artisanat<\/h2>\n        <div class=\"craft-grid\">\n            <!-- \u5361\u7247 1 -->\n            <div class=\"craft-card\">\n                <svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21.75 17.25v-.228a4.5 4.5 0 00-.12-1.03l-2.268-9.64a3.375 3.375 0 00-3.285-2.65H8.25a3.375 3.375 0 00-3.285 2.65l-2.268 9.64a4.5 4.5 0 00-.12 1.03v.228m19.5 0a3 3 0 01-3 3H5.25a3 3 0 01-3-3m19.5 0a3 3 0 00-3-3H5.25a3 3 0 00-3 3m16.5 0h.008v.008h-.008v-.008z\" \/><\/svg>\n                <h3 class=\"card-headline\">Parano\u00efaque sur les d\u00e9tails<\/h3>\n                <p class=\"card-text\">Des tol\u00e9rances au micron aux r\u00e9glages de couple, nous pensons que l'excellence vient de l'attention port\u00e9e aux d\u00e9tails, quel qu'en soit le co\u00fbt.<\/p>\n            <\/div>\n            <!-- \u5361\u7247 2 -->\n            <div class=\"craft-card\">\n                <svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z\" \/><\/svg>\n                <h3 class=\"card-headline\">La recherche permanente de la performance<\/h3>\n                <p class=\"card-text\">Nous ne nous contentons pas des normes de l'industrie, mais nous d\u00e9finissons le prochain sommet de performance par le biais d'une R&amp;D et d'une it\u00e9ration continues.<\/p>\n            <\/div>\n            <!-- \u5361\u7247 3 -->\n            <div class=\"craft-card\">\n                <svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.286z\" \/><\/svg>\n                <h3 class=\"card-headline\">engagement solennel de fiabilit\u00e9<\/h3>\n                <p class=\"card-text\">Nos produits sont des partenaires qui peuvent r\u00e9sister \u00e0 des tests environnementaux s\u00e9v\u00e8res, garantissant le fonctionnement stable des lignes de production de nos clients.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\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-6108c0c e-flex e-con-boxed e-con e-parent\" data-id=\"6108c0c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b44a131 e-con-full bdt-backdrop-filter-yes e-flex bdt-filter-backdrop e-con e-child\" data-id=\"b44a131\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3af593 elementor-widget elementor-widget-heading\" data-id=\"c3af593\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Le meilleur travail, r\u00e9alis\u00e9 par l'\u00e9quipe la plus remarquable<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3cc536 elementor-widget elementor-widget-text-editor\" data-id=\"c3cc536\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Chez Haden, nous n'avons pas d'employ\u00e9s, seulement des partenaires commerciaux. Chaque ing\u00e9nieur, concepteur et expert technique est un gardien de la foi et un h\u00e9ritier du savoir-faire.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d7cecc elementor-widget__width-inherit elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7d7cecc\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"https:\/\/hadenmachine.com\/fr\/corporate-culture\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00e9couvrez notre culture d'entreprise \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\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<div class=\"elementor-element elementor-element-a4209e3 e-flex e-con-boxed e-con e-parent\" data-id=\"a4209e3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-189db8d e-con-full e-flex e-con e-child\" data-id=\"189db8d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f44007e elementor-widget elementor-widget-text-editor\" data-id=\"f44007e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>L'AVENIR<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cb3a2e elementor-widget elementor-widget-heading\" data-id=\"9cb3a2e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Nos pas sont toujours tourn\u00e9s vers l'avenir<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7d3ebb elementor-widget elementor-widget-text-editor\" data-id=\"b7d3ebb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Nous explorons activement des domaines de pointe tels que la maintenance pr\u00e9dictive pilot\u00e9e par l'IA et les solutions \u00e9nerg\u00e9tiques durables. Le prochain chapitre de Haden sera un chapitre intelligent et vert \u00e9crit avec vous.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b58ce0 e-con-full e-flex e-con e-child\" data-id=\"6b58ce0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d9a4fa elementor-widget elementor-widget-html\" data-id=\"1d9a4fa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Haden \u00b7 \u72ec\u7acb\u56fe\u7247\u6a21\u5757 -->\n<!-- \u5305\u542b\u56fe\u7247\u3001\u88c5\u9970\u6846\u53ca\u60ac\u505c\u6548\u679c\uff0c\u53ef\u76f4\u63a5\u4f7f\u7528 -->\n\n<style>\n\/* \n * -------------------------------------------\n * CSS\u6837\u5f0f: \u4ec5\u5305\u542b\u6b64\u56fe\u7247\u6a21\u5757\u6240\u9700\u7684\u6837\u5f0f\n * -------------------------------------------\n *\/\n\n\/* 1. \u5fc5\u9700\u7684\u5168\u5c40\u53d8\u91cf *\/\n\/* \u5b9a\u4e49\u4e86\u88c5\u9970\u6846\u7684\u989c\u8272\uff0c\u5fc5\u987b\u4fdd\u7559 *\/\n:root {\n    --haden-primary: #0066CC;   \/* \u54c1\u724c\u84dd\uff0c\u7528\u4e8e\u88c5\u9970\u6846 *\/\n}\n\n\/* 2. \u56fe\u7247\u6a21\u5757\u5bb9\u5668 (\u53ef\u9009) *\/\n\/* \u5982\u679c\u60a8\u60f3\u8ba9\u5b83\u81ea\u5e26\u80cc\u666f\u548c\u8fb9\u8ddd\uff0c\u53ef\u4ee5\u4fdd\u7559\u8fd9\u4e2a\u6837\u5f0f\u3002\n   \u5982\u679c\u60a8\u60f3\u8ba9\u5b83\u878d\u5165\u60a8\u81ea\u5df1\u7684\u80cc\u666f\uff0c\u53ef\u4ee5\u5220\u9664\u8fd9\u4e2a\u6837\u5f0f\u3002*\/\n.haden-image-module-wrapper {\n    --haden-dark: #0B121A;\n    --haden-border: #3A4451;\n    background-color: var(--haden-dark);\n    background-image: radial-gradient(var(--haden-border) 0.5px, transparent 0.5px);\n    background-size: 15px 15px;\n    padding: clamp(40px, 8vw, 0px); \/* \u63d0\u4f9b\u4e00\u4e9b\u547c\u5438\u7a7a\u95f4 *\/\n    overflow: hidden;\n}\n\n\/* 3. \u56fe\u7247\u4e0e\u88c5\u9970\u6027\u6846\u67b6 (\u6838\u5fc3\u6837\u5f0f) *\/\n.image-wrapper {\n    position: relative;\n    max-width: 600px; \/* \u60a8\u53ef\u4ee5\u6839\u636e\u9700\u8981\u8c03\u6574\u56fe\u7247\u7684\u6700\u5927\u5bbd\u5ea6 *\/\n    margin: 0 auto;   \/* \u5c45\u4e2d\u663e\u793a *\/\n}\n\n\/* \u8fd9\u662f\u60a8\u770b\u5230\u7684\u84dd\u8272\u88c5\u9970\u6846 *\/\n.image-wrapper::before {\n    content: '';\n    position: absolute;\n    top: -20px;\n    left: -20px;\n    width: 100%;\n    height: 100%;\n    border: 2px solid var(--haden-primary);\n    border-radius: 8px; \/* \u786e\u4fdd\u6846\u67b6\u4e5f\u662f\u5706\u89d2 *\/\n    z-index: 1;\n    transition: transform 0.4s ease;\n}\n\n\/* \u9f20\u6807\u60ac\u505c\u65f6\uff0c\u6846\u67b6\u4f1a\u79fb\u52a8\uff0c\u4ea7\u751f\u5c42\u6b21\u611f *\/\n.image-wrapper:hover::before {\n    transform: translate(15px, 15px);\n}\n\n\/* \u56fe\u7247\u672c\u8eab\u6837\u5f0f *\/\n.image-wrapper img {\n    border-radius: 8px;\n    width: 100%;\n    height: auto;\n    display: block;\n    position: relative;\n    z-index: 2; \/* \u56fe\u7247\u5728\u6846\u67b6\u4e0a\u5c42 *\/\n}\n<\/style>\n\n<!-- ======================= HTML \u5185\u5bb9\u90e8\u5206 ======================= -->\n<div class=\"haden-image-module-wrapper\">\n    <!-- \u72ec\u7acb\u7684\u56fe\u7247\u6a21\u5757 -->\n    <div class=\"image-wrapper\">\n        <!-- \u8bf7\u5c06\u4e0b\u9762\u7684 src \u94fe\u63a5\u66ff\u6362\u4e3a\u60a8\u81ea\u5df1\u7684\u56fe\u7247 -->\n        <img decoding=\"async\" src=\"http:\/\/hadenmachine.com\/wp-content\/uploads\/2025\/09\/industrial-photo-of-robot-which-working-on-modern-factory-and-doing-laser-cutting.webp\" alt=\"\u672a\u6765\u6570\u5b57\u5b6a\u751f\u4e0e\u667a\u80fd\u5236\u9020\u6982\u5ff5\u56fe\" title=\"\">\n    <\/div>\n<\/div>\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<div class=\"elementor-element elementor-element-72a88e9 e-flex e-con-boxed e-con e-parent\" data-id=\"72a88e9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7a6113 elementor-widget elementor-widget-heading\" data-id=\"a7a6113\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Commencez votre voyage \u00e0 Haden<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e83b3ba elementor-align-center elementor-widget elementor-widget-button\" data-id=\"e83b3ba\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contactez-nous d\u00e8s maintenant pour cr\u00e9er ensemble un avenir meilleur<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\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-97d423c e-flex e-con-boxed e-con e-parent\" data-id=\"97d423c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45edfb8 elementor-widget elementor-widget-bdt-breadcrumbs\" data-id=\"45edfb8\" data-element_type=\"widget\" data-widget_type=\"bdt-breadcrumbs.default\">\n\t\t\t\t\t<div class='bdt-ep-breadcrumbs-wrapper'><ul class=\"bdt-ep-breadcrumb breadcrumb-align-left\"><li><a href=\"https:\/\/hadenmachine.com\/fr\/\">Accueil<\/a><\/li>\n<li><span> Page<\/span><\/li>\n<\/ul><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14b9018 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"14b9018\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Start with faith and excel in craftsmanship Powering the physical world with digital precision, we create the building blocks for the future of industry. THE ORIGIN Challenge the impossible. it&#8217;s our genes The birth of Haden was no accident. In an era when the industry is generally satisfied with &#8220;usability&#8221;, we see the desire for [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hadenmachine.com\/fr\/wp-json\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hadenmachine.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hadenmachine.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hadenmachine.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hadenmachine.com\/fr\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":3,"href":"https:\/\/hadenmachine.com\/fr\/wp-json\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":2880,"href":"https:\/\/hadenmachine.com\/fr\/wp-json\/wp\/v2\/pages\/68\/revisions\/2880"}],"wp:attachment":[{"href":"https:\/\/hadenmachine.com\/fr\/wp-json\/wp\/v2\/media?parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}