{"id":2113,"date":"2025-01-27T15:23:53","date_gmt":"2025-01-27T15:23:53","guid":{"rendered":"https:\/\/maroufturk.com\/?post_type=portfolio&#038;p=2113"},"modified":"2026-03-07T13:33:12","modified_gmt":"2026-03-07T13:33:12","slug":"eco-friendly-materials","status":"publish","type":"portfolio","link":"https:\/\/maroufturk.com\/fr\/portfolio\/eco-friendly-materials\/","title":{"rendered":"Mat\u00e9riaux respectueux de l&#039;environnement"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"2113\" class=\"elementor elementor-2113\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c1013a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c1013a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8b2239f\" data-id=\"8b2239f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57d36c0 elementor-widget elementor-widget-shortcode\" data-id=\"57d36c0\" 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\">    <div class=\"container\" style=\"max-width:1200px; margin:0 auto;\">\n      <div class=\"intro\" style=\"background:#fff; padding:1.5rem; border-radius:8px; margin-bottom:2rem; box-shadow:0 1px 3px rgba(0,0,0,0.1);\">\n        <p>Bienvenue dans notre portefeuille de mat\u00e9riaux. Explorez notre s\u00e9lection de mati\u00e8res premi\u00e8res utilis\u00e9es pour divers projets de construction et de design. Utilisez la barre lat\u00e9rale pour filtrer par cat\u00e9gorie. Actuellement, seule la cat\u00e9gorie \u00ab\u00a0Mat\u00e9riaux de base\u00a0\u00bb contient des documents disponibles.<\/p>\n      <\/div>\n      <div class=\"filter-layout\" style=\"display:flex; gap:1rem; margin-bottom:2rem;\">\n        <div class=\"filter-sidebar\" style=\"flex:0 0 30%; background:#fff; padding:1rem; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,0.1); position:sticky; top:1rem;\">\n          <h2 style=\"margin-bottom:1rem; font-size:1.2rem; border-bottom:2px solid #ddd; padding-bottom:0.5rem;\">Cat\u00e9gories<\/h2>\n          <ul class=\"category-list\" style=\"list-style:none; padding-left:0;\">\n                          <li class=\"category-item active\" data-category=\"all\" style=\"margin-bottom:0.5rem; cursor:pointer; padding:0.5rem; border-radius:5px; background-color:#dfdfdf; font-weight:bold;\">Tous<\/li>\n                                          <li class=\"category-item\" data-category=\"Eco Friendly Materials\" style=\"margin-bottom:0.5rem; cursor:pointer; padding:0.5rem; border-radius:5px;\">\n                    Mat\u00e9riaux respectueux de l&#039;environnement                  <\/li>\n                          <\/ul>\n        <\/div>\n        <div class=\"filter-content\" style=\"flex:1; background:#fff; padding:1rem; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,0.1);\">\n          <h2>Documents<\/h2>\n          <div class=\"documents-grid\" style=\"display:grid; grid-template-columns: repeat(auto-fill, minmax(250px,1fr)); gap:1rem; margin-top:1rem;\">\n                                <div class=\"document-item\" data-category=\"Eco Friendly Materials\" style=\"background:#fafafa; padding:1rem; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,0.1);\">\n                      <a class=\"document-link\" href=\"https:\/\/pdfhost.io\/v\/FmL6HeQi6_ACDSee_PDF_Image\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"text-decoration:none; color:#0073aa; display:flex; align-items:center; gap:0.5rem;\">\n                        <img decoding=\"async\" src=\"http:\/\/maroufturk.com\/wp-content\/uploads\/2023\/08\/italy-flag-icon.webp\" alt=\"Natural Hydraulic Lime\" style=\"width:30px;\" \/>\n                        <span class=\"document-title\" style=\"font-weight:bold;\">Chaux Hydraulique Naturelle<\/span>\n                      <\/a>\n                    <\/div>\n                                        <div class=\"document-item\" data-category=\"Eco Friendly Materials\" style=\"background:#fafafa; padding:1rem; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,0.1);\">\n                      <a class=\"document-link\" href=\"https:\/\/pdfhost.io\/v\/CgKjqCbCE_ACDSee_PDF_Image\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"text-decoration:none; color:#0073aa; display:flex; align-items:center; gap:0.5rem;\">\n                        <img decoding=\"async\" src=\"http:\/\/maroufturk.com\/wp-content\/uploads\/2023\/08\/Flag-France.webp\" alt=\"TEKNO Construction Chemicals\" style=\"width:30px;\" \/>\n                        <span class=\"document-title\" style=\"font-weight:bold;\">Produits chimiques pour la construction TEKNO<\/span>\n                      <\/a>\n                    <\/div>\n                                        <div class=\"document-item\" data-category=\"Eco Friendly Materials\" style=\"background:#fafafa; padding:1rem; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,0.1);\">\n                      <a class=\"document-link\" href=\"https:\/\/pdfhost.io\/v\/LWHzEhpQA_ACDSee_PDF_Image\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"text-decoration:none; color:#0073aa; display:flex; align-items:center; gap:0.5rem;\">\n                        <img decoding=\"async\" src=\"http:\/\/maroufturk.com\/wp-content\/uploads\/2024\/01\/images.png\" alt=\"Introduction For Clay Sys.\" style=\"width:30px;\" \/>\n                        <span class=\"document-title\" style=\"font-weight:bold;\">Introduction For Clay Sys.<\/span>\n                      <\/a>\n                    <\/div>\n                                        <div class=\"document-item\" data-category=\"Eco Friendly Materials\" style=\"background:#fafafa; padding:1rem; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,0.1);\">\n                      <a class=\"document-link\" href=\"https:\/\/pdfhost.io\/v\/lz2NP19fa_ACDSee_PDF_Image\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"text-decoration:none; color:#0073aa; display:flex; align-items:center; gap:0.5rem;\">\n                        <img decoding=\"async\" src=\"http:\/\/maroufturk.com\/wp-content\/uploads\/2025\/03\/Flag_of_India.svg.png\" alt=\"Eco-Friendly Plastering\" style=\"width:30px;\" \/>\n                        <span class=\"document-title\" style=\"font-weight:bold;\">Pl\u00e2trage \u00e9cologique<\/span>\n                      <\/a>\n                    <\/div>\n                              <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <script>\n    \/\/ Simple category-based filtering\n    document.addEventListener('DOMContentLoaded', function(){\n        const catItems = document.querySelectorAll('.category-item');\n        const docItems = document.querySelectorAll('.document-item');\n\n        catItems.forEach(item => {\n            item.addEventListener('click', () => {\n                \/\/ Remove \"active\" styling from all categories\n                catItems.forEach(ci => {\n                    ci.classList.remove('active');\n                    ci.style.backgroundColor = '';\n                    ci.style.fontWeight = '';\n                });\n                \/\/ Highlight the clicked category\n                item.classList.add('active');\n                item.style.backgroundColor = '#dfdfdf';\n                item.style.fontWeight = 'bold';\n\n                const category = item.getAttribute('data-category');\n                docItems.forEach(doc => {\n                    const docCategory = doc.getAttribute('data-category');\n                    doc.style.display = (category === 'all' || category === docCategory) ? 'block' : 'none';\n                });\n            });\n        });\n    });\n    <\/script>\n    \t<\/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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":2114,"menu_order":0,"template":"","meta":{"footnotes":""},"portfolio-cat":[3],"portfolio-tag":[5],"portfolio-filter":[6],"portfolio-category":[27],"class_list":["post-2113","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio-cat-uncategorized","portfolio-tag-uncategorized","portfolio-filter-uncategorized","portfolio-category-uncategorized"],"_links":{"self":[{"href":"https:\/\/maroufturk.com\/fr\/wp-json\/wp\/v2\/portfolio\/2113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroufturk.com\/fr\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/maroufturk.com\/fr\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":9,"href":"https:\/\/maroufturk.com\/fr\/wp-json\/wp\/v2\/portfolio\/2113\/revisions"}],"predecessor-version":[{"id":2464,"href":"https:\/\/maroufturk.com\/fr\/wp-json\/wp\/v2\/portfolio\/2113\/revisions\/2464"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maroufturk.com\/fr\/wp-json\/wp\/v2\/media\/2114"}],"wp:attachment":[{"href":"https:\/\/maroufturk.com\/fr\/wp-json\/wp\/v2\/media?parent=2113"}],"wp:term":[{"taxonomy":"portfolio-cat","embeddable":true,"href":"https:\/\/maroufturk.com\/fr\/wp-json\/wp\/v2\/portfolio-cat?post=2113"},{"taxonomy":"portfolio-tag","embeddable":true,"href":"https:\/\/maroufturk.com\/fr\/wp-json\/wp\/v2\/portfolio-tag?post=2113"},{"taxonomy":"portfolio-filter","embeddable":true,"href":"https:\/\/maroufturk.com\/fr\/wp-json\/wp\/v2\/portfolio-filter?post=2113"},{"taxonomy":"portfolio-category","embeddable":true,"href":"https:\/\/maroufturk.com\/fr\/wp-json\/wp\/v2\/portfolio-category?post=2113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}