Home - GruppoMeta

<!DOCTYPE html> <html lang="it"> <head><base href="https://www.gruppometa.it/" /> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Home - GruppoMeta</title> <meta property="og:type" content="website"> <meta property="og:title" content="Home" /> <link rel="canonical" href="https://www.gruppometa.it/it/home" /> <meta property="og:url" content="https://www.gruppometa.it/it/home" /> <script type="text/javascript"> // <![CDATA[ if (typeof(Pinax)!='object') Pinax = {}; Pinax.baseUrl ="https://www.gruppometa.it"; Pinax.ajaxUrl = "ajax.php?pageId=1&ajaxTarget=Page&action="; // ]]> </script><script type="text/javascript"> // <![CDATA[ if (typeof(Pinax)!='object') Pinax = {}; Pinax.slideShowSpeed = 5000; // ]]> </script><script type="text/javascript" src="cache/cache_c21f969b5f03d33d43e04f8f136e7682_923101b5982aabe801cffe5831ea2226.js" ></script><script async src="https://www.googletagmanager.com/gtag/js?id=G-2CT2W2RH1N"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-2CT2W2RH1N', { 'anonymize_ip': true }); </script><script type="module">import'https://www.gruppometa.it/static/templates/GruppoMeta/js/assets/cookieconsent.min.js';import'https://www.gruppometa.it/static/templates/GruppoMeta/js/assets/iframemanager.min.js';const im=iframemanager();im.run({onChange:({changedServices,eventSource})=>{if(eventSource.type==='click'){const servicesToAccept=[...CookieConsent.getUserPreferences().acceptedServices['analytics'],...changedServices,];CookieConsent.acceptService(servicesToAccept,'analytics');}},currLang:'it',services:{youtube:{embedUrl:'https://www.youtube-nocookie.com/embed/{data-id}',thumbnailUrl:'https://i3.ytimg.com/vi/{data-id}/hqdefault.jpg',iframe:{allow:'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;',},languages:{en:{notice:'This content is hosted by a third party. <br /> By showing the external content you accept the <a rel="noreferrer noopener" href="https://www.youtube.com/t/terms" target="_blank">terms and conditions</a> of youtube.com.',loadAllBtn:'Accept and Load',},it:{notice:'Questo contenuto è hostato su un sito di terze parti. <br /> Visualizzandolo, accetti <a rel="noreferrer noopener" href="https://www.youtube.com/static?gl=IT&hl=it&template=terms" target="_blank">termini e condizioni</a> di youtube.com',loadAllBtn:'Accetta e mostra',}},},},});CookieConsent.run({categories:{necessary:{enabled:true,readOnly:true},analytics:{enabled:true,readOnly:false,services:{youtube:{label:'Youtube Embed',onAccept:()=>im.acceptService('youtube'),onReject:()=>im.rejectService('youtube'),},google_analytics:{label:'Google Analytics',onAccept:()=>{window.dataLayer=window.dataLayer||[];window.gtag=function(){dataLayer.push(arguments);} gtag('js',new Date());gtag('config','G-2CT2W2RH1N');CookieConsent.loadScript('https://www.googletagmanager.com/gtag/js?id=G-2CT2W2RH1N');window['ga-disable-G-2CT2W2RH1N']=false;},onReject:()=>{window['ga-disable-G-2CT2W2RH1N']=true;},cookies:[{name:/^(_ga|_gid)/,}]}}}},guiOptions:{consentModal:{layout:"box inline",position:"bottom right",equalWeightButtons:true,flipButtons:false}},onChange:({cookie,changedCategories,changedServices})=>{console.log(window['ga-disable-G-2CT2W2RH1N']);},language:{default:'it',translations:{it:{consentModal:{title:'Informativa cookie',description:'Questo sito web utilizza i cookie per assicurarti la migliore esperienza sul nostro sito',acceptAllBtn:'Accetta tutti',acceptNecessaryBtn:'Accetta necessari',showPreferencesBtn:'Gestisci preferenze individuali'},preferencesModal:{title:'Gestisci preferenze individuali',acceptAllBtn:'Accetta tutti',acceptNecessaryBtn:'Accetta necessari',savePreferencesBtn:'Accetta selezionati',closeIconLabel:'Chiudi modale',sections:[{title:'Informativa cookie',description:'Questo sito web utilizza i cookie per assicurarti la migliore esperienza sul nostro sito'},{title:'Cookie tecnici',description:'Questi cookie sono strettamente necessari per il corretto funzionamento del sito e non possono essere disabilitati',linkedCategory:'necessary'},{title:'Performance e Analytics',description:'Questi cookie raccolgono informazioni su come utilizzi il nostro sito. Tutti i dati sono salvati in forma anonima e non possono essere utilizzati per identificare l\'utente.',linkedCategory:'analytics'},{title:'Maggiori informazioni',description:'Per maggiori informazioni, è possibile conslutare le seguenti pagine: <br /><a href="https://www.gruppometa.it/it/cookie-policy">Informativa sui cookie</a>, <a href="https://www.gruppometa.it/it/privacy-policy">Informativa sulla privacy</a>'}]}},en:{consentModal:{title:'Informativa cookie',description:'Questo sito web utilizza i cookie per assicurarti la migliore esperienza sul nostro sito',acceptAllBtn:'Accetta tutti',acceptNecessaryBtn:'Accetta necessari',showPreferencesBtn:'Gestisci preferenze individuali'},preferencesModal:{title:'Gestisci preferenze individuali',acceptAllBtn:'Accetta tutti',acceptNecessaryBtn:'Accetta necessari',savePreferencesBtn:'Accept current selection',closeIconLabel:'Close modal',sections:[{title:'Informativa cookie',description:'Questo sito web utilizza i cookie per assicurarti la migliore esperienza sul nostro sito'},{title:'Strictly Necessary cookies',description:'These cookies are essential for the proper functioning of the website and cannot be disabled.',linkedCategory:'necessary'},{title:'Performance and Analytics',description:'These cookies collect information about how you use our website. All of the data is anonymized and cannot be used to identify you.',linkedCategory:'analytics'},{title:'More information',description:'For more informations, visit the following pages: <br /><a href="https://www.gruppometa.it/it/cookie-policy">Informativa sui cookie</a>, <a href="https://www.gruppometa.it/it/privacy-policy">Informativa sulla privacy</a>'}]}}},}});</script> <link rel="stylesheet" href="static/templates/GruppoMeta/css/styles.min.css" /> </head> <body id="body" class="relative flex flex-col print:block home"> <header id="header" class="js-header w-full fixed top-0 inset-x-0 z-50 h-header px-base transition-all duration-300 print:static print:pb-4" data-scroll-direction="none" data-scroll-threshold="top" data-open="false"> <a class="skip-accessibility skip-top text-black" href="https://www.gruppometa.it/it/home#mainContent">Vai al contenuto principale</a> <a class="skip-accessibility skip-top text-black" href="https://www.gruppometa.it/it/home#footer">Vai in fondo</a> <div class="size-full flex flex-col justify-center items-start xl:flex-row xl:justify-between xl:items-center"> <div class="size-full xl:size-auto flex justify-between items-center"> <a href="https://www.gruppometa.it"> <img class="h-8 lg:h-auto" src="https://www.gruppometa.it/static/templates/GruppoMeta/images/logo.svg" alt="Logo GruppoMeta" /> </a> <button id="mainNavBtn" class="js-menu-mobile-btn size-8 inline-flex justify-center items-center xl:hidden print:hidden" aria-haspopup="true" aria-expanded="false" aria-controls="mainNavContent"> <span class="sr-only">Chiudi menù di navigazione</span> <span class="icon-meta-menu text-[1.5rem]" aria-hidden="true"></span> </button> </div> <div id="mainNavContent" class="js-menu-mobile menu-mobile fixed inset-0 left-full h-dvh w-dvw invisible xl:static xl:visible xl:size-auto xl:ml-auto flex flex-col xl:flex-row xl:items-center text-sm leading-[1.625rem] font-medium transition-[left] duration-500 ease-in-out" aria-labelledby="mainNavBtn"> <div class="flex items-center p-6 pb-4 pl-[2.625rem] xl:hidden"> <ul class="languages" id="languages"><li class="it"><a href="https://www.gruppometa.it/it/home?language=it" class="active" title="IT">IT</a></li><li class="en"><a href="https://www.gruppometa.it/it/home?language=en" title="EN">EN</a></li></ul> <button class="js-menu-mobile-btn ml-auto size-8 inline-flex justify-center items-center"> <span class="sr-only">Chiudi menù di navigazione</span> <span class="icon-meta-cross text-[1.5rem]" aria-hidden="true"></span> </button> </div> <nav class="js-main-navigation p-6 pl-[2.625rem] pt-4 xl:pt-0 xl:p-0 min-h-0 overflow-y-auto" aria-label="Menù di navigazione principale"> <ul class="flex flex-col xl:flex-row gap-6 xl:items-center"> <li class="group"> <a class="js-link inline-flex xl:hidden text-[1.875rem] xl:text-base tracking-wide font-meta-title xl:font-meta-base hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="https://www.gruppometa.it">Home</a> </li>  <li class="group"> <button aria-expanded="false" class="js-submenu-btn submenu-btn btn-meta text-[1.875rem] xl:text-base tracking-wide font-meta-title xl:font-meta-base hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-expanded:text-meta-primary aria-expanded:underline group-has-[[aria-current='page']]:text-meta-primary transition-all duration-100" id="submenuBtn7" aria-controls="subMenu7">Chi siamo</button> <div class="submenu-list" id="subMenu7"> <div class="submenu-list-wrapper"> <ul class="xl:px-base pt-[2.625rem] pb-[1.625rem] xl:pt-[2.875rem] xl:pb-[2.625rem] flex flex-col xl:grid grid-cols-12 gap-2.5 xl:gap-y-0 bg-white xl:border-y xl:border-meta-light-gray"> <li class="col-span-2 text-base leading-4 text-meta-primary font-meta-title lowercase hidden xl:inline-flex" aria-hidden="true" role="presentation"> <span class="before:content-['.'] before:mr-1">Chi siamo</span> </li>  <li class="col-span-3 col-start-3 xl:pb-2.5 xl:last:pb-0"> <a class="text-[1.375rem] xl:text-2xl leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/chi-siamo/gruppometa">GruppoMeta</a> </li> <li class="col-span-3 col-start-3 xl:pb-2.5 xl:last:pb-0"> <a class="text-[1.375rem] xl:text-2xl leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/chi-siamo/gruppo-ett">Gruppo ETT</a> </li> <li class="col-span-3 col-start-3 xl:pb-2.5 xl:last:pb-0"> <a class="text-[1.375rem] xl:text-2xl leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/chi-siamo/certificazioni">Certificazioni</a> </li> </ul> </div> </div> </li> <li class="group"> <button aria-expanded="false" class="js-submenu-btn submenu-btn btn-meta text-[1.875rem] xl:text-base tracking-wide font-meta-title xl:font-meta-base hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-expanded:text-meta-primary aria-expanded:underline group-has-[[aria-current='page']]:text-meta-primary transition-all duration-100" id="submenuBtn8" aria-controls="subMenu8">Soluzioni</button> <div class="submenu-list" id="subMenu8"> <div class="submenu-list-wrapper"> <ul class="xl:px-base pt-[2.625rem] pb-[1.625rem] xl:pt-[2.875rem] xl:pb-[2.625rem] flex flex-col xl:grid grid-cols-12 gap-2.5 xl:gap-y-0 bg-white xl:border-y xl:border-meta-light-gray"> <li class="col-span-2 text-base leading-4 text-meta-primary font-meta-title lowercase hidden xl:inline-flex" aria-hidden="true" role="presentation"> <span class="before:content-['.'] before:mr-1">Soluzioni</span> </li>  <li class="col-span-3 3xl:col-span-2"> <span class="block pb-2.5 xl:pb-5 text-sm text-meta-header-subtitle font-light font-meta-base">Beni culturali</span> <ul class="flex flex-col gap-2.5">  <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/soluzioni/catalogazione-beni-culturali">Catalogazione</a> </li> <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/soluzioni/teche-digitali">Teche digitali</a> </li> <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/soluzioni/valorizzazione-beni-culturali">Valorizzazione</a> </li> </ul> </li> <li class="col-span-3 3xl:col-span-2"> <span class="block pb-2.5 xl:pb-5 text-sm text-meta-header-subtitle font-light font-meta-base">Editoria</span> <ul class="flex flex-col gap-2.5">  <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/soluzioni/didattica">Didattica</a> </li> <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/soluzioni/piattaforme-edioriali">Piattaforme editoriali</a> </li> </ul> </li> <li class="col-span-3 3xl:col-span-2"> <span class="block pb-2.5 xl:pb-5 text-sm text-meta-header-subtitle font-light font-meta-base">Formazione</span> <ul class="flex flex-col gap-2.5">  <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/soluzioni/elearning">E-learning</a> </li> <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/soluzioni/formazione-scuola-digitale">Scuola Digitale</a> </li> </ul> </li> </ul> </div> </div> </li> <li class="group"> <a class="js-link text-[1.875rem] xl:text-base tracking-wide font-meta-title xl:font-meta-base hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/prodotti">Prodotti</a> </li> <li class="group"> <button aria-expanded="false" class="js-submenu-btn submenu-btn btn-meta text-[1.875rem] xl:text-base tracking-wide font-meta-title xl:font-meta-base hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-expanded:text-meta-primary aria-expanded:underline group-has-[[aria-current='page']]:text-meta-primary transition-all duration-100" id="submenuBtn9" aria-controls="subMenu9">Innovazione</button> <div class="submenu-list" id="subMenu9"> <div class="submenu-list-wrapper"> <ul class="xl:px-base pt-[2.625rem] pb-[1.625rem] xl:pt-[2.875rem] xl:pb-[2.625rem] flex flex-col xl:grid grid-cols-12 gap-2.5 xl:gap-y-0 bg-white xl:border-y xl:border-meta-light-gray"> <li class="col-span-2 text-base leading-4 text-meta-primary font-meta-title lowercase hidden xl:inline-flex" aria-hidden="true" role="presentation"> <span class="before:content-['.'] before:mr-1">Innovazione</span> </li>  <li class="col-span-3 3xl:col-span-2"> <span class="block pb-2.5 xl:pb-5 text-sm text-meta-header-subtitle font-light font-meta-base">Progetti di ricerca</span> <ul class="flex flex-col gap-2.5">  <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/progetti-di-ricerca/echoes">Echoes</a> </li> <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/progetti-di-ricerca/imagibook">ImagiBook</a> </li> <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/progetti-di-ricerca/book-batch-one">BBO Book Batch One </a> </li> <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/progetti-di-ricerca/cetera">Cetera </a> </li> <li class="mt-2.5"> <a class="text-base leading-6 font-meta-title underline hover:text-meta-primary focus-visible:text-meta-primary hover:no-underline focus-visible:no-underline" href="it/progetti-di-ricerca">Tutti</a> </li> </ul> </li> <li class="col-span-3 3xl:col-span-2"> <span class="block pb-2.5 xl:pb-5 text-sm text-meta-header-subtitle font-light font-meta-base">Tecnologia e AI</span> <ul class="flex flex-col gap-2.5">  <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/tecnologia/talia">Talia</a> </li> <li> <a class="text-[1.375rem] leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/tecnologia/ai-tools">AI Tools</a> </li> <li class="mt-2.5"> <a class="text-base leading-6 font-meta-title underline hover:text-meta-primary focus-visible:text-meta-primary hover:no-underline focus-visible:no-underline" href="it/tecnologia">Tutti</a> </li> </ul> </li> </ul> </div> </div> </li> <li class="group"> <a class="js-link text-[1.875rem] xl:text-base tracking-wide font-meta-title xl:font-meta-base hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="https://www.gruppometa.it/it/portfolio">Portfolio</a> </li> <li class="group"> <a class="js-link text-[1.875rem] xl:text-base tracking-wide font-meta-title xl:font-meta-base hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/blog">Notizie</a> </li> <li class="group"> <button aria-expanded="false" class="js-submenu-btn submenu-btn btn-meta text-[1.875rem] xl:text-base tracking-wide font-meta-title xl:font-meta-base hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-expanded:text-meta-primary aria-expanded:underline group-has-[[aria-current='page']]:text-meta-primary transition-all duration-100" id="submenuBtn10" aria-controls="subMenu10">Contatti</button> <div class="submenu-list" id="subMenu10"> <div class="submenu-list-wrapper"> <ul class="xl:px-base pt-[2.625rem] pb-[1.625rem] xl:pt-[2.875rem] xl:pb-[2.625rem] flex flex-col xl:grid grid-cols-12 gap-2.5 xl:gap-y-0 bg-white xl:border-y xl:border-meta-light-gray"> <li class="col-span-2 text-base leading-4 text-meta-primary font-meta-title lowercase hidden xl:inline-flex" aria-hidden="true" role="presentation"> <span class="before:content-['.'] before:mr-1">Contatti</span> </li>  <li class="col-span-3 col-start-3 xl:pb-2.5 xl:last:pb-0"> <a class="text-[1.375rem] xl:text-2xl leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/sedi-contatti">Sedi e contatti</a> </li> <li class="col-span-3 col-start-3 xl:pb-2.5 xl:last:pb-0"> <a class="text-[1.375rem] xl:text-2xl leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="it/richiedi-una-demo">Richiedi una demo</a> </li> <li class="col-span-3 col-start-3 xl:pb-2.5 xl:last:pb-0"> <a class="text-[1.375rem] xl:text-2xl leading-6 font-meta-title hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline aria-current-page:text-meta-primary" href="https://www.linkedin.com/company/m-e-t-a--srl/posts/?feedView=all">LinkedIn</a> </li> </ul> </div> </div> </li> </ul> </nav> </div> <div class="hidden xl:block"> <ul class="languages" id="languages"><li class="it"><a href="https://www.gruppometa.it/it/home?language=it" class="active" title="IT">IT</a></li><li class="en"><a href="https://www.gruppometa.it/it/home?language=en" title="EN">EN</a></li></ul> </div> </div> </header> <main id="mainContent" class="flex-1 pt-header grid grid-cols-content content-start print:pt-0"> <section class="col-fullscreen sticky top-0 grid grid-cols-subgrid grid-rows-[85dvh] print:grid-rows-none"> <div class="col-content row-start-1 pb-12 lg:pb-[5.5rem] flex flex-col justify-end z-10 print:pb-4"> <h1 class="max-w-[55rem] pb-4 lg:pb-[3.375rem] text-[2.8125rem] lg:text-[5.625rem] leading-[2.8125rem] lg:leading-[5rem] text-pretty print:py-0 print:!text-[20pt] scroll-fadein-right-8 lg:scroll-fadein-up-32" data-scroll="">Intelligenza artificiale e innovative forme del <i>sapere</i></h1> <div class="flex justify-between items-center"> <div class="home-banner-cms-editor cms-editor *:!mb-0 lg:*:!mb-1 lg:last:*:!mb-0 scroll-fadein-right-8 lg:scroll-fadein-up-32" data-scroll=""><p><span class="serif">Soluzioni digitali <em>per  </em></span></p><p><span class="serif"><em></em></span><span style="text-decoration: underline;">Beni culturali</span>  /  <span style="text-decoration: underline;">Editoria</span>  /  <span style="text-decoration: underline;">Formazione</span></p></div> </div> </div> <div role="presentation" class="col-fullscreen row-start-1 print:hidden"> <video width="1280" height="720" autoplay="autoplay" muted="" loop="loop" class="size-full object-cover motion-reduce:hidden"> <source type="video/mp4" src="https://www.gruppometa.it/download/media/pbo/video-forme-07.mp4"/> </video> </div> </section><section class="col-fullscreen grid grid-cols-subgrid relative !pt-0 pb-[3.75rem] lg:pb-[6.5625rem] text-white"> <div class="col-fullscreen js-highlight-section mb-[7.375rem] lg:mb-[13.75rem] lg:px-base pt-5 lg:pb-5 flex flex-col lg:flex-row lg:items-center gap-5 lg:border-b border-b-white/20 print:col-content print:mb-8 print:gap-0 scroll-fadein" data-scroll=""> <h1 class="px-base lg:px-0 text-xl leading-[1.875rem] print:pb-0 print:!text-[12pt]">In primo piano</h1> <div class="flex-1 min-w-0 overflow-hidden lg:grid *:lg:row-start-1 *:lg:col-start-1"> <div class="js-highlight-entry w-full min-w-0 overflow-hidden px-base lg:px-0 pt-[1.125rem] pb-4 lg:py-0 border-b lg:border-0 border-b-white/20 lg:opacity-0 lg:first:opacity-100 lg:invisible lg:first:visible transition-opacity duration-500"> <a class="group max-w-full line-clamp-3 lg:inline-flex items-center text-lg leading-6 lg:truncate print:block print:!no-underline print:!leading-6" href="https://www.gruppometa.it/it/progetti-di-ricerca/echoes"> <span class="inline shrink-0 mr-1 lg:mr-[1.125rem] icon-meta-link text-[.875rem] text-meta-primary" aria-hidden="true"></span> <h2 class="inline shrink-0 font-meta-base group-hover:underline">Progetto Echoes</h2> <span class="inline mx-2" aria-hidden="true">—</span> <span class="inline flex-1 min-w-0 font-extralight tracking-[0.04em] lg:truncate group-hover:underline print:!leading-6">Una piattaforma per facilitare la collaborazione tra professionisti e ricercatori del patrimonio culturale</span> </a> </div> <div class="js-highlight-entry w-full min-w-0 overflow-hidden px-base lg:px-0 pt-[1.125rem] pb-4 lg:py-0 border-b lg:border-0 border-b-white/20 lg:opacity-0 lg:first:opacity-100 lg:invisible lg:first:visible transition-opacity duration-500"> <a class="group max-w-full line-clamp-3 lg:inline-flex items-center text-lg leading-6 lg:truncate print:block print:!no-underline print:!leading-6" href="https://www.gruppometa.it/it/progetti-di-ricerca/book-batch-one"> <span class="inline shrink-0 mr-1 lg:mr-[1.125rem] icon-meta-link text-[.875rem] text-meta-primary" aria-hidden="true"></span> <h2 class="inline shrink-0 font-meta-base group-hover:underline">BBO Book Batch One</h2> <span class="inline mx-2" aria-hidden="true">—</span> <span class="inline flex-1 min-w-0 font-extralight tracking-[0.04em] lg:truncate group-hover:underline print:!leading-6">La soluzione per la creazione di libri digitali e fisici altamente personalizzati </span> </a> </div> <div class="js-highlight-entry w-full min-w-0 overflow-hidden px-base lg:px-0 pt-[1.125rem] pb-4 lg:py-0 border-b lg:border-0 border-b-white/20 lg:opacity-0 lg:first:opacity-100 lg:invisible lg:first:visible transition-opacity duration-500"> <a class="group max-w-full line-clamp-3 lg:inline-flex items-center text-lg leading-6 lg:truncate print:block print:!no-underline print:!leading-6" href="https://www.gruppometa.it/it/tecnologia/talia"> <span class="inline shrink-0 mr-1 lg:mr-[1.125rem] icon-meta-link text-[.875rem] text-meta-primary" aria-hidden="true"></span> <h2 class="inline shrink-0 font-meta-base group-hover:underline">Talia</h2> <span class="inline mx-2" aria-hidden="true">—</span> <span class="inline flex-1 min-w-0 font-extralight tracking-[0.04em] lg:truncate group-hover:underline print:!leading-6">Dall'informazione alla conoscenza. Talia è uno spin-off del CNR ILC e di GruppoMeta</span> </a> </div> </div> <div class="shrink-0 hidden lg:flex items-center gap-[.875rem]"> <button class="js-highlight-prev size-5 inline-flex justify-center items-center"> <span class="icon-meta-arrow-left text-[1rem]" aria-hidden="true"></span> <span class="sr-only">Highlight precedente</span> </button> <button class="js-highlight-next size-5 inline-flex justify-center items-center"> <span class="icon-meta-arrow-right text-[1rem]" aria-hidden="true"></span> <span class="sr-only">Highlight successivo</span> </button> </div> </div><h1 class="col-fullscreen w-max mb-[9.375rem] flex text-[4.375rem] leading-[4.5rem] whitespace-nowrap overflow-hidden motion-safe:animate-scroll-horizontal motion-reduce:col-content print:*:!text-[20pt] print:col-content print:mb-8 print:animate-none"> <span aria-hidden="false" class="group inline pr-2.5 "> Innovazione per la <i>conoscenza</i> <span class="motion-reduce:hidden print:hidden">—</span> </span> <span aria-hidden="true" class="group inline pr-2.5 motion-reduce:hidden print:hidden"> Innovazione per la <i>conoscenza</i> <span class="motion-reduce:hidden print:hidden">—</span> </span> <span aria-hidden="true" class="group inline pr-2.5 motion-reduce:hidden print:hidden"> Innovazione per la <i>conoscenza</i> <span class="motion-reduce:hidden print:hidden">—</span> </span> <span aria-hidden="true" class="group inline pr-2.5 motion-reduce:hidden print:hidden"> Innovazione per la <i>conoscenza</i> <span class="motion-reduce:hidden print:hidden">—</span> </span> <span aria-hidden="true" class="group inline pr-2.5 motion-reduce:hidden print:hidden"> Innovazione per la <i>conoscenza</i> <span class="motion-reduce:hidden print:hidden">—</span> </span> <span aria-hidden="true" class="group inline pr-2.5 motion-reduce:hidden print:hidden"> Innovazione per la <i>conoscenza</i> <span class="motion-reduce:hidden print:hidden">—</span> </span> <span aria-hidden="true" class="group inline pr-2.5 motion-reduce:hidden print:hidden"> Innovazione per la <i>conoscenza</i> <span class="motion-reduce:hidden print:hidden">—</span> </span> <span aria-hidden="true" class="group inline pr-2.5 motion-reduce:hidden print:hidden"> Innovazione per la <i>conoscenza</i> <span class="motion-reduce:hidden print:hidden">—</span> </span> <span aria-hidden="true" class="group inline pr-2.5 motion-reduce:hidden print:hidden"> Innovazione per la <i>conoscenza</i> <span class="motion-reduce:hidden print:hidden">—</span> </span> </h1> <div class="col-content grid grid-cols-12 gap-x-6 break-inside-avoid-page"> <h2 class="col-span-full lg:col-span-2 inline-flex text-[1.125rem] leading-[1.875rem] font-meta-title lg:inline-flex before:content-['.'] before:mr-1 print:!text-[12pt] mb-4 lg:mb-0 print:mb-4 scroll-fadein-right" data-scroll="">gruppoMeta</h2> <div class="col-span-full lg:col-span-4 row-span-2 flex flex-col items-start scroll-fadein-right" data-scroll=""> <div class="cms-editor text-pretty font-bold"><p>GruppoMeta è leader nella creazione di soluzioni tecnologiche avanzate per i settori della cultura, dell'editoria e della formazione. <br /><br />Specializzati in sistemi di gestione della conoscenza e in comunicazione digitale, offriamo competenze flessibili e strumenti intuitivi per creare piattaforme digitali in grado di connettere i nostri clienti al loro pubblico. Trasformiamo dati e processi complessi in esperienze dinamiche e coinvolgenti.</p></div> <a class="mt-[3.125rem] text-[1.375rem] leading-6 font-meta-title underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary transition-all duration-100 print:mt-2" href="https://www.gruppometa.it/it/chi-siamo/gruppometa"> Chi siamo </a> </div> <div class="col-span-full lg:col-span-4 lg:col-start-8 grid grid-cols-4 lg:grid-cols-subgrid gap-y-6 justify-items-center lg:justify-items-end pt-[3.75rem] lg:pt-0 print:grid-cols-12 print:gap-x-4 scroll-fadein-right lg:scroll-fadein-left" data-scroll=""> <div class="col-span-2 flex flex-col items-center lg:items-end gap-2 text-center lg:text-end print:w-full print:items-center"> <span class="block text-[1.875rem] leading-[1.875rem] font-meta-title print:!text-[20pt]">28</span> <span class="max-w-[7.6875rem] block text-[.9375rem] leading-[1.125rem] font-light text-pretty print:!text-center">anni di esperienza nel digitale</span> </div><div class="col-span-2 flex flex-col items-center lg:items-end gap-2 text-center lg:text-end print:w-full print:items-center"> <span class="block text-[1.875rem] leading-[1.875rem] font-meta-title print:!text-[20pt]">+ 100</span> <span class="max-w-[7.6875rem] block text-[.9375rem] leading-[1.125rem] font-light text-pretty print:!text-center">progetti di archiviazione</span> </div><div class="col-span-2 flex flex-col items-center lg:items-end gap-2 text-center lg:text-end print:w-full print:items-center"> <span class="block text-[1.875rem] leading-[1.875rem] font-meta-title print:!text-[20pt]">40</span> <span class="max-w-[7.6875rem] block text-[.9375rem] leading-[1.125rem] font-light text-pretty print:!text-center">esperti nel nostro team</span> </div><div class="col-span-2 flex flex-col items-center lg:items-end gap-2 text-center lg:text-end print:w-full print:items-center"> <span class="block text-[1.875rem] leading-[1.875rem] font-meta-title print:!text-[20pt]">1 bln</span> <span class="max-w-[7.6875rem] block text-[.9375rem] leading-[1.125rem] font-light text-pretty print:!text-center">risorse gestite nei nostri DB</span> </div><div class="col-span-2 flex flex-col items-center lg:items-end gap-2 text-center lg:text-end print:w-full print:items-center"> <span class="block text-[1.875rem] leading-[1.875rem] font-meta-title print:!text-[20pt]">+ 200</span> <span class="max-w-[7.6875rem] block text-[.9375rem] leading-[1.125rem] font-light text-pretty print:!text-center">clienti che ci hanno scelto</span> </div><div class="col-span-2 flex flex-col items-center lg:items-end gap-2 text-center lg:text-end print:w-full print:items-center"> <span class="block text-[1.875rem] leading-[1.875rem] font-meta-title print:!text-[20pt]">+ 10 k</span> <span class="max-w-[7.6875rem] block text-[.9375rem] leading-[1.125rem] font-light text-pretty print:!text-center">utenti che usano i nostri sistemi</span> </div> </div> </div> <div role="presentation" class="absolute inset-0 size-full grid -z-10 overflow-hidden print:hidden bg-black"> <video width="1280" height="720" autoplay="autoplay" muted="" loop="loop" class="col-start-1 row-start-1 size-full object-cover motion-reduce:hidden"> <source type="video/mp4" src="https://www.gruppometa.it/download/media/pwl/video-forme-10.mp4"/> </video> </div> </section><section class="col-content pb-section lg:pb-section-lg print:pb-4"> <div class="grid grid-cols-12 gap-x-6 gap-y-3 break-inside-avoid-page"> <h1 class="col-span-full lg:col-span-2 inline-flex text-[1.125rem] leading-[1.875rem] text-meta-primary lg:inline-flex before:content-['.'] before:mr-1 print:!text-[12pt] scroll-fadein-right-8" data-scroll="">soluzioni</h1> <h2 class="col-span-full lg:col-span-4 text-[2.5rem] lg:text-[3.75rem] leading-[2.5rem] lg:leading-[3.75rem] print:!text-[20pt] scroll-fadein-right-8" data-scroll="">Tecnologie su misura</h2> </div> <div class="grid grid-cols-12 gap-x-6 gap-y-3"> <section class="pt-9 lg:pt-20 col-span-full lg:col-start-3 lg:col-span-10 flex flex-col"> <article class="py-9 lg:py-14 lg:px-4 flex flex-col md:flex-row gap-y-6 gap-x-12 border-b border-b-meta-border first:pt-0 last:pb-0 last:border-b-0 print:py-4 print:border-b print:last:border-b-0 break-inside-avoid-page scroll-fadein-right-16" data-scroll=""> <img src="https://www.gruppometa.it/img/r/77d_360_360__1__.svg" alt="icon-home-beni-culturali" title="icon-home-beni-culturali" width="360" height="360" class="w-[11.25rem] shrink-0 object-contain print:hidden" sizes="180px" srcset="https://www.gruppometa.it/img/r/77d_180_180_1_1__.svg 180w, https://www.gruppometa.it/img/r/77d_360_360_1_1__.svg 360w"/> <div class="flex flex-col max-w-text"> <h3 class="mb-5 text-[1.875rem] leading-[1.875rem] print:!text-xl">Beni culturali</h3> <div class="cms-editor text-base font-light print:block"><p>Soluzioni a supporto del patrimonio culturale in ottica di collaborazione e condivisione della conoscenza, utili a organizzare, condividere, valorizzare e proteggere le risorse.</p></div> <div class="mt-8 inline-flex flex-col md:flex-row flex-wrap gap-x-6 gap-y-3"> <a class="group inline-flex items-center gap-3 text-[1.375rem] leading-6 font-meta-title print:!no-underline" href="https://www.gruppometa.it/it/soluzioni/catalogazione-beni-culturali/"> <span class="icon-meta-link text-[.875rem] text-meta-primary" aria-hidden="true"></span> <span class="underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary transition-all duration-100 print:!underline">Catalogazione</span> </a> <a class="group inline-flex items-center gap-3 text-[1.375rem] leading-6 font-meta-title print:!no-underline" href="https://www.gruppometa.it/it/soluzioni/teche-digitali/"> <span class="icon-meta-link text-[.875rem] text-meta-primary" aria-hidden="true"></span> <span class="underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary transition-all duration-100 print:!underline">Teche digitali</span> </a> <a class="group inline-flex items-center gap-3 text-[1.375rem] leading-6 font-meta-title print:!no-underline" href="https://www.gruppometa.it/it/soluzioni/valorizzazione-beni-culturali/"> <span class="icon-meta-link text-[.875rem] text-meta-primary" aria-hidden="true"></span> <span class="underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary transition-all duration-100 print:!underline">Valorizzazione</span> </a> </div> </div> </article><article class="py-9 lg:py-14 lg:px-4 flex flex-col md:flex-row gap-y-6 gap-x-12 border-b border-b-meta-border first:pt-0 last:pb-0 last:border-b-0 print:py-4 print:border-b print:last:border-b-0 break-inside-avoid-page scroll-fadein-right-16" data-scroll=""> <img src="https://www.gruppometa.it/img/r/9g7_360_360__1__.svg" alt="icon-home-editoria" title="icon-home-editoria" width="360" height="360" class="w-[11.25rem] shrink-0 object-contain print:hidden" sizes="180px" srcset="https://www.gruppometa.it/img/r/9g7_180_180_1_1__.svg 180w, https://www.gruppometa.it/img/r/9g7_360_360_1_1__.svg 360w"/> <div class="flex flex-col max-w-text"> <h3 class="mb-5 text-[1.875rem] leading-[1.875rem] print:!text-xl">Editoria</h3> <div class="cms-editor text-base font-light print:block"><p>Supporto per la transizione digitale delle Case Editrici, dalla produzione alla distribuzione, per assicurare una fruizione efficace e personalizzata dei contenuti editoriali e  promuovere la creatività.</p></div> <div class="mt-8 inline-flex flex-col md:flex-row flex-wrap gap-x-6 gap-y-3"> <a class="group inline-flex items-center gap-3 text-[1.375rem] leading-6 font-meta-title print:!no-underline" href="https://www.gruppometa.it/it/soluzioni/didattica/"> <span class="icon-meta-link text-[.875rem] text-meta-primary" aria-hidden="true"></span> <span class="underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary transition-all duration-100 print:!underline">Didattica</span> </a> <a class="group inline-flex items-center gap-3 text-[1.375rem] leading-6 font-meta-title print:!no-underline" href="https://www.gruppometa.it/it/soluzioni/piattaforme-edioriali/"> <span class="icon-meta-link text-[.875rem] text-meta-primary" aria-hidden="true"></span> <span class="underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary transition-all duration-100 print:!underline">Piattaforme editoriali</span> </a> </div> </div> </article><article class="py-9 lg:py-14 lg:px-4 flex flex-col md:flex-row gap-y-6 gap-x-12 border-b border-b-meta-border first:pt-0 last:pb-0 last:border-b-0 print:py-4 print:border-b print:last:border-b-0 break-inside-avoid-page scroll-fadein-right-16" data-scroll=""> <img src="https://www.gruppometa.it/img/r/8ll_360_360__1__.svg" alt="icon-home-formazione" title="icon-home-formazione" width="360" height="360" class="w-[11.25rem] shrink-0 object-contain print:hidden" sizes="180px" srcset="https://www.gruppometa.it/img/r/8ll_180_180_1_1__.svg 180w, https://www.gruppometa.it/img/r/8ll_360_360_1_1__.svg 360w"/> <div class="flex flex-col max-w-text"> <h3 class="mb-5 text-[1.875rem] leading-[1.875rem] print:!text-xl">Formazione</h3> <div class="cms-editor text-base font-light print:block"><p>Piattaforme digitali che consentono un accesso personalizzato alle risorse per la didattica e supportano metodi tradizionali e innovativi, per migliorare l'esperienza di apprendimento.</p></div> <div class="mt-8 inline-flex flex-col md:flex-row flex-wrap gap-x-6 gap-y-3"> <a class="group inline-flex items-center gap-3 text-[1.375rem] leading-6 font-meta-title print:!no-underline" href="https://www.gruppometa.it/it/soluzioni/elearning/"> <span class="icon-meta-link text-[.875rem] text-meta-primary" aria-hidden="true"></span> <span class="underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary transition-all duration-100 print:!underline">E-learning</span> </a> <a class="group inline-flex items-center gap-3 text-[1.375rem] leading-6 font-meta-title print:!no-underline" href="https://www.gruppometa.it/it/soluzioni/formazione-scuola-digitale/"> <span class="icon-meta-link text-[.875rem] text-meta-primary" aria-hidden="true"></span> <span class="underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary transition-all duration-100 print:!underline">Scuola Digitale</span> </a> </div> </div> </article> </section> </div> </section><section class="col-fullscreen grid grid-cols-subgrid pb-section lg:pb-section-lg bg-black text-white z-10 print:pb-4 print:bg-white print:text-black"> <div class="col-content grid grid-cols-12 gap-x-6 gap-y-3"> <h1 class="col-span-full lg:col-span-2 inline-flex text-[1.125rem] leading-[1.875rem] lg:inline-flex before:content-['.'] before:mr-1 print:!text-[12pt] scroll-fadein-right-8" data-scroll="">prodotti</h1> <h2 class="col-span-full lg:col-span-10 text-[2.5rem] lg:text-[3.75rem] leading-[2.5rem] lg:leading-[3.75rem] text-balance print:!text-[20pt] scroll-fadein-right-8" data-scroll="">Pensati, progettati e sviluppati da GruppoMeta</h2> </div> <div class="col-fullscreen sm:col-content js-swiper-c01 mt-14 lg:mt-[6.25rem] pb-8 last:pb-0 print:mt-4 print:pb-4 scroll-fadein-left-64" data-scroll="" aria-label="Prodotti"> <div class="swiper"> <div class="swiper-wrapper print:!block"> <div class="swiper-slide relative !grid items-end aspect-[86/125] rounded-md overflow-hidden print:!w-full print:aspect-auto print:pb-4 last:pb-0 break-inside-avoid"> <img src="https://www.gruppometa.it/img/r/jxz_972_1413__1__.jpg" alt="metafad" width="972" height="1413" class="col-start-1 row-start-1 size-full object-cover print:hidden" sizes="(max-width: 639px) 76vw, (max-width: 768px) 50vw, (max-width: 1280px) 33vw, 344px" srcset="https://www.gruppometa.it/img/r/jxz_344_500_1_1__.jpg 344w, https://www.gruppometa.it/img/r/jxz_467_673_1_1__.jpg 467w, https://www.gruppometa.it/img/r/jxz_688_1000_1_1__.jpg 688w, https://www.gruppometa.it/img/r/jxz_768_432_1_1__.jpg 768w, https://www.gruppometa.it/img/r/jxz_972_1413_1_1__.jpg 972w"/> <a class="col-start-1 row-start-1 group size-full flex flex-col justify-end overflow-hidden print:!no-underline" href="https://www.gruppometa.it/it/metafad"> <div class="size-full px-6 py-9 flex flex-col justify-end bg-gradient-to-b from-transparent from-50% to-black/80 transition-colors duration-300 ease-in-out group-hover:bg-black/75 group-focus-visible:bg-black/75 group-hover:justify-start group-focus-visible:justify-start print:bg-none print:px-0 print:py-0"> <h3 class="text-[1.875rem] leading-10 font-bold font-meta-base print:!text-[16pt]">metaFAD</h3> <h4 class="mt-1.5 text-lg leading-[1.375rem] font-light font-meta-base print:!text-[12pt]">Un software modulare e intuitivo per la gestione del patrimonio culturale</h4> <div class="flex-1 min-h-0 overflow-hidden hidden group-hover:flex group-focus-visible:flex group-hover:flex-col group-focus-visible:flex-col group-hover:my-9 group-focus-visible:my-9 print:block print:my-0 print:mt-2"> <div class="text-force-white text-sm leading-[1.125rem] font-light *:line-clamp-6 *:lg:line-clamp-[8] print:*:block print:!text-meta-main-text"><p dir="ltr">metaFAD è una piattaforma open source per la catalogazione di collezioni museali, archivi e biblioteche. Consente una gestione integrata e personalizzabile per una fruizione ottimale delle risorse culturali digitali.</p></div> </div> <span class="text-[1.375rem] leading-6 font-meta-title underline hidden group-hover:inline-flex group-focus-visible:inline-flex group-hover:mt-auto group-focus-visible:mt-auto print:block print:mt-2 print:underline">Scopri di più</span> </div> </a> </div><div class="swiper-slide relative !grid items-end aspect-[86/125] rounded-md overflow-hidden print:!w-full print:aspect-auto print:pb-4 last:pb-0 break-inside-avoid"> <img src="https://www.gruppometa.it/img/r/ly6_972_1413__1__.jpg" alt="card-MIE-01" width="972" height="1413" class="col-start-1 row-start-1 size-full object-cover print:hidden" sizes="(max-width: 639px) 76vw, (max-width: 768px) 50vw, (max-width: 1280px) 33vw, 344px" srcset="https://www.gruppometa.it/img/r/ly6_344_500_1_1__.jpg 344w, https://www.gruppometa.it/img/r/ly6_467_673_1_1__.jpg 467w, https://www.gruppometa.it/img/r/ly6_688_1000_1_1__.jpg 688w, https://www.gruppometa.it/img/r/ly6_768_432_1_1__.jpg 768w, https://www.gruppometa.it/img/r/ly6_972_1413_1_1__.jpg 972w"/> <a class="col-start-1 row-start-1 group size-full flex flex-col justify-end overflow-hidden print:!no-underline" href="https://www.gruppometa.it/it/mie"> <div class="size-full px-6 py-9 flex flex-col justify-end bg-gradient-to-b from-transparent from-50% to-black/80 transition-colors duration-300 ease-in-out group-hover:bg-black/75 group-focus-visible:bg-black/75 group-hover:justify-start group-focus-visible:justify-start print:bg-none print:px-0 print:py-0"> <h3 class="text-[1.875rem] leading-10 font-bold font-meta-base print:!text-[16pt]">MIE</h3> <h4 class="mt-1.5 text-lg leading-[1.375rem] font-light font-meta-base print:!text-[12pt]">Itinerari e percorsi interattivi <i>su misura</i></h4> <div class="flex-1 min-h-0 overflow-hidden hidden group-hover:flex group-focus-visible:flex group-hover:flex-col group-focus-visible:flex-col group-hover:my-9 group-focus-visible:my-9 print:block print:my-0 print:mt-2"> <div class="text-force-white text-sm leading-[1.125rem] font-light *:line-clamp-6 *:lg:line-clamp-[8] print:*:block print:!text-meta-main-text"><p>Un framework innovativo per la creazione di percorsi espositivi e museali interattivi.<br />Progettato per adattarsi a diverse esigenze e spazi, MIE consente una gestione personalizzata delle esposizioni e dei contenuti divulgativi, per offrire un'esperienza di visita coinvolgente e migliorare l’interazione dei visitatori attraverso dispositivi di sala e itinerari tematici di esplorazione dei luoghi. </p></div> </div> <span class="text-[1.375rem] leading-6 font-meta-title underline hidden group-hover:inline-flex group-focus-visible:inline-flex group-hover:mt-auto group-focus-visible:mt-auto print:block print:mt-2 print:underline">Scopri di più</span> </div> </a> </div><div class="swiper-slide relative !grid items-end aspect-[86/125] rounded-md overflow-hidden print:!w-full print:aspect-auto print:pb-4 last:pb-0 break-inside-avoid"> <img src="https://www.gruppometa.it/img/r/npg_972_1413__1__.jpg" alt="GruppoMeta-Ubimol" width="972" height="1413" class="col-start-1 row-start-1 size-full object-cover print:hidden" sizes="(max-width: 639px) 76vw, (max-width: 768px) 50vw, (max-width: 1280px) 33vw, 344px" srcset="https://www.gruppometa.it/img/r/npg_344_500_1_1__.jpg 344w, https://www.gruppometa.it/img/r/npg_467_673_1_1__.jpg 467w, https://www.gruppometa.it/img/r/npg_688_1000_1_1__.jpg 688w, https://www.gruppometa.it/img/r/npg_768_432_1_1__.jpg 768w, https://www.gruppometa.it/img/r/npg_972_1413_1_1__.jpg 972w"/> <a class="col-start-1 row-start-1 group size-full flex flex-col justify-end overflow-hidden print:!no-underline" href="https://www.gruppometa.it/it/ubimol"> <div class="size-full px-6 py-9 flex flex-col justify-end bg-gradient-to-b from-transparent from-50% to-black/80 transition-colors duration-300 ease-in-out group-hover:bg-black/75 group-focus-visible:bg-black/75 group-hover:justify-start group-focus-visible:justify-start print:bg-none print:px-0 print:py-0"> <h3 class="text-[1.875rem] leading-10 font-bold font-meta-base print:!text-[16pt]">UbiMOL</h3> <h4 class="mt-1.5 text-lg leading-[1.375rem] font-light font-meta-base print:!text-[12pt]">Dallo studio all'esperienza, liberi di imparare ovunque</h4> <div class="flex-1 min-h-0 overflow-hidden hidden group-hover:flex group-focus-visible:flex group-hover:flex-col group-focus-visible:flex-col group-hover:my-9 group-focus-visible:my-9 print:block print:my-0 print:mt-2"> <div class="text-force-white text-sm leading-[1.125rem] font-light *:line-clamp-6 *:lg:line-clamp-[8] print:*:block print:!text-meta-main-text"><p dir="ltr">UbiMOL è la piattaforma e-learning che trasforma lo studio in esperienza. Con un approccio multidisciplinare, consente di rispondere alle esigenze espresse in diversi contesti formativi.</p></div> </div> <span class="text-[1.375rem] leading-6 font-meta-title underline hidden group-hover:inline-flex group-focus-visible:inline-flex group-hover:mt-auto group-focus-visible:mt-auto print:block print:mt-2 print:underline">Scopri di più</span> </div> </a> </div><div class="swiper-slide relative !grid items-end aspect-[86/125] rounded-md overflow-hidden print:!w-full print:aspect-auto print:pb-4 last:pb-0 break-inside-avoid"> <img src="https://www.gruppometa.it/img/r/86l_972_1413__1__.jpg" alt="GruppoMeta Schoolchain" width="972" height="1413" class="col-start-1 row-start-1 size-full object-cover print:hidden" sizes="(max-width: 639px) 76vw, (max-width: 768px) 50vw, (max-width: 1280px) 33vw, 344px" srcset="https://www.gruppometa.it/img/r/86l_344_500_1_1__.jpg 344w, https://www.gruppometa.it/img/r/86l_467_673_1_1__.jpg 467w, https://www.gruppometa.it/img/r/86l_688_1000_1_1__.jpg 688w, https://www.gruppometa.it/img/r/86l_768_432_1_1__.jpg 768w, https://www.gruppometa.it/img/r/86l_972_1413_1_1__.jpg 972w"/> <a class="col-start-1 row-start-1 group size-full flex flex-col justify-end overflow-hidden print:!no-underline" href="https://www.gruppometa.it/it/schoolchain"> <div class="size-full px-6 py-9 flex flex-col justify-end bg-gradient-to-b from-transparent from-50% to-black/80 transition-colors duration-300 ease-in-out group-hover:bg-black/75 group-focus-visible:bg-black/75 group-hover:justify-start group-focus-visible:justify-start print:bg-none print:px-0 print:py-0"> <h3 class="text-[1.875rem] leading-10 font-bold font-meta-base print:!text-[16pt]">SchoolChain</h3> <h4 class="mt-1.5 text-lg leading-[1.375rem] font-light font-meta-base print:!text-[12pt]">L’aula del futuro è digitale </h4> <div class="flex-1 min-h-0 overflow-hidden hidden group-hover:flex group-focus-visible:flex group-hover:flex-col group-focus-visible:flex-col group-hover:my-9 group-focus-visible:my-9 print:block print:my-0 print:mt-2"> <div class="text-force-white text-sm leading-[1.125rem] font-light *:line-clamp-6 *:lg:line-clamp-[8] print:*:block print:!text-meta-main-text"><p dir="ltr">Un ecosistema per la scuola in digitale che sfrutta le tecnologie emergenti e rilancia il ruolo del docente come creatore di conoscenza, valorizzando la componente intangibile della creatività didattica.</p></div> </div> <span class="text-[1.375rem] leading-6 font-meta-title underline hidden group-hover:inline-flex group-focus-visible:inline-flex group-hover:mt-auto group-focus-visible:mt-auto print:block print:mt-2 print:underline">Scopri di più</span> </div> </a> </div><div class="swiper-slide relative !grid items-end aspect-[86/125] rounded-md overflow-hidden print:!w-full print:aspect-auto print:pb-4 last:pb-0 break-inside-avoid"> <img src="https://www.gruppometa.it/img/r/5dd_972_1413__1__.jpg" alt="Ubischool" width="972" height="1413" class="col-start-1 row-start-1 size-full object-cover print:hidden" sizes="(max-width: 639px) 76vw, (max-width: 768px) 50vw, (max-width: 1280px) 33vw, 344px" srcset="https://www.gruppometa.it/img/r/5dd_344_500_1_1__.jpg 344w, https://www.gruppometa.it/img/r/5dd_467_673_1_1__.jpg 467w, https://www.gruppometa.it/img/r/5dd_688_1000_1_1__.jpg 688w, https://www.gruppometa.it/img/r/5dd_768_432_1_1__.jpg 768w, https://www.gruppometa.it/img/r/5dd_972_1413_1_1__.jpg 972w"/> <a class="col-start-1 row-start-1 group size-full flex flex-col justify-end overflow-hidden print:!no-underline" href="https://www.gruppometa.it/it/ubischool"> <div class="size-full px-6 py-9 flex flex-col justify-end bg-gradient-to-b from-transparent from-50% to-black/80 transition-colors duration-300 ease-in-out group-hover:bg-black/75 group-focus-visible:bg-black/75 group-hover:justify-start group-focus-visible:justify-start print:bg-none print:px-0 print:py-0"> <h3 class="text-[1.875rem] leading-10 font-bold font-meta-base print:!text-[16pt]">UbiSchool</h3> <h4 class="mt-1.5 text-lg leading-[1.375rem] font-light font-meta-base print:!text-[12pt]">Gestione dei contenuti educativi per editori, insegnanti e docenti</h4> <div class="flex-1 min-h-0 overflow-hidden hidden group-hover:flex group-focus-visible:flex group-hover:flex-col group-focus-visible:flex-col group-hover:my-9 group-focus-visible:my-9 print:block print:my-0 print:mt-2"> <div class="text-force-white text-sm leading-[1.125rem] font-light *:line-clamp-6 *:lg:line-clamp-[8] print:*:block print:!text-meta-main-text"><p dir="ltr">Un ambiente integrato per la creazione, gestione e distribuzione dei contenuti educativi. Tramite UbiSchool editori, studenti e docenti possono interagire senza preoccuparsi della base tecnologica, avendo accesso a strumenti avanzati per una formazione su misura.</p></div> </div> <span class="text-[1.375rem] leading-6 font-meta-title underline hidden group-hover:inline-flex group-focus-visible:inline-flex group-hover:mt-auto group-focus-visible:mt-auto print:block print:mt-2 print:underline">Scopri di più</span> </div> </a> </div><div class="swiper-slide relative !grid items-end aspect-[86/125] rounded-md overflow-hidden print:!w-full print:aspect-auto print:pb-4 last:pb-0 break-inside-avoid"> <img src="https://www.gruppometa.it/img/r/75g_972_1413__1__.jpg" alt="Ubidictionary" width="972" height="1413" class="col-start-1 row-start-1 size-full object-cover print:hidden" sizes="(max-width: 639px) 76vw, (max-width: 768px) 50vw, (max-width: 1280px) 33vw, 344px" srcset="https://www.gruppometa.it/img/r/75g_344_500_1_1__.jpg 344w, https://www.gruppometa.it/img/r/75g_467_673_1_1__.jpg 467w, https://www.gruppometa.it/img/r/75g_688_1000_1_1__.jpg 688w, https://www.gruppometa.it/img/r/75g_768_432_1_1__.jpg 768w, https://www.gruppometa.it/img/r/75g_972_1413_1_1__.jpg 972w"/> <a class="col-start-1 row-start-1 group size-full flex flex-col justify-end overflow-hidden print:!no-underline" href="https://www.gruppometa.it/it/ubi-dictionary"> <div class="size-full px-6 py-9 flex flex-col justify-end bg-gradient-to-b from-transparent from-50% to-black/80 transition-colors duration-300 ease-in-out group-hover:bg-black/75 group-focus-visible:bg-black/75 group-hover:justify-start group-focus-visible:justify-start print:bg-none print:px-0 print:py-0"> <h3 class="text-[1.875rem] leading-10 font-bold font-meta-base print:!text-[16pt]">Ubidictionary</h3> <h4 class="mt-1.5 text-lg leading-[1.375rem] font-light font-meta-base print:!text-[12pt]">Dizionari e risorse linguistiche per aziende, istituzioni e università</h4> <div class="flex-1 min-h-0 overflow-hidden hidden group-hover:flex group-focus-visible:flex group-hover:flex-col group-focus-visible:flex-col group-hover:my-9 group-focus-visible:my-9 print:block print:my-0 print:mt-2"> <div class="text-force-white text-sm leading-[1.125rem] font-light *:line-clamp-6 *:lg:line-clamp-[8] print:*:block print:!text-meta-main-text"><p dir="ltr">Una piattaforma innovativa per la consultazione di un prestigioso catalogo di dizionari sempre disponibili online per aziende, istituzioni e università.</p></div> </div> <span class="text-[1.375rem] leading-6 font-meta-title underline hidden group-hover:inline-flex group-focus-visible:inline-flex group-hover:mt-auto group-focus-visible:mt-auto print:block print:mt-2 print:underline">Scopri di più</span> </div> </a> </div><div class="swiper-slide relative !grid items-end aspect-[86/125] rounded-md overflow-hidden print:!w-full print:aspect-auto print:pb-4 last:pb-0 break-inside-avoid"> <img src="https://www.gruppometa.it/img/r/97o_972_1413__1__.jpg" alt="meta-cms" width="972" height="1413" class="col-start-1 row-start-1 size-full object-cover print:hidden" sizes="(max-width: 639px) 76vw, (max-width: 768px) 50vw, (max-width: 1280px) 33vw, 344px" srcset="https://www.gruppometa.it/img/r/97o_344_500_1_1__.jpg 344w, https://www.gruppometa.it/img/r/97o_467_673_1_1__.jpg 467w, https://www.gruppometa.it/img/r/97o_688_1000_1_1__.jpg 688w, https://www.gruppometa.it/img/r/97o_768_432_1_1__.jpg 768w, https://www.gruppometa.it/img/r/97o_972_1413_1_1__.jpg 972w"/> <a class="col-start-1 row-start-1 group size-full flex flex-col justify-end overflow-hidden print:!no-underline" href="https://www.gruppometa.it/it/metacms"> <div class="size-full px-6 py-9 flex flex-col justify-end bg-gradient-to-b from-transparent from-50% to-black/80 transition-colors duration-300 ease-in-out group-hover:bg-black/75 group-focus-visible:bg-black/75 group-hover:justify-start group-focus-visible:justify-start print:bg-none print:px-0 print:py-0"> <h3 class="text-[1.875rem] leading-10 font-bold font-meta-base print:!text-[16pt]">metaCMS</h3> <h4 class="mt-1.5 text-lg leading-[1.375rem] font-light font-meta-base print:!text-[12pt]">Il tuo museo online: un'esperienza imperdibile anche da remoto</h4> <div class="flex-1 min-h-0 overflow-hidden hidden group-hover:flex group-focus-visible:flex group-hover:flex-col group-focus-visible:flex-col group-hover:my-9 group-focus-visible:my-9 print:block print:my-0 print:mt-2"> <div class="text-force-white text-sm leading-[1.125rem] font-light *:line-clamp-6 *:lg:line-clamp-[8] print:*:block print:!text-meta-main-text"><p dir="ltr">metaCMS è un Content Management System (CMS) progettato per la realizzazione di siti web e portali di enti e istituzioni culturali. Facilita la creazione, la pubblicazione e l'aggiornamento dei contenuti online, offrendo strumenti intuitivi e un'interfaccia semplice per una gestione efficace della comunicazione istituzionale e per la valorizzazione divulgativa del patrimonio culturale.</p></div> </div> <span class="text-[1.375rem] leading-6 font-meta-title underline hidden group-hover:inline-flex group-focus-visible:inline-flex group-hover:mt-auto group-focus-visible:mt-auto print:block print:mt-2 print:underline">Scopri di più</span> </div> </a> </div><div class="swiper-slide relative !grid items-end aspect-[86/125] rounded-md overflow-hidden print:!w-full print:aspect-auto print:pb-4 last:pb-0 break-inside-avoid"> <img src="https://www.gruppometa.it/img/r/bx9_972_1413__1__.jpg" alt="meta-dam" width="972" height="1413" class="col-start-1 row-start-1 size-full object-cover print:hidden" sizes="(max-width: 639px) 76vw, (max-width: 768px) 50vw, (max-width: 1280px) 33vw, 344px" srcset="https://www.gruppometa.it/img/r/bx9_344_500_1_1__.jpg 344w, https://www.gruppometa.it/img/r/bx9_467_673_1_1__.jpg 467w, https://www.gruppometa.it/img/r/bx9_688_1000_1_1__.jpg 688w, https://www.gruppometa.it/img/r/bx9_768_432_1_1__.jpg 768w, https://www.gruppometa.it/img/r/bx9_972_1413_1_1__.jpg 972w"/> <a class="col-start-1 row-start-1 group size-full flex flex-col justify-end overflow-hidden print:!no-underline" href="https://www.gruppometa.it/it/metadam"> <div class="size-full px-6 py-9 flex flex-col justify-end bg-gradient-to-b from-transparent from-50% to-black/80 transition-colors duration-300 ease-in-out group-hover:bg-black/75 group-focus-visible:bg-black/75 group-hover:justify-start group-focus-visible:justify-start print:bg-none print:px-0 print:py-0"> <h3 class="text-[1.875rem] leading-10 font-bold font-meta-base print:!text-[16pt]">metaDAM</h3> <h4 class="mt-1.5 text-lg leading-[1.375rem] font-light font-meta-base print:!text-[12pt]">Uno spazio flessibile e sicuro per gestire contenuti digitali </h4> <div class="flex-1 min-h-0 overflow-hidden hidden group-hover:flex group-focus-visible:flex group-hover:flex-col group-focus-visible:flex-col group-hover:my-9 group-focus-visible:my-9 print:block print:my-0 print:mt-2"> <div class="text-force-white text-sm leading-[1.125rem] font-light *:line-clamp-6 *:lg:line-clamp-[8] print:*:block print:!text-meta-main-text"><p dir="ltr">metaDAM è un sistema di Digital Asset Management per archiviare e gestire in sicurezza fotografie, illustrazioni, immagini, video, documenti e oggetti 3D. L'architettura scalabile e gli agili strumenti di descrizione dei materiali ne fanno un alleato strategico per l'organizzazione di piccoli, medi e grandi archivi multiformato in <em>multimedia data lake</em>, che fungono da spazio di accesso unificato per la raccolta di oggetti digitali e per la distribuzione di servizi supplementari. </p></div> </div> <span class="text-[1.375rem] leading-6 font-meta-title underline hidden group-hover:inline-flex group-focus-visible:inline-flex group-hover:mt-auto group-focus-visible:mt-auto print:block print:mt-2 print:underline">Scopri di più</span> </div> </a> </div> </div> <div class="swiper-pagination !static mt-8"></div> </div> </div> <div class="hidden pt-14 col-content lg:grid grid-cols-12 gap-6 xl:gap-12 border-t border-t-white/20 scroll-fadein-left-64" data-scroll=""> <div class="col-span-6 flex flex-col gap-5"> <h2 class="text-[1.875rem] leading-[1.875rem]">Gestione dei contenuti</h2> <div class="cms-editor text-lg leading-6 font-light text-pretty"><p>Software per la gestione dei contenuti editoriali e del patrimonio culturale, sviluppati in-house e personalizzati per le diverse esigenze del mercato grazie a vent’anni di collaborazioni con grandi editori, musei, biblioteche, enti e istituti culturali nazionali.</p></div> </div><div class="col-span-3 flex flex-col gap-5"> <h2 class="text-[1.875rem] leading-[1.875rem]">Accessibilità</h2> <div class="cms-editor text-lg leading-6 font-light text-pretty"><p>Applicazioni accessibili che integrano intelligenza artificiale e natural language processing per combinare efficienza e valore.</p></div> </div><div class="col-span-3 flex flex-col gap-5"> <h2 class="text-[1.875rem] leading-[1.875rem]">Open source</h2> <div class="cms-editor text-lg leading-6 font-light text-pretty"><p>Soluzioni open source che risolvono esigenze complesse in ottica di collaborazione e condivisione del sapere.</p></div> </div> </div> </section><section class="col-fullscreen pb-section lg:pb-section-lg grid grid-cols-subgrid bg-gradient-to-b from-meta-light-gray to-white print:pb-4 print:bg-none"> <div class="col-content grid grid-cols-12 gap-x-6 gap-y-3"> <h1 class="col-span-full lg:col-span-2 inline-flex text-[1.125rem] leading-[1.875rem] text-meta-primary lg:inline-flex before:content-['.'] before:mr-1 print:!text-[12pt] scroll-fadein-right-8" data-scroll="">innovazione</h1> <h2 class="col-span-full lg:col-span-4 text-[2.5rem] lg:text-[3.75rem] leading-[2.5rem] lg:leading-[3.75rem] print:!text-[20pt] scroll-fadein-right-8" data-scroll="">Progetti di ricerca</h2> <div class="col-span-full lg:col-start-8 lg:col-span-5 cms-editor scroll-fadein-right-8 lg:scroll-fadein-left-8" data-scroll=""><p>Tecnologie al servizio della ricerca e della conoscenza. La ricerca tecnologica in ambito culturale è importante per consentire di preservare, valorizzare e rendere accessibili le conoscenze e il patrimonio storico, artistico e scientifico.</p></div> </div> <div class="col-content"><div class="js-swiper-c02 mt-14 lg:mt-[6.25rem] -mx-base w-dvw sm:mx-0 sm:w-full pb-8 last:pb-0 print:pt-4 scroll-fadein-up" data-scroll="" aria-label="Progetti di ricerca"> <div class="swiper !p-2 !-m-2"> <div class="swiper-wrapper"> <div class="swiper-slide rounded-md !h-auto"> <a class="group flex flex-col gap-6 p-8 size-full rounded-md bg-white hover:bg-meta-secondary hover:text-white transition-colors duration-300" href="https://www.gruppometa.it/it/progetti-di-ricerca/echoes/"> <h3 class="text-[1.875rem] leading-tight">Echoes</h3> <div class="cms-editor mb-2 text-[1.25rem] leading-[1.75rem] font-light line-clamp-6 group-hover:text-force-white transition-colors duration-300"><p>Il progetto ECHOES mira a creare l’European Collaborative Cloud for Cultural Heritage (ECCCH), una piattaforma progettata per facilitare la collaborazione tra professionisti e ricercatori del patrimonio culturale.</p></div> <span class="mt-auto text-[1.375rem] leading-8 underline font-meta-title">Scopri</span> </a> </div> <div class="swiper-slide rounded-md !h-auto"> <a class="group flex flex-col gap-6 p-8 size-full rounded-md bg-white hover:bg-meta-secondary hover:text-white transition-colors duration-300" href="https://www.gruppometa.it/it/progetti-di-ricerca/imagibook/"> <h3 class="text-[1.875rem] leading-tight">ImagiBook</h3> <div class="cms-editor mb-2 text-[1.25rem] leading-[1.75rem] font-light line-clamp-6 group-hover:text-force-white transition-colors duration-300"><p><strong>ImagiBook trasforma la lettura in un'esperienza immersiva e multisensoriale. </strong>Con tecnologie avanzate di<em> Intelligenza Artificiale</em> e <em>Natural Language Processing (NLP)</em>, ImagiBook è una soluzione innovativa per la creazione di contenuti editoriali multimediali che combina testo e media in un unico formato interattivo.</p></div> <span class="mt-auto text-[1.375rem] leading-8 underline font-meta-title">Scopri</span> </a> </div> <div class="swiper-slide rounded-md !h-auto"> <a class="group flex flex-col gap-6 p-8 size-full rounded-md bg-white hover:bg-meta-secondary hover:text-white transition-colors duration-300" href="https://www.gruppometa.it/it/progetti-di-ricerca/book-batch-one/"> <h3 class="text-[1.875rem] leading-tight">BBO Book Batch One </h3> <div class="cms-editor mb-2 text-[1.25rem] leading-[1.75rem] font-light line-clamp-6 group-hover:text-force-white transition-colors duration-300"><p>Il progetto BBO (Book Batch One) propone la realizzazione di prodotti editoriali innovativi sia in termini materiali che di contenuto. Il libro digitale, come il libro cartaceo, si prepara ad esplorare nuove potenzialità. Numerosi trend in atto -  dal self publishing, al print on demand, alla smaterializzazione del libro - evidenziano l’esigenza di un carattere più specialistico della produzione editoriale in chiave di personalizzazione.</p></div> <span class="mt-auto text-[1.375rem] leading-8 underline font-meta-title">Scopri</span> </a> </div> <div class="swiper-slide rounded-md !h-auto"> <a class="group flex flex-col gap-6 p-8 size-full rounded-md bg-white hover:bg-meta-secondary hover:text-white transition-colors duration-300" href="https://www.gruppometa.it/it/progetti-di-ricerca/cetera/"> <h3 class="text-[1.875rem] leading-tight">Cetera </h3> <div class="cms-editor mb-2 text-[1.25rem] leading-[1.75rem] font-light line-clamp-6 group-hover:text-force-white transition-colors duration-300"><p>CETERA mira a migliorare la produttività all'intero dei settori ad <em>alta intensità di conoscenza - </em> ovvero <em>editoria</em>, <em>turismo culturale</em>, <em>scuola digitale</em>, <em>e-learning - </em>attraverso l'uso di tecnologie avanzate come <em>big data, intelligenza artificiale e realtà aumentata</em>.<br />L' obiettivo è gestire efficacemente le <strong>risorse digitali</strong>, per <em>estrarrne conoscenza rilevante</em> e <em>facilitarne la comprensione</em>. Il progetto include la prototipazione di soluzioni, l'integrazione in un centro di servizi SaaS <em>Software as a service</em> e test in tre settori specifici.</p></div> <span class="mt-auto text-[1.375rem] leading-8 underline font-meta-title">Scopri</span> </a> </div> </div> <div class="swiper-pagination !static mt-8"></div> </div> </div></div> </section><section class="col-fullscreen !py-0 grid grid-cols-subgrid pb-section lg:pb-section-lg bg-meta-footer text-white relative isolate"> <div class="col-content grid grid-cols-12"> <div class="lg:row-start-1 col-span-full col-start-1 relative size-full flex flex-col justify-end items-end overflow-hidden pb-8 lg:pb-0 z-10"> <img fileName="ai-box-homepage-home-3.png" alt="AI" title="AI" class="lg:absolute max-h-full max-w-full object-cover" src="https://www.gruppometa.it/img/o/wwd/ai-box-homepage-home-3.png"/> </div> <h1 class="col-span-full lg:row-start-1 lg:col-start-1 lg:col-end-3 lg:py-section-lg inline-flex text-[1.125rem] leading-[1.875rem] font-meta-title lg:inline-flex before:content-['.'] before:mr-1 print:!text-[12pt] mb-4 lg:mb-0 z-20 print:mb-4 scroll-fadein-right-8" data-scroll="">technology e AI</h1> <div class="lg:row-start-1 col-span-full lg:col-start-3 lg:col-end-9 pb-section lg:py-section-lg z-20 scroll-fadein-right-8" data-scroll=""> <h2 class="text-[2.5rem] lg:text-[3.75rem] leading-[2.5rem] lg:leading-[3.75rem] print:!text-[20pt]">Intelligenza Artificiale al servizio della ricerca e della conoscenza</h2> <div class="mt-7 mb-14 cms-editor full-width"> <p>Gli applicativi basati su Intelligenza Artificiale facilitano, ottimizzano e rendono più efficiente la capacità di rispondere alle sfide dei settori della cultura, della formazione e dell’editoria.</p> </div> <a class="col-breakout text-[1.375rem] leading-none font-meta-title underline hover:no-underline hover:text-meta-primary z-20" href="https://www.gruppometa.it/it/tecnologia">Tecnologie e AI</a> </div> </div> </section><section class="col-content pb-section lg:pb-section-lg print:pb-4"> <div class="grid grid-cols-12 items-start gap-x-6 gap-y-3"> <h1 class="col-span-6 lg:col-span-2 inline-flex text-[1.125rem] leading-[1.875rem] text-meta-primary lg:inline-flex before:content-['.'] before:mr-1 print:!text-[12pt] scroll-fadein-right-8" data-scroll="">blog</h1> <h2 class="col-span-full lg:col-span-4 text-[2.5rem] lg:text-[3.75rem] leading-[2.5rem] lg:leading-[3.75rem] print:!text-[20pt] scroll-fadein-right-8" data-scroll="">Notizie</h2> <div class="row-start-1 col-start-7 col-span-6 place-self-end lg:col-start-11 lg:col-span-2 lg:place-self-auto lg:justify-self-end lg:text-end scroll-fadein-left-8" data-scroll=""> <a class="text-xl font-meta-title underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary" id="section-64#link" title="Tutte le notizie" href="https://www.gruppometa.it/it/blog">Tutte le notizie</a> </div> </div> <div class="mt-14 lg:mt-[6.25rem] print:mt-3"> <article class="py-12 col-span-full grid grid-cols-12 items-start auto-rows-min gap-x-6 gap-y-4 border-b first:border-t border-meta-light-gray print:py-2 print:first:border-t-0 print:last:border-b-0 break-inside-avoid-page scroll-fadein-right-16" data-scroll=""> <div class="col-span-full lg:col-span-4 lg:h-full flex flex-col-reverse justify-between gap-y-4 md:gap-y-6"> <span class="text-[.9375rem] leading-6 font-light lowercase">.Eventi</span> <h3 class="text-[1.875rem] leading-tight text-pretty"> <a class="hover:text-meta-primary hover:underline focus-visible:text-meta-primary focus-visible:underline transition-all duration-100" href="https://www.gruppometa.it/it/blog/650/il-15-e-16-gennaio-torna-marca-by-bolognafiere_">Il 15 e 16 gennaio torna Marca by BolognaFiere. GruppoMeta partner tecnico dell'evento</a> </h3> </div> <a class="col-span-full md:col-span-6 lg:col-start-5 lg:col-span-4 max-w-[21.5rem] aspect-[4/3] lg:justify-self-center flex justify-center items-start print:hidden" href="https://www.gruppometa.it/it/blog/650/il-15-e-16-gennaio-torna-marca-by-bolognafiere_"> <img src="https://www.gruppometa.it/img/r/kya_688_516__1__.jpg" alt="post-app-marca-25" title="post-app-marca-25" width="688" height="516" class="size-full object-cover" sizes="344px" srcset="https://www.gruppometa.it/img/r/kya_344_258_1_1__.jpg 344w, https://www.gruppometa.it/img/r/kya_688_516_1_1__.jpg 688w"/> </a> <div class="col-span-full md:col-start-7 md:col-span-6 lg:col-start-9 lg:col-span-3 flex flex-col items-start gap-y-4 md:gap-y-12 print:col-span-full print:gap-y-2"> <div class="cms-editor *:!text-base *:!font-light line-clamp-6"><p>Anche quest'anno GruppoMeta realizza l'app ufficiale della <em>fiera Marca</em> by BolognaFiere.</p></div> <a class="text-[1.375rem] leading-6 font-meta-title underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary" href="https://www.gruppometa.it/it/blog/650/il-15-e-16-gennaio-torna-marca-by-bolognafiere_">Leggi</a> </div> </article><article class="py-12 col-span-full grid grid-cols-12 items-start auto-rows-min gap-x-6 gap-y-4 border-b first:border-t border-meta-light-gray print:py-2 print:first:border-t-0 print:last:border-b-0 break-inside-avoid-page scroll-fadein-right-16" data-scroll=""> <div class="col-span-full lg:col-span-4 lg:h-full flex flex-col-reverse justify-between gap-y-4 md:gap-y-6"> <span class="text-[.9375rem] leading-6 font-light lowercase">.Eventi</span> <h3 class="text-[1.875rem] leading-tight text-pretty"> <a class="hover:text-meta-primary hover:underline focus-visible:text-meta-primary focus-visible:underline transition-all duration-100" href="https://www.gruppometa.it/it/blog/648/gruppometa-partner-tecnico-della-23esima">GruppoMeta partner tecnico della 23esima edizione di Più libri più liberi</a> </h3> </div> <a class="col-span-full md:col-span-6 lg:col-start-5 lg:col-span-4 max-w-[21.5rem] aspect-[4/3] lg:justify-self-center flex justify-center items-start print:hidden" href="https://www.gruppometa.it/it/blog/648/gruppometa-partner-tecnico-della-23esima"> <img src="https://www.gruppometa.it/img/r/xpl_688_516__1__.jpg" alt="PLPL-24" title="PLPL-24" width="688" height="516" class="size-full object-cover" sizes="344px" srcset="https://www.gruppometa.it/img/r/xpl_344_258_1_1__.jpg 344w, https://www.gruppometa.it/img/r/xpl_688_516_1_1__.jpg 688w"/> </a> <div class="col-span-full md:col-start-7 md:col-span-6 lg:col-start-9 lg:col-span-3 flex flex-col items-start gap-y-4 md:gap-y-12 print:col-span-full print:gap-y-2"> <div class="cms-editor *:!text-base *:!font-light line-clamp-6"><p>Anche quest'anno <em>GruppoMeta</em> è stato partner tecnico di <em>Più libri più liberi</em> ed ha realizzato l'app ufficiale della fiera.</p></div> <a class="text-[1.375rem] leading-6 font-meta-title underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary" href="https://www.gruppometa.it/it/blog/648/gruppometa-partner-tecnico-della-23esima">Leggi</a> </div> </article><article class="py-12 col-span-full grid grid-cols-12 items-start auto-rows-min gap-x-6 gap-y-4 border-b first:border-t border-meta-light-gray print:py-2 print:first:border-t-0 print:last:border-b-0 break-inside-avoid-page scroll-fadein-right-16" data-scroll=""> <div class="col-span-full lg:col-span-4 lg:h-full flex flex-col-reverse justify-between gap-y-4 md:gap-y-6"> <span class="text-[.9375rem] leading-6 font-light lowercase">.Eventi</span> <h3 class="text-[1.875rem] leading-tight text-pretty"> <a class="hover:text-meta-primary hover:underline focus-visible:text-meta-primary focus-visible:underline transition-all duration-100" href="https://www.gruppometa.it/it/blog/642/allunga-il-passo-con-museq___-verso-castro">Allunga il passo con MusEQ... verso Castro Pretorio. GruppoMeta a Villa Altieri per l'incontro del 12 dicembre</a> </h3> </div> <a class="col-span-full md:col-span-6 lg:col-start-5 lg:col-span-4 max-w-[21.5rem] aspect-[4/3] lg:justify-self-center flex justify-center items-start print:hidden" href="https://www.gruppometa.it/it/blog/642/allunga-il-passo-con-museq___-verso-castro"> <img src="https://www.gruppometa.it/img/r/nav_688_516__1__.jpg" alt="museq-notizia" title="museq-notizia" width="688" height="516" class="size-full object-cover" sizes="344px" srcset="https://www.gruppometa.it/img/r/nav_344_258_1_1__.jpg 344w, https://www.gruppometa.it/img/r/nav_688_516_1_1__.jpg 688w"/> </a> <div class="col-span-full md:col-start-7 md:col-span-6 lg:col-start-9 lg:col-span-3 flex flex-col items-start gap-y-4 md:gap-y-12 print:col-span-full print:gap-y-2"> <div class="cms-editor *:!text-base *:!font-light line-clamp-6"><p>GruppoMeta ha partecipato, il 12 dicembre a Villa Altieri, al terzo incontro del ciclo <em>Narrazioni dall'Esquilino alla Campagna Romana: sei incontri, sei nuovi racconti.</em></p></div> <a class="text-[1.375rem] leading-6 font-meta-title underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary" href="https://www.gruppometa.it/it/blog/642/allunga-il-passo-con-museq___-verso-castro">Leggi</a> </div> </article><article class="py-12 col-span-full grid grid-cols-12 items-start auto-rows-min gap-x-6 gap-y-4 border-b first:border-t border-meta-light-gray print:py-2 print:first:border-t-0 print:last:border-b-0 break-inside-avoid-page scroll-fadein-right-16" data-scroll=""> <div class="col-span-full lg:col-span-4 lg:h-full flex flex-col-reverse justify-between gap-y-4 md:gap-y-6"> <span class="text-[.9375rem] leading-6 font-light lowercase">.Eventi</span> <h3 class="text-[1.875rem] leading-tight text-pretty"> <a class="hover:text-meta-primary hover:underline focus-visible:text-meta-primary focus-visible:underline transition-all duration-100" href="https://www.gruppometa.it/it/blog/312/76-edizione-fiera-del-libro-di-francoforte_">76° edizione Fiera del Libro di Francoforte. GruppoMeta al Padiglione Italia</a> </h3> </div> <a class="col-span-full md:col-span-6 lg:col-start-5 lg:col-span-4 max-w-[21.5rem] aspect-[4/3] lg:justify-self-center flex justify-center items-start print:hidden" href="https://www.gruppometa.it/it/blog/312/76-edizione-fiera-del-libro-di-francoforte_"> <img src="https://www.gruppometa.it/img/r/5aq_688_516__1__.jpg" alt="francoforte-fiera-libro-italia-ospite-onore-2024" title="francoforte-fiera-libro-italia-ospite-onore-2024" width="688" height="516" class="size-full object-cover" sizes="344px" srcset="https://www.gruppometa.it/img/r/5aq_344_258_1_1__.jpg 344w, https://www.gruppometa.it/img/r/5aq_688_516_1_1__.jpg 688w"/> </a> <div class="col-span-full md:col-start-7 md:col-span-6 lg:col-start-9 lg:col-span-3 flex flex-col items-start gap-y-4 md:gap-y-12 print:col-span-full print:gap-y-2"> <div class="cms-editor *:!text-base *:!font-light line-clamp-6"><p>Dal 16 al 20 ottobre si è tenuta la 76esima edizione della Fiera del Libro di Francoforte, un evento che ha chiamato a raccolta esperti dell'editoria da tutto il mondo.</p></div> <a class="text-[1.375rem] leading-6 font-meta-title underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary" href="https://www.gruppometa.it/it/blog/312/76-edizione-fiera-del-libro-di-francoforte_">Leggi</a> </div> </article><article class="py-12 col-span-full grid grid-cols-12 items-start auto-rows-min gap-x-6 gap-y-4 border-b first:border-t border-meta-light-gray print:py-2 print:first:border-t-0 print:last:border-b-0 break-inside-avoid-page scroll-fadein-right-16" data-scroll=""> <div class="col-span-full lg:col-span-4 lg:h-full flex flex-col-reverse justify-between gap-y-4 md:gap-y-6"> <span class="text-[.9375rem] leading-6 font-light lowercase">.Eventi</span> <h3 class="text-[1.875rem] leading-tight text-pretty"> <a class="hover:text-meta-primary hover:underline focus-visible:text-meta-primary focus-visible:underline transition-all duration-100" href="https://www.gruppometa.it/it/blog/654/gruppometa-alla-bologna-children-s-book">GruppoMeta alla Bologna Children's Book Fair 2024: Innovazione e AI per l'editoria</a> </h3> </div> <a class="col-span-full md:col-span-6 lg:col-start-5 lg:col-span-4 max-w-[21.5rem] aspect-[4/3] lg:justify-self-center flex justify-center items-start print:hidden" href="https://www.gruppometa.it/it/blog/654/gruppometa-alla-bologna-children-s-book"> <img src="https://www.gruppometa.it/img/r/mjw_688_516__1__.jpg" alt="1742917283266" title="1742917283266" width="688" height="516" class="size-full object-cover" sizes="344px" srcset="https://www.gruppometa.it/img/r/mjw_344_258_1_1__.jpg 344w, https://www.gruppometa.it/img/r/mjw_688_516_1_1__.jpg 688w"/> </a> <div class="col-span-full md:col-start-7 md:col-span-6 lg:col-start-9 lg:col-span-3 flex flex-col items-start gap-y-4 md:gap-y-12 print:col-span-full print:gap-y-2"> <div class="cms-editor *:!text-base *:!font-light line-clamp-6"><p>Anche quest’anno GruppoMeta ha preso parte alla Bologna Children’s Book Fair (BCBF), dal 31 marzo al 3 aprile.</p> <div></div> <div></div></div> <a class="text-[1.375rem] leading-6 font-meta-title underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary" href="https://www.gruppometa.it/it/blog/654/gruppometa-alla-bologna-children-s-book">Leggi</a> </div> </article> </div> </section><section class="col-content pb-section lg:pb-section-lg print:pb-4"> <div class="grid grid-cols-12 items-start gap-x-6 gap-y-3"> <h1 class="col-span-6 lg:col-span-2 inline-flex text-[1.125rem] leading-[1.875rem] text-meta-primary lg:inline-flex before:content-['.'] before:mr-1 print:!text-[12pt] scroll-fadein-right-8" data-scroll="">clienti</h1> <h2 class="col-span-full lg:col-span-8 text-[2.5rem] lg:text-[3.75rem] leading-[2.5rem] lg:leading-[3.75rem] lg:text-center text-pretty lg:text-balance print:!text-[20pt] scroll-fadein-right-8 lg:scroll-fadein-up-8" data-scroll="">Vent’anni di innovazione per valorizzare il potenziale culturale di istituzioni e imprese</h2> <div class="row-start-1 col-start-7 col-span-6 place-self-end lg:col-start-11 lg:col-span-2 lg:place-self-auto lg:justify-self-end lg:text-end scroll-fadein-left-8" data-scroll=""> <a class="text-xl font-meta-title underline hover:no-underline focus-visible:no-underline hover:text-meta-primary focus-visible:text-meta-primary" href="https://www.gruppometa.it/it/clienti/beni-culturali">Tutti i clienti</a> </div> </div> <ul class="mt-14 lg:mt-[6.25rem] grid md:grid-cols-2 xl:grid-cols-3 items-start gap-x-6 print:mt-4 scroll-fadein" data-scroll=""> <li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <a class="text-[1.125rem] leading[1.75rem] font-extralight hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" target="_blank" href="https://www.gruppometa.it/it/progetti/icar-portale-antenati">ICAR Istituto Centrale per gli Archivi</a> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <a class="text-[1.125rem] leading[1.75rem] font-extralight hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" target="_blank" href="https://www.gruppometa.it/it/progetti/iccu-portale-cultura-italia">ICCU Istituto Centrale per il Catalogo Unico delle Biblioteche</a> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <span class="text-[1.125rem] leading[1.75rem] font-extralight">ICCD Istituto Centrale per il Catalogo e la Documentazione</span> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <span class="text-[1.125rem] leading[1.75rem] font-extralight">Archivio Centrale di Stato</span> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <span class="text-[1.125rem] leading[1.75rem] font-extralight">Archivio Storico della Segreteria di Stato del Vaticano</span> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <a class="text-[1.125rem] leading[1.75rem] font-extralight hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" target="_blank" href="https://www.gruppometa.it/it/progetti/gallerie-degli-uffizi-catalogo-online">Gallerie degli Uffizi</a> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <a class="text-[1.125rem] leading[1.75rem] font-extralight hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" target="_blank" href="https://www.gruppometa.it/it/progetti/opera-del-duomo-di-firenze">Opera Santa Maria del Fiore</a> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <span class="text-[1.125rem] leading[1.75rem] font-extralight">Museo Nazionale Romano</span> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <a class="text-[1.125rem] leading[1.75rem] font-extralight hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" target="_blank" href="https://www.gruppometa.it/it/progetti/polo-digitale-degli-istituti-culturali-di-napoli">Polo Digitale degli Istituti culturali di Napoli</a> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <a class="text-[1.125rem] leading[1.75rem] font-extralight hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" target="_blank" href="https://www.gruppometa.it/it/progetti/biblioteca-e-complesso-monumentale-dei-girolamini">Biblioteca e Complesso monumentale dei Girolamini</a> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <a class="text-[1.125rem] leading[1.75rem] font-extralight hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" target="_blank" href="https://www.gruppometa.it/it/progetti/mondadori-education-e-rizzoli-education">Mondadori Education S.p.A</a> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <a class="text-[1.125rem] leading[1.75rem] font-extralight hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" target="_blank" href="https://www.gruppometa.it/it/progetti/mondadori-education-e-rizzoli-education">Rizzoli Education S.p.A</a> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <a class="text-[1.125rem] leading[1.75rem] font-extralight hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" target="_blank" href="https://www.gruppometa.it/it/progetti/zanichelli-editore">Zanichelli Editore S.p.A</a> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <a class="text-[1.125rem] leading[1.75rem] font-extralight hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" target="_blank" href="https://www.gruppometa.it/it/progetti/erickson-didattica-e-formazione">Edizioni Centro Studi Erickson S.p.A</a> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <span class="text-[1.125rem] leading[1.75rem] font-extralight">Editrice Bibliografica</span> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <a class="text-[1.125rem] leading[1.75rem] font-extralight hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" target="_blank" href="https://www.gruppometa.it/it/progetti/aeronautica-militare-applicativi-per-l-alta-formazione-professionale">ISMA Istituto di Scienze Militari Aeronautiche</a> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <span class="text-[1.125rem] leading[1.75rem] font-extralight">Conservatorio di Milano</span> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <a class="text-[1.125rem] leading[1.75rem] font-extralight hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" target="_blank" href="https://www.gruppometa.it/it/progetti/fondazione-cassa-di-risparmio-di-lucca-piattaforma-uibi">Fondazione Cassa di Risparmio di Lucca </a> </li><li class="py-2.5 border-b border-meta-light-gray first:border-t md:[&:nth-child(-n+2)]:border-t xl:[&:nth-child(-n+3)]:border-t"> <span class="text-[1.125rem] leading[1.75rem] font-extralight">Università Bocconi</span> </li> </ul> </section> </main> <footer id="footer" class="grid grid-cols-content lg:h-[37.5rem] relative bg-black text-white print:hidden"> <div class="col-content row-start-1 z-10 pt-8 lg:pt-20 pb-12 lg:pb-[4.75rem] flex flex-col"> <h1 class="text-lg font-semibold font-meta-base"> M.E.T.A. Srl </h1> <div class="mt-6 mb-16 lg:mb-0 grid grid-cols-12 gap-6"> <div class="col-span-full lg:col-span-4 xl:col-span-5 grid xl:grid-cols-2 gap-6"> <div class="flex flex-col"><p>Sede legale:<br />Via Ponte a Piglieri, 8<br /> 56121 Pisa (PI) Italia</p></div><div class="flex flex-col"><p>Tel. +39 050.988448<br />Email: info@gruppometa.it<br />PEC: gruppometa@pec.it</p></div><div class="flex flex-col"><p>REA Pisa n.177778<br />C.F. P.I.: 01629090463<br />C.S. €. 100.980,00 i. v.</p></div> </div> <div class="col-span-4 xl:col-span-5 hidden lg:grid xl:grid-cols-2 gap-6"> <div class="flex flex-col"> <span class="font-semibold">Pisa</span> <span class="text-sm">Via Ponte a Piglieri, 8</span> </div><div class="flex flex-col"> <span class="font-semibold">Napoli</span> <span class="text-sm">Corso Umberto I, 201</span> </div><div class="flex flex-col"> <span class="font-semibold">Firenze</span> <span class="text-sm">P.zza Madonna della Neve, 5</span> </div><div class="flex flex-col"> <span class="font-semibold">Potenza Picena</span> <span class="text-sm">Via Gioacchino Rossini, 179</span> </div><div class="flex flex-col"> <span class="font-semibold">Roma</span> <span class="text-sm">Via Vincenzo Lamaro, 51</span> </div> </div> <ul class="col-span-4 xl:col-span-2 hidden lg:flex flex-col items-start gap-y-3" id="mainFooterNavigation"><li class=" "><a href="https://www.linkedin.com/company/m-e-t-a--srl/posts/?feedView=all" class="text-base leading-5 hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" title="Linkedin">Linkedin</a></li></ul> </div> <div class="mt-auto flex flex-col md:flex-row md:items-center gap-y-1.5 gap-x-9 text-sm leading-6"> <span class="text-sm"> M.E.T.A. Srl è una società del Gruppo ETT </span> <div class="pt-2 sm:pt-0 flex flex-col sm:flex-row items-start sm:items-baseline gap-3 md:gap-x-9"> <ul class="flex flex-col sm:flex-row gap-3 md:gap-x-9" id="secondaryFooterNavigation"><li class=" "><a href="https://www.gruppometa.it/it/55/mappa-del-sito" class="hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" title="Mappa del sito">Mappa del sito</a></li><li class=" "><a href="https://www.gruppometa.it/it/privacy-policy" class="hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" title="Privacy policy">Privacy policy</a></li><li class=" "><a href="https://www.gruppometa.it/it/cookie-policy" class="hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100" title="Cookie policy">Cookie policy</a></li></ul> <button type="button" data-cc="show-preferencesModal" class="h-6 text-sm leading-5 hover:text-meta-primary focus-visible:text-meta-primary hover:underline focus-visible:underline transition-all duration-100"> Gestione cookie </button> </div> </div> </div> <a class="skip-accessibility skip-bottom text-black" href="https://www.gruppometa.it/it/home#body">Torna in alto</a> </footer> <script type="text/javascript" src="cache/cache_c21f969b5f03d33d43e04f8f136e7682_87eb8fb90da1c181ab53703079311554.js" ></script></body> </html>

CINXE.COM

Home - GruppoMeta