{"id":3503,"date":"2025-09-13T07:36:57","date_gmt":"2025-09-13T07:36:57","guid":{"rendered":"https:\/\/metone.uz\/?page_id=3503"},"modified":"2025-09-13T12:19:47","modified_gmt":"2025-09-13T12:19:47","slug":"ugoloklar","status":"publish","type":"page","link":"https:\/\/metone.uz\/en\/ugoloklar\/","title":{"rendered":"Angles"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Armatura jadvali<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root {\r\n --header-bg: #0b243a;\r\n \/* header background like image *\/\r\n --header-color: #fff;\r\n --accent: #2b8cff;\r\n \/* selected cell color *\/\r\n --muted: #6b6b6b;\r\n --row-bg: #ffffff;\r\n --stripe: #fafafa;\r\n --border: #e6e9eb;\r\n --radius: 6px;\r\n }\r\n\r\n body {\r\n background: #f4f6f7;\r\n color: #222;\r\n line-height: 1.35;\r\n }\r\n\r\n .card {\r\n background: white;\r\n border-radius: var(--radius);\r\n box-shadow: 0 6px 20px rgba(20, 30, 40, 0.06);\r\n overflow: hidden;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .table-wrap {\r\n width: 100%;\r\n overflow: auto;\r\n \/* allow horizontal scroll on small screens *\/\r\n }\r\n\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n min-width: 760px;\r\n \/* keep layout stable *\/\r\n }\r\n\r\n \/* ham th, ham td uchun chegara (gorizontal + vertikal) *\/\r\n thead th,\r\n tbody td {\r\n border: 1px solid var(--border);\r\n }\r\n\r\n thead th {\r\n position: sticky;\r\n top: 0;\r\n background: var(--header-bg);\r\n color: var(--header-color);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.6px;\r\n font-size: 14px;\r\n padding: 18px 22px;\r\n text-align: left;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n }\r\n\r\n thead th.center {\r\n text-align: center;\r\n }\r\n\r\n tbody td {\r\n padding: 20px 22px;\r\n border-bottom: 1px solid var(--border);\r\n vertical-align: middle;\r\n color: var(--muted);\r\n font-size: 15px;\r\n }\r\n\r\n tbody tr:nth-child(even) td {\r\n background: var(--stripe);\r\n }\r\n\r\n td.name {\r\n font-weight: 600;\r\n color: #3b3f46;\r\n }\r\n\r\n td.small {\r\n width: 100px;\r\n text-align: center;\r\n }\r\n\r\n td.center {\r\n text-align: center;\r\n }\r\n\r\n \/* highlighted numeric cell like your screenshot *\/\r\n td.highlight {\r\n background: var(--accent);\r\n color: #fff;\r\n font-weight: 700;\r\n display: inline-block;\r\n padding: 8px 12px;\r\n border-radius: 6px;\r\n min-width: 92px;\r\n text-align: center;\r\n }\r\n\r\n \/* responsive tweaks *\/\r\n @media (max-width: 820px) {\r\n thead th {\r\n padding: 12px 80px;\r\n font-size: 12px;\r\n }\r\n\r\n tbody td {\r\n padding: 12px;\r\n font-size: 14px;\r\n }\r\n\r\n .card {\r\n padding: 6px;\r\n }\r\n }\r\n\r\n \/* small visual helper: right-align numbers *\/\r\n .num {\r\n text-align: right;\r\n font-variant-numeric: tabular-nums;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div style=\"max-width: 1280px; margin: 0 auto\">\r\n <div class=\"card\">\r\n <div class=\"table-wrap\">\r\n <table aria-label=\"Armatura jadvali\">\r\n <thead>\r\n <tr>\r\n <th>Product<\/th>\r\n <th class=\"center\">Ton meter<\/th>\r\n <th class=\"center\">Thickness<\/th>\r\n <th class=\"center\">Length<\/th>\r\n <\/tr>\r\n <\/thead>\r\n\r\n <tbody id=\"table-body\">\r\n <!-- Sample rows: numeric values stored raw in data-value attributes -->\r\n <tr>\r\n <td class=\"name\">ANGLE 40 3M A (Fergana)<\/td>\r\n <td class=\"center\">565-580<\/td>\r\n <td class=\"center\">2,8-3<\/td>\r\n <td class=\"center\">11,7<\/td>\r\n <\/tr>\r\n\r\n <tr>\r\n <td class=\"name\">ANGLE 40 3M B (Fergana)<\/td>\r\n <td class=\"center\">690<\/td>\r\n <td class=\"center\">2,5<\/td>\r\n <td class=\"center\">9<\/td>\r\n <\/tr>\r\n\r\n <tr>\r\n <td class=\"name\">ANGLE 40 3M C (Fergana)<\/td>\r\n <td class=\"center\">780-800<\/td>\r\n <td class=\"center\">2,1<\/td>\r\n <td class=\"center\">9<\/td>\r\n <\/tr>\r\n \r\n <tr>\r\n <td class=\"name\">ANGLE 40 3M D (Fergana)<\/td>\r\n <td class=\"center\">880-900<\/td>\r\n <td class=\"center\">1,8-2<\/td>\r\n <td class=\"center\">9<\/td>\r\n <\/tr>\r\n\r\n <tr>\r\n <td class=\"name\">ANGLE 50 3M A (Fergana)<\/td>\r\n <td class=\"center\">420<\/td>\r\n <td class=\"center\">2,8-3<\/td>\r\n <td class=\"center\">9-11,7<\/td>\r\n <\/tr>\r\n\r\n <tr>\r\n <td class=\"name\">ANGLE 50 3M AA (Fergana)<\/td>\r\n <td class=\"center\">360<\/td>\r\n <td class=\"center\">3,6<\/td>\r\n <td class=\"center\">11,7<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"name\">ANGLE 50 3M B (Fergana)<\/td>\r\n <td class=\"center\">480<\/td>\r\n <td class=\"center\">3,2<\/td>\r\n <td class=\"center\">11,7<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"name\">ANGLE 50 3M 303 (Fergana)<\/td>\r\n <td class=\"center\">303-315<\/td>\r\n <td class=\"center\">4,1-4,3<\/td>\r\n <td class=\"center\">11,7<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"name\">ANGLE 50 3M C (Fergana)<\/td>\r\n <td class=\"center\">560-580<\/td>\r\n <td class=\"center\">2,5<\/td>\r\n <td class=\"center\">9<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"name\">ANGLE 50 3M D (Fergana)<\/td>\r\n <td class=\"center\">690-695<\/td>\r\n <td class=\"center\">1,8-2<\/td>\r\n <td class=\"center\">9<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"name\">ANGLE 63 3M A (Fergana)<\/td>\r\n <td class=\"center\">260-265<\/td>\r\n <td class=\"center\">4,2-4,3<\/td>\r\n <td class=\"center\">11,7<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"name\">ANGLE 50 3M B (Fergana)<\/td>\r\n <td class=\"center\">300<\/td>\r\n <td class=\"center\"><\/td>\r\n <td class=\"center\">9<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"name\">ANGLE 50 3M C (Fergana)<\/td>\r\n <td class=\"center\">340-350<\/td>\r\n <td class=\"center\"><\/td>\r\n <td class=\"center\">9<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"name\">ANGLE 50 3M D (Fergana)<\/td>\r\n <td class=\"center\">380<\/td>\r\n <td class=\"center\">3<\/td>\r\n <td class=\"center\">9<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n \/\/ Format numbers as \"1 783,84\" (space thousands, comma decimal)\r\n function formatNumberRU(value) {\r\n if (value === null || value === undefined || isNaN(value)) return \"\";\r\n \/\/ Ensure number with two decimals\r\n const fixed = Number(value).toFixed(2); \/\/ \"1783.84\"\r\n const parts = fixed.split(\".\");\r\n const intPart = parts[0];\r\n const decPart = parts[1];\r\n \/\/ add spaces as thousands separators\r\n \/\/ use regex to insert spaces from right\r\n const withSpaces = intPart.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \" \");\r\n return withSpaces + \",\" + decPart;\r\n }\r\n\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n document.querySelectorAll(\"td.num\").forEach((td) => {\r\n const raw = td.getAttribute(\"data-value\");\r\n const n = raw === null ? \"\" : Number(raw);\r\n const formatted =\r\n raw !== null && !isNaN(n) ? formatNumberRU(n) : raw || \"\";\r\n \/\/ put formatted inside a span; mimic highlight for the first row example\r\n const span = document.createElement(\"span\");\r\n span.textContent = formatted;\r\n if (td.parentElement.rowIndex === 1) {\r\n \/\/ first data row -> highlight like example\r\n span.className = \"highlight\";\r\n }\r\n td.appendChild(span);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a2ac12 e-flex e-con-boxed e-con e-parent\" data-id=\"9a2ac12\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-598dd7c e-con-full e-flex e-con e-child\" data-id=\"598dd7c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-320e8be elementor-widget elementor-widget-image\" data-id=\"320e8be\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"3840\" height=\"2880\" src=\"https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1.png\" class=\"attachment-full size-full wp-image-3401\" alt=\"\" srcset=\"https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1.png 3840w, https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1-300x225.png 300w, https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1-1024x768.png 1024w, https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1-768x576.png 768w, https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1-1536x1152.png 1536w, https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1-2048x1536.png 2048w\" sizes=\"(max-width: 3840px) 100vw, 3840px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09fad6c e-con-full e-flex e-con e-child\" data-id=\"09fad6c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36aaee1 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"36aaee1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We will calculate your expenses \u2013 absolutely free!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee07f5a elementor-widget elementor-widget-text-editor\" data-id=\"ee07f5a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"150\" data-end=\"350\">Based on the weight and type of the product you choose, we will make precise calculations and provide you with detailed expense information.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c303c03 elementor-widget elementor-widget-shortcode\" data-id=\"c303c03\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f318-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"318\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/3503#wpcf7-f318-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/en\/wp-json\/wp\/v2\/pages\/3503#wpcf7-f318-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"318\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f318-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"forma\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter your name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your phone number\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner button-light\" type=\"submit\" value=\"Send\" \/>\n\t<\/p>\n<\/div><input type='hidden' class='wpcf7-pum' value='{\"closepopup\":false,\"closedelay\":0,\"openpopup\":false,\"openpopup_id\":0}' \/><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\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>","protected":false},"excerpt":{"rendered":"<p>Armatura jadvali Mahsulot Tonna metr Qalinligi Uzunligi UGOLOK 40 3M A (Farg’ona) 565-580 2,8-3 11,7 UGOLOK 40 3M B (Farg’ona) 690 2,5 9 UGOLOK 40 3M C (Farg’ona) 780-800 2,1 9 UGOLOK 40 3M D (Farg’ona) 880-900 1,8-2 9 UGOLOK 50 3M A (Farg’ona) 420 2,8-3 9-11,7 UGOLOK 50 3M AA (Farg’ona) 360 3,6 11,7 […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3503","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/metone.uz\/en\/wp-json\/wp\/v2\/pages\/3503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metone.uz\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metone.uz\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metone.uz\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metone.uz\/en\/wp-json\/wp\/v2\/comments?post=3503"}],"version-history":[{"count":4,"href":"https:\/\/metone.uz\/en\/wp-json\/wp\/v2\/pages\/3503\/revisions"}],"predecessor-version":[{"id":3549,"href":"https:\/\/metone.uz\/en\/wp-json\/wp\/v2\/pages\/3503\/revisions\/3549"}],"wp:attachment":[{"href":"https:\/\/metone.uz\/en\/wp-json\/wp\/v2\/media?parent=3503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}