HARSLE – Press Brake Technical Specifications<\/title>\n<style>\n\/* ============================================================\n All styles scoped under .harsle-specs for WordPress compatibility.\n When inserting into WP, copy everything inside <div class=\"harsle-specs\">\n and the <style>\/<script> blocks.\n ============================================================ *\/\n\n.harsle-specs {\n --navy: #1e3a5f;\n --navy-light: #2a5080;\n --sky: #7ec8e3;\n --sky-pale: #d6eef7;\n --brown: #3a2f2b;\n --brown-light: #5c4f49;\n --gray-50: #f9fafb;\n --gray-100: #f3f4f6;\n --gray-200: #e5e7eb;\n --gray-300: #d1d5db;\n --gray-500: #6b7280;\n --gray-700: #374151;\n --white: #ffffff;\n --radius: 6px;\n --transition: 0.25s ease;\n\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n color: var(--brown);\n line-height: 1.6;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px 60px;\n box-sizing: border-box;\n}\n\n.harsle-specs *, .harsle-specs *::before, .harsle-specs *::after {\n box-sizing: border-box;\n}\n\n\/* ---------- Section Title ---------- *\/\n.harsle-specs .hs-title {\n position: relative;\n width: 100vw;\n height: 350px;\n left: 50%;\n transform: translateX(-50%);\n margin: 0 0 40px;\n background-color: #0a1220;\n}\n\n\/* \u2605 \u80cc\u666f\u56fe\u5c42 \u2014 \u901a\u8fc7\u4f2a\u5143\u7d20\u6e32\u67d3\uff0c\u4e0d\u53d7\u7236\u5bb9\u5668 overflow\/padding \u5f71\u54cd *\/\n.harsle-specs .hs-title::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image: var(--banner-img);\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n z-index: 0;\n}\n\n\/* \u5e95\u90e8\u6e10\u53d8\u906e\u7f69\uff0c\u8ba9\u6587\u5b57\u6e05\u6670\u53ef\u8bfb *\/\n.harsle-specs .hs-title::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.25) 55%, transparent 100%);\n z-index: 1;\n}\n\n.harsle-specs .hs-title .hs-title-text {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 2;\n font-size: 42px;\n font-weight: 700;\n color: var(--white);\n padding: 0 max(20px, calc((100vw - 1200px) \/ 2 + 20px)) 40px;\n letter-spacing: -0.02em;\n margin: 0;\n background: none;\n}\n\n\/* ---------- Series Tabs ---------- *\/\n.harsle-specs .hs-series-bar {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-bottom: 8px;\n}\n\n.harsle-specs .hs-series-btn {\n padding: 10px 22px;\n border: 2px solid var(--gray-200);\n border-radius: 50px;\n background: var(--white);\n color: var(--gray-700);\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all var(--transition);\n white-space: nowrap;\n font-family: inherit;\n letter-spacing: 0.01em;\n}\n\n.harsle-specs .hs-series-btn:hover {\n border-color: var(--sky);\n color: var(--navy);\n background: var(--sky-pale);\n}\n\n.harsle-specs .hs-series-btn.active {\n border-color: var(--navy);\n background: var(--navy);\n color: var(--white);\n}\n\n.harsle-specs .hs-series-subtitle {\n display: block;\n font-size: 13px;\n color: var(--gray-500);\n margin: 4px 0 20px 4px;\n font-weight: 400;\n min-height: 20px;\n}\n\n\/* ---------- Model Tabs (Sliding Capsule) ---------- *\/\n.harsle-specs .hs-model-bar {\n display: flex;\n align-items: center;\n padding: 0;\n margin-bottom: 36px;\n gap: 12px;\n}\n\n.harsle-specs .hs-model-label {\n font-size: 14px;\n font-weight: 600;\n color: var(--gray-500);\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n.harsle-specs .hs-model-scroll {\n position: relative;\n display: flex;\n gap: 0;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n flex: 1;\n padding: 4px;\n background: var(--gray-100);\n border-radius: 50px;\n}\n\n.harsle-specs .hs-model-scroll::-webkit-scrollbar {\n display: none;\n}\n\n.harsle-specs .hs-model-slider {\n position: absolute;\n top: 4px;\n left: 4px;\n height: calc(100% - 8px);\n background: var(--navy);\n border-radius: 50px;\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 0;\n pointer-events: none;\n box-shadow: 0 1px 4px rgba(30, 58, 95, 0.3);\n}\n\n.harsle-specs .hs-model-btn {\n position: relative;\n z-index: 1;\n padding: 9px 20px;\n border: none;\n border-radius: 50px;\n background: transparent;\n color: var(--gray-700);\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: color var(--transition);\n white-space: nowrap;\n font-family: inherit;\n}\n\n.harsle-specs .hs-model-btn:hover {\n color: var(--navy);\n}\n\n.harsle-specs .hs-model-btn.active {\n color: var(--white);\n font-weight: 600;\n}\n\n\/* ---------- Diagram ---------- *\/\n.harsle-specs .hs-diagram {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 30px 20px 40px;\n margin-bottom: 10px;\n}\n\n.harsle-specs .hs-diagram img {\n width: 100%;\n max-width: 480px;\n height: auto;\n display: block;\n object-fit: contain;\n}\n\n\/* ---------- Spec Table ---------- *\/\n.harsle-specs .hs-table {\n width: 100%;\n border-collapse: collapse;\n border-top: 1px solid var(--gray-200);\n}\n\n.harsle-specs .hs-table tr {\n border-bottom: 1px solid var(--gray-200);\n transition: background var(--transition);\n}\n\n.harsle-specs .hs-table tr:nth-child(even) {\n background: var(--gray-50);\n}\n\n.harsle-specs .hs-table tr:hover {\n background: var(--sky-pale);\n}\n\n.harsle-specs .hs-table td {\n padding: 16px 20px;\n font-size: 15px;\n vertical-align: middle;\n}\n\n.harsle-specs .hs-table td:first-child {\n font-weight: 600;\n color: var(--brown);\n width: 40%;\n min-width: 200px;\n}\n\n.harsle-specs .hs-table td:last-child {\n color: var(--gray-700);\n}\n\n\/* ---------- Compare Toggle ---------- *\/\n.harsle-specs .hs-compare-wrap {\n text-align: right;\n margin-bottom: 16px;\n}\n\n.harsle-specs .hs-compare-btn {\n padding: 8px 20px;\n border: 1px solid var(--gray-300);\n border-radius: 50px;\n background: var(--white);\n color: var(--gray-700);\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: all var(--transition);\n font-family: inherit;\n}\n\n.harsle-specs .hs-compare-btn:hover {\n border-color: var(--navy);\n color: var(--navy);\n}\n\n.harsle-specs .hs-compare-btn.active {\n background: var(--navy);\n color: var(--white);\n border-color: var(--navy);\n}\n\n\/* ---------- Compare Table ---------- *\/\n.harsle-specs .hs-compare-table {\n width: 100%;\n border-collapse: collapse;\n border: 1px solid var(--gray-200);\n border-radius: var(--radius);\n overflow: hidden;\n font-size: 14px;\n}\n\n.harsle-specs .hs-compare-table thead th {\n background: var(--navy);\n color: var(--white);\n padding: 14px 12px;\n font-weight: 600;\n text-align: center;\n border-right: 1px solid rgba(255,255,255,0.15);\n position: sticky;\n top: 0;\n z-index: 2;\n}\n\n.harsle-specs .hs-compare-table thead th:first-child {\n text-align: left;\n background: var(--navy-light);\n position: sticky;\n left: 0;\n z-index: 3;\n min-width: 180px;\n}\n\n.harsle-specs .hs-compare-table tbody td {\n padding: 12px;\n text-align: center;\n border-right: 1px solid var(--gray-200);\n border-bottom: 1px solid var(--gray-200);\n}\n\n.harsle-specs .hs-compare-table tbody td:first-child {\n text-align: left;\n font-weight: 600;\n color: var(--brown);\n background: var(--white);\n position: sticky;\n left: 0;\n z-index: 1;\n}\n\n.harsle-specs .hs-compare-table tbody tr:nth-child(even) td {\n background: var(--gray-50);\n}\n\n.harsle-specs .hs-compare-table tbody tr:nth-child(even) td:first-child {\n background: var(--gray-50);\n}\n\n.harsle-specs .hs-compare-table tbody tr:hover td {\n background: var(--sky-pale);\n}\n\n.harsle-specs .hs-compare-scroll {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n border-radius: var(--radius);\n}\n\n\/* ---------- View Containers ---------- *\/\n.harsle-specs .hs-single-view,\n.harsle-specs .hs-compare-view {\n transition: opacity 0.3s ease;\n}\n\n.harsle-specs .hs-hidden {\n display: none !important;\n}\n\n\/* ---------- Responsive ---------- *\/\n@media (max-width: 1024px) {\n .harsle-specs {\n padding: 0 16px 50px;\n }\n .harsle-specs .hs-title {\n height: 300px;\n margin-bottom: 32px;\n }\n .harsle-specs .hs-title .hs-title-text {\n font-size: 36px;\n padding: 70px 16px 32px;\n }\n .harsle-specs .hs-table td:first-child {\n width: 35%;\n min-width: 160px;\n }\n}\n\n@media (max-width: 768px) {\n .harsle-specs {\n padding: 0 12px 40px;\n }\n .harsle-specs .hs-title {\n height: 250px;\n margin-bottom: 24px;\n }\n .harsle-specs .hs-title .hs-title-text {\n font-size: 30px;\n padding: 60px 12px 28px;\n }\n .harsle-specs .hs-series-bar {\n gap: 8px;\n }\n .harsle-specs .hs-series-btn {\n padding: 8px 16px;\n font-size: 13px;\n }\n .harsle-specs .hs-model-bar {\n margin-bottom: 24px;\n gap: 8px;\n }\n .harsle-specs .hs-model-label {\n font-size: 13px;\n }\n .harsle-specs .hs-model-btn {\n padding: 7px 14px;\n font-size: 13px;\n }\n .harsle-specs .hs-diagram {\n padding: 20px 10px 30px;\n }\n .harsle-specs .hs-table td {\n padding: 14px 16px;\n font-size: 14px;\n }\n .harsle-specs .hs-table td:first-child {\n width: 45%;\n min-width: 130px;\n }\n .harsle-specs .hs-compare-table {\n font-size: 13px;\n }\n .harsle-specs .hs-compare-table thead th,\n .harsle-specs .hs-compare-table tbody td {\n padding: 10px 8px;\n }\n}\n\n@media (max-width: 480px) {\n .harsle-specs .hs-title {\n height: 200px;\n margin-bottom: 20px;\n }\n .harsle-specs .hs-title .hs-title-text {\n font-size: 26px;\n padding: 50px 12px 24px;\n }\n .harsle-specs .hs-series-btn {\n padding: 7px 14px;\n font-size: 12px;\n }\n .harsle-specs .hs-model-bar {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n .harsle-specs .hs-model-label {\n margin-right: 0;\n }\n .harsle-specs .hs-model-scroll {\n width: 100%;\n }\n .harsle-specs .hs-model-btn {\n padding: 6px 12px;\n font-size: 12px;\n }\n .harsle-specs .hs-table td {\n padding: 12px;\n font-size: 13px;\n }\n .harsle-specs .hs-table td:first-child {\n min-width: 110px;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"harsle-specs\" id=\"harsleSpecs\">\n \n <div class=\"hs-title\" style=\"--banner-img: url('https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/press-brake-banner-61.png')\">\n <h2 class=\"hs-title-text\">Technical Specifications<\/h2>\n <\/div>\n\n \n <div class=\"hs-series-bar\" id=\"hsSeriesBar\"><\/div>\n <span class=\"hs-series-subtitle\" id=\"hsSeriesSubtitle\"><\/span>\n\n \n <div class=\"hs-model-bar\">\n <span class=\"hs-model-label\">Model<\/span>\n <div class=\"hs-model-scroll\" id=\"hsModelBar\"><\/div>\n <\/div>\n\n \n <div class=\"hs-compare-wrap\">\n <button class=\"hs-compare-btn\" id=\"hsCompareBtn\" onclick=\"harsleToggleCompare()\">Compare All Models<\/button>\n <\/div>\n\n \n <div class=\"hs-single-view\" id=\"hsSingleView\">\n <div class=\"hs-diagram\" id=\"hsDiagram\"><\/div>\n <table class=\"hs-table\"><tbody id=\"hsSpecBody\"><\/tbody><\/table>\n <\/div>\n\n \n <div class=\"hs-compare-view hs-hidden\" id=\"hsCompareView\">\n <div class=\"hs-compare-scroll\">\n <table class=\"hs-compare-table\" id=\"hsCompareTable\"><\/table>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/* ================================================================\n PRESS BRAKE SPECIFICATION DATA\n ================================================================\n To add a new series: copy an existing series block and modify.\n To add a new model: add an entry to the \"models\" array.\n To add a new parameter: add to \"fields\" and add matching values\n to every model in that series.\n Each series has one \"image\" field \u2014 all models share the same diagram.\n ================================================================ *\/\n\nconst PRESS_BRAKE_DATA = [\n\n \/\/ \u2500\u2500 Series 1: MasterBend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n name: \"MasterBend\",\n subtitle: \"Ultimate precision bending system\",\n image: \" https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/chicun1.png\",\n fields: [\n \"Bending Force (kN)\",\n \"Bending Length (mm)\",\n \"Column Distance (mm)\",\n \"Throat Depth (mm)\",\n \"Ram Stroke (mm)\",\n \"Daylight (mm)\",\n \"Servo Motor (KW)\",\n \"Down Speed (mm\/s)\",\n \"Dimensions L\u00d7W\u00d7H (mm)\"\n ],\n models: [\n { name: \"4016\", values: [\"400\", \"1600\", \"1200\", \"250\", \"160\", \"430\", \"6\", \"150\", \"2000\u00d71400\u00d72150\"] },\n { name: \"6325\", values: [\"630\", \"2500\", \"2100\", \"300\", \"160\", \"450\", \"6\", \"160\", \"2900\u00d71500\u00d72400\"] },\n { name: \"8025\", values: [\"800\", \"2500\", \"2100\", \"300\", \"160\", \"450\", \"8.7\", \"180\", \"2900\u00d71550\u00d72500\"] },\n { name: \"11032\", values: [\"1100\", \"3200\", \"2600\", \"350\", \"200\", \"470\", \"8.7\", \"200\", \"3500\u00d71600\u00d72600\"] },\n { name: \"13032\", values: [\"1300\", \"3200\", \"2600\", \"350\", \"200\", \"470\", \"10.8\", \"200\", \"3600\u00d71650\u00d72630\"] },\n { name: \"13040\", values: [\"1300\", \"4000\", \"3200\", \"350\", \"200\", \"470\", \"10.8\", \"200\", \"4400\u00d71600\u00d72680\"] },\n { name: \"17032\", values: [\"1700\", \"3200\", \"2600\", \"400\", \"200\", \"430\", \"13.2\", \"150\", \"3600\u00d71750\u00d72700\"] },\n { name: \"17040\", values: [\"1700\", \"4000\", \"3200\", \"400\", \"200\", \"430\", \"13.2\", \"150\", \"4400\u00d71800\u00d72750\"] },\n { name: \"20032\", values: [\"2000\", \"3200\", \"2600\", \"400\", \"200\", \"470\", \"16.7\", \"120\", \"3600\u00d71850\u00d72750\"] },\n { name: \"20040\", values: [\"2000\", \"4000\", \"3200\", \"400\", \"200\", \"470\", \"16.7\", \"120\", \"4400\u00d71850\u00d72780\"] },\n { name: \"25032\", values: [\"2500\", \"3200\", \"2600\", \"450\", \"250\", \"520\", \"21.4\", \"120\", \"3600\u00d71900\u00d72850\"] },\n { name: \"25040\", values: [\"2500\", \"4000\", \"3200\", \"450\", \"250\", \"520\", \"21.4\", \"120\", \"4400\u00d71950\u00d72880\"] },\n { name: \"30032\", values: [\"3000\", \"3200\", \"2600\", \"500\", \"250\", \"550\", \"26.9\", \"100\", \"3600\u00d71950\u00d72950\"] },\n { name: \"30040\", values: [\"3000\", \"4000\", \"3200\", \"500\", \"250\", \"550\", \"26.9\", \"100\", \"4400\u00d71950\u00d72980\"] },\n { name: \"30060\", values: [\"3000\", \"6000\", \"5000\", \"500\", \"250\", \"550\", \"26.9\", \"120\", \"6700\u00d72000\u00d73200\"] },\n { name: \"40040\", values: [\"4000\", \"4000\", \"3200\", \"500\", \"320\", \"600\", \"33\", \"90\", \"4400\u00d72150\u00d73200\"] },\n { name: \"40060\", values: [\"4000\", \"6000\", \"5000\", \"500\", \"320\", \"600\", \"33\", \"90\", \"6400\u00d72200\u00d73350\"] },\n { name: \"50060\", values: [\"5000\", \"6000\", \"4800\", \"500\", \"320\", \"600\", \"45\", \"100\", \"6400\u00d72300\u00d73500\"] },\n { name: \"60060\", values: [\"6000\", \"6000\", \"4800\", \"500\", \"320\", \"600\", \"55\", \"80\", \"6600\u00d72350\u00d74500\"] },\n ]\n },\n\n \/\/ \u2500\u2500 Series 2: FlexBend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n name: \"FlexBend\",\n subtitle: \"Flexible solution for complex bends\",\n image: \"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/chicun1.png\",\n fields: [\n \"Bending Force (kN)\",\n \"Bending Length (mm)\",\n \"Column Distance (mm)\",\n \"Throat Depth (mm)\",\n \"Ram Stroke (mm)\",\n \"Daylight (mm)\",\n \"Servo Motor (KW)\",\n \"Down Speed (mm\/s)\",\n \"Dimensions L\u00d7W\u00d7H (mm)\"\n ],\n models: [\n { name: \"4016\", values: [\"400\", \"1600\", \"1200\", \"250\", \"160\", \"430\", \"5.5\", \"150\", \"2000\u00d71400\u00d72150\"] },\n { name: \"6325\", values: [\"630\", \"2500\", \"2100\", \"300\", \"160\", \"450\", \"5.5\", \"160\", \"2900\u00d71500\u00d72400\"] },\n { name: \"8025\", values: [\"800\", \"2500\", \"2100\", \"300\", \"160\", \"450\", \"7.5\", \"180\", \"2900\u00d71550\u00d72500\"] },\n { name: \"11032\", values: [\"1100\", \"3200\", \"2600\", \"350\", \"200\", \"470\", \"7.5\", \"200\", \"3500\u00d71600\u00d72600\"] },\n { name: \"13032\", values: [\"1300\", \"3200\", \"2600\", \"350\", \"200\", \"470\", \"7.5\", \"200\", \"3600\u00d71650\u00d72630\"] },\n { name: \"13040\", values: [\"1300\", \"4000\", \"3200\", \"350\", \"200\", \"470\", \"7.5\", \"200\", \"4400\u00d71600\u00d72680\"] },\n { name: \"17032\", values: [\"1700\", \"3200\", \"2600\", \"400\", \"200\", \"430\", \"11\", \"150\", \"3600\u00d71750\u00d72700\"] },\n { name: \"17040\", values: [\"1700\", \"4000\", \"3200\", \"400\", \"200\", \"430\", \"11\", \"150\", \"4400\u00d71800\u00d72750\"] },\n { name: \"20032\", values: [\"2000\", \"3200\", \"2600\", \"400\", \"200\", \"470\", \"15\", \"120\", \"3600\u00d71850\u00d72750\"] },\n { name: \"20040\", values: [\"2000\", \"4000\", \"3200\", \"400\", \"200\", \"470\", \"15\", \"120\", \"4400\u00d71850\u00d72780\"] },\n { name: \"25032\", values: [\"2500\", \"3200\", \"2600\", \"450\", \"250\", \"520\", \"18.5\", \"120\", \"3600\u00d71900\u00d72850\"] },\n { name: \"25040\", values: [\"2500\", \"4000\", \"3200\", \"450\", \"250\", \"520\", \"18.5\", \"120\", \"4400\u00d71950\u00d72880\"] },\n { name: \"30032\", values: [\"3000\", \"3200\", \"2600\", \"500\", \"250\", \"550\", \"22\", \"100\", \"3600\u00d71950\u00d72950\"] },\n { name: \"30040\", values: [\"3000\", \"4000\", \"3200\", \"500\", \"250\", \"550\", \"22\", \"100\", \"4400\u00d71950\u00d72980\"] },\n { name: \"30060\", values: [\"3000\", \"6000\", \"5000\", \"500\", \"250\", \"550\", \"22\", \"120\", \"6700\u00d72000\u00d73200\"] },\n { name: \"40040\", values: [\"4000\", \"4000\", \"3200\", \"500\", \"320\", \"600\", \"30\", \"90\", \"4400\u00d72150\u00d73200\"] },\n { name: \"40060\", values: [\"4000\", \"6000\", \"5000\", \"500\", \"320\", \"600\", \"30\", \"90\", \"6400\u00d72200\u00d73350\"] },\n { name: \"50060\", values: [\"5000\", \"6000\", \"4800\", \"500\", \"320\", \"600\", \"37\", \"100\", \"6400\u00d72300\u00d73500\"] },\n { name: \"60060\", values: [\"6000\", \"6000\", \"4800\", \"500\", \"320\", \"600\", \"45\", \"80\", \"6600\u00d72350\u00d74500\"] },\n ]\n },\n\n \/\/ \u2500\u2500 Series 3: EasyBend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n name: \"EasyBend\",\n subtitle: \"Easy operation reliable performance\",\n image: \"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/chicun1.png\",\n fields: [\n \"Bending Force (kN)\",\n \"Bending Length (mm)\",\n \"Column Distance (mm)\",\n \"Throat Depth (mm)\",\n \"Ram Stroke (mm)\",\n \"Daylight (mm)\",\n \"Servo Motor (KW)\",\n \"Down Speed (mm\/s)\",\n \"Dimensions L\u00d7W\u00d7H (mm)\"\n ],\n models: [\n { name: \"3012\", values: [\"300\", \"1200\", \"1000\", \"250\", \"100\", \"360\", \"4\", \"120\", \"1300\u00d71100\u00d71800\"] },\n { name: \"4016\", values: [\"400\", \"1600\", \"1200\", \"250\", \"100\", \"360\", \"5.5\", \"120\", \"1700\u00d71200\u00d71900\"] },\n { name: \"6325\", values: [\"630\", \"2500\", \"2100\", \"350\", \"120\", \"380\", \"5.5\", \"120\", \"2900\u00d71500\u00d72200\"] },\n { name: \"8025\", values: [\"800\", \"2500\", \"2100\", \"350\", \"120\", \"380\", \"7.5\", \"120\", \"2900\u00d71550\u00d72200\"] },\n { name: \"10032\", values: [\"1000\", \"3200\", \"2600\", \"350\", \"150\", \"410\", \"7.5\", \"120\", \"3500\u00d71600\u00d72250\"] },\n { name: \"12532\", values: [\"1250\", \"3200\", \"2600\", \"350\", \"150\", \"410\", \"7.5\", \"100\", \"3600\u00d71650\u00d72260\"] },\n { name: \"12540\", values: [\"1250\", \"4000\", \"3200\", \"350\", \"150\", \"410\", \"7.5\", \"100\", \"4400\u00d71600\u00d72260\"] },\n { name: \"16032\", values: [\"1600\", \"3200\", \"2600\", \"400\", \"200\", \"480\", \"11\", \"100\", \"3600\u00d71750\u00d72550\"] },\n { name: \"16040\", values: [\"1600\", \"4000\", \"3200\", \"400\", \"200\", \"480\", \"11\", \"100\", \"4400\u00d71800\u00d72550\"] },\n { name: \"20032\", values: [\"2000\", \"3200\", \"2600\", \"400\", \"200\", \"500\", \"15\", \"90\", \"3600\u00d71850\u00d72550\"] },\n { name: \"20040\", values: [\"2000\", \"4000\", \"3200\", \"400\", \"200\", \"500\", \"15\", \"90\", \"4400\u00d71850\u00d72560\"] },\n { name: \"25032\", values: [\"2500\", \"3200\", \"2600\", \"450\", \"250\", \"525\", \"18.5\", \"90\", \"3600\u00d71900\u00d72560\"] },\n { name: \"25040\", values: [\"2500\", \"4000\", \"3200\", \"450\", \"250\", \"525\", \"18.5\", \"90\", \"4400\u00d71950\u00d72880\"] },\n { name: \"25060\", values: [\"2500\", \"6000\", \"5000\", \"450\", \"250\", \"525\", \"18.5\", \"90\", \"6500\u00d72100\u00d72950\"] },\n { name: \"30032\", values: [\"3000\", \"3200\", \"2600\", \"500\", \"300\", \"575\", \"22\", \"70\", \"3600\u00d71950\u00d72950\"] },\n { name: \"30040\", values: [\"3000\", \"4000\", \"3200\", \"500\", \"300\", \"575\", \"22\", \"70\", \"4400\u00d71950\u00d72980\"] },\n { name: \"30060\", values: [\"3000\", \"6000\", \"5200\", \"500\", \"300\", \"575\", \"22\", \"70\", \"6400\u00d72100\u00d73100\"] },\n { name: \"40040\", values: [\"4000\", \"4000\", \"3200\", \"500\", \"300\", \"600\", \"30\", \"70\", \"4400\u00d72150\u00d73200\"] },\n { name: \"40060\", values: [\"4000\", \"6000\", \"5200\", \"500\", \"300\", \"600\", \"30\", \"70\", \"6400\u00d72200\u00d73350\"] },\n ]\n },\n\n \/\/ \u2500\u2500 Series 4: E-Bend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n name: \"E-Bend\",\n subtitle: \"All electric high precision bending\",\n image: \"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/chicun1.png\",\n fields: [\n \"Bending Force (kN)\",\n \"Bending Length (mm)\",\n \"Column Distance (mm)\",\n \"Throat Depth (mm)\",\n \"Ram Stroke (mm)\",\n \"Daylight (mm)\",\n \"Servo Motor (KW)\",\n \"Down Speed (mm\/s)\",\n \"Backgauge Stroke (mm)\",\n \"X-axis Stroke (mm)\",\n \"Dimensions L\u00d7W\u00d7H (mm)\",\n \"Weight (kg)\"\n ],\n models: [\n { name: \"Eco 0302\", values: [\"30\", \"200\", \"300\", \"0\", \"120\", \"420\", \"2\", \"200\", \"150\", \"\/\",\"750\u00d7750\u00d71980\", \"350\"] },\n { name: \"Eco 0604\", values: [\"60\", \"400\", \"370\", \"160\", \"120\", \"420\", \"3\", \"200\", \"200\", \"\/\",\"900\u00d7800\u00d72000\", \"630\"] },\n { name: \"Eco 1206\", values: [\"120\", \"600\", \"510\", \"200\", \"120\", \"420\", \"4.4\", \"200\", \"200\", \"\/\",\"900\u00d7900\u00d72000\", \"870\"] },\n { name: \"Eco 1808\", values: [\"180\", \"800\", \"750\", \"250\", \"150\", \"430\", \"7.5\", \"200\", \"250\", \"\/\",\"1200\u00d71150\u00d72150\", \"1850\"] },\n { name: \"Eco 2010\", values: [\"200\", \"1000\", \"830\", \"250\", \"150\", \"430\", \"2x4.5\", \"200\", \"400\", \"\/\",\"1500\u00d71000\u00d72200\", \"2300\"] },\n { name: \"Pro 3512\", values: [\"350\", \"1250\", \"1130\", \"300\", \"140\", \"420\", \"5.5x2\", \"190\/260\", \"\/\", \"500\", \"1450\u00d71300\u00d72430\", \"2000\"] },\n { name: \"Pro 4516\", values: [\"450\", \"1600\", \"1380\", \"300\", \"180\", \"470\", \"7.5x2\", \"210\", \"\/\", \"500\", \"1600\u00d71360\u00d72550\", \"2500\"] },\n { name: \"Pro 7025\", values: [\"700\", \"2500\", \"2100\", \"400\", \"200\", \"500\", \"15x2\", \"160\", \"\/\", \"500\", \"2500\u00d71600\u00d72840\", \"4000\"] },\n { name: \"Pro 10032\", values: [\"1000\", \"3200\", \"2800\", \"400\", \"200\", \"500\", \"20x2\", \"160\", \"\/\", \"500\", \"3200\u00d71700\u00d72920\", \"6500\"] },\n ]\n },\n\n \/\/ \u2500\u2500 Series 5: MegaBend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n name: \"MegaBend\",\n subtitle: \"Heavy duty power bending machine\",\n image: \"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/chicun1.png\",\n fields: [\n \"Bending Force (kN)\",\n \"Bending Length (mm)\",\n \"Column Distance (mm)\",\n \"Throat Depth (mm)\",\n \"Ram Stroke (mm)\",\n \"Daylight (mm)\",\n \"Servo Motor (KW)\",\n \"Down Speed (mm\/s)\",\n \"Dimensions L\u00d7W\u00d7H (mm)\"\n ],\n models: [\n { name: \"80060\", values: [\"8000\", \"6000\", \"5000\", \"600\", \"350\", \"800\", \"2x32\", \"90\", \"6260\u00d73650\u00d75300\"] },\n { name: \"80070\", values: [\"8000\", \"7000\", \"6000\", \"600\", \"350\", \"800\", \"2x32\", \"90\", \"7260\u00d73650\u00d75500\"] },\n { name: \"80080\", values: [\"8000\", \"8000\", \"7000\", \"600\", \"350\", \"800\", \"2x32\", \"90\", \"8260\u00d73650\u00d75900\"] },\n { name: \"100060\", values: [\"10000\", \"6000\", \"5000\", \"700\", \"400\", \"800\", \"2x35\", \"70\", \"6280\u00d73900\u00d75600\"] },\n { name: \"100070\", values: [\"10000\", \"7000\", \"6000\", \"700\", \"400\", \"800\", \"2x35\", \"70\", \"7280\u00d73900\u00d75800\"] },\n { name: \"100080\", values: [\"10000\", \"8000\", \"7000\", \"700\", \"400\", \"800\", \"2x35\", \"70\", \"8280\u00d73900\u00d76000\"] },\n { name: \"120060\", values: [\"12000\", \"6000\", \"5000\", \"700\", \"400\", \"800\", \"2x35\", \"60\", \"6280\u00d74100\u00d75900\"] },\n { name: \"120070\", values: [\"12000\", \"7000\", \"6000\", \"700\", \"400\", \"800\", \"2x35\", \"60\", \"7280\u00d74100\u00d76300\"] },\n { name: \"120080\", values: [\"12000\", \"8000\", \"7000\", \"700\", \"400\", \"800\", \"2x35\", \"60\", \"8280\u00d74100\u00d76500\"] },\n { name: \"160060\", values: [\"16000\", \"6000\", \"5000\", \"700\", \"400\", \"800\", \"2x55\", \"60\", \"6280\u00d74200\u00d76200\"] },\n { name: \"160070\", values: [\"16000\", \"7000\", \"6000\", \"700\", \"400\", \"800\", \"2x55\", \"60\", \"7280\u00d74200\u00d76500\"] },\n { name: \"160080\", values: [\"16000\", \"8000\", \"7000\", \"700\", \"400\", \"800\", \"2x55\", \"60\", \"8280\u00d74200\u00d76600\"] },\n { name: \"1600100\", values: [\"16000\", \"10000\", \"9000\", \"700\", \"400\", \"800\", \"2x55\", \"60\", \"10280\u00d74200\u00d77800\"] },\n { name: \"200080\", values: [\"20000\", \"8000\", \"7000\", \"700\", \"400\", \"800\", \"2x55\", \"60\", \"8280\u00d74500\u00d78000\"] },\n { name: \"2000120\", values: [\"20000\", \"12000\", \"10000\", \"700\", \"400\", \"800\", \"2x55\", \"60\", \"12280\u00d74500\u00d78200\"] },\n ]\n },\n\n \/\/ \u2500\u2500 Series 6: SyncBend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n name: \"SyncBend\",\n subtitle: \"Synchronized precision bending technology\",\n image: \"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/chicun1.png\",\n fields: [\n \"Bending Force (kN)\",\n \"Bending Length (mm)\",\n \"Column Distance (mm)\",\n \"Throat Depth (mm)\",\n \"Ram Stroke (mm)\",\n \"Daylight (mm)\",\n \"AC Motor (KW)\",\n \"Down Speed (mm\/s)\",\n \"Dimensions L\u00d7W\u00d7H (mm)\"\n ],\n models: [\n { name: \"25032\", values: [\"2500\", \"3200*2\", \"2600\", \"450\", \"250\", \"520\", \"18.5x2\", \"120\", \"3600*2\u00d71900\u00d72850\"] },\n { name: \"25032\", values: [\"2500\", \"4000*2\", \"3200\", \"450\", \"250\", \"520\", \"18.5x2\", \"120\", \"4400*2\u00d71950\u00d72880\"] },\n { name: \"30032\", values: [\"3000\", \"3200*2\", \"2600\", \"500\", \"250\", \"550\", \"22x2\", \"100\", \"3600*2\u00d71950\u00d72950\"] },\n { name: \"30040\", values: [\"3000\", \"4000*2\", \"3200\", \"500\", \"250\", \"550\", \"22x2\", \"100\", \"4400*2\u00d71950\u00d72980\"] },\n { name: \"30060\", values: [\"3000\", \"6000*2\", \"5000\", \"500\", \"250\", \"550\", \"22x2\", \"120\", \"6700*2\u00d72000\u00d73200\"] },\n { name: \"40040\", values: [\"4000\", \"4000*2\", \"3200\", \"500\", \"320\", \"600\", \"30x2\", \"90\", \"4400*2\u00d72150\u00d73200\"] },\n { name: \"40060\", values: [\"4000\", \"6000*2\", \"5000\", \"500\", \"320\", \"600\", \"30x2\", \"90\", \"6400*2\u00d72200\u00d73350\"] },\n { name: \"50060\", values: [\"5000\", \"6000*2\", \"4800\", \"500\", \"320\", \"600\", \"37x2\", \"100\", \"6400*2\u00d72300\u00d73500\"] },\n { name: \"60060\", values: [\"6000\", \"6000*2\", \"4800\", \"500\", \"320\", \"600\", \"45x2\", \"80\", \"6600*2\u00d72350\u00d74500\"] },\n { name: \"80060\", values: [\"8000\", \"6000*2\", \"5000\", \"600\", \"350\", \"800\", \"32x4\", \"90\", \"6260*2\u00d73650\u00d75300\"] },\n { name: \"80080\", values: [\"8000\", \"8000*2\", \"7000\", \"600\", \"350\", \"800\", \"32x4\", \"90\", \"8260*2\u00d73650\u00d75900\"] },\n { name: \"100060\", values: [\"10000\", \"6000*2\", \"5000\", \"700\", \"400\", \"800\", \"35x4\", \"70\", \"6280*2\u00d73900\u00d75600\"] },\n { name: \"100080\", values: [\"10000\", \"8000*2\", \"7000\", \"700\", \"400\", \"800\", \"35x4\", \"70\", \"8280*2\u00d73900\u00d76000\"] },\n { name: \"120060\", values: [\"12000\", \"6000*2\", \"5000\", \"700\", \"400\", \"800\", \"35x4\", \"60\", \"6280*2\u00d74100\u00d75900\"] },\n { name: \"120080\", values: [\"12000\", \"8000*2\", \"7000\", \"700\", \"400\", \"800\", \"35x4\", \"60\", \"8280*2\u00d74100\u00d76500\"] },\n { name: \"160060\", values: [\"16000\", \"6000*2\", \"5000\", \"700\", \"400\", \"800\", \"55x4\", \"60\", \"6280*2\u00d74200\u00d76200\"] },\n { name: \"160080\", values: [\"16000\", \"8000*2\", \"7000\", \"700\", \"400\", \"800\", \"55x4\", \"60\", \"8280*2\u00d74200\u00d76600\"] },\n { name: \"2000120\", values: [\"20000\", \"12000*2\", \"10000\", \"700\", \"400\", \"800\", \"55x4\", \"60\", \"12280*2\u00d74500\u00d78200\"] },\n ]\n },\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n HOW TO ADD A NEW SERIES:\n Copy the block above, paste here, and change the values.\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n];\n\n\n\/* ================================================================\n RENDERING ENGINE \u2014 generally no edits needed below this line\n ================================================================ *\/\n\nlet currentSeries = 0;\nlet currentModel = 0;\nlet compareMode = false;\n\nfunction harsleInit() {\n renderSeriesTabs();\n selectSeries(0);\n}\n\nfunction renderSeriesTabs() {\n const bar = document.getElementById(\"hsSeriesBar\");\n bar.innerHTML = \"\";\n PRESS_BRAKE_DATA.forEach((s, i) => {\n const btn = document.createElement(\"button\");\n btn.className = \"hs-series-btn\" + (i === currentSeries ? \" active\" : \"\");\n btn.textContent = s.name;\n btn.onclick = () => selectSeries(i);\n bar.appendChild(btn);\n });\n}\n\nfunction selectSeries(idx) {\n currentSeries = idx;\n currentModel = 0;\n compareMode = false;\n document.getElementById(\"hsCompareBtn\").classList.remove(\"active\");\n document.getElementById(\"hsCompareBtn\").textContent = \"Compare All Models\";\n document.getElementById(\"hsSingleView\").classList.remove(\"hs-hidden\");\n document.getElementById(\"hsCompareView\").classList.add(\"hs-hidden\");\n\n document.querySelectorAll(\".hs-series-btn\").forEach((btn, i) => {\n btn.classList.toggle(\"active\", i === idx);\n });\n\n document.getElementById(\"hsSeriesSubtitle\").textContent = PRESS_BRAKE_DATA[idx].subtitle;\n renderModelTabs();\n selectModel(0);\n requestAnimationFrame(() => moveSlider(0));\n}\n\nfunction renderModelTabs() {\n const bar = document.getElementById(\"hsModelBar\");\n bar.innerHTML = \"\";\n const series = PRESS_BRAKE_DATA[currentSeries];\n\n const slider = document.createElement(\"div\");\n slider.className = \"hs-model-slider\";\n slider.id = \"hsModelSlider\";\n slider.style.transition = \"none\";\n bar.appendChild(slider);\n requestAnimationFrame(() => {\n requestAnimationFrame(() => { slider.style.transition = \"\"; });\n });\n\n series.models.forEach((m, i) => {\n const btn = document.createElement(\"button\");\n btn.className = \"hs-model-btn\" + (i === currentModel ? \" active\" : \"\");\n btn.textContent = m.name;\n btn.onclick = () => selectModel(i);\n bar.appendChild(btn);\n });\n}\n\nfunction moveSlider(idx) {\n const bar = document.getElementById(\"hsModelBar\");\n const slider = document.getElementById(\"hsModelSlider\");\n const btns = bar.querySelectorAll(\".hs-model-btn\");\n if (!slider || !btns[idx]) return;\n const barRect = bar.getBoundingClientRect();\n const btnRect = btns[idx].getBoundingClientRect();\n const offset = btnRect.left - barRect.left - 4 + bar.scrollLeft;\n slider.style.width = btnRect.width + \"px\";\n slider.style.transform = \"translateX(\" + offset + \"px)\";\n}\n\nfunction selectModel(idx) {\n currentModel = idx;\n document.querySelectorAll(\".hs-model-btn\").forEach((btn, i) => {\n btn.classList.toggle(\"active\", i === idx);\n });\n moveSlider(idx);\n\n const bar = document.getElementById(\"hsModelBar\");\n const btns = bar.querySelectorAll(\".hs-model-btn\");\n if (btns[idx]) {\n btns[idx].scrollIntoView({ behavior: \"smooth\", inline: \"center\", block: \"nearest\" });\n }\n\n renderDiagram();\n renderSpecTable();\n}\n\n\/* ---------- Diagram Image ---------- *\/\nfunction renderDiagram() {\n const series = PRESS_BRAKE_DATA[currentSeries];\n const container = document.getElementById(\"hsDiagram\");\n if (series.image) {\n container.innerHTML = '<img decoding=\"async\" src=\"' + series.image + '\" alt=\"' + series.name + ' dimensions\" loading=\"lazy\">';\n } else {\n container.innerHTML = '';\n }\n}\n\n\/* ---------- Single Spec Table ---------- *\/\nfunction renderSpecTable() {\n const series = PRESS_BRAKE_DATA[currentSeries];\n const model = series.models[currentModel];\n const tbody = document.getElementById(\"hsSpecBody\");\n tbody.innerHTML = \"\";\n series.fields.forEach((label, i) => {\n const tr = document.createElement(\"tr\");\n tr.innerHTML = `<td>${label}<\/td><td>${model.values[i]}<\/td>`;\n tbody.appendChild(tr);\n });\n}\n\n\/* ---------- Compare Mode ---------- *\/\nfunction harsleToggleCompare() {\n compareMode = !compareMode;\n const btn = document.getElementById(\"hsCompareBtn\");\n btn.classList.toggle(\"active\", compareMode);\n btn.textContent = compareMode ? \"Single Model View\" : \"Compare All Models\";\n document.getElementById(\"hsSingleView\").classList.toggle(\"hs-hidden\", compareMode);\n document.getElementById(\"hsCompareView\").classList.toggle(\"hs-hidden\", !compareMode);\n if (compareMode) renderCompareTable();\n}\n\nfunction renderCompareTable() {\n const series = PRESS_BRAKE_DATA[currentSeries];\n const table = document.getElementById(\"hsCompareTable\");\n let html = \"<thead><tr><th>Parameter<\/th>\";\n series.models.forEach(m => { html += `<th>${m.name}<\/th>`; });\n html += \"<\/tr><\/thead><tbody>\";\n series.fields.forEach((label, fi) => {\n html += `<tr><td>${label}<\/td>`;\n series.models.forEach(m => { html += `<td>${m.values[fi]}<\/td>`; });\n html += \"<\/tr>\";\n });\n html += \"<\/tbody>\";\n table.innerHTML = html;\n}\n\n\/* ---------- Boot ---------- *\/\nfunction harsleOnReady() {\n harsleInit();\n window.addEventListener(\"resize\", () => moveSlider(currentModel));\n document.getElementById(\"hsModelBar\").addEventListener(\"scroll\", () => moveSlider(currentModel));\n}\nif (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", harsleOnReady);\n} else {\n harsleOnReady();\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: '#00A0E9',\n 'brand-dark': '#0080BA',\n },\n fontFamily: {\n sans: ['inherit'],\n display: ['inherit'],\n }\n }\n }\n }\n<\/script>\n\n<style>\n .quote-section {\n font-family: inherit;\n overflow-x: hidden;\n line-height: 0;\n font-size: 0;\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n box-sizing: border-box;\n }\n .quote-section #contact {\n margin-bottom: 0 !important;\n }\n .quote-section * { box-sizing: border-box; }\n .quote-section ::selection { background: #00A0E9; color: #fff; }\n\n \/* Eliminate WordPress\/Elementor wrapper spacing *\/\n .quote-section + *,\n .elementor-widget-container > .quote-section:last-child {\n margin-top: 0 !important;\n }\n .elementor-element:has(> .elementor-widget-container > .quote-section),\n .elementor-widget:has(.quote-section) {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n }\n\n .quote-reveal {\n opacity: 0;\n transform: translateY(60px);\n transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .quote-reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n @media (max-width: 767px) {\n .quote-section .quote-heading {\n font-size: 2rem !important;\n }\n }\n\n \/* === WordPress \/ Elementor \/ Shortcode gap fix === *\/\n .wp-block-html {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n padding: 0 !important;\n clear: none !important;\n }\n .entry-content > .wp-block-html + .wp-block-html {\n margin-top: 0 !important;\n }\n .elementor-widget-html,\n .elementor-widget-html .elementor-widget-container {\n margin: 0 !important;\n padding: 0 !important;\n }\n .elementor-element + .elementor-element {\n margin-top: 0 !important;\n }\n .elementor-widget:not(:last-child) {\n margin-bottom: 0 !important;\n }\n .wp-block-shortcode {\n margin: 0 !important;\n padding: 0 !important;\n }\n .quote-section {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n padding-top: 0;\n padding-bottom: 0;\n }\n .entry-content:has(.quote-section),\n .page-content:has(.quote-section),\n .post-content:has(.quote-section),\n article:has(.quote-section) .entry-content,\n .elementor-widget-container:has(.quote-section) {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n }\n .elementor-section:has(.quote-section),\n .elementor-column:has(.quote-section),\n .elementor-widget-wrap:has(.quote-section),\n .e-con:has(.quote-section) {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n gap: 0 !important;\n }\n<\/style>\n\n<div class=\"quote-section\">\n <section id=\"contact\" class=\"py-16 md:py-28\" style=\"background:#f0f2f5; color:#1a1a1a; font-size:16px; line-height:1.6;\">\n <div class=\"max-w-[1400px] mx-auto px-6 xl:px-10\">\n <div class=\"quote-reveal grid lg:grid-cols-2 gap-16 lg:gap-20 items-center\">\n\n \n <div>\n <span class=\"text-brand text-sm font-semibold uppercase tracking-[0.3em]\">Get Started<\/span>\n <h2 class=\"quote-heading font-display text-4xl md:text-5xl font-bold mt-4 mb-6\" style=\"color:#111; font-size:48px; line-height:1.15;\">Ready to<br>Master Your<br>Production?<\/h2>\n <p class=\"text-base font-light leading-relaxed mb-8\" style=\"color:#666; max-width:420px;\">Get a personalized quote tailored to your exact specifications. Our engineering team will help you configure the perfect solution for your production needs.<\/p>\n\n <h4 class=\"text-sm font-semibold uppercase tracking-wider mb-4\" style=\"color:#111;\">What You'll Get<\/h4>\n <div class=\"grid grid-cols-2 gap-3\" style=\"max-width:420px;\">\n <div class=\"flex items-center gap-3 rounded-xl px-4 py-3.5\" style=\"background:#fff; border:1px solid #e5e7eb; box-shadow:0 2px 8px rgba(0,0,0,0.04);\">\n <i class=\"fas fa-cogs text-brand\"><\/i>\n <span class=\"text-sm font-medium\" style=\"color:#333;\">Machine Selection<\/span>\n <\/div>\n <div class=\"flex items-center gap-3 rounded-xl px-4 py-3.5\" style=\"background:#fff; border:1px solid #e5e7eb; box-shadow:0 2px 8px rgba(0,0,0,0.04);\">\n <i class=\"fas fa-headset text-brand\"><\/i>\n <span class=\"text-sm font-medium\" style=\"color:#333;\">Technical Support<\/span>\n <\/div>\n <div class=\"flex items-center gap-3 rounded-xl px-4 py-3.5\" style=\"background:#fff; border:1px solid #e5e7eb; box-shadow:0 2px 8px rgba(0,0,0,0.04);\">\n <i class=\"fas fa-file-invoice-dollar text-brand\"><\/i>\n <span class=\"text-sm font-medium\" style=\"color:#333;\">Detailed Quotation<\/span>\n <\/div>\n <div class=\"flex items-center gap-3 rounded-xl px-4 py-3.5\" style=\"background:#fff; border:1px solid #e5e7eb; box-shadow:0 2px 8px rgba(0,0,0,0.04);\">\n <i class=\"fas fa-bolt text-brand\"><\/i>\n <span class=\"text-sm font-medium\" style=\"color:#333;\">24-Hour Response<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div>\n \t\t<div data-elementor-type=\"container\" data-elementor-id=\"80748\" class=\"elementor elementor-80748\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-aa8062a e-flex e-con-boxed e-con e-parent\" data-id=\"aa8062a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27de7ea wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"27de7ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Request a Quote<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"title-after_title reset-last-child wd-fontsize-xs\">\n\t\t\t\t\t<p>Fill in the details below and we'll get back to you within 24 hours<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e19d02c elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"e19d02c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle","ekit_we_effect_on":"none"}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"80748\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"e19d02c\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"SmartWeld Industrial Welding Machine | HARSLE\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"75781\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNAME\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Your Name\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-Company elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-Company\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCOMPANY\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[Company]\" id=\"form-field-Company\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Company Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEMAIL\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"you@company.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-WhatsApp elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-WhatsApp\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tWHATSAPP\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[WhatsApp]\" id=\"form-field-WhatsApp\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"WhatsApp Number\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMESSAGE\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-md\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"5\" placeholder=\"Tell us about your requirements...\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SUBMIT INQUIRY<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\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\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n<\/div>\n\n<script>\n (function() {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, { threshold: 0.15 });\n\n document.querySelectorAll('.quote-reveal').forEach(el => observer.observe(el));\n })();\n<\/script>\n\n<script>\n(function(){\n var wrappers = document.querySelectorAll('.quote-section');\n if (!wrappers.length) return;\n wrappers.forEach(function(el) {\n var p = el.parentElement;\n while (p && p !== document.body && p !== document.documentElement) {\n var tag = p.tagName.toLowerCase();\n if (tag === 'main' || tag === 'article' ||\n p.classList.contains('entry-content') ||\n p.classList.contains('page-content') ||\n p.classList.contains('post-content') ||\n p.classList.contains('elementor-widget-container') ||\n p.classList.contains('elementor-widget-wrap') ||\n p.classList.contains('elementor-column-wrap') ||\n p.classList.contains('elementor-element') ||\n p.classList.contains('e-con') ||\n p.classList.contains('wp-block-shortcode') ||\n p.classList.contains('wp-block-html')) {\n p.style.paddingTop = '0';\n p.style.paddingBottom = '0';\n p.style.marginTop = '0';\n p.style.marginBottom = '0';\n }\n p = p.parentElement;\n }\n });\n})();\n<\/script>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HARSLE – Press Brake Technical Specifications Technical Specifications Model Compare All Models<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-81205","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/pages\/81205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/comments?post=81205"}],"version-history":[{"count":0,"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/pages\/81205\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/media?parent=81205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":81205,"date":"2026-03-23T00:52:10","date_gmt":"2026-03-23T00:52:10","guid":{"rendered":"https:\/\/www.harsle.com\/?page_id=81205"},"modified":"2026-03-23T06:34:33","modified_gmt":"2026-03-23T06:34:33","slug":"technical-specifications-press-brake","status":"publish","type":"page","link":"https:\/\/www.harsle.com\/de\/technical-specifications-press-brake\/","title":{"rendered":"Technische Daten - Abkantpresse"},"content":{"rendered":"\n\n\n\n\n\nHARSLE – Press Brake Technical Specifications<\/title>\n<style>\n\/* ============================================================\n All styles scoped under .harsle-specs for WordPress compatibility.\n When inserting into WP, copy everything inside <div class=\"harsle-specs\">\n and the <style>\/<script> blocks.\n ============================================================ *\/\n\n.harsle-specs {\n --navy: #1e3a5f;\n --navy-light: #2a5080;\n --sky: #7ec8e3;\n --sky-pale: #d6eef7;\n --brown: #3a2f2b;\n --brown-light: #5c4f49;\n --gray-50: #f9fafb;\n --gray-100: #f3f4f6;\n --gray-200: #e5e7eb;\n --gray-300: #d1d5db;\n --gray-500: #6b7280;\n --gray-700: #374151;\n --white: #ffffff;\n --radius: 6px;\n --transition: 0.25s ease;\n\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n color: var(--brown);\n line-height: 1.6;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px 60px;\n box-sizing: border-box;\n}\n\n.harsle-specs *, .harsle-specs *::before, .harsle-specs *::after {\n box-sizing: border-box;\n}\n\n\/* ---------- Section Title ---------- *\/\n.harsle-specs .hs-title {\n position: relative;\n width: 100vw;\n height: 350px;\n left: 50%;\n transform: translateX(-50%);\n margin: 0 0 40px;\n background-color: #0a1220;\n}\n\n\/* \u2605 \u80cc\u666f\u56fe\u5c42 \u2014 \u901a\u8fc7\u4f2a\u5143\u7d20\u6e32\u67d3\uff0c\u4e0d\u53d7\u7236\u5bb9\u5668 overflow\/padding \u5f71\u54cd *\/\n.harsle-specs .hs-title::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image: var(--banner-img);\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n z-index: 0;\n}\n\n\/* \u5e95\u90e8\u6e10\u53d8\u906e\u7f69\uff0c\u8ba9\u6587\u5b57\u6e05\u6670\u53ef\u8bfb *\/\n.harsle-specs .hs-title::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.25) 55%, transparent 100%);\n z-index: 1;\n}\n\n.harsle-specs .hs-title .hs-title-text {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 2;\n font-size: 42px;\n font-weight: 700;\n color: var(--white);\n padding: 0 max(20px, calc((100vw - 1200px) \/ 2 + 20px)) 40px;\n letter-spacing: -0.02em;\n margin: 0;\n background: none;\n}\n\n\/* ---------- Series Tabs ---------- *\/\n.harsle-specs .hs-series-bar {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-bottom: 8px;\n}\n\n.harsle-specs .hs-series-btn {\n padding: 10px 22px;\n border: 2px solid var(--gray-200);\n border-radius: 50px;\n background: var(--white);\n color: var(--gray-700);\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all var(--transition);\n white-space: nowrap;\n font-family: inherit;\n letter-spacing: 0.01em;\n}\n\n.harsle-specs .hs-series-btn:hover {\n border-color: var(--sky);\n color: var(--navy);\n background: var(--sky-pale);\n}\n\n.harsle-specs .hs-series-btn.active {\n border-color: var(--navy);\n background: var(--navy);\n color: var(--white);\n}\n\n.harsle-specs .hs-series-subtitle {\n display: block;\n font-size: 13px;\n color: var(--gray-500);\n margin: 4px 0 20px 4px;\n font-weight: 400;\n min-height: 20px;\n}\n\n\/* ---------- Model Tabs (Sliding Capsule) ---------- *\/\n.harsle-specs .hs-model-bar {\n display: flex;\n align-items: center;\n padding: 0;\n margin-bottom: 36px;\n gap: 12px;\n}\n\n.harsle-specs .hs-model-label {\n font-size: 14px;\n font-weight: 600;\n color: var(--gray-500);\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n.harsle-specs .hs-model-scroll {\n position: relative;\n display: flex;\n gap: 0;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n flex: 1;\n padding: 4px;\n background: var(--gray-100);\n border-radius: 50px;\n}\n\n.harsle-specs .hs-model-scroll::-webkit-scrollbar {\n display: none;\n}\n\n.harsle-specs .hs-model-slider {\n position: absolute;\n top: 4px;\n left: 4px;\n height: calc(100% - 8px);\n background: var(--navy);\n border-radius: 50px;\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 0;\n pointer-events: none;\n box-shadow: 0 1px 4px rgba(30, 58, 95, 0.3);\n}\n\n.harsle-specs .hs-model-btn {\n position: relative;\n z-index: 1;\n padding: 9px 20px;\n border: none;\n border-radius: 50px;\n background: transparent;\n color: var(--gray-700);\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: color var(--transition);\n white-space: nowrap;\n font-family: inherit;\n}\n\n.harsle-specs .hs-model-btn:hover {\n color: var(--navy);\n}\n\n.harsle-specs .hs-model-btn.active {\n color: var(--white);\n font-weight: 600;\n}\n\n\/* ---------- Diagram ---------- *\/\n.harsle-specs .hs-diagram {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 30px 20px 40px;\n margin-bottom: 10px;\n}\n\n.harsle-specs .hs-diagram img {\n width: 100%;\n max-width: 480px;\n height: auto;\n display: block;\n object-fit: contain;\n}\n\n\/* ---------- Spec Table ---------- *\/\n.harsle-specs .hs-table {\n width: 100%;\n border-collapse: collapse;\n border-top: 1px solid var(--gray-200);\n}\n\n.harsle-specs .hs-table tr {\n border-bottom: 1px solid var(--gray-200);\n transition: background var(--transition);\n}\n\n.harsle-specs .hs-table tr:nth-child(even) {\n background: var(--gray-50);\n}\n\n.harsle-specs .hs-table tr:hover {\n background: var(--sky-pale);\n}\n\n.harsle-specs .hs-table td {\n padding: 16px 20px;\n font-size: 15px;\n vertical-align: middle;\n}\n\n.harsle-specs .hs-table td:first-child {\n font-weight: 600;\n color: var(--brown);\n width: 40%;\n min-width: 200px;\n}\n\n.harsle-specs .hs-table td:last-child {\n color: var(--gray-700);\n}\n\n\/* ---------- Compare Toggle ---------- *\/\n.harsle-specs .hs-compare-wrap {\n text-align: right;\n margin-bottom: 16px;\n}\n\n.harsle-specs .hs-compare-btn {\n padding: 8px 20px;\n border: 1px solid var(--gray-300);\n border-radius: 50px;\n background: var(--white);\n color: var(--gray-700);\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: all var(--transition);\n font-family: inherit;\n}\n\n.harsle-specs .hs-compare-btn:hover {\n border-color: var(--navy);\n color: var(--navy);\n}\n\n.harsle-specs .hs-compare-btn.active {\n background: var(--navy);\n color: var(--white);\n border-color: var(--navy);\n}\n\n\/* ---------- Compare Table ---------- *\/\n.harsle-specs .hs-compare-table {\n width: 100%;\n border-collapse: collapse;\n border: 1px solid var(--gray-200);\n border-radius: var(--radius);\n overflow: hidden;\n font-size: 14px;\n}\n\n.harsle-specs .hs-compare-table thead th {\n background: var(--navy);\n color: var(--white);\n padding: 14px 12px;\n font-weight: 600;\n text-align: center;\n border-right: 1px solid rgba(255,255,255,0.15);\n position: sticky;\n top: 0;\n z-index: 2;\n}\n\n.harsle-specs .hs-compare-table thead th:first-child {\n text-align: left;\n background: var(--navy-light);\n position: sticky;\n left: 0;\n z-index: 3;\n min-width: 180px;\n}\n\n.harsle-specs .hs-compare-table tbody td {\n padding: 12px;\n text-align: center;\n border-right: 1px solid var(--gray-200);\n border-bottom: 1px solid var(--gray-200);\n}\n\n.harsle-specs .hs-compare-table tbody td:first-child {\n text-align: left;\n font-weight: 600;\n color: var(--brown);\n background: var(--white);\n position: sticky;\n left: 0;\n z-index: 1;\n}\n\n.harsle-specs .hs-compare-table tbody tr:nth-child(even) td {\n background: var(--gray-50);\n}\n\n.harsle-specs .hs-compare-table tbody tr:nth-child(even) td:first-child {\n background: var(--gray-50);\n}\n\n.harsle-specs .hs-compare-table tbody tr:hover td {\n background: var(--sky-pale);\n}\n\n.harsle-specs .hs-compare-scroll {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n border-radius: var(--radius);\n}\n\n\/* ---------- View Containers ---------- *\/\n.harsle-specs .hs-single-view,\n.harsle-specs .hs-compare-view {\n transition: opacity 0.3s ease;\n}\n\n.harsle-specs .hs-hidden {\n display: none !important;\n}\n\n\/* ---------- Responsive ---------- *\/\n@media (max-width: 1024px) {\n .harsle-specs {\n padding: 0 16px 50px;\n }\n .harsle-specs .hs-title {\n height: 300px;\n margin-bottom: 32px;\n }\n .harsle-specs .hs-title .hs-title-text {\n font-size: 36px;\n padding: 70px 16px 32px;\n }\n .harsle-specs .hs-table td:first-child {\n width: 35%;\n min-width: 160px;\n }\n}\n\n@media (max-width: 768px) {\n .harsle-specs {\n padding: 0 12px 40px;\n }\n .harsle-specs .hs-title {\n height: 250px;\n margin-bottom: 24px;\n }\n .harsle-specs .hs-title .hs-title-text {\n font-size: 30px;\n padding: 60px 12px 28px;\n }\n .harsle-specs .hs-series-bar {\n gap: 8px;\n }\n .harsle-specs .hs-series-btn {\n padding: 8px 16px;\n font-size: 13px;\n }\n .harsle-specs .hs-model-bar {\n margin-bottom: 24px;\n gap: 8px;\n }\n .harsle-specs .hs-model-label {\n font-size: 13px;\n }\n .harsle-specs .hs-model-btn {\n padding: 7px 14px;\n font-size: 13px;\n }\n .harsle-specs .hs-diagram {\n padding: 20px 10px 30px;\n }\n .harsle-specs .hs-table td {\n padding: 14px 16px;\n font-size: 14px;\n }\n .harsle-specs .hs-table td:first-child {\n width: 45%;\n min-width: 130px;\n }\n .harsle-specs .hs-compare-table {\n font-size: 13px;\n }\n .harsle-specs .hs-compare-table thead th,\n .harsle-specs .hs-compare-table tbody td {\n padding: 10px 8px;\n }\n}\n\n@media (max-width: 480px) {\n .harsle-specs .hs-title {\n height: 200px;\n margin-bottom: 20px;\n }\n .harsle-specs .hs-title .hs-title-text {\n font-size: 26px;\n padding: 50px 12px 24px;\n }\n .harsle-specs .hs-series-btn {\n padding: 7px 14px;\n font-size: 12px;\n }\n .harsle-specs .hs-model-bar {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n .harsle-specs .hs-model-label {\n margin-right: 0;\n }\n .harsle-specs .hs-model-scroll {\n width: 100%;\n }\n .harsle-specs .hs-model-btn {\n padding: 6px 12px;\n font-size: 12px;\n }\n .harsle-specs .hs-table td {\n padding: 12px;\n font-size: 13px;\n }\n .harsle-specs .hs-table td:first-child {\n min-width: 110px;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"harsle-specs\" id=\"harsleSpecs\">\n \n <div class=\"hs-title\" style=\"--banner-img: url('https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/press-brake-banner-61.png')\">\n <h2 class=\"hs-title-text\">Technical Specifications<\/h2>\n <\/div>\n\n \n <div class=\"hs-series-bar\" id=\"hsSeriesBar\"><\/div>\n <span class=\"hs-series-subtitle\" id=\"hsSeriesSubtitle\"><\/span>\n\n \n <div class=\"hs-model-bar\">\n <span class=\"hs-model-label\">Model<\/span>\n <div class=\"hs-model-scroll\" id=\"hsModelBar\"><\/div>\n <\/div>\n\n \n <div class=\"hs-compare-wrap\">\n <button class=\"hs-compare-btn\" id=\"hsCompareBtn\" onclick=\"harsleToggleCompare()\">Compare All Models<\/button>\n <\/div>\n\n \n <div class=\"hs-single-view\" id=\"hsSingleView\">\n <div class=\"hs-diagram\" id=\"hsDiagram\"><\/div>\n <table class=\"hs-table\"><tbody id=\"hsSpecBody\"><\/tbody><\/table>\n <\/div>\n\n \n <div class=\"hs-compare-view hs-hidden\" id=\"hsCompareView\">\n <div class=\"hs-compare-scroll\">\n <table class=\"hs-compare-table\" id=\"hsCompareTable\"><\/table>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/* ================================================================\n PRESS BRAKE SPECIFICATION DATA\n ================================================================\n To add a new series: copy an existing series block and modify.\n To add a new model: add an entry to the \"models\" array.\n To add a new parameter: add to \"fields\" and add matching values\n to every model in that series.\n Each series has one \"image\" field \u2014 all models share the same diagram.\n ================================================================ *\/\n\nconst PRESS_BRAKE_DATA = [\n\n \/\/ \u2500\u2500 Series 1: MasterBend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n name: \"MasterBend\",\n subtitle: \"Ultimate precision bending system\",\n image: \" https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/chicun1.png\",\n fields: [\n \"Bending Force (kN)\",\n \"Bending Length (mm)\",\n \"Column Distance (mm)\",\n \"Throat Depth (mm)\",\n \"Ram Stroke (mm)\",\n \"Daylight (mm)\",\n \"Servo Motor (KW)\",\n \"Down Speed (mm\/s)\",\n \"Dimensions L\u00d7W\u00d7H (mm)\"\n ],\n models: [\n { name: \"4016\", values: [\"400\", \"1600\", \"1200\", \"250\", \"160\", \"430\", \"6\", \"150\", \"2000\u00d71400\u00d72150\"] },\n { name: \"6325\", values: [\"630\", \"2500\", \"2100\", \"300\", \"160\", \"450\", \"6\", \"160\", \"2900\u00d71500\u00d72400\"] },\n { name: \"8025\", values: [\"800\", \"2500\", \"2100\", \"300\", \"160\", \"450\", \"8.7\", \"180\", \"2900\u00d71550\u00d72500\"] },\n { name: \"11032\", values: [\"1100\", \"3200\", \"2600\", \"350\", \"200\", \"470\", \"8.7\", \"200\", \"3500\u00d71600\u00d72600\"] },\n { name: \"13032\", values: [\"1300\", \"3200\", \"2600\", \"350\", \"200\", \"470\", \"10.8\", \"200\", \"3600\u00d71650\u00d72630\"] },\n { name: \"13040\", values: [\"1300\", \"4000\", \"3200\", \"350\", \"200\", \"470\", \"10.8\", \"200\", \"4400\u00d71600\u00d72680\"] },\n { name: \"17032\", values: [\"1700\", \"3200\", \"2600\", \"400\", \"200\", \"430\", \"13.2\", \"150\", \"3600\u00d71750\u00d72700\"] },\n { name: \"17040\", values: [\"1700\", \"4000\", \"3200\", \"400\", \"200\", \"430\", \"13.2\", \"150\", \"4400\u00d71800\u00d72750\"] },\n { name: \"20032\", values: [\"2000\", \"3200\", \"2600\", \"400\", \"200\", \"470\", \"16.7\", \"120\", \"3600\u00d71850\u00d72750\"] },\n { name: \"20040\", values: [\"2000\", \"4000\", \"3200\", \"400\", \"200\", \"470\", \"16.7\", \"120\", \"4400\u00d71850\u00d72780\"] },\n { name: \"25032\", values: [\"2500\", \"3200\", \"2600\", \"450\", \"250\", \"520\", \"21.4\", \"120\", \"3600\u00d71900\u00d72850\"] },\n { name: \"25040\", values: [\"2500\", \"4000\", \"3200\", \"450\", \"250\", \"520\", \"21.4\", \"120\", \"4400\u00d71950\u00d72880\"] },\n { name: \"30032\", values: [\"3000\", \"3200\", \"2600\", \"500\", \"250\", \"550\", \"26.9\", \"100\", \"3600\u00d71950\u00d72950\"] },\n { name: \"30040\", values: [\"3000\", \"4000\", \"3200\", \"500\", \"250\", \"550\", \"26.9\", \"100\", \"4400\u00d71950\u00d72980\"] },\n { name: \"30060\", values: [\"3000\", \"6000\", \"5000\", \"500\", \"250\", \"550\", \"26.9\", \"120\", \"6700\u00d72000\u00d73200\"] },\n { name: \"40040\", values: [\"4000\", \"4000\", \"3200\", \"500\", \"320\", \"600\", \"33\", \"90\", \"4400\u00d72150\u00d73200\"] },\n { name: \"40060\", values: [\"4000\", \"6000\", \"5000\", \"500\", \"320\", \"600\", \"33\", \"90\", \"6400\u00d72200\u00d73350\"] },\n { name: \"50060\", values: [\"5000\", \"6000\", \"4800\", \"500\", \"320\", \"600\", \"45\", \"100\", \"6400\u00d72300\u00d73500\"] },\n { name: \"60060\", values: [\"6000\", \"6000\", \"4800\", \"500\", \"320\", \"600\", \"55\", \"80\", \"6600\u00d72350\u00d74500\"] },\n ]\n },\n\n \/\/ \u2500\u2500 Series 2: FlexBend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n name: \"FlexBend\",\n subtitle: \"Flexible solution for complex bends\",\n image: \"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/chicun1.png\",\n fields: [\n \"Bending Force (kN)\",\n \"Bending Length (mm)\",\n \"Column Distance (mm)\",\n \"Throat Depth (mm)\",\n \"Ram Stroke (mm)\",\n \"Daylight (mm)\",\n \"Servo Motor (KW)\",\n \"Down Speed (mm\/s)\",\n \"Dimensions L\u00d7W\u00d7H (mm)\"\n ],\n models: [\n { name: \"4016\", values: [\"400\", \"1600\", \"1200\", \"250\", \"160\", \"430\", \"5.5\", \"150\", \"2000\u00d71400\u00d72150\"] },\n { name: \"6325\", values: [\"630\", \"2500\", \"2100\", \"300\", \"160\", \"450\", \"5.5\", \"160\", \"2900\u00d71500\u00d72400\"] },\n { name: \"8025\", values: [\"800\", \"2500\", \"2100\", \"300\", \"160\", \"450\", \"7.5\", \"180\", \"2900\u00d71550\u00d72500\"] },\n { name: \"11032\", values: [\"1100\", \"3200\", \"2600\", \"350\", \"200\", \"470\", \"7.5\", \"200\", \"3500\u00d71600\u00d72600\"] },\n { name: \"13032\", values: [\"1300\", \"3200\", \"2600\", \"350\", \"200\", \"470\", \"7.5\", \"200\", \"3600\u00d71650\u00d72630\"] },\n { name: \"13040\", values: [\"1300\", \"4000\", \"3200\", \"350\", \"200\", \"470\", \"7.5\", \"200\", \"4400\u00d71600\u00d72680\"] },\n { name: \"17032\", values: [\"1700\", \"3200\", \"2600\", \"400\", \"200\", \"430\", \"11\", \"150\", \"3600\u00d71750\u00d72700\"] },\n { name: \"17040\", values: [\"1700\", \"4000\", \"3200\", \"400\", \"200\", \"430\", \"11\", \"150\", \"4400\u00d71800\u00d72750\"] },\n { name: \"20032\", values: [\"2000\", \"3200\", \"2600\", \"400\", \"200\", \"470\", \"15\", \"120\", \"3600\u00d71850\u00d72750\"] },\n { name: \"20040\", values: [\"2000\", \"4000\", \"3200\", \"400\", \"200\", \"470\", \"15\", \"120\", \"4400\u00d71850\u00d72780\"] },\n { name: \"25032\", values: [\"2500\", \"3200\", \"2600\", \"450\", \"250\", \"520\", \"18.5\", \"120\", \"3600\u00d71900\u00d72850\"] },\n { name: \"25040\", values: [\"2500\", \"4000\", \"3200\", \"450\", \"250\", \"520\", \"18.5\", \"120\", \"4400\u00d71950\u00d72880\"] },\n { name: \"30032\", values: [\"3000\", \"3200\", \"2600\", \"500\", \"250\", \"550\", \"22\", \"100\", \"3600\u00d71950\u00d72950\"] },\n { name: \"30040\", values: [\"3000\", \"4000\", \"3200\", \"500\", \"250\", \"550\", \"22\", \"100\", \"4400\u00d71950\u00d72980\"] },\n { name: \"30060\", values: [\"3000\", \"6000\", \"5000\", \"500\", \"250\", \"550\", \"22\", \"120\", \"6700\u00d72000\u00d73200\"] },\n { name: \"40040\", values: [\"4000\", \"4000\", \"3200\", \"500\", \"320\", \"600\", \"30\", \"90\", \"4400\u00d72150\u00d73200\"] },\n { name: \"40060\", values: [\"4000\", \"6000\", \"5000\", \"500\", \"320\", \"600\", \"30\", \"90\", \"6400\u00d72200\u00d73350\"] },\n { name: \"50060\", values: [\"5000\", \"6000\", \"4800\", \"500\", \"320\", \"600\", \"37\", \"100\", \"6400\u00d72300\u00d73500\"] },\n { name: \"60060\", values: [\"6000\", \"6000\", \"4800\", \"500\", \"320\", \"600\", \"45\", \"80\", \"6600\u00d72350\u00d74500\"] },\n ]\n },\n\n \/\/ \u2500\u2500 Series 3: EasyBend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n name: \"EasyBend\",\n subtitle: \"Easy operation reliable performance\",\n image: \"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/chicun1.png\",\n fields: [\n \"Bending Force (kN)\",\n \"Bending Length (mm)\",\n \"Column Distance (mm)\",\n \"Throat Depth (mm)\",\n \"Ram Stroke (mm)\",\n \"Daylight (mm)\",\n \"Servo Motor (KW)\",\n \"Down Speed (mm\/s)\",\n \"Dimensions L\u00d7W\u00d7H (mm)\"\n ],\n models: [\n { name: \"3012\", values: [\"300\", \"1200\", \"1000\", \"250\", \"100\", \"360\", \"4\", \"120\", \"1300\u00d71100\u00d71800\"] },\n { name: \"4016\", values: [\"400\", \"1600\", \"1200\", \"250\", \"100\", \"360\", \"5.5\", \"120\", \"1700\u00d71200\u00d71900\"] },\n { name: \"6325\", values: [\"630\", \"2500\", \"2100\", \"350\", \"120\", \"380\", \"5.5\", \"120\", \"2900\u00d71500\u00d72200\"] },\n { name: \"8025\", values: [\"800\", \"2500\", \"2100\", \"350\", \"120\", \"380\", \"7.5\", \"120\", \"2900\u00d71550\u00d72200\"] },\n { name: \"10032\", values: [\"1000\", \"3200\", \"2600\", \"350\", \"150\", \"410\", \"7.5\", \"120\", \"3500\u00d71600\u00d72250\"] },\n { name: \"12532\", values: [\"1250\", \"3200\", \"2600\", \"350\", \"150\", \"410\", \"7.5\", \"100\", \"3600\u00d71650\u00d72260\"] },\n { name: \"12540\", values: [\"1250\", \"4000\", \"3200\", \"350\", \"150\", \"410\", \"7.5\", \"100\", \"4400\u00d71600\u00d72260\"] },\n { name: \"16032\", values: [\"1600\", \"3200\", \"2600\", \"400\", \"200\", \"480\", \"11\", \"100\", \"3600\u00d71750\u00d72550\"] },\n { name: \"16040\", values: [\"1600\", \"4000\", \"3200\", \"400\", \"200\", \"480\", \"11\", \"100\", \"4400\u00d71800\u00d72550\"] },\n { name: \"20032\", values: [\"2000\", \"3200\", \"2600\", \"400\", \"200\", \"500\", \"15\", \"90\", \"3600\u00d71850\u00d72550\"] },\n { name: \"20040\", values: [\"2000\", \"4000\", \"3200\", \"400\", \"200\", \"500\", \"15\", \"90\", \"4400\u00d71850\u00d72560\"] },\n { name: \"25032\", values: [\"2500\", \"3200\", \"2600\", \"450\", \"250\", \"525\", \"18.5\", \"90\", \"3600\u00d71900\u00d72560\"] },\n { name: \"25040\", values: [\"2500\", \"4000\", \"3200\", \"450\", \"250\", \"525\", \"18.5\", \"90\", \"4400\u00d71950\u00d72880\"] },\n { name: \"25060\", values: [\"2500\", \"6000\", \"5000\", \"450\", \"250\", \"525\", \"18.5\", \"90\", \"6500\u00d72100\u00d72950\"] },\n { name: \"30032\", values: [\"3000\", \"3200\", \"2600\", \"500\", \"300\", \"575\", \"22\", \"70\", \"3600\u00d71950\u00d72950\"] },\n { name: \"30040\", values: [\"3000\", \"4000\", \"3200\", \"500\", \"300\", \"575\", \"22\", \"70\", \"4400\u00d71950\u00d72980\"] },\n { name: \"30060\", values: [\"3000\", \"6000\", \"5200\", \"500\", \"300\", \"575\", \"22\", \"70\", \"6400\u00d72100\u00d73100\"] },\n { name: \"40040\", values: [\"4000\", \"4000\", \"3200\", \"500\", \"300\", \"600\", \"30\", \"70\", \"4400\u00d72150\u00d73200\"] },\n { name: \"40060\", values: [\"4000\", \"6000\", \"5200\", \"500\", \"300\", \"600\", \"30\", \"70\", \"6400\u00d72200\u00d73350\"] },\n ]\n },\n\n \/\/ \u2500\u2500 Series 4: E-Bend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n name: \"E-Bend\",\n subtitle: \"All electric high precision bending\",\n image: \"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/chicun1.png\",\n fields: [\n \"Bending Force (kN)\",\n \"Bending Length (mm)\",\n \"Column Distance (mm)\",\n \"Throat Depth (mm)\",\n \"Ram Stroke (mm)\",\n \"Daylight (mm)\",\n \"Servo Motor (KW)\",\n \"Down Speed (mm\/s)\",\n \"Backgauge Stroke (mm)\",\n \"X-axis Stroke (mm)\",\n \"Dimensions L\u00d7W\u00d7H (mm)\",\n \"Weight (kg)\"\n ],\n models: [\n { name: \"Eco 0302\", values: [\"30\", \"200\", \"300\", \"0\", \"120\", \"420\", \"2\", \"200\", \"150\", \"\/\",\"750\u00d7750\u00d71980\", \"350\"] },\n { name: \"Eco 0604\", values: [\"60\", \"400\", \"370\", \"160\", \"120\", \"420\", \"3\", \"200\", \"200\", \"\/\",\"900\u00d7800\u00d72000\", \"630\"] },\n { name: \"Eco 1206\", values: [\"120\", \"600\", \"510\", \"200\", \"120\", \"420\", \"4.4\", \"200\", \"200\", \"\/\",\"900\u00d7900\u00d72000\", \"870\"] },\n { name: \"Eco 1808\", values: [\"180\", \"800\", \"750\", \"250\", \"150\", \"430\", \"7.5\", \"200\", \"250\", \"\/\",\"1200\u00d71150\u00d72150\", \"1850\"] },\n { name: \"Eco 2010\", values: [\"200\", \"1000\", \"830\", \"250\", \"150\", \"430\", \"2x4.5\", \"200\", \"400\", \"\/\",\"1500\u00d71000\u00d72200\", \"2300\"] },\n { name: \"Pro 3512\", values: [\"350\", \"1250\", \"1130\", \"300\", \"140\", \"420\", \"5.5x2\", \"190\/260\", \"\/\", \"500\", \"1450\u00d71300\u00d72430\", \"2000\"] },\n { name: \"Pro 4516\", values: [\"450\", \"1600\", \"1380\", \"300\", \"180\", \"470\", \"7.5x2\", \"210\", \"\/\", \"500\", \"1600\u00d71360\u00d72550\", \"2500\"] },\n { name: \"Pro 7025\", values: [\"700\", \"2500\", \"2100\", \"400\", \"200\", \"500\", \"15x2\", \"160\", \"\/\", \"500\", \"2500\u00d71600\u00d72840\", \"4000\"] },\n { name: \"Pro 10032\", values: [\"1000\", \"3200\", \"2800\", \"400\", \"200\", \"500\", \"20x2\", \"160\", \"\/\", \"500\", \"3200\u00d71700\u00d72920\", \"6500\"] },\n ]\n },\n\n \/\/ \u2500\u2500 Series 5: MegaBend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n name: \"MegaBend\",\n subtitle: \"Heavy duty power bending machine\",\n image: \"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/chicun1.png\",\n fields: [\n \"Bending Force (kN)\",\n \"Bending Length (mm)\",\n \"Column Distance (mm)\",\n \"Throat Depth (mm)\",\n \"Ram Stroke (mm)\",\n \"Daylight (mm)\",\n \"Servo Motor (KW)\",\n \"Down Speed (mm\/s)\",\n \"Dimensions L\u00d7W\u00d7H (mm)\"\n ],\n models: [\n { name: \"80060\", values: [\"8000\", \"6000\", \"5000\", \"600\", \"350\", \"800\", \"2x32\", \"90\", \"6260\u00d73650\u00d75300\"] },\n { name: \"80070\", values: [\"8000\", \"7000\", \"6000\", \"600\", \"350\", \"800\", \"2x32\", \"90\", \"7260\u00d73650\u00d75500\"] },\n { name: \"80080\", values: [\"8000\", \"8000\", \"7000\", \"600\", \"350\", \"800\", \"2x32\", \"90\", \"8260\u00d73650\u00d75900\"] },\n { name: \"100060\", values: [\"10000\", \"6000\", \"5000\", \"700\", \"400\", \"800\", \"2x35\", \"70\", \"6280\u00d73900\u00d75600\"] },\n { name: \"100070\", values: [\"10000\", \"7000\", \"6000\", \"700\", \"400\", \"800\", \"2x35\", \"70\", \"7280\u00d73900\u00d75800\"] },\n { name: \"100080\", values: [\"10000\", \"8000\", \"7000\", \"700\", \"400\", \"800\", \"2x35\", \"70\", \"8280\u00d73900\u00d76000\"] },\n { name: \"120060\", values: [\"12000\", \"6000\", \"5000\", \"700\", \"400\", \"800\", \"2x35\", \"60\", \"6280\u00d74100\u00d75900\"] },\n { name: \"120070\", values: [\"12000\", \"7000\", \"6000\", \"700\", \"400\", \"800\", \"2x35\", \"60\", \"7280\u00d74100\u00d76300\"] },\n { name: \"120080\", values: [\"12000\", \"8000\", \"7000\", \"700\", \"400\", \"800\", \"2x35\", \"60\", \"8280\u00d74100\u00d76500\"] },\n { name: \"160060\", values: [\"16000\", \"6000\", \"5000\", \"700\", \"400\", \"800\", \"2x55\", \"60\", \"6280\u00d74200\u00d76200\"] },\n { name: \"160070\", values: [\"16000\", \"7000\", \"6000\", \"700\", \"400\", \"800\", \"2x55\", \"60\", \"7280\u00d74200\u00d76500\"] },\n { name: \"160080\", values: [\"16000\", \"8000\", \"7000\", \"700\", \"400\", \"800\", \"2x55\", \"60\", \"8280\u00d74200\u00d76600\"] },\n { name: \"1600100\", values: [\"16000\", \"10000\", \"9000\", \"700\", \"400\", \"800\", \"2x55\", \"60\", \"10280\u00d74200\u00d77800\"] },\n { name: \"200080\", values: [\"20000\", \"8000\", \"7000\", \"700\", \"400\", \"800\", \"2x55\", \"60\", \"8280\u00d74500\u00d78000\"] },\n { name: \"2000120\", values: [\"20000\", \"12000\", \"10000\", \"700\", \"400\", \"800\", \"2x55\", \"60\", \"12280\u00d74500\u00d78200\"] },\n ]\n },\n\n \/\/ \u2500\u2500 Series 6: SyncBend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n name: \"SyncBend\",\n subtitle: \"Synchronized precision bending technology\",\n image: \"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/03\/chicun1.png\",\n fields: [\n \"Bending Force (kN)\",\n \"Bending Length (mm)\",\n \"Column Distance (mm)\",\n \"Throat Depth (mm)\",\n \"Ram Stroke (mm)\",\n \"Daylight (mm)\",\n \"AC Motor (KW)\",\n \"Down Speed (mm\/s)\",\n \"Dimensions L\u00d7W\u00d7H (mm)\"\n ],\n models: [\n { name: \"25032\", values: [\"2500\", \"3200*2\", \"2600\", \"450\", \"250\", \"520\", \"18.5x2\", \"120\", \"3600*2\u00d71900\u00d72850\"] },\n { name: \"25032\", values: [\"2500\", \"4000*2\", \"3200\", \"450\", \"250\", \"520\", \"18.5x2\", \"120\", \"4400*2\u00d71950\u00d72880\"] },\n { name: \"30032\", values: [\"3000\", \"3200*2\", \"2600\", \"500\", \"250\", \"550\", \"22x2\", \"100\", \"3600*2\u00d71950\u00d72950\"] },\n { name: \"30040\", values: [\"3000\", \"4000*2\", \"3200\", \"500\", \"250\", \"550\", \"22x2\", \"100\", \"4400*2\u00d71950\u00d72980\"] },\n { name: \"30060\", values: [\"3000\", \"6000*2\", \"5000\", \"500\", \"250\", \"550\", \"22x2\", \"120\", \"6700*2\u00d72000\u00d73200\"] },\n { name: \"40040\", values: [\"4000\", \"4000*2\", \"3200\", \"500\", \"320\", \"600\", \"30x2\", \"90\", \"4400*2\u00d72150\u00d73200\"] },\n { name: \"40060\", values: [\"4000\", \"6000*2\", \"5000\", \"500\", \"320\", \"600\", \"30x2\", \"90\", \"6400*2\u00d72200\u00d73350\"] },\n { name: \"50060\", values: [\"5000\", \"6000*2\", \"4800\", \"500\", \"320\", \"600\", \"37x2\", \"100\", \"6400*2\u00d72300\u00d73500\"] },\n { name: \"60060\", values: [\"6000\", \"6000*2\", \"4800\", \"500\", \"320\", \"600\", \"45x2\", \"80\", \"6600*2\u00d72350\u00d74500\"] },\n { name: \"80060\", values: [\"8000\", \"6000*2\", \"5000\", \"600\", \"350\", \"800\", \"32x4\", \"90\", \"6260*2\u00d73650\u00d75300\"] },\n { name: \"80080\", values: [\"8000\", \"8000*2\", \"7000\", \"600\", \"350\", \"800\", \"32x4\", \"90\", \"8260*2\u00d73650\u00d75900\"] },\n { name: \"100060\", values: [\"10000\", \"6000*2\", \"5000\", \"700\", \"400\", \"800\", \"35x4\", \"70\", \"6280*2\u00d73900\u00d75600\"] },\n { name: \"100080\", values: [\"10000\", \"8000*2\", \"7000\", \"700\", \"400\", \"800\", \"35x4\", \"70\", \"8280*2\u00d73900\u00d76000\"] },\n { name: \"120060\", values: [\"12000\", \"6000*2\", \"5000\", \"700\", \"400\", \"800\", \"35x4\", \"60\", \"6280*2\u00d74100\u00d75900\"] },\n { name: \"120080\", values: [\"12000\", \"8000*2\", \"7000\", \"700\", \"400\", \"800\", \"35x4\", \"60\", \"8280*2\u00d74100\u00d76500\"] },\n { name: \"160060\", values: [\"16000\", \"6000*2\", \"5000\", \"700\", \"400\", \"800\", \"55x4\", \"60\", \"6280*2\u00d74200\u00d76200\"] },\n { name: \"160080\", values: [\"16000\", \"8000*2\", \"7000\", \"700\", \"400\", \"800\", \"55x4\", \"60\", \"8280*2\u00d74200\u00d76600\"] },\n { name: \"2000120\", values: [\"20000\", \"12000*2\", \"10000\", \"700\", \"400\", \"800\", \"55x4\", \"60\", \"12280*2\u00d74500\u00d78200\"] },\n ]\n },\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n HOW TO ADD A NEW SERIES:\n Copy the block above, paste here, and change the values.\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n];\n\n\n\/* ================================================================\n RENDERING ENGINE \u2014 generally no edits needed below this line\n ================================================================ *\/\n\nlet currentSeries = 0;\nlet currentModel = 0;\nlet compareMode = false;\n\nfunction harsleInit() {\n renderSeriesTabs();\n selectSeries(0);\n}\n\nfunction renderSeriesTabs() {\n const bar = document.getElementById(\"hsSeriesBar\");\n bar.innerHTML = \"\";\n PRESS_BRAKE_DATA.forEach((s, i) => {\n const btn = document.createElement(\"button\");\n btn.className = \"hs-series-btn\" + (i === currentSeries ? \" active\" : \"\");\n btn.textContent = s.name;\n btn.onclick = () => selectSeries(i);\n bar.appendChild(btn);\n });\n}\n\nfunction selectSeries(idx) {\n currentSeries = idx;\n currentModel = 0;\n compareMode = false;\n document.getElementById(\"hsCompareBtn\").classList.remove(\"active\");\n document.getElementById(\"hsCompareBtn\").textContent = \"Compare All Models\";\n document.getElementById(\"hsSingleView\").classList.remove(\"hs-hidden\");\n document.getElementById(\"hsCompareView\").classList.add(\"hs-hidden\");\n\n document.querySelectorAll(\".hs-series-btn\").forEach((btn, i) => {\n btn.classList.toggle(\"active\", i === idx);\n });\n\n document.getElementById(\"hsSeriesSubtitle\").textContent = PRESS_BRAKE_DATA[idx].subtitle;\n renderModelTabs();\n selectModel(0);\n requestAnimationFrame(() => moveSlider(0));\n}\n\nfunction renderModelTabs() {\n const bar = document.getElementById(\"hsModelBar\");\n bar.innerHTML = \"\";\n const series = PRESS_BRAKE_DATA[currentSeries];\n\n const slider = document.createElement(\"div\");\n slider.className = \"hs-model-slider\";\n slider.id = \"hsModelSlider\";\n slider.style.transition = \"none\";\n bar.appendChild(slider);\n requestAnimationFrame(() => {\n requestAnimationFrame(() => { slider.style.transition = \"\"; });\n });\n\n series.models.forEach((m, i) => {\n const btn = document.createElement(\"button\");\n btn.className = \"hs-model-btn\" + (i === currentModel ? \" active\" : \"\");\n btn.textContent = m.name;\n btn.onclick = () => selectModel(i);\n bar.appendChild(btn);\n });\n}\n\nfunction moveSlider(idx) {\n const bar = document.getElementById(\"hsModelBar\");\n const slider = document.getElementById(\"hsModelSlider\");\n const btns = bar.querySelectorAll(\".hs-model-btn\");\n if (!slider || !btns[idx]) return;\n const barRect = bar.getBoundingClientRect();\n const btnRect = btns[idx].getBoundingClientRect();\n const offset = btnRect.left - barRect.left - 4 + bar.scrollLeft;\n slider.style.width = btnRect.width + \"px\";\n slider.style.transform = \"translateX(\" + offset + \"px)\";\n}\n\nfunction selectModel(idx) {\n currentModel = idx;\n document.querySelectorAll(\".hs-model-btn\").forEach((btn, i) => {\n btn.classList.toggle(\"active\", i === idx);\n });\n moveSlider(idx);\n\n const bar = document.getElementById(\"hsModelBar\");\n const btns = bar.querySelectorAll(\".hs-model-btn\");\n if (btns[idx]) {\n btns[idx].scrollIntoView({ behavior: \"smooth\", inline: \"center\", block: \"nearest\" });\n }\n\n renderDiagram();\n renderSpecTable();\n}\n\n\/* ---------- Diagram Image ---------- *\/\nfunction renderDiagram() {\n const series = PRESS_BRAKE_DATA[currentSeries];\n const container = document.getElementById(\"hsDiagram\");\n if (series.image) {\n container.innerHTML = '<img decoding=\"async\" src=\"' + series.image + '\" alt=\"' + series.name + ' dimensions\" loading=\"lazy\">';\n } else {\n container.innerHTML = '';\n }\n}\n\n\/* ---------- Single Spec Table ---------- *\/\nfunction renderSpecTable() {\n const series = PRESS_BRAKE_DATA[currentSeries];\n const model = series.models[currentModel];\n const tbody = document.getElementById(\"hsSpecBody\");\n tbody.innerHTML = \"\";\n series.fields.forEach((label, i) => {\n const tr = document.createElement(\"tr\");\n tr.innerHTML = `<td>${label}<\/td><td>${model.values[i]}<\/td>`;\n tbody.appendChild(tr);\n });\n}\n\n\/* ---------- Compare Mode ---------- *\/\nfunction harsleToggleCompare() {\n compareMode = !compareMode;\n const btn = document.getElementById(\"hsCompareBtn\");\n btn.classList.toggle(\"active\", compareMode);\n btn.textContent = compareMode ? \"Single Model View\" : \"Compare All Models\";\n document.getElementById(\"hsSingleView\").classList.toggle(\"hs-hidden\", compareMode);\n document.getElementById(\"hsCompareView\").classList.toggle(\"hs-hidden\", !compareMode);\n if (compareMode) renderCompareTable();\n}\n\nfunction renderCompareTable() {\n const series = PRESS_BRAKE_DATA[currentSeries];\n const table = document.getElementById(\"hsCompareTable\");\n let html = \"<thead><tr><th>Parameter<\/th>\";\n series.models.forEach(m => { html += `<th>${m.name}<\/th>`; });\n html += \"<\/tr><\/thead><tbody>\";\n series.fields.forEach((label, fi) => {\n html += `<tr><td>${label}<\/td>`;\n series.models.forEach(m => { html += `<td>${m.values[fi]}<\/td>`; });\n html += \"<\/tr>\";\n });\n html += \"<\/tbody>\";\n table.innerHTML = html;\n}\n\n\/* ---------- Boot ---------- *\/\nfunction harsleOnReady() {\n harsleInit();\n window.addEventListener(\"resize\", () => moveSlider(currentModel));\n document.getElementById(\"hsModelBar\").addEventListener(\"scroll\", () => moveSlider(currentModel));\n}\nif (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", harsleOnReady);\n} else {\n harsleOnReady();\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: '#00A0E9',\n 'brand-dark': '#0080BA',\n },\n fontFamily: {\n sans: ['inherit'],\n display: ['inherit'],\n }\n }\n }\n }\n<\/script>\n\n<style>\n .quote-section {\n font-family: inherit;\n overflow-x: hidden;\n line-height: 0;\n font-size: 0;\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n box-sizing: border-box;\n }\n .quote-section #contact {\n margin-bottom: 0 !important;\n }\n .quote-section * { box-sizing: border-box; }\n .quote-section ::selection { background: #00A0E9; color: #fff; }\n\n \/* Eliminate WordPress\/Elementor wrapper spacing *\/\n .quote-section + *,\n .elementor-widget-container > .quote-section:last-child {\n margin-top: 0 !important;\n }\n .elementor-element:has(> .elementor-widget-container > .quote-section),\n .elementor-widget:has(.quote-section) {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n }\n\n .quote-reveal {\n opacity: 0;\n transform: translateY(60px);\n transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .quote-reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n @media (max-width: 767px) {\n .quote-section .quote-heading {\n font-size: 2rem !important;\n }\n }\n\n \/* === WordPress \/ Elementor \/ Shortcode gap fix === *\/\n .wp-block-html {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n padding: 0 !important;\n clear: none !important;\n }\n .entry-content > .wp-block-html + .wp-block-html {\n margin-top: 0 !important;\n }\n .elementor-widget-html,\n .elementor-widget-html .elementor-widget-container {\n margin: 0 !important;\n padding: 0 !important;\n }\n .elementor-element + .elementor-element {\n margin-top: 0 !important;\n }\n .elementor-widget:not(:last-child) {\n margin-bottom: 0 !important;\n }\n .wp-block-shortcode {\n margin: 0 !important;\n padding: 0 !important;\n }\n .quote-section {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n padding-top: 0;\n padding-bottom: 0;\n }\n .entry-content:has(.quote-section),\n .page-content:has(.quote-section),\n .post-content:has(.quote-section),\n article:has(.quote-section) .entry-content,\n .elementor-widget-container:has(.quote-section) {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n }\n .elementor-section:has(.quote-section),\n .elementor-column:has(.quote-section),\n .elementor-widget-wrap:has(.quote-section),\n .e-con:has(.quote-section) {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n gap: 0 !important;\n }\n<\/style>\n\n<div class=\"quote-section\">\n <section id=\"contact\" class=\"py-16 md:py-28\" style=\"background:#f0f2f5; color:#1a1a1a; font-size:16px; line-height:1.6;\">\n <div class=\"max-w-[1400px] mx-auto px-6 xl:px-10\">\n <div class=\"quote-reveal grid lg:grid-cols-2 gap-16 lg:gap-20 items-center\">\n\n \n <div>\n <span class=\"text-brand text-sm font-semibold uppercase tracking-[0.3em]\">Get Started<\/span>\n <h2 class=\"quote-heading font-display text-4xl md:text-5xl font-bold mt-4 mb-6\" style=\"color:#111; font-size:48px; line-height:1.15;\">Ready to<br>Master Your<br>Production?<\/h2>\n <p class=\"text-base font-light leading-relaxed mb-8\" style=\"color:#666; max-width:420px;\">Get a personalized quote tailored to your exact specifications. Our engineering team will help you configure the perfect solution for your production needs.<\/p>\n\n <h4 class=\"text-sm font-semibold uppercase tracking-wider mb-4\" style=\"color:#111;\">What You'll Get<\/h4>\n <div class=\"grid grid-cols-2 gap-3\" style=\"max-width:420px;\">\n <div class=\"flex items-center gap-3 rounded-xl px-4 py-3.5\" style=\"background:#fff; border:1px solid #e5e7eb; box-shadow:0 2px 8px rgba(0,0,0,0.04);\">\n <i class=\"fas fa-cogs text-brand\"><\/i>\n <span class=\"text-sm font-medium\" style=\"color:#333;\">Machine Selection<\/span>\n <\/div>\n <div class=\"flex items-center gap-3 rounded-xl px-4 py-3.5\" style=\"background:#fff; border:1px solid #e5e7eb; box-shadow:0 2px 8px rgba(0,0,0,0.04);\">\n <i class=\"fas fa-headset text-brand\"><\/i>\n <span class=\"text-sm font-medium\" style=\"color:#333;\">Technical Support<\/span>\n <\/div>\n <div class=\"flex items-center gap-3 rounded-xl px-4 py-3.5\" style=\"background:#fff; border:1px solid #e5e7eb; box-shadow:0 2px 8px rgba(0,0,0,0.04);\">\n <i class=\"fas fa-file-invoice-dollar text-brand\"><\/i>\n <span class=\"text-sm font-medium\" style=\"color:#333;\">Detailed Quotation<\/span>\n <\/div>\n <div class=\"flex items-center gap-3 rounded-xl px-4 py-3.5\" style=\"background:#fff; border:1px solid #e5e7eb; box-shadow:0 2px 8px rgba(0,0,0,0.04);\">\n <i class=\"fas fa-bolt text-brand\"><\/i>\n <span class=\"text-sm font-medium\" style=\"color:#333;\">24-Hour Response<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div>\n \t\t<div data-elementor-type=\"container\" data-elementor-id=\"80748\" class=\"elementor elementor-80748\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-aa8062a e-flex e-con-boxed e-con e-parent\" data-id=\"aa8062a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27de7ea wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"27de7ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Request a Quote<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"title-after_title reset-last-child wd-fontsize-xs\">\n\t\t\t\t\t<p>Fill in the details below and we'll get back to you within 24 hours<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e19d02c elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"e19d02c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle","ekit_we_effect_on":"none"}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"80748\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"e19d02c\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"SmartWeld Industrial Welding Machine | HARSLE\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"75781\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNAME\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Your Name\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-Company elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-Company\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCOMPANY\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[Company]\" id=\"form-field-Company\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Company Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEMAIL\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"you@company.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-WhatsApp elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-WhatsApp\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tWHATSAPP\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[WhatsApp]\" id=\"form-field-WhatsApp\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"WhatsApp Number\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMESSAGE\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-md\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"5\" placeholder=\"Tell us about your requirements...\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SUBMIT INQUIRY<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\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\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n<\/div>\n\n<script>\n (function() {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, { threshold: 0.15 });\n\n document.querySelectorAll('.quote-reveal').forEach(el => observer.observe(el));\n })();\n<\/script>\n\n<script>\n(function(){\n var wrappers = document.querySelectorAll('.quote-section');\n if (!wrappers.length) return;\n wrappers.forEach(function(el) {\n var p = el.parentElement;\n while (p && p !== document.body && p !== document.documentElement) {\n var tag = p.tagName.toLowerCase();\n if (tag === 'main' || tag === 'article' ||\n p.classList.contains('entry-content') ||\n p.classList.contains('page-content') ||\n p.classList.contains('post-content') ||\n p.classList.contains('elementor-widget-container') ||\n p.classList.contains('elementor-widget-wrap') ||\n p.classList.contains('elementor-column-wrap') ||\n p.classList.contains('elementor-element') ||\n p.classList.contains('e-con') ||\n p.classList.contains('wp-block-shortcode') ||\n p.classList.contains('wp-block-html')) {\n p.style.paddingTop = '0';\n p.style.paddingBottom = '0';\n p.style.marginTop = '0';\n p.style.marginBottom = '0';\n }\n p = p.parentElement;\n }\n });\n})();\n<\/script>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HARSLE – Press Brake Technical Specifications Technical Specifications Model Compare All Models<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-81205","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/pages\/81205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/comments?post=81205"}],"version-history":[{"count":0,"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/pages\/81205\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.harsle.com\/de\/wp-json\/wp\/v2\/media?parent=81205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}