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>\n\t\t","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\/ar\/wp-json\/wp\/v2\/pages\/11030"}],"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=11030"}],"version-history":[{"count":6,"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/11030\/revisions"}],"predecessor-version":[{"id":11036,"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/11030\/revisions\/11036"}],"wp:attachment":[{"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/media?parent=11030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\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>\n\t\t","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\/ar\/wp-json\/wp\/v2\/pages\/11030"}],"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=11030"}],"version-history":[{"count":6,"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/11030\/revisions"}],"predecessor-version":[{"id":11036,"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/11030\/revisions\/11036"}],"wp:attachment":[{"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/media?parent=11030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}