{ "id": 11030, "date": "2024-10-10T21:31:54", "date_gmt": "2024-10-10T21:31:54", "guid": { "rendered": "https:\/\/fkautoparts.iq\/?page_id=11030" }, "modified": "2024-10-10T21:33:00", "modified_gmt": "2024-10-10T21:33:00", "slug": "rubber", "status": "publish", "type": "page", "link": "https:\/\/fkautoparts.iq\/en\/rubber\/", "title": { "rendered": "RUBBER" }, "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\/BUSH\/';\">BUSH<\/button>\n <button class=\"button active\" onclick=\"window.location.href='https:\/\/fkautoparts.iq\/ar\/RUBBER\/';\">RUBBER<\/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-8fd5cd2 elementor-widget elementor-widget-shortcode\" data-id=\"8fd5cd2\" 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 {\n \"OEM_NO\": \"0S083-28-333\",\n \"MODEL\": \"BESTA\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER 'B'\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"0S085-28-333\",\n \"MODEL\": \"BESTA\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER 'S'\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"03874-28-330\",\n \"MODEL\": \"BONGO\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"55256-4E600\",\n \"MODEL\": \"BONGO III\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER (1.4T)\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"01358-28-330\",\n \"MODEL\": \"BONGO III\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER (1.4T)\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"94583349\",\n \"MODEL\": \"DAMAS\/LABO\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"41332A-80D00\",\n \"MODEL\": \"DAMAS\/LABO\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"0K60A-28-330\",\n \"MODEL\": \"FRONTIER\/BONGO III 1TON\",\n \"DESCRIPTION\": \"BUSH-SSPRING RUBBER\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"55256-44000\",\n \"MODEL\": \"GRACE\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER 'S'\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"55257-44000\",\n \"MODEL\": \"GRACE\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER 'B'\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"55256-4H500\",\n \"MODEL\": \"GRAND STAREX\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER(STEEL)\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"55256-4H510\",\n \"MODEL\": \"GRAND STAREX\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER(STEEL)\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"661-324-3050\",\n \"MODEL\": \"ISTANA\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"54146-45000\",\n \"MODEL\": \"MIGHTY\/COUNTY\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"55256-4B000\",\n \"MODEL\": \"NEW PORTER\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER 'S'\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"55257-4B000\",\n \"MODEL\": \"NEW PORTER\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER 'S'\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"55256-44100\",\n \"MODEL\": \"PORTER\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER 'S'\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"55257-44100\",\n \"MODEL\": \"PORTER\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER 'B'\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"55256-4A000\",\n \"MODEL\": \"STAREX\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER 'S'\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"55257-4A000\",\n \"MODEL\": \"STAREX\",\n \"DESCRIPTION\": \"BUSH-SPRING RUBBER 'B'\",\n \"FACTORY_NO\": \"\"\n },\n {\n \"OEM_NO\": \"42451A-70B00\",\n \"MODEL\": \"TICO\",\n \"DESCRIPTION\": \"BUSH-LOWER ARM RUBBER\",\n \"FACTORY_NO\": \"\"\n }\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>", "protected": false }, "excerpt": { "rendered": "<p>Products Display BUSH RUBBER 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-11030", "page", "type-page", "status-publish", "hentry" ], "_links": { "self": [ { "href": "https:\/\/fkautoparts.iq\/en\/wp-json\/wp\/v2\/pages\/11030" } ], "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=11030" } ], "version-history": [ { "count": 6, "href": "https:\/\/fkautoparts.iq\/en\/wp-json\/wp\/v2\/pages\/11030\/revisions" } ], "predecessor-version": [ { "id": 11036, "href": "https:\/\/fkautoparts.iq\/en\/wp-json\/wp\/v2\/pages\/11030\/revisions\/11036" } ], "wp:attachment": [ { "href": "https:\/\/fkautoparts.iq\/en\/wp-json\/wp\/v2\/media?parent=11030" } ], "curies": [ { "name": "wp", "href": "https:\/\/api.w.org\/{rel}", "templated": true } ] } }