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 \"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 active\"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-d1177c7 elementor-widget elementor-widget-shortcode\" data-id=\"d1177c7\" 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\": \"41430-34010\",\n \"MODEL\": \"HYUNDAI SONATA\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKH-001\"\n },\n {\n \"OEM_NO\": \"41443-44001\",\n \"MODEL\": \"HYUNDAI PORTER\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKH-002\"\n },\n {\n \"OEM_NO\": \"41450-45000\",\n \"MODEL\": \"HYUNDAI MIGHTY\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKH-003\"\n },\n {\n \"OEM_NO\": \"41413-4A000\",\n \"MODEL\": \"HYUNDAI STAREX\/96 PORTER\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKH-004\"\n },\n {\n \"OEM_NO\": \"41430-22652\",\n \"MODEL\": \"HYUNDAI ACCENT\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKH-005\"\n },\n {\n \"OEM_NO\": \"41450-5H510\",\n \"MODEL\": \"HYUNDAI MIGHTY II\",\n \"DESCRIPTION\": \"RELEASE FORK -BIG\",\n \"FACTORY_NO\": \"TFKH-006\"\n },\n {\n \"OEM_NO\": \"41450-P03010\",\n \"MODEL\": \"HYUNDAI MIGHTY II\",\n \"DESCRIPTION\": \"RELEASE FORK -SMALL\",\n \"FACTORY_NO\": \"TFKH-007\"\n },\n {\n \"OEM_NO\": \"0K71E-16-520\",\n \"MODEL\": \"KIA HIBESTA\/FRONTIER\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKK-001\"\n },\n {\n \"OEM_NO\": \"0SE03-16-520\",\n \"MODEL\": \"KIA JUMBO TITAN\/TRADE\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKK-002\"\n },\n {\n \"OEM_NO\": \"30340-05001\",\n \"MODEL\": \"SSANGYONG MUSSO\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKS-001\"\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 \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 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-10986","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/10986"}],"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=10986"}],"version-history":[{"count":9,"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/10986\/revisions"}],"predecessor-version":[{"id":11012,"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/10986\/revisions\/11012"}],"wp:attachment":[{"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/media?parent=10986"}],"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\/link\/';\">LINK<\/button>\n <button class=\"button \" onclick=\"window.location.href='https:\/\/fkautoparts.iq\/ar\/STABILIZER-BAR\/';\">STABILIZER BAR<\/button>\n <button class=\"button \"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 active\"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-d1177c7 elementor-widget elementor-widget-shortcode\" data-id=\"d1177c7\" 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\": \"41430-34010\",\n \"MODEL\": \"HYUNDAI SONATA\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKH-001\"\n },\n {\n \"OEM_NO\": \"41443-44001\",\n \"MODEL\": \"HYUNDAI PORTER\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKH-002\"\n },\n {\n \"OEM_NO\": \"41450-45000\",\n \"MODEL\": \"HYUNDAI MIGHTY\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKH-003\"\n },\n {\n \"OEM_NO\": \"41413-4A000\",\n \"MODEL\": \"HYUNDAI STAREX\/96 PORTER\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKH-004\"\n },\n {\n \"OEM_NO\": \"41430-22652\",\n \"MODEL\": \"HYUNDAI ACCENT\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKH-005\"\n },\n {\n \"OEM_NO\": \"41450-5H510\",\n \"MODEL\": \"HYUNDAI MIGHTY II\",\n \"DESCRIPTION\": \"RELEASE FORK -BIG\",\n \"FACTORY_NO\": \"TFKH-006\"\n },\n {\n \"OEM_NO\": \"41450-P03010\",\n \"MODEL\": \"HYUNDAI MIGHTY II\",\n \"DESCRIPTION\": \"RELEASE FORK -SMALL\",\n \"FACTORY_NO\": \"TFKH-007\"\n },\n {\n \"OEM_NO\": \"0K71E-16-520\",\n \"MODEL\": \"KIA HIBESTA\/FRONTIER\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKK-001\"\n },\n {\n \"OEM_NO\": \"0SE03-16-520\",\n \"MODEL\": \"KIA JUMBO TITAN\/TRADE\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKK-002\"\n },\n {\n \"OEM_NO\": \"30340-05001\",\n \"MODEL\": \"SSANGYONG MUSSO\",\n \"DESCRIPTION\": \"RELEASE FORK\",\n \"FACTORY_NO\": \"TFKS-001\"\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 \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 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-10986","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/10986"}],"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=10986"}],"version-history":[{"count":9,"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/10986\/revisions"}],"predecessor-version":[{"id":11012,"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/pages\/10986\/revisions\/11012"}],"wp:attachment":[{"href":"https:\/\/fkautoparts.iq\/ar\/wp-json\/wp\/v2\/media?parent=10986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}