{"id":11057,"date":"2024-10-10T22:04:38","date_gmt":"2024-10-10T22:04:38","guid":{"rendered":"https:\/\/fkautoparts.iq\/?page_id=11057"},"modified":"2024-10-10T22:06:24","modified_gmt":"2024-10-10T22:06:24","slug":"control-arm","status":"publish","type":"page","link":"https:\/\/fkautoparts.iq\/ar\/control-arm\/","title":{"rendered":"CONTROL ARM"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n \n \n \n Products Display<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background-color: #000000;\n \n direction: ltr; \/* Change direction to left-to-right *\/\n }\n .button-container {\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n margin-bottom: 20px;\n justify-content: center;\n }\n\n .button {\n padding: 10px 20px;\n background-color: white;\n color: #d11a2a;\n border: 2px solid #000000;\n border-radius: 25px;\n cursor: pointer;\n font-size: 16px;\n font-weight: bold;\n transition: background-color 0.3s, color 0.3s;\n }\n .button:hover {\n background-color: #d11a2a;\n color: white;\n \n\n }\n .button.active {\n background-color: #d11a2a;\n color: white;\n }\n .product-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n }\n .product {\n background-color: white;\n border: 1px solid #ddd;\n padding: 20px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n transition: transform 0.3s;\n }\n .product:hover {\n transform: translateY(-5px);\n }\n .product h3 {\n color: #d11a2a;\n margin-bottom: 15px;\n font-size: 20px;\n }\n .product .product-info {\n margin-bottom: 10px;\n }\n .product .product-info span {\n font-weight: bold;\n }\n <\/style>\n <\/head>\n\n <body>\n <div class=\"button-container\">\n\n <\/div>\n <div class=\"product-container\">\n <\/div>\n <\/body>\n\n<\/html><\/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-de4145c elementor-widget elementor-widget-shortcode\" data-id=\"de4145c\" data-element_type=\"widget\" data-e-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\"><!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\"\/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n <title>Products Display<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background-color: #f5f5f5;\n }\n .product-container {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n }\n .product {\n background-color: white;\n border: 1px solid #ddd;\n padding: 15px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n }\n .product h3 {\n color: #d11a2a;\n margin-bottom: 10px;\n font-size: 18px; \/* \u062a\u0639\u062f\u064a\u0644 \u062d\u062c\u0645 \u062e\u0637 OEM NO *\/\n }\n .product .product-info {\n margin-bottom: 10px;\n }\n .product .product-info span {\n font-weight: bold;\n }\n <\/style>\n <\/head>\n\n <body>\n <div class=\"product-container\">\n <\/div>\n <\/body>\n <script>\n\n const data = \n[\n {\n \"OEM_NO\": \"XB636451A\",\n \"MODEL\": \"GALLOPER\",\n \"DESCRIPTION\": \"PIT ARM\",\n \"FACTORY_NO\": \"TQKH-001\"\n },\n {\n \"OEM_NO\": \"MB673525B\",\n \"MODEL\": \"GALLOPER\",\n \"DESCRIPTION\": \"IDLER ARM\",\n \"FACTORY_NO\": \"TQKH-002\"\n },\n {\n \"OEM_NO\": \"56910-44005\",\n \"MODEL\": \"PORTER\",\n \"DESCRIPTION\": \"PIT ARM\",\n \"FACTORY_NO\": \"TQKH-003\"\n },\n {\n \"OEM_NO\": \"56940-44000\",\n \"MODEL\": \"PORTER\",\n \"DESCRIPTION\": \"IDLER ARM\",\n \"FACTORY_NO\": \"TQKH-004\"\n },\n {\n \"OEM_NO\": \"54414-44000\",\n \"MODEL\": \"PORTER\",\n \"DESCRIPTION\": \"UPPER ARM SHAFT\",\n \"FACTORY_NO\": \"TQKH-005\"\n },\n {\n \"OEM_NO\": \"MB109539\",\n \"MODEL\": \"GALLOPER\",\n \"DESCRIPTION\": \"UPPER ARM SHAFT\",\n \"FACTORY_NO\": \"TQKH-006\"\n },\n {\n \"OEM_NO\": \"56820-H1000\",\n \"MODEL\": \"TERACAN\",\n \"DESCRIPTION\": \"IDLER ARM\",\n \"FACTORY_NO\": \"TQKH-007\"\n },\n {\n \"OEM_NO\": \"55250-2H000\",\n \"MODEL\": \"HD AVANTE\",\n \"DESCRIPTION\": \"ASSIST ARM\",\n \"FACTORY_NO\": \"TQKH-008\"\n },\n {\n \"OEM_NO\": \"55250-2B010\",\n \"MODEL\": \"CM SANTAFE\",\n \"DESCRIPTION\": \"ASSIST ARM, LH\",\n \"FACTORY_NO\": \"TQKH-009\"\n },\n {\n \"OEM_NO\": \"55250-2B000\",\n \"MODEL\": \"CM SANTAFE\",\n \"DESCRIPTION\": \"ASSIST ARM\",\n \"FACTORY_NO\": \"TQKH-010\"\n },\n {\n \"OEM_NO\": \"55250-2W000\",\n \"MODEL\": \"DM SANTAFE\",\n \"DESCRIPTION\": \"ASSIST ARM\",\n \"FACTORY_NO\": \"TQKH-011\"\n },\n {\n \"OEM_NO\": \"55250-3R000\",\n \"MODEL\": \"YF SONATA, K5\",\n \"DESCRIPTION\": \"ASSIST ARM\",\n \"FACTORY_NO\": \"TQKH-012\"\n },\n {\n \"OEM_NO\": \"55250-2S000\",\n \"MODEL\": \"TUCSON IX\",\n \"DESCRIPTION\": \"ASSIST ARM\",\n \"FACTORY_NO\": \"TQKH-013\"\n },\n {\n \"OEM_NO\": \"55250-2S100\",\n \"MODEL\": \"TUCSON IX 4WD\",\n \"DESCRIPTION\": \"ASSIST ARM\",\n \"FACTORY_NO\": \"TQKH-014\"\n },\n {\n \"OEM_NO\": NaN,\n \"MODEL\": NaN,\n \"DESCRIPTION\": NaN,\n \"FACTORY_NO\": NaN\n },\n {\n \"OEM_NO\": NaN,\n \"MODEL\": NaN,\n \"DESCRIPTION\": NaN,\n \"FACTORY_NO\": NaN\n },\n {\n \"OEM_NO\": \"0K30B-34-350B\",\n \"MODEL\": \"RIO\",\n \"DESCRIPTION\": \"LOWER ARM LH\",\n \"FACTORY_NO\": \"TQKK-001\"\n },\n {\n \"OEM_NO\": \"0K30B-34-300B\",\n \"MODEL\": \"RIO\",\n \"DESCRIPTION\": \"LOWER ARM RH\",\n \"FACTORY_NO\": \"TQKK-002\"\n },\n {\n \"OEM_NO\": \"54500-FD000\",\n \"MODEL\": \"RIO SF\",\n \"DESCRIPTION\": \"LOWER ARM LH\",\n \"FACTORY_NO\": \"TQKK-003\"\n },\n {\n \"OEM_NO\": \"54501-FD000\",\n \"MODEL\": \"RIO SF\",\n \"DESCRIPTION\": \"LOWER ARM RH\",\n \"FACTORY_NO\": \"TQKK-004\"\n },\n {\n \"OEM_NO\": \"KKY01-34-310\",\n \"MODEL\": \"PRIDE\",\n \"DESCRIPTION\": \"LOWER ARM\",\n \"FACTORY_NO\": \"TQKK-005\"\n },\n {\n \"OEM_NO\": \"KDX50-34-300\",\n \"MODEL\": \"AVELLA\",\n \"DESCRIPTION\": \"LOWER ARM\",\n \"FACTORY_NO\": \"TQKK-006\"\n },\n {\n \"OEM_NO\": \"0K552-34-350\",\n \"MODEL\": \"CARNIVAL\",\n \"DESCRIPTION\": \"LOWER ARM\",\n \"FACTORY_NO\": \"TQKK-007\"\n },\n {\n \"OEM_NO\": \"0K552-34-300\",\n \"MODEL\": \"CARNIVAL\",\n \"DESCRIPTION\": \"LOWER ARM\",\n \"FACTORY_NO\": \"TQKK-008\"\n },\n {\n \"OEM_NO\": \"0K72A-34-200\",\n \"MODEL\": \"PREGIO\",\n \"DESCRIPTION\": \"UPPER ARM\",\n \"FACTORY_NO\": \"TQKK-009\"\n },\n {\n \"OEM_NO\": \"0K011-34-200\",\n \"MODEL\": \"SPORTAGE\",\n \"DESCRIPTION\": \"UPPER ARM\",\n \"FACTORY_NO\": \"TQKK-010\"\n },\n {\n \"OEM_NO\": \"54410-4E000\",\n \"MODEL\": \"BONGO III\",\n \"DESCRIPTION\": \"UPPER ARM LH\",\n \"FACTORY_NO\": \"TQKK-011\"\n },\n {\n \"OEM_NO\": \"54420-4E000\",\n \"MODEL\": \"BONGO III\",\n \"DESCRIPTION\": \"UPPER ARM RH\",\n \"FACTORY_NO\": \"TQKK-012\"\n },\n {\n \"OEM_NO\": \"55250-2J000\",\n \"MODEL\": \"MOHAVE\",\n \"DESCRIPTION\": \"ASSIST LINK\",\n \"FACTORY_NO\": \"TQKK-013\"\n },\n {\n \"OEM_NO\": \"55250-3Q010\",\n \"MODEL\": \"NEW K5\",\n \"DESCRIPTION\": \"ASSIST LINK\",\n \"FACTORY_NO\": \"TQKK-014\"\n },\n {\n \"OEM_NO\": NaN,\n \"MODEL\": NaN,\n \"DESCRIPTION\": NaN,\n \"FACTORY_NO\": NaN\n },\n {\n \"OEM_NO\": NaN,\n \"MODEL\": NaN,\n \"DESCRIPTION\": NaN,\n \"FACTORY_NO\": NaN\n },\n {\n \"OEM_NO\": \"9661-1265\",\n \"MODEL\": \"TICO\/MATIZ\",\n \"DESCRIPTION\": \"LOWER ARM\",\n \"FACTORY_NO\": \"TQKD-001\"\n },\n {\n \"OEM_NO\": \"9458-3538\",\n \"MODEL\": \"DAMAS\",\n \"DESCRIPTION\": \"LOWER ARM\",\n \"FACTORY_NO\": \"TQKD-002\"\n },\n {\n \"OEM_NO\": \"9661-2064\",\n \"MODEL\": \"DAMAS II\",\n \"DESCRIPTION\": \"LOWER ARM\",\n \"FACTORY_NO\": \"TQKD-003\"\n },\n {\n \"OEM_NO\": \"9458-3698\",\n \"MODEL\": \"DAMAS\",\n \"DESCRIPTION\": \"IDLER ARM\",\n \"FACTORY_NO\": \"TQKD-004\"\n },\n {\n \"OEM_NO\": null,\n \"MODEL\": null,\n \"DESCRIPTION\": null,\n \"FACTORY_NO\": null\n }\n]\n\nconst container = document.querySelector(\".product-container\")\ndata.forEach(e =>{\n const newDiv = document.createElement(\"div\")\n newDiv.classList.add(\"product\")\n newDiv.innerHTML = `\n <h3>${e.OEM_NO}<\/h3>\n <div class=\"product-info\">\n <span>Model:<\/span> ${e.MODEL}\n <\/div>\n <div class=\"product-info\">\n <span>Description:<\/span> ${e.DESCRIPTION}\n <\/div>\n <div class=\"product-info\">\n <span>Factory No.:<\/span> ${e.FACTORY_NO}\n <\/div>\n `\n container.appendChild(newDiv)\n})\n<\/script>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Products Display Products Display<\/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-11057","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/11057"}],"collection":[{"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/comments?post=11057"}],"version-history":[{"count":6,"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/11057\/revisions"}],"predecessor-version":[{"id":11063,"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/11057\/revisions\/11063"}],"wp:attachment":[{"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/media?parent=11057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}