{"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\/it\/portfolio\/eco-friendly-materials\/","title":{"rendered":"Materiali ecocompatibili"},"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>Benvenuti nel nostro Portfolio Materiali. Esplorate la nostra selezione di materie prime utilizzate per vari progetti di costruzione e design. Utilizzate la barra laterale per filtrare per categoria. Attualmente, solo la categoria &quot;Materie Prime&quot; presenta documenti disponibili.<\/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;\">Categorie<\/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;\">Tutto<\/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                    Materiali ecocompatibili                  <\/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>Documenti<\/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;\">Calce Idraulica Naturale<\/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;\">Prodotti chimici per l&#039;edilizia 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;\">Intonaco ecologico<\/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"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/portfolio\/2113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":0,"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/portfolio\/2113\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/media\/2114"}],"wp:attachment":[{"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/media?parent=2113"}],"wp:term":[{"taxonomy":"portfolio-cat","embeddable":true,"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/portfolio-cat?post=2113"},{"taxonomy":"portfolio-tag","embeddable":true,"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/portfolio-tag?post=2113"},{"taxonomy":"portfolio-filter","embeddable":true,"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/portfolio-filter?post=2113"},{"taxonomy":"portfolio-category","embeddable":true,"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/portfolio-category?post=2113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}