{ "id": 10913, "date": "2024-10-10T18:53:15", "date_gmt": "2024-10-10T18:53:15", "guid": { "rendered": "https:\/\/fkautoparts.iq\/?page_id=10913" }, "modified": "2024-10-10T20:20:03", "modified_gmt": "2024-10-10T20:20:03", "slug": "drag-link", "status": "publish", "type": "page", "link": "https:\/\/fkautoparts.iq\/en\/drag-link\/", "title": { "rendered": "DRAG LINK" }, "content": { "rendered": "
\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<button class=\"button\" onclick=\"window.location.href='https:\/\/fkautoparts.iq\/ar\/link\/';\">LINK<\/button>\n <button class=\"button\" onclick=\"window.location.href='https:\/\/fkautoparts.iq\/ar\/STABILIZER-BAR\/';\">STABILIZER BAR<\/button>\n <button class=\"button active\"onclick=\"window.location.href='https:\/\/fkautoparts.iq\/ar\/DRAG-LINK\/';\"> DRAG LINK <\/button>\n <button class=\"button\"onclick=\"window.location.href='https:\/\/fkautoparts.iq\/ar\/ball-joint\/';\">BALL JOINT<\/button>\n <button class=\"button\"onclick=\"window.location.href='https:\/\/fkautoparts.iq\/ar\/\/tie-rod-end\/';\">TIE ROD END<\/button>\n <button class=\"button\"onclick=\"window.location.href='https:\/\/fkautoparts.iq\/ar\/rack-end\/';\">RACK END<\/button>\n <button class=\"button\"onclick=\"window.location.href='https:\/\/fkautoparts.iq\/ar\/FORK\/';\">FORK<\/button>\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-b6ba80e elementor-widget elementor-widget-shortcode\" data-id=\"b6ba80e\" 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 \"ITEM\": \"DRAG LINK\",\n \"MAKER\": \"Hyundai\",\n \"MODEL\": \"EG 5T\",\n \"DESCRIPTION\": \"DRAG LINK\",\n \"FACTORY_NO\": \"TDKH-001\",\n \"OEM_NO\": \"56810-6A000\"\n },\n {\n \"ITEM\": \"DRAG LINK\",\n \"MAKER\": \"Hyundai\",\n \"MODEL\": \"LAVITA\",\n \"DESCRIPTION\": \"DRAG LINK\",\n \"FACTORY_NO\": \"TDKH-002\",\n \"OEM_NO\": \"55220-17000\"\n },\n {\n \"ITEM\": \"DRAG LINK\",\n \"MAKER\": \"Hyundai\",\n \"MODEL\": \"PORTER\",\n \"DESCRIPTION\": \"DRAG LINK\",\n \"FACTORY_NO\": \"TDKH-003\",\n \"OEM_NO\": \"56810-44000\"\n },\n {\n \"ITEM\": \"DRAG LINK\",\n \"MAKER\": \"Hyundai\",\n \"MODEL\": \"MIGHTY\",\n \"DESCRIPTION\": \"DRAG LINK\",\n \"FACTORY_NO\": \"TDKH-004\",\n \"OEM_NO\": \"56810-45001\"\n },\n {\n \"ITEM\": \"DRAG LINK\",\n \"MAKER\": \"Hyundai\",\n \"MODEL\": \"MIGHTY II\",\n \"DESCRIPTION\": \"DRAG LINK\",\n \"FACTORY_NO\": \"TDKH-005\",\n \"OEM_NO\": \"56810-5H501\"\n },\n {\n \"ITEM\": \"DRAG LINK\",\n \"MAKER\": \"KIA\",\n \"MODEL\": \"RHINO\",\n \"DESCRIPTION\": \"DRAG LINK\",\n \"FACTORY_NO\": \"TDKK-001\",\n \"OEM_NO\": \"0K850-32-970A\"\n },\n {\n \"ITEM\": \"DRAG LINK\",\n \"MAKER\": \"KIA\",\n \"MODEL\": \"BONGO III\",\n \"DESCRIPTION\": \"DRAG LINK\",\n \"FACTORY_NO\": \"TDKK-002\",\n \"OEM_NO\": \"0K43A-32-970D\"\n },\n {\n \"ITEM\": \"DRAG LINK\",\n \"MAKER\": \"KIA\",\n \"MODEL\": \"TRADE\",\n \"DESCRIPTION\": \"DRAG LINK\",\n \"FACTORY_NO\": \"TDKK-003\",\n \"OEM_NO\": \"0WA01-32-970A\"\n },\n {\n \"ITEM\": \"DRAG LINK\",\n \"MAKER\": \"SAMSUNG\",\n \"MODEL\": \"YAMUZIN\",\n \"DESCRIPTION\": \"DRAG LINK\",\n \"FACTORY_NO\": \"TDKR-001\",\n \"OEM_NO\": \"\"\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>MAKER:<\/span> ${e.MAKER}\n <\/div>\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>", "protected": false }, "excerpt": { "rendered": "<p>Products Display LINK STABILIZER BAR DRAG LINK BALL JOINT TIE ROD END RACK END FORK 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-10913", "page", "type-page", "status-publish", "hentry" ], "_links": { "self": [ { "href": "https:\/\/fkautoparts.iq\/en\/wp-json\/wp\/v2\/pages\/10913" } ], "collection": [ { "href": "https:\/\/fkautoparts.iq\/en\/wp-json\/wp\/v2\/pages" } ], "about": [ { "href": "https:\/\/fkautoparts.iq\/en\/wp-json\/wp\/v2\/types\/page" } ], "author": [ { "embeddable": true, "href": "https:\/\/fkautoparts.iq\/en\/wp-json\/wp\/v2\/users\/1" } ], "replies": [ { "embeddable": true, "href": "https:\/\/fkautoparts.iq\/en\/wp-json\/wp\/v2\/comments?post=10913" } ], "version-history": [ { "count": 18, "href": "https:\/\/fkautoparts.iq\/en\/wp-json\/wp\/v2\/pages\/10913\/revisions" } ], "predecessor-version": [ { "id": 11009, "href": "https:\/\/fkautoparts.iq\/en\/wp-json\/wp\/v2\/pages\/10913\/revisions\/11009" } ], "wp:attachment": [ { "href": "https:\/\/fkautoparts.iq\/en\/wp-json\/wp\/v2\/media?parent=10913" } ], "curies": [ { "name": "wp", "href": "https:\/\/api.w.org\/{rel}", "templated": true } ] } }