I nostri obiettivi CSR
Obiettivi di sostenibilità
ENVIRONMENTAL
GHG Emissions
CO2 eqT/M€ turnover
-15%
GHG emissions reduction (2020-2024)
ENVIRONMENTAL
Green Trust activities
(26% in 2021) (30% in 2022)
1/3
of revenue
SOCIAL
Employeecommitment
65%
TRUST INDEX®
SOCIETAL
Social Inclusion
Local Initiatives for equalopportunities in the Labor Market
GHG emissions reduction (2020-2024)
Seleziona l'anno
2021 2022AZIONI SOCOTEC ITALIA 2022
Environmental
Scope 1
Emissioni prodotte da: flotta aziendale, refill gas condizionatori e dai gas usati per il riscaldamento degli edifici
Scope 2
Emissioni derivanti dall'acquisto di energia elettrica
Azioni per ridurre Scope 1&2
1.Fleet management
Nuovi veicoli ibridi, GPL eDisel Euro 6
Nuova policy fleet
Policy sobrietà energetica
2. Studi di fattibilità per installazione dei pannelli solari sulle sedi di proprietà dell’azienda
3. Archivi digitali legati alla CFP
Scope 3
km percorsi dai dipendenti nel percorso casa-lavoro, emissioni corrieri, emissioni dei data center e traffico dati, emissioni viaggi aziendali
Azioni per ridurre Scope 1&2
1. Road to paperless: invio certificati digitali ai client
2. Road to plastic free: Installazione di dispenser di acqua potabile diretta
3. Borracce pluriuso a tutti I dipendenti
4. Accentramento unico supplier
AZIONI SOCOTEC ITALIA 2022
Environmental
Scope 1
Emissioni prodotte da: flotta aziendale, refill gas condizionatori e dai gas usati per il riscaldamento degli edifici
Scope 2
Emissioni derivanti dall'acquisto di energia elettrica
Azioni per ridurre Scope 1&2
1.Fleet management
Nuovi veicoli ibridi, GPL eDisel Euro 6
Nuova policy fleet
Policy sobrietà energetica
2. Studi di fattibilità per installazione dei pannelli solari sulle sedi di proprietà dell’azienda
3. Archivi digitali legati alla CFP
Scope 3
km percorsi dai dipendenti nel percorso casa-lavoro, emissioni corrieri, emissioni dei data center e traffico dati, emissioni viaggi aziendali
Azioni per ridurre Scope 1&2
1. Road to paperless: invio certificati digitali ai client
2. Road to plastic free: Installazione di dispenser di acqua potabile diretta
3. Borracce pluriuso a tutti I dipendenti
4. Accentramento unico supplier
Seleziona l'anno
2022 2023Social
Ci impegniamo in diverse iniziative volte a diffondere il concetto di sostenibilità e a farlo diventare un obiettivo comune, integrandolo nella vita quotidiana dei nostri collaboratori e clienti.
Di seuito alcuni dei nostri progetti portati avanti in questi anni
Seleziona l'anno
2021 2022AZIONI SOCOTEC ITALIA 2022 E 2023
Governance
Riconoscimenti & Collaborazioni
@media screen and (max-width: 1024px){#paragraph-1822 .grid{width: 100%; padding: 0;} #paragraph-1822 .row{margin-left: 0px!important; margin-right: 0px!important} #paragraph-1822 .cell-12{padding-left: 0px!important; padding-right: 0px!important;}}
#paragraph-1636{background-image: url(Images/2.jpg); background-repeat: no-repeat; background-size: cover; color: #ffffff;}
#paragraph-1638{background-image: url(Images/2.jpg); background-repeat: no-repeat; background-size: cover; color: #ffffff;}
.mt-80{margin-top: 80px;}
.pb{padding-bottom: 1rem;}
.pt{padding-top: 1rem;}
.displaynone{display: none!important;}
.CSR-card-container{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2rem;}
@media screen and (max-width: 900px) {.CSR-card-container{ grid-template-columns: 1fr 1fr;}}
@media screen and (max-width: 500px) {.CSR-card-container{grid-template-columns: 1fr;}}
.CSR-card{text-align: center; border-radius: 5px; width: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.CSR-card p{margin: 0;}
.CSR-card-icon svg{width: 100%; max-width: 206px; text-align: center;}
.CSR-card-info p{margin: 0;}
.CSR-card-highlights{margin: 24px 0 24px 0;}
.CSR-card-highlights p{font-size: 48px!important; font-weight: bold;}
.CSR-card p:last-child{font-size: small;}
.report-primary{height: auto; background-repeat: no-repeat; background-size: cover; width: 100%; padding-top: 20vw; position: relative; background-position: center; display: flex; justify-content: end; align-items: baseline;}
.report-primary-footer{display: flex; padding: 12px; gap: 24px; justify-content: center; align-items: center;}
.Title-report-primary{color: #ffffff; font-weight: 500; margin: 0!important;}
.report-other{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; margin-top: 1rem; gap: 1rem;}
@media screen and (max-width: 900px) {.report-other{grid-template-columns: 1fr 1fr;}}
.other-report-footer{display: flex; flex-direction: column;}
.other-report-footer .button{width: fit-content;}
.other-report-images{width: 100%; height: auto; padding-top: 12vw;}
@media screen and (max-width: 900px) {.other-report-images{padding-top: 20vw;}}
@media screen and (max-width:500px) {.other-report-images{padding-top: 30vw;}}
.activities-years-selection{display: flex; align-items: center; gap: 1rem;}
.activities-years-selection p{margin: 0;}
.activities-years-selection button{padding: 0.5rem 1rem; background-color: #00833F; color: #ffffff;}
.activities-years-selection button:hover{background-color: #027238;}
.activities-years-selection button.selected{background-color: #ffffff; color: #00833F; font-weight: 600;}
.azioni2021{display: flex; flex-direction: column; color: #ffffff;}
.azioni2022{display: flex; flex-direction: column; color: #ffffff;}
.azioni-titoloevidenziato{padding: 4px; background-color: #00833F; width: fit-content; color: #ffffff;}
.container-scope-info{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
@media screen and (max-width:900px){.container-scope-info{grid-template-columns: 1fr;}}
.scope-action{display: flex; flex-direction: column; gap: 1rem;}
.multiple-scope-action {display: grid; grid-template-columns: 1fr 1fr 1fr;}
@media screen and (max-width:900px) {.multiple-scope-action{grid-template-columns: 1fr; gap: 1rem;}}
.multiple-scope-action div{display: flex; align-items: center; gap: 1rem;}
.multiple-scope-action div p{margin: 0!important;}
.item-action{padding: 1rem; background-color: #ffffff52; border-radius: 5px;}
.container-small{width: 100%; aspect-ratio: 1; background-color: #00833F; position: relative; transform-style: preserve-3d; transition: transform 0.6s; background-size: cover;}
.container-hover:hover .container-small{transform: rotateX(180deg);}
.container-hover:not(:hover) .container-small{transition: transform 1.5s;}
.small-overlay{position: absolute; width: 100%; height: 100%; opacity: 0.3;}
.container-hover-span2{width: 100%; aspect-ratio: 2/1; grid-column: span 2; position: relative; transform-style: preserve-3d; transition: transform 0.6s; background-size: cover;}
.container-medium{width: 100%; aspect-ratio: 2/1; grid-column: span 2; position: relative; transform-style: preserve-3d; transition: transform 0.6s; background-size: cover;}
.container-hover-span2:hover .container-medium{transform: rotateX(180deg)}
.container-hover-span2:not(:hover) .container-medium{transition: transform 1.5s;}
.container-large{width: 100%; aspect-ratio: 1; grid-column: span 2; position: relative; transform-style: preserve-3d; transition: transform 0.6s; background-size: cover;}
.container-hover-span2:hover .container-large{transform: rotateX(180deg)}
.container-hover-span2:not(:hover) .container-large{transition: transform 1.5s;}
.progetti-social-container{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 0 3rem;}
.progetti-social-container .progetti-colum-sx, .progetti-colum-dx{display: grid; grid-template-columns: 1fr 1fr; height: fit-content; gap: 1rem;}
@media screen and (max-width: 900px) { .progetti-social-container{grid-template-columns: 1fr; margin: 0;}
}
.front-content{width: 100%; height: 100%; position: absolute; backface-visibility: hidden; display: flex; font-size: 18px; color: #fff; z-index: 1; padding: 2rem; text-transform: uppercase;}
.front-content p{ font-weight: 700; font-size: 24px;}
.back-content{width: 100%; height: 100%; position: absolute; backface-visibility: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 18px; color: #fff; z-index: 1; font-size: 24px;}
.back-content{transform: rotateX(180deg);}
.back-content .back-titolo{font-size: 24px; font-weight: 500;}
@media screen and (max-width: 500px) { .front-content{padding: 0.5rem;} .front-content p{font-size: 18px;}
}
.azioniGovernance-container{display: grid; grid-template-columns: 1fr 1fr; padding-bottom: 1rem; gap: 1rem; color: #ffffff;}
.azioniGovernance-container p, img{margin: 0; padding: 0;}
.governance-item{display: flex; align-items: center; gap: 1rem; background-color: #ffffff2c; padding: 1rem; border-radius: 5px; color:#ffffff}
.governance-item .governance-icon{width: 3rem; height: 3rem; padding: 0.5rem; background-color: #00833F; background-repeat: no-repeat; background-position: center; border-radius: 100%;}
@media screen and (max-width:900px) { .azioniGovernance-container{grid-template-columns: 1fr; gap: 0;} .governance-item{margin-bottom: 1rem;}
}
.riconoscimenti-container{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2rem;}
.riconoscimenti-item{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem;}
.riconoscimenti-item button{width: fit-content;}
.riconoscimenti-container .riconoscimenti-immagine{width: 100%; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-size:70%;}
@media screen and (max-width: 900px) { .riconoscimenti-container{grid-template-columns: 1fr 1fr;}
}
const blue = "#005499";
const arancione = "#FF6533";
const bluechiaro = "#00ACE8";
const bluescuro = "#212C56"
const giallo = "#FCB902";
const nero = "#000000";
const verde = "#00833F";
const Lampone = "#FF4B6B";
function createReportprimary() { const containerprimary = document.getElementById("report-primary"); const reportprimaryTitle = document.getElementById("Title-report-primary"); const reportprimarylink = document.getElementById("link-report-primary"); let buttonprimary = document.createElement("button"); containerprimary.style.backgroundImage = "url(https://www.socotec.it/s3fs-public/2023-09/report_sostenibilita.webp)"; function updateData() { if (window.innerWidth > 900) { reportprimaryTitle.textContent = "Report 2022"; buttonprimary.textContent = "mostra"; buttonprimary.classList.add("buttonSecondary"); } else if (window.innerWidth <= 900) { reportprimaryTitle.textContent = ""; buttonprimary.textContent = ""; let buttonicon = document.createElement("img") buttonicon.src = ("Images/arrow-down.png") buttonprimary.appendChild(buttonicon) } } reportprimarylink.appendChild(buttonprimary); // Chiamare la funzione all'avvio della pagina updateData(); // Aggiungere un ascoltatore per l'evento resize della finestra window.addEventListener('resize', function () { updateData(); }); // Modifica l'URL del link reportprimarylink.href = "https://www.socotec.it/s3fs-public/2023-07/socotec-rse-en.pdf"; } // Chiamare la funzione all'avvio della pagina
createReportprimary()
function createOtherReport(containerId, sections) { const divContainer = document.getElementById("report-other-container") sections.forEach((section, i) => { const divElement = document.createElement("div"); divElement.classList.add("other-report-element") const Elementimages = document.createElement("div") Elementimages.style.backgroundImage = "url("+section.immagine+")"; Elementimages.classList.add("other-report-images") const divOtherReport = document.createElement("div") divOtherReport.classList.add("other-report-footer") const titoloElement = document.createElement("strong"); titoloElement.textContent = section.titolo; const buttonElement = document.createElement("button"); buttonElement.textContent = "Mostra"; buttonElement.classList.add("button"); buttonElement.addEventListener("click", () => { window.open(section.link, "_blank"); }); divOtherReport.appendChild(titoloElement); divOtherReport.appendChild(buttonElement); divContainer.appendChild(divElement); divElement.appendChild(Elementimages); divElement.appendChild(divOtherReport) });
}
createOtherReport("report-other-container", [ { titolo: "Sede di (IT)", link: "https://www.example.com", immagine: "Images/1.jpg" }, { titolo: "Sede di Milano (IT)", link: "https://www.example.com", immagine: "Images/1.jpg" },
]);
let action2021 = document.getElementById("azioni2021")
let action2022 = document.getElementById("azioni2022")
let buttonaction2021 = document.getElementById("buttonaction2021")
let buttonaction2022 = document.getElementById("buttonaction2022")
function action2021display(){ action2021.classList.remove("displaynone") action2022.classList.add("displaynone") buttonaction2021.classList.add("selected") buttonaction2022.classList.remove("selected")
}
function action2022display(){ action2021.classList.add("displaynone") action2022.classList.remove("displaynone") buttonaction2021.classList.remove("selected") buttonaction2022.classList.add("selected")
}
function CreateSocialProjects(containerId, sections){ const projectcontainer = document.getElementById("progetti-social-container") const projectdivContainersx2021 = document.getElementById("progetti-colum-sx2022"); const projectdivContainerdx2021 = document.getElementById("progetti-colum-dx2022"); const projectdivContainersx2022 = document.getElementById("progetti-colum-sx2022"); const projectdivContainerdx2022 = document.getElementById("progetti-colum-dx2022"); sections.forEach((section, i) =>{ if(section.dimensione === "small"){ let containerhover = document.createElement("div") containerhover.classList.add("container-hover") let containerSmall = document.createElement("div") containerSmall.classList.add("container-small") containerhover.appendChild(containerSmall) if(section.posizione === "sinistra" && section.anno === "2022"){ projectdivContainersx2021.appendChild(containerhover) } if(section.posizione === "destra" && section.anno === "2022"){ projectdivContainerdx2021.appendChild(containerhover) } if(section.posizione === "sinistra" && section.anno === "2023"){ projectdivContainersx2022.appendChild(containerhover) }else if(section.posizione === "destra" && section.anno === "2023"){ projectdivContainerdx2022.appendChild(containerhover) } var overlay = document.createElement("div") overlay.classList.add("small-overlay") overlay.style.backgroundColor = section.colorOverlay let frontcontent = document.createElement("div") let fronttitle = document.createElement("p") fronttitle.textContent = section.titolo frontcontent.classList.add("front-content") frontcontent.appendChild(fronttitle) containerSmall.appendChild(frontcontent) containerSmall.style.backgroundImage = "url("+section.immagine+")" containerSmall.appendChild(overlay) let backcontent = document.createElement("div") let backtitolo = document.createElement("p") backtitolo.classList.add("back-titolo") let backdescription = document.createElement("p") backcontent.classList.add("back-content") backtitolo.textContent = section.titoloback backdescription.textContent = section.descrizioneback backcontent.style.backgroundColor = section.backColor containerSmall.appendChild(backcontent) backcontent.appendChild(backtitolo) backcontent.appendChild(backdescription) } if(section.dimensione === "medium"){ let containerhover = document.createElement("div") containerhover.classList.add("container-hover-span2") let containermedium = document.createElement("div") containermedium.classList.add("container-medium") containerhover.appendChild(containermedium) if(section.posizione === "sinistra" && section.anno === "2022"){ projectdivContainersx2021.appendChild(containerhover) } if(section.posizione === "destra" && section.anno === "2022"){ projectdivContainerdx2021.appendChild(containerhover) } if(section.posizione === "sinistra" && section.anno === "2023"){ projectdivContainersx2022.appendChild(containerhover) }else if(section.posizione === "destra" && section.anno === "2023"){ projectdivContainerdx2022.appendChild(containerhover) } let overlay = document.createElement("div") overlay.classList.add("small-overlay") overlay.style.backgroundColor = section.colorOverlay let frontcontent = document.createElement("div") let fronttitle = document.createElement("p") fronttitle.textContent = section.titolo frontcontent.classList.add("front-content") frontcontent.appendChild(fronttitle) containermedium.appendChild(frontcontent) containermedium.style.backgroundImage = "url("+section.immagine+")" containermedium.appendChild(overlay) let backcontent = document.createElement("div") let backtitolo = document.createElement("p") backtitolo.classList.add("back-titolo") let backdescription = document.createElement("p") backcontent.classList.add("back-content") backtitolo.textContent = section.titoloback backdescription.textContent = section.descrizioneback backcontent.style.backgroundColor = section.backColor containermedium.appendChild(backcontent) backcontent.appendChild(backtitolo) backcontent.appendChild(backdescription) } else if(section.dimensione === "large"){ let containerhover = document.createElement("div") containerhover.classList.add("container-hover-span2") let containerlarge = document.createElement("div") containerlarge.classList.add("container-large") containerhover.appendChild(containerlarge) if(section.posizione === "sinistra" && section.anno === "2022"){ projectdivContainersx2021.appendChild(containerhover) } if(section.posizione === "destra" && section.anno === "2022"){ projectdivContainerdx2021.appendChild(containerhover) } if(section.posizione === "sinistra" && section.anno === "2023"){ projectdivContainersx2022.appendChild(containerhover) }else if(section.posizione === "destra" && section.anno === "2023"){ projectdivContainerdx2022.appendChild(containerhover) } let overlay = document.createElement("div") overlay.classList.add("small-overlay") overlay.style.backgroundColor = section.colorOverlay let frontcontent = document.createElement("div") let fronttitle = document.createElement("p") fronttitle.textContent = section.titolo frontcontent.classList.add("front-content") frontcontent.appendChild(fronttitle) containerlarge.appendChild(frontcontent) containerlarge.style.backgroundImage = "url("+section.immagine+")" containerlarge.appendChild(overlay) let backcontent = document.createElement("div") let backtitolo = document.createElement("p") backtitolo.classList.add("back-titolo") let backdescription = document.createElement("p") backcontent.classList.add("back-content") backtitolo.textContent = section.titoloback backdescription.textContent = section.descrizioneback backcontent.style.backgroundColor = section.backColor containerlarge.appendChild(backcontent) backcontent.appendChild(backtitolo) backcontent.appendChild(backdescription) } })
}
let Social2022 = document.getElementById("progetti-social-container2022")
let Social2023 = document.getElementById("progetti-social-container2023")
let buttonsocial2022 = document.getElementById("buttonsocial2022")
let buttonsocial2023 = document.getElementById("buttonsocial2023")
function Social2022display(){ Social2022.classList.remove("displaynone") Social2023.classList.add("displaynone") buttonsocial2022.classList.add("selected") buttonsocial2023.classList.remove("selected")
}
function Social2023display(){ Social2022.classList.add("displaynone") Social2023.classList.remove("displaynone") buttonsocial2022.classList.remove("selected") buttonsocial2023.classList.add("selected")
}
CreateSocialProjects("progetti-social-container",[ {dimensione: "large", posizione:"sinistra", anno: "2022", titolo:"Indagine GPTW", titoloback:"Grate place to Work", descrizioneback:"", immagine: "https://www.creditteam.eu/sites/default/files/2022-07/formazione-4-0-credito-di-imposta-formazione-40-finanza-agevolata-credit-team_0.jpg", colorOverlay: Lampone, backColor: Lampone}, {dimensione: "small", posizione:"sinistra", anno: "2022", titolo:"Finanziamento enti sportivi giovanili", titoloback:"10.000€ donati", descrizioneback:"", immagine: "https://www.creditteam.eu/sites/default/files/2022-07/formazione-4-0-credito-di-imposta-formazione-40-finanza-agevolata-credit-team_0.jpg", colorOverlay: bluescuro, backColor: bluescuro}, {dimensione: "small", posizione:"sinistra", anno: "2022", titolo:"Progetto Drilling Academy", titoloback:"10.000€ donati", descrizioneback:"", immagine: "https://www.creditteam.eu/sites/default/files/2022-07/formazione-4-0-credito-di-imposta-formazione-40-finanza-agevolata-credit-team_0.jpg", colorOverlay: bluechiaro, backColor: bluechiaro}, {dimensione: "medium", posizione:"sinistra", anno: "2022", titolo:"Merchandising legata alla Sostenibilità", titoloback:"per sensibilizzare ad avere comportamenti responsabili", descrizioneback:"", immagine: "https://www.creditteam.eu/sites/default/files/2022-07/formazione-4-0-credito-di-imposta-formazione-40-finanza-agevolata-credit-team_0.jpg", colorOverlay: bluescuro, backColor: bluescuro}, {dimensione: "small", posizione:"sinistra", anno: "2022", titolo:"Regali sostenibili a dipendenti e clienti", titoloback:"10.000€ donati", descrizioneback:"", immagine: "https://www.creditteam.eu/sites/default/files/2022-07/formazione-4-0-credito-di-imposta-formazione-40-finanza-agevolata-credit-team_0.jpg", colorOverlay: verde, backColor: verde}, {dimensione: "small", posizione:"sinistra", anno: "2022", titolo:"Programma D&I", titoloback:"10.000€ donati", descrizioneback:"", immagine: "https://www.creditteam.eu/sites/default/files/2022-07/formazione-4-0-credito-di-imposta-formazione-40-finanza-agevolata-credit-team_0.jpg", colorOverlay: verde, backColor: verde},
])
CreateSocialProjects("progetti-social-container",[ {dimensione: "small", posizione:"destra", anno: "2022", titolo:"Partecipazione al progetto Challenge Us", titoloback:"10.000€ donati", descrizioneback:"", immagine: "https://www.creditteam.eu/sites/default/files/2022-07/formazione-4-0-credito-di-imposta-formazione-40-finanza-agevolata-credit-team_0.jpg", colorOverlay: bluescuro, backColor: bluescuro}, {dimensione: "small", posizione:"destra", anno: "2022", titolo:"Progetti di integrazione sociale:", titoloback:"Progetto migrants", descrizioneback:"", immagine: "https://www.creditteam.eu/sites/default/files/2022-07/formazione-4-0-credito-di-imposta-formazione-40-finanza-agevolata-credit-team_0.jpg", colorOverlay: bluescuro, backColor: bluescuro}, {dimensione: "medium", posizione:"destra", anno: "2022", titolo:"Lezione sulla Sostenibilità per ragazzi delle scuole medie e superiori", titoloback:"250 ragazzi coinvolti", descrizioneback:"", immagine: "https://www.creditteam.eu/sites/default/files/2022-07/formazione-4-0-credito-di-imposta-formazione-40-finanza-agevolata-credit-team_0.jpg", colorOverlay: nero, backColor: verde}, {dimensione: "small", posizione:"destra", anno: "2022", titolo:"Progetto educazione di base", titoloback:"7 corsi Italiano livello A1", descrizioneback:"", immagine: "https://www.creditteam.eu/sites/default/files/2022-07/formazione-4-0-credito-di-imposta-formazione-40-finanza-agevolata-credit-team_0.jpg", colorOverlay: bluescuro, backColor: bluescuro}, {dimensione: "small", posizione:"destra", anno: "2022", titolo:"Attività di stakeholder engagement", titoloback:"Progetto migrants", descrizioneback:"", immagine: "https://www.creditteam.eu/sites/default/files/2022-07/formazione-4-0-credito-di-imposta-formazione-40-finanza-agevolata-credit-team_0.jpg", colorOverlay: bluechiaro, backColor: bluechiaro}, {dimensione: "large", posizione:"destra", anno: "2022", titolo:"Attività di stakeholder engagement", titoloback:"Progetto migrants", descrizioneback:"", immagine: "https://www.creditteam.eu/sites/default/files/2022-07/formazione-4-0-credito-di-imposta-formazione-40-finanza-agevolata-credit-team_0.jpg", colorOverlay: bluechiaro, backColor: bluechiaro},
])
let azioniGovernanceContainer2021 = document.getElementById("azioniGovernance-container2021");
let azioniGovernanceContainer2022 = document.getElementById("azioniGovernance-container2022");
let buttongovernance2021 = document.getElementById("buttongovernance2021")
let buttongovernance2022 = document.getElementById("buttongovernance2022")
function createAzioniGovernance(containerId, sections){ sections.forEach((section, i) =>{ let governanceItem = document.createElement("div") governanceItem.classList.add("governance-item") let governanceIcon = document.createElement("div") governanceIcon.classList.add("governance-icon") governanceIcon.style.backgroundImage = "url("+section.icona+")" let governanceText = document.createElement("strong") governanceText.textContent = section.Testo governanceItem.appendChild(governanceIcon) governanceItem.appendChild(governanceText) if(section.anno === "2021"){ azioniGovernanceContainer2021.appendChild(governanceItem) } else if(section.anno ==="2022"){ azioniGovernanceContainer2022.appendChild(governanceItem) } })
}
createAzioniGovernance("azioniGovernance-container2021",[ {anno:"2021", Testo: "Titolo1", icona:"Images/arrow-down.png"}, {anno:"2021", Testo: "Titolo1", icona:"Images/arrow-down.png"}, {anno:"2021", Testo: "Titolo1", icona:"Images/arrow-down.png"}, {anno:"2022", Testo: "Titolo", icona:"Images/arrow-down.png"}, {anno:"2022", Testo: "Titolo", icona:"Images/arrow-down.png"}, {anno:"2022", Testo: "Titolo", icona:"Images/arrow-down.png"},
])
function GovernanceActiondisplay2021(){ azioniGovernanceContainer2021.classList.remove("displaynone") azioniGovernanceContainer2022.classList.add("displaynone") buttongovernance2021.classList.remove("selected") buttongovernance2022.classList.add("selected")
}
function GovernanceActiondisplay2022(){ azioniGovernanceContainer2021.classList.add("displaynone") azioniGovernanceContainer2022.classList.remove("displaynone") buttongovernance2021.classList.add("selected") buttongovernance2022.classList.remove("selected")
}
function CreateAward(containerId,sections){ let awardcontainer = document.getElementById("riconoscimenti-container") sections.forEach((section, i) =>{ let awardItem = document.createElement("div") awardItem.classList.add("riconoscimenti-item") let awardImage = document.createElement("div") awardImage.style.backgroundColor = section.coloresfondo awardImage.style.backgroundImage = "url("+section.immagine+")" awardImage.classList.add("riconoscimenti-immagine") let awardButton = document.createElement("button") awardButton.classList.add("button") awardButton.textContent = "Mostra" awardButton.addEventListener("click", () => { window.open(section.link, "_blank"); }); awardItem.appendChild(awardImage) awardItem.appendChild(awardButton) awardcontainer.appendChild(awardItem) }
)}
CreateAward("riconoscimenti-container", [ {immagine: "Images/accredialogo.png", link: "https://google.it", coloresfondo: verde}, {immagine: "Images/accredialogo.png", link: "https://google.it", coloresfondo:blue}, {immagine: "Images/accredialogo.png", link: "https://google.it", coloresfondo: verde}, {immagine: "Images/accredialogo.png", link: "https://google.it", coloresfondo:blue},
])