Lavora con noi

<!DOCTYPE HTML> <html lang="it"> <head>  <title>Lavora con noi | IPZS</title> <meta name="description" content="ll tuo futuro nel nostro. Il tuo talento per i nostri valori."> <meta property="og:title" content="Lavora con noi | IPZS" /> <meta property="og:description" content="ll tuo futuro nel nostro. Il tuo talento per i nostri valori."/> <meta name="robots" content="index" />  <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initial-scale=1.0">   <meta charset="UTF-8">  <meta name="language" content="it" />  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://www.ipzs.it", "logo": "https://www.ipzs.it/internet/loghi/logo-ipzs.png" } </script>  <meta name="author" content="Istituto Poligrafico e Zecca dello Stato S.p.A.">    <link rel="stylesheet" type="text/css" href="/css/internet/fonts_awesome/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="/css/internet/bootstrap/bootstrap.min.css">  <link rel="stylesheet" type="text/css" href="/css/internet/style.css?version=1.4">  <link rel="preload" href="/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/static/homepage/immagini/freccia-min-b.svg" as="image" type="image/svg+xml"> <link rel="preload" href="/static/homepage/immagini/freccia-min.svg" as="image" type="image/svg+xml">  <link rel="apple-touch-icon" sizes="152x152" href="/img/internet/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/img/internet/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/img/internet/favicon/favicon-16x16.png"> <link rel="manifest" href="/img/internet/favicon/site.webmanifest"> <link rel="mask-icon" href="/img/internet/favicon/safari-pinned-tab.svg" color="#000000"> <link rel="shortcut icon" href="/img/internet/favicon/favicon.ico"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-config" content="/img/internet/favicon/browserconfig.xml"> <meta name="theme-color" content="#ffffff">  <meta name="_csrf" content="eb0d121a-d312-4d23-aaf6-a8c0c97639de" /> <meta name="_csrf_header" content="X-CSRF-TOKEN" /> <meta name="_csrf_parameter" content="_csrf" /> </head> <body> <a class="hide" href="#contenitorePagina" tabindex="0">Vai al Contenuto</a>  <div class="container topheader "> <div class="row"> <div class="col-xs-12 col-lg-8 col-sm-12 login"> </div>  <div class="modal fade" id="unavoltasola" role="dialog" aria-labelledby="myModalLabel7" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel7">Messaggio di errore</h4> </div> <div class="modal-body">  Non è possibile modificare la password! E' già stata modificata nella data odierna! E' possibile modificare la password 1 volta al giorno!  </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Chiudi</button> </div> </div> </div> </div>   <div class="modal fade" id="cambiala" role="dialog" aria-labelledby="myModalLabel8" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel8">Attenzione</h4> </div> <div class="modal-body">  Attenzione! La password scadrà tra giorni! Si consiglia di effettuare il cambio password!  </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Chiudi</button> </div> </div> </div> </div>   <div class="modal fade" id="alertPwdChange" role="dialog" aria-labelledby="myModalLabel9" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel9">Attenzione</h4> </div> <div class="modal-body">  Operazione di cambio password avvenuta con successo!  </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Chiudi</button> </div> </div> </div> </div>  <div class="col-xs-12 col-lg-4 col-sm-12 menuBackend lingua"> <ol> </ol> </div> </div> </div>  <style> .navbar { position: relative; min-height: revert; height: revert; margin-bottom: revert; border: none; } .navbar-brand { padding: 15px 15px 15px 15px; } #lettering { display: none; /* Nascosto per impostazione predefinita (mobile) */ } @media screen and (min-width: 435px) { .navbar-brand { padding: 15px 15px 15px 30px; } #lettering { display: block; /* Visibile a partire da 435px */ } } .toggle-hamburger svg { transition: all 0.5s ease; } .toggle-hamburger svg path { transition: all 0.5s ease; } /* Riga superiore (prima) */ .toggle-hamburger.collapsed svg path:nth-child(1) { transform-origin: 10px 15px; /* Punto di ancoraggio fisso a sinistra */ transform: rotate(0deg); } /* Riga inferiore (terza) */ .toggle-hamburger.collapsed svg path:nth-child(3) { transform-origin: 10px 45px; /* Punto di ancoraggio fisso a sinistra */ transform: rotate(0deg); } /* Riga centrale */ .toggle-hamburger.collapsed svg path:nth-child(2) { opacity: 1; } /* Quando la classe 'collapsed' viene rimossa */ /* Prima riga: ruota di 45 gradi, trasla verso destra e scende di 2px */ .toggle-hamburger:not(.collapsed) svg path:nth-child(1) { transform-origin: 8px 9px; /* Sposta l'origine in basso di 2px */ transform: translateX(12px) rotate(45deg); /* Traslazione orizzontale verso il centro e rotazione */ } /* Terza riga: ruota di 45 gradi, trasla verso destra e sale di 2px */ .toggle-hamburger:not(.collapsed) svg path:nth-child(3) { transform-origin: 10px 52px; /* Sposta l'origine in alto di 2px */ transform: translateX(12px) rotate(-45deg); /* Traslazione orizzontale verso il centro e rotazione */ } /* La riga centrale scompare */ .toggle-hamburger:not(.collapsed) svg path:nth-child(2) { opacity: 0; } .caret-svg { transition: transform 0.3s ease; /* Transizione fluida */ display: inline-block; vertical-align: middle; } .dropdown.open .caret-svg { transform: rotate(180deg); /* Ruota la caret di 180 gradi */ } </style> <header role="banner" style="height: 100px;"> <div class="navbar-header" style="float:none;"> <a class="navbar-brand" href="/" aria-label="Homepage Istituto Poligrafico e Zecca dello Stato" style="float: left;"> <img src="/img/internet/loghi/logoIPZS-min.svg" alt="Logo Istituto Poligrafico e Zecca dello Stato" title="Logo Istituto Poligrafico e Zecca dello Stato" width="164" height="63" role="img"> </a> <button type="button" class="navbar-toggle toggle-hamburger collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" style="position: relative; float: right; margin-right: 20px; padding: 6px;"> <span class="sr-only">Toggle navigation</span> <svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg" stroke="black" stroke-width="1" stroke-linecap="round"> <path d="M14,18 L46,18"></path> <path d="M14,30 L46,30"></path> <path d="M14,42 L46,42"></path> </svg> </button> </div> </header>  <nav class="navbar navbar-default navigazioneMenu" role="navigation" aria-label="Menu principale" style="height: revert;"> <div class="container-fluid" style="padding: 0;"> <div id="navbar" class="navbar-collapse collapse navbar-expand-sm"> <ul class="nav navbar-nav"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" tabindex="0">Chi siamo <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="caret-svg"> <path d="M5 7 L10 11 L15 7" stroke="black" stroke-width="1" fill="none" stroke-linecap="round"></path> </svg></a> <ul class="dropdown-menu" role="menu"> <li><a href="/ext/chisiamo_ipzs.html" tabindex="0">L'Azienda</a></li> <li><a href="/ext/innovazione.html" tabindex="0">Innovazione</a></li> <li><a href="/ext/chisiamo_certificazioni.html" tabindex="0">Certificazioni</a></li> <li><a href="/ext/lavora_con_noi.html" tabindex="0">Lavora con Noi</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" tabindex="0">Soluzioni <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="caret-svg"> <path d="M5 7 L10 11 L15 7" stroke="black" stroke-width="1" fill="none" stroke-linecap="round"></path> </svg></a> <ul class="dropdown-menu" role="menu"> <li><a href="/ext/identita_riconoscimento.html" tabindex="0">Identità e riconoscimento</a></li> <li><a href="/ext/sicurezza_anticontraffazione.html" tabindex="0">Anticontraffazione e sicurezza</a></li> <li><a href="/ext/ia-tracciabilita.html" tabindex="0">Intelligenza artificiale</a></li> <li><a href="/ext/madeinitaly.html" tabindex="0">Tutela Made in Italy</a></li> <li><a href="/ext/monete_francobolli_carte.html" tabindex="0">Monete, francobolli e carte speciali</a></li> <li><a href="/ext/arte_editoria.html" tabindex="0">Arte ed Editoria</a></li> <li><a href="/ext/giuridiche_elettorali.html" tabindex="0">Soluzioni giuridiche ed elettorali</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Prodotti <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="caret-svg"> <path d="M5 7 L10 11 L15 7" stroke="black" stroke-width="1" fill="none" stroke-linecap="round"></path> </svg></a> <ul class="dropdown-menu" role="menu">  <li role="presentation" class="dropdown-header">Identità e Riconoscimento</li> <li><a href="/ext/carta_identita_elettronica_prodotti.html" tabindex="0">Carta di identità elettronica</a></li> <li><a href="/ext/passaporto_elettronico.html" tabindex="0">Passaporto elettronico</a></li> <li><a href="/ext/permesso_soggiorno_elettronico.html" tabindex="0">Permesso di soggiorno</a></li> <li><a href="/ext/patente_guida_europea.html" tabindex="0">Patente di guida europea</a></li> <li><a href="/ext/progetto_eu_etd.html" tabindex="0">Nuovo ETD</a></li>  <li role="presentation" class="dropdown-header">Anticontraffazione e Sicurezza</li> <li><a href="/ext/contrassegni_do.html" tabindex="0">Contrassegni Denominazione d'Origine</a></li> <li><a href="/ext/passaporto_digitale.html" tabindex="0">Contrassegni alimentari</a></li> <li><a href="/ext/contrassegni_alcolici.html" tabindex="0">Contrassegni alcolici</a></li> <li><a href="/ext/tasselli_tabacchi.html" tabindex="0">Tasselli tabacchi</a></li> <li><a href="/ext/marca_bollo.html" tabindex="0">Marche da bollo</a></li> <li><a href="/ext/bollini_farmaceutici.html" tabindex="0">Bollini farmaceutici</a></li> <li><a href="/ext/sigilli_stato.html" tabindex="0">Sigilli di Stato</a></li> <li><a href="/ext/targhe_veicoli.html" tabindex="0">Targhe veicoli</a></li>  <li role="presentation" class="dropdown-header">Monete, Francobolli e Carte Speciali</li> <li><a href="/ext/numismatica.html" tabindex="0">Numismatica</a></li> <li><a href="/ext/stampati_carte_valori.html" tabindex="0">Stampati e carte valori</a></li>  <li role="presentation" class="dropdown-header">Arte ed Editoria</li> <li><a href="/ext/editoria.html" tabindex="0">Libreria dello Stato</a></li> <li><a href="/ext/editoria_su_commessa.html" tabindex="0">Editoria su commessa</a></li> <li><a href="/ext/prodotti_arte.html" tabindex="0">Prodotti d'arte</a></li> <li><a href="/ext/foglietti_erinnofili.html" tabindex="0">Foglietti erinnofili</a></li>  <li role="presentation" class="dropdown-header">Prodotti Giuridici ed Elettorali</li> <li><a href="/ext/gazzetta_ufficiale.html" tabindex="0">Gazzetta Ufficiale</a></li> <li><a href="/ext/servizio_elettorale.html" tabindex="0">Servizio elettorale</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">News & Media <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="caret-svg"> <path d="M5 7 L10 11 L15 7" stroke="black" stroke-width="1" fill="none" stroke-linecap="round"></path> </svg></a> <ul class="dropdown-menu" role="menu"> <li><a href="/ext/newsmedia.html" tabindex="0">News</a></li> <li><a href="/ext/multimedia.html" tabindex="0">Multimedia</a></li> <li><a href="/ext/comunicati.html" tabindex="0">Comunicati</a></li> </ul> </li> <li class="visible-xs"> <a class="menu-primo-livello" href="https://www.shop.ipzs.it/" target="_blank" aria-expanded="false" aria-haspopup="false" tabindex="0">Shop</a> </li> </ul> </div> <span class="hidden-xs hidden-sm" style="height: 0px;position: absolute;right: 0;float: right;"> <a href="https://www.shop.ipzs.it/" target="_blank" style="color: #FFFFFF;display: block;background: rgb(105,140,130);background-image: linear-gradient(to bottom, #5A7E74, #122B24);position: relative;top: -50px;height: 50px;padding: 5px 22px 0 30px;clip-path: polygon(15px 0, 100% 0px, 100% 100%, 0px 100%); text-decoration: none;">  SHOP <strong>IPZS</strong><br>Acquista le nostre monete <img class="freccia-min" src="/static/homepage/immagini/freccia-min.svg" alt="" role="presentation" width="20px" height="13px" style="filter: invert(100%);"> </a> </span> </div> </nav>  <main role="main">   <div id="chisiamo_ipzs" class="container-fluid" style="margin: 0 auto 0 auto;z-index: 1;"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 banner-chisiamo" style="background-image: url(/static/lavoraconnoi/immagini/lavora_con_noi_futuro.jpg);background-size: cover; background-position: center; height: 570px;"> <div id="chisiamo_claim"> <h1> <span>Il tuo futuro </span> <span class="span_bold">nel nostro</span> <p>per costruire un valore condiviso</p> </h1> </div> </div> </div> </div> <div class="container-fluid layoutSemplice">  <div class="row hidden-xs hidden-sm" style="margin: 50px 0 20px 0; max-width: 1280px;margin-left: auto;margin-right: auto;"> <div class="container-fluid" style="padding: 0px;"> <div class="col-md-6 col-xs-12"> <div style="background-color: white; height: 75px; border-left:3.57px #B1181D solid;padding-left: 10px;"> <h1 style="font-family: Open Sans;font-size: 12px;font-weight: 600;line-height: 16px;letter-spacing: 0.004em;text-align: left;text-transform: uppercase;color: #B1181D;"> Lavora con noi</h1> <p style="font-family: Open Sans;font-size: 40px;font-weight: 700;text-align: left; line-height: 65px; line-height: 40px;padding-top: 12px;"> Entra in una realtà unica</p> </div> </div> <div class="col-md-6 col-xs-12"> <div style="background-color: white; height: 75px;"> <p>Il Poligrafico è un'azienda che crede nell'innovazione e nella tecnologia. Siamo alla ricerca di persone talentuose e motivate, pronte ad accettare sempre nuove sfide.</p> </div> </div> </div> </div> <br><br><br>  <div class="row visible-xs visible-sm" style="margin: 0 0 40px 0;"> <div class="container-fluid" style="padding-bottom: 50px;"> <div class="col-sm-12 col-xs-12" style="margin-bottom: 20px;"> <div style="background-color: white; border-left:3.57px #B1181D solid;padding-left: 10px;"> <p style="font-family: Open Sans;font-size: 12px;font-weight: 600;line-height: 16px;letter-spacing: 0.004em;text-align: left;text-transform: uppercase;color: #B1181D;"> Lavora con noi</p> <p style="font-family: Open Sans;font-size: 32px;font-weight: 700;text-align: left; line-height: 35px;"> Entra in una realtà unica</p> </div> </div> <div class="col-sm-12 col-xs-12"> <div style="background-color: white;"> <p>Il Poligrafico è un'azienda che crede nell'innovazione e nella tecnologia. Siamo alla ricerca di persone talentuose e motivate, pronte ad accettare sempre nuove sfide.</p> </div> </div> </div> </div>    <div class="row hidden-xs hidden-sm" style="display: flex;column-gap: 15px; top: -50px;justify-content: center; position: relative;"> <div class="col-sm-12" style="max-width: 1280px; overflow: hidden;">  <div id="carouselSlider-lavoraconnoi-realta" class="interno carousel slide prodottiHome fade-carousel" data-ride="carousel" data-interval="4000"> <div class="carousel-inner grid" style="overflow: visible;background: transparent;">  <div class="item active"> <div class="row" style="display: flex;column-gap: 15px;justify-content: center;"> <div class="col-xs-12 col-lg-6 col-md-6"> <div style="height: 100%;justify-content: center;align-items: center;display: flex;color: white;font-weight: 700;font-family: Open Sans;font-size: 26px;font-weight: 700;line-height: 33px;letter-spacing: 0.0025em; flex-direction: column;"> <img id="img_realta_1" class="img-fluid" style="max-width: 100%; height: auto;" src="/static/lavoraconnoi/immagini/lavoraconnoi_realta_2.jpg" alt="Contribuisci alla crescita del Paese" title="Contribuisci alla crescita del Paese"> <img id="img_realta_2r" class="img-fluid" style="max-width: 100%; height: auto; display: none;" src="/static/lavoraconnoi/immagini/lavoraconnoi_realta_2r.jpg" alt="Contribuisci alla crescita del Paese" title="Contribuisci alla crescita del Paese"> <div id="realta_1" style="padding-left: 10px; border-left: 3.5px solid white; display: block; top: 60%; left: 55%; transform: translate(-50%, -50%); position: absolute; color: white; height: 80px; max-width: 547px; width: 100%; padding-right: 90px;"> <p style="font-family: Open Sans;font-size: 40px;font-weight: 400;text-align: left; line-height: 40px;padding-left: 10px;"> Contribuisci alla <strong>crescita</strong> del Paese</p> </div> <div id="realta_12" style="display: none; top: 56%; left: 53%; transform: translate(-50%, -50%); position: absolute; color: white; height: 113px; width: 547px; padding-right: 90px;"> <p style="font-family: Open Sans;font-size: 24px;font-weight: 700;text-align: left; line-height: 32px;padding-left: 10px; text-transform: uppercase;"> Contribuisci alla <strong>crescita</strong> del Paese</p> <p style="font-family: Open Sans;font-size: 16px;font-weight: 400;text-align: left; line-height: 20px;padding-left: 10px;"> Potrai concentrare la tua esperienza e la tua conoscenza su progetti che hanno impatto diretto sul benessere di cittadini e imprese e generano valore per lo Stato con un solo obiettivo: il progresso della Nazione.</p> </div> <div id="cta_scopri" onclick="clk_scopri('cta_scopri', 'realta_1', 'realta_12', 'cta_img', 'img_realta_1', 'img_realta_2r')" style="position: relative;width: 64px;height: 64px;background: #B1181D;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08); top: -60px;left: 250px; cursor: pointer;"> <img alt="" src="/static/chisiamo/ipzs/immagini/chisiamo_freccia.svg" id="cta_img" style="top: 30%;left: 30%;position: absolute;"> </div> </div> </div> <div class="col-xs-12 col-lg-6 col-md-6"> <div style="height: 100%;justify-content: center;align-items: center;display: flex;color: white;font-weight: 400;font-family: Open Sans;font-size: 26px;font-weight: 700;line-height: 33px;letter-spacing: 0.0025em; flex-direction: column;"> <img id="img_realta_2" class="img-fluid" style="max-width: 100%; height: auto;" src="/static/lavoraconnoi/immagini/lavoraconnoi_realta_1.jpg" alt="Lavorando con flessibilità e fiducia" title="Lavorando con flessibilità e fiducia"> <img id="img_realta_1r" class="img-fluid" style="max-width: 100%; height: auto; display: none;" src="/static/lavoraconnoi/immagini/lavoraconnoi_realta_1r.jpg" alt="Lavorando con flessibilità e fiducia" title="Lavorando con flessibilità e fiducia"> <div> <div id="realta_2" style="padding-left: 10px; border-left: 3.5px solid white; display: block; top: 60%; left: 55%; transform: translate(-50%, -50%); position: absolute; color: white; height: 80px; max-width: 547px; width: 100%; padding-right: 90px;"> <p style="font-family: Open Sans;font-size: 40px;font-weight: 400;text-align: left; line-height: 40px;padding-left: 10px;"> Lavorando con <strong>flessibilità</strong> e <strong>fiducia</strong></p> </div> <div id="realta_22" style="display: none; top: 56%; left: 53%; transform: translate(-50%, -50%); position: absolute; color: white; height: 113px; width: 547px; padding-right: 90px;"> <p style="font-family: Open Sans;font-size: 24px;font-weight: 700;text-align: left; line-height: 32px;padding-left: 10px; text-transform: uppercase;"> Lavorando con flessibilità e fiducia</p> <p style="font-family: Open Sans;font-size: 16px;font-weight: 400;text-align: left; line-height: 20px;padding-left: 10px;"> Entrerai subito a far parte del team di progetto in un clima di fiducia e collaborazione e potrai sentirti libero di dare sfogo alla tua creatività, di sperimentare nuove idee e soluzioni, spinto soltanto dalla voglia di fare un ottimo lavoro e raggiungere l'obiettivo. </p> </div> </div> <div id="cta_scopri2" onclick="clk_scopri('cta_scopri2', 'realta_2', 'realta_22', 'cta_img2', 'img_realta_2', 'img_realta_1r')" style="position: relative;width: 64px;height: 64px;background: #B1181D;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08); top: -60px;left: 250px; cursor: pointer;"> <img alt="" src="/static/chisiamo/ipzs/immagini/chisiamo_freccia.svg" id="cta_img2" style="top: 30%;left: 30%;position: absolute;"> </div> </div> </div> <script> function clk_scopri(a, b, c, d, e, f) { var x = document.getElementById(c).style.display; var img = document.getElementById(d); if (x === "none") { document.getElementById(a).style.transform = "rotate(45deg)"; document.getElementById(b).style.display = "none"; document.getElementById(c).style.display = "block"; img.src = "/static/chisiamo/ipzs/immagini/chisiamo_x.svg"; document.getElementById(f).style.display = "block"; document.getElementById(e).style.display = "none"; } else { document.getElementById(a).style.transform = "rotate(0deg)"; document.getElementById(b).style.display = "block"; document.getElementById(c).style.display = "none"; img.src = "/static/chisiamo/ipzs/immagini/chisiamo_freccia.svg"; document.getElementById(f).style.display = "none"; document.getElementById(e).style.display = "block"; } } </script> </div> </div>  <div class="item"> <div class="row" style="display: flex;column-gap: 15px;justify-content: center;"> <div class="col-xs-12 col-lg-6 col-md-6"> <div style="height: 100%;justify-content: center;align-items: center;display: flex;color: white;font-weight: 400;font-family: Open Sans;font-size: 26px;font-weight: 700;line-height: 33px;letter-spacing: 0.0025em; flex-direction: column;"> <img id="img_realta_3" class="img-fluid" style="max-width: 100%; height: auto;" src="/static/lavoraconnoi/immagini/lavoraconnoi_realta_3.jpg" alt="In presenza e in smart working" title="In presenza e in smart working"> <img id="img_realta_3r" class="img-fluid" style="max-width: 100%; height: auto; display: none;" src="/static/lavoraconnoi/immagini/lavoraconnoi_realta_3r.jpg" alt="In presenza e in smart working" title="In presenza e in smart working"> <div> <div id="realta_3" style="padding-left: 10px; border-left: 3.5px solid white; display: block; top: 60%; left: 55%; transform: translate(-50%, -50%); position: absolute; color: white; height: 80px; max-width: 547px; width: 100%; padding-right: 90px;"> <p style="font-family: Open Sans;font-size: 40px;font-weight: 400;text-align: left; line-height: 40px;padding-left: 10px;"> In presenza e in smart <strong>working</strong></p> </div> <div id="realta_32" style="display: none; top: 56%; left: 53%; transform: translate(-50%, -50%); position: absolute; color: white; height: 113px; width: 547px; padding-right: 90px;"> <p style="font-family: Open Sans;font-size: 24px;font-weight: 700;text-align: left; line-height: 32px;padding-left: 10px; text-transform: uppercase;"> In presenza e in smart working</p> <p style="font-family: Open Sans;font-size: 16px;font-weight: 400;text-align: left; line-height: 20px;padding-left: 10px;"> Lavorerai in presenza, ma se il tuo ruolo lo consente, con lo SW potrai lavorare dove vuoi, quando vuoi per 8 giorni al mese. Sosteniamo anche con importanti incentivi i lavoratori con figli, perchè il tuo tempo, la tua famiglia sono preziosi.</p> </div> </div> <div id="cta_scopri3" onclick="clk_scopri('cta_scopri3', 'realta_3', 'realta_32', 'cta_img3', 'img_realta_3', 'img_realta_3r')" style="position: relative;width: 64px;height: 64px;background: #B1181D;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08); top: -60px;left: 250px;cursor: pointer;"> <img alt="" src="/static/chisiamo/ipzs/immagini/chisiamo_freccia.svg" id="cta_img3" style="top: 30%;left: 30%;position: absolute;"> </div> </div> </div> <div class="col-xs-12 col-lg-6 col-md-6"> <div style="height: 100%;justify-content: center;align-items: center;display: flex;color: white;font-weight: 400;font-family: Open Sans;font-size: 26px;font-weight: 700;line-height: 33px;letter-spacing: 0.0025em; flex-direction: column;"> <img id="img_realta_4" class="img-fluid" style="max-width: 100%; height: auto;" src="/static/lavoraconnoi/immagini/lavoraconnoi_realta_4.jpg" alt="A vantaggio dell'ambiente" title="A vantaggio dell'ambiente"> <img id="img_realta_4r" class="img-fluid" style="max-width: 100%; height: auto; display: none;" src="/static/lavoraconnoi/immagini/lavoraconnoi_realta_4r.jpg" alt="A vantaggio dell’ambiente" title="A vantaggio dell’ambiente"> <div> <div id="realta_4" style="padding-left: 10px; border-left: 3.5px solid white; display: block; top: 60%; left: 55%; transform: translate(-50%, -50%); position: absolute; color: white; height: 80px; max-width: 547px; width: 100%; padding-right: 90px;"> <p style="font-family: Open Sans;font-size: 40px;font-weight: 400;text-align: left; line-height: 40px;padding-left: 10px;"> A vantaggio dell'<strong>ambiente</strong></p> </div> <div id="realta_42" style="display: none; top: 56%; left: 53%; transform: translate(-50%, -50%); position: absolute; color: white; height: 113px; width: 547px; padding-right: 90px;"> <p style="font-family: Open Sans;font-size: 24px;font-weight: 700;text-align: left; line-height: 32px;padding-left: 10px; text-transform: uppercase;"> A vantaggio dell'ambiente</p> <p style="font-family: Open Sans;font-size: 16px;font-weight: 400;text-align: left; line-height: 20px;padding-left: 10px;"> Servizio navetta, car sharing con auto elettriche, parcheggio biciclette sono solo alcune delle soluzioni green di mobilità che avrai a disposizione per vivere meglio e contribuire in prima persona a un mondo più sostenibile.</p> </div> </div> <div id="cta_scopri4" onclick="clk_scopri('cta_scopri4', 'realta_4', 'realta_42', 'cta_img4', 'img_realta_4', 'img_realta_4r')" style="position: relative;width: 64px;height: 64px;background: #B1181D;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08); top: -60px;left: 250px; cursor: pointer;"> <img alt="" src="/static/chisiamo/ipzs/immagini/chisiamo_freccia.svg" id="cta_img4" style="top: 30%;left: 30%;position: absolute;"> </div> </div> </div> <script> function clk_scopri(a, b, c, d, e, f) { var x = document.getElementById(c).style.display; var img = document.getElementById(d); if (x === "none") { document.getElementById(a).style.transform = "rotate(45deg)"; document.getElementById(b).style.display = "none"; document.getElementById(c).style.display = "block"; img.src = "/static/chisiamo/ipzs/immagini/chisiamo_x.svg"; document.getElementById(f).style.display = "block"; document.getElementById(e).style.display = "none"; } else { document.getElementById(a).style.transform = "rotate(0deg)"; document.getElementById(b).style.display = "block"; document.getElementById(c).style.display = "none"; img.src = "/static/chisiamo/ipzs/immagini/chisiamo_freccia.svg"; document.getElementById(f).style.display = "none"; document.getElementById(e).style.display = "block"; } } </script> </div> </div> </div>  <ol class="carousel-indicators" style="margin-left: 0;width: 100%; position: unset; margin-top: 20px;"> <li data-target="#carouselSlider-lavoraconnoi-realta.interno" data-slide-to="0" class="primoSlide active"></li> <li data-target="#carouselSlider-lavoraconnoi-realta.interno" data-slide-to="1" class=""></li> </ol> </div> </div> </div>  <div class="row visible-sm visible-xs" style="display: flex;column-gap: 15px; top: -50px;justify-content: center; position: relative;"> <div class="col-sm-12">  <div id="carouselSlider-lavoraconnoi-realta" class="interno carousel slide prodottiHome fade-carousel" data-ride="carousel" data-interval="4000"> <div class="carousel-inner grid" style="overflow: visible;background: transparent;">  <div class="item active"> <div class="row" style="display: flex;column-gap: 15px;justify-content: center;"> <div class="col-xs-12 col-sm-12"> <div style="height: 100%;display: flex;color: black;font-weight: 400;font-family: Open Sans;font-size: 26px;line-height: 33px;letter-spacing: 0.0025em; flex-direction: column;"> <img id="img_realta_2r" class="img-fluid" style="max-width: 100%; height: auto;" src="/static/lavoraconnoi/immagini/lavoraconnoi_realta_2r.jpg" alt="Contribuisci alla crescita del Paese" title="Contribuisci alla crescita del Paese"> <div id="realta_12" style="bottom: 30px; left: 33px; position: absolute; color: white; margin-left: auto;margin-right: auto;padding: 0 30px 0 0;"> <p style="font-family: Open Sans;font-size: 24px;font-weight: 700;text-align: left; line-height: 24px;padding-left: 10px; text-transform: uppercase;"> Contribuisci alla <strong>crescita</strong> del Paese</p> <p style="font-family: Open Sans;font-size: 16px;font-weight: 400;text-align: left; line-height: 18px;padding-left: 10px;"> Potrai concentrare la tua esperienza e la tua conoscenza su progetti che hanno impatto diretto sul benessere di cittadini e imprese e generano valore per lo Stato con un solo obiettivo: il progresso della Nazione.</p> </div> </div> </div> </div> </div>  <div class="item"> <div class="row" style="display: flex;column-gap: 15px;justify-content: center;"> <div class="col-xs-12 col-sm-12"> <div style="height: 100%;display: flex;color: black;font-weight: 400;font-family: Open Sans;font-size: 26px;line-height: 33px;letter-spacing: 0.0025em; flex-direction: column;"> <img id="img_realta_1r" class="img-fluid" style="max-width: 100%; height: auto;" src="/static/lavoraconnoi/immagini/lavoraconnoi_realta_1r.jpg" alt="Lavorando con flessibilità e fiducia" title="Lavorando con flessibilità e fiducia"> <div> <div id="realta_22" style="bottom: 30px; left: 33px; position: absolute; color: white; margin-left: auto;margin-right: auto;padding: 0 30px 0 0;"> <p style="font-family: Open Sans;font-size: 24px;font-weight: 700;text-align: left; line-height: 24px;padding-left: 10px; text-transform: uppercase;"> Lavorando di squadra</p> <p style="font-family: Open Sans;font-size: 16px;font-weight: 400;text-align: left; line-height: 18px;padding-left: 10px;"> Entrerai subito a far parte del team di progetto in un clima di fiducia e collaborazione e potrai sentirti libero di dare sfogo alla tua creatività, di sperimentare nuove idee e soluzioni, spinto soltanto dalla voglia di fare un ottimo lavoro e raggiungere l'obiettivo. </p> </div> </div> </div> </div> </div> </div>  <div class="item"> <div class="row" style="display: flex;column-gap: 15px;justify-content: center;"> <div class="col-xs-12 col-sm-12"> <div style="height: 100%;display: flex;color: black;font-weight: 400;font-family: Open Sans;font-size: 26px;line-height: 33px;letter-spacing: 0.0025em; flex-direction: column;"> <img id="img_realta_3r" class="img-fluid" style="max-width: 100%; height: auto;" src="/static/lavoraconnoi/immagini/lavoraconnoi_realta_3r.jpg" alt="In presenza e in smart working" title="In presenza e in smart working"> <div> <div id="realta_32" style="bottom: 30px; left: 33px; position: absolute; color: white; margin-left: auto;margin-right: auto;padding: 0 30px 0 0;"> <p style="font-family: Open Sans;font-size: 24px;font-weight: 700;text-align: left; line-height: 24px;padding-left: 10px; text-transform: uppercase;"> Con flessibilità e <strong>fiducia</strong></p> <p style="font-family: Open Sans;font-size: 16px;font-weight: 400;text-align: left; line-height: 18px;padding-left: 10px;"> Entrerai subito a far parte del team di progetto in un clima di fiducia e collaborazione e potrai sentirti libero di dare sfogo alla tua creatività, di sperimentare nuove idee e soluzioni, spinto soltanto dalla voglia di fare un ottimo lavoro e raggiungere l'obiettivo.</p> </div> </div> </div> </div> </div> </div>  <div class="item"> <div class="row" style="display: flex;column-gap: 15px;justify-content: center;"> <div class="col-xs-12 col-sm-12"> <div style="height: 100%;display: flex;color: black;font-weight: 400;font-family: Open Sans;font-size: 26px;line-height: 33px;letter-spacing: 0.0025em; flex-direction: column;"> <img id="img_realta_4r" class="img-fluid" style="max-width: 100%; height: auto;" src="/static/lavoraconnoi/immagini/lavoraconnoi_realta_4r.jpg" alt="A vantaggio dell’ambiente" title="A vantaggio dell’ambiente"> <div> <div id="realta_42" style="bottom: 30px; left: 33px; position: absolute; color: white; margin-left: auto;margin-right: auto;padding: 0 30px 0 0;"> <p style="font-family: Open Sans;font-size: 24px;font-weight: 700;text-align: left; line-height: 24px;padding-left: 10px; text-transform: uppercase;"> In presenza e in smart <strong>working</strong></p> <p style="font-family: Open Sans;font-size: 16px;font-weight: 400;text-align: left; line-height: 18px;padding-left: 10px;"> Servizio navetta, car sharing con auto elettriche, parcheggio biciclette sono solo alcune delle soluzioni green di mobilità che avrai a disposizione per vivere meglio e contribuire in prima persona a un mondo più sostenibile.</p> </div> </div> </div> </div> </div> </div> </div>  <ol class="carousel-indicators" style="margin-left: 0;width: 100%; position: unset; margin-top: 20px;"> <li data-target="#carouselSlider-lavoraconnoi-realta.interno" data-slide-to="0" class="primoSlide active"></li> <li data-target="#carouselSlider-lavoraconnoi-realta.interno" data-slide-to="1" class=""></li> <li data-target="#carouselSlider-lavoraconnoi-realta.interno" data-slide-to="2" class=""></li> <li data-target="#carouselSlider-lavoraconnoi-realta.interno" data-slide-to="3" class=""></li> </ol> </div> </div> </div>   <div class="row hidden-xs hidden-sm" style="max-width: 1280px; margin-left: auto; margin-right: auto;"> <div class="container-fluid"> <div class="col-md-6 col-xs-12"> <div style="background-color: white; height: 75px; border-left:3.57px #B1181D solid;padding-left: 10px;"> <p style="font-family: Open Sans;font-size: 12px;font-weight: 600;line-height: 16px;letter-spacing: 0.004em;text-align: left;text-transform: uppercase;color: #B1181D;"> Posizioni aperte</p> <p style="font-family: Open Sans;font-size: 40px;font-weight: 700;text-align: left; line-height: 65px; line-height: 40px;padding-top: 12px;"> Stiamo cercando</p> </div> </div> <div class="col-md-6 col-xs-12"> <a href="https://www.recruiting.ipzs.it/" target="_blank" target="_blank" style="color: black;text-align: right;font-family: Open Sans;font-size: 14px;font-style: normal;font-weight: 600;line-height: 32px;letter-spacing: 0.1px;text-transform: uppercase; float: right;"> TUTTE LE posizioni aperte <img class="freccia-min" src="/static/homepage/immagini/freccia-min.svg" alt=""></a> </div> </div> </div>  <div class="row visible-xs visible-sm" style="margin: 0 0 40px 0;"> <div class="container-fluid" style="padding-bottom: 50px;"> <div class="col-sm-12 col-xs-12 text-center"> <div style="background-color: white;"> <p style="font-family: Open Sans;font-size: 12px;font-weight: 600;line-height: 16px;letter-spacing: 0.004em;text-transform: uppercase;color: #B1181D;"> Posizioni aperte</p> <p style="font-family: Open Sans;font-size: 32px;font-weight: 700; line-height: 35px;"> Stiamo cercando</p> </div> </div> </div> </div>  <div class="job-listing" data-end-date="2024-11-18"> <div class="container-fluid home conte_ognigiorno" style="margin: 80px 15px 0 15px; max-width: 1280px;margin-left: auto;margin-right: auto;"> <div class="row"> <div class="col-xs-12"> <div class="col-sm-12 col-md-2" style="height: 100px;"> <div id="conte_ognigiorno_ico"> <img alt="Sede di Roma" src="/static/lavoraconnoi/immagini/pw_roma.svg"> </div> </div> <div class="col-sm-12 col-md-8"> <h2 style="font-size: 24px;font-weight: 700;line-height: 34px;letter-spacing: -0.0025em;text-align: left;"> Collaboratore per il supporto alla promozione della SAM e dei prodotti numismatici</h2> <p style="margin-bottom: 20px;">Candidature aperte dal 12/11/2024 al 18/11/2024</p> </div> <div class="col-sm-12 col-md-2"> <a class="btn btn-default pulsante chiaro maiuscolo destra noEffetto zIndex200" href="https://www.recruiting.ipzs.it/job/Roma-collaboratore-per-il-supporto-alla-promozione-della-SAM-e-dei-prodotti-numismatici/1136456855/" target="_blank" role="button">SCOPRI DI PIÙ <img class="freccia-min" src="/static/homepage/immagini/freccia-min.svg" alt=""></a> </div> </div> </div> </div> </div> <div class="job-listing" data-end-date="2024-11-17"> <div class="container-fluid home conte_ognigiorno" style="margin: 80px 15px 0 15px; max-width: 1280px;margin-left: auto;margin-right: auto;"> <div class="row"> <div class="col-xs-12"> <div class="col-sm-12 col-md-2" style="height: 100px;"> <div id="conte_ognigiorno_ico"> <img alt="Sede di Roma" src="/static/lavoraconnoi/immagini/pw_roma.svg"> </div> </div> <div class="col-sm-12 col-md-8"> <h2 style="font-size: 24px;font-weight: 700;line-height: 34px;letter-spacing: -0.0025em;text-align: left;"> Specialist Segreteria Commissione Gare</h2> <p style="margin-bottom: 20px;">Candidature aperte dal 08/11/2024 al 17/11/2024</p> </div> <div class="col-sm-12 col-md-2"> <a class="btn btn-default pulsante chiaro maiuscolo destra noEffetto zIndex200" href="https://www.recruiting.ipzs.it/job/Roma-Specialist-Segreteria-Commissione-Gare/1136223555/" target="_blank" role="button">SCOPRI DI PIÙ <img class="freccia-min" src="/static/homepage/immagini/freccia-min.svg" alt=""></a> </div> </div> </div> </div> </div>  <div id="no-jobs-message" style="display: none; margin: 80px 15px 0 15px; max-width: 1280px; margin-left: auto; margin-right: auto;"> <div class="container-fluid home conte_ognigiorno"> <div class="row"> <div class="col-xs-12" style="height: 100px;"> <div class="col-sm-12 col-md-12"> <p style="margin-top: 35px; text-align: center;">Attualmente non ci sono posizioni aperte</p> </div> </div> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { const jobListings = document.querySelectorAll('.job-listing'); let hasVisibleJob = false; const currentDate = new Date(); // Imposta l'ora corrente a mezzanotte per confronti basati solo sulla data currentDate.setHours(0, 0, 0, 0); jobListings.forEach(function(listing) { const endDate = new Date(listing.getAttribute('data-end-date')); endDate.setHours(0, 0, 0, 0); // Imposta l'ora a mezzanotte per confronti basati solo sulla data // Controlla se la data corrente è minore o uguale alla data di fine if (currentDate <= endDate) { listing.style.display = 'block'; hasVisibleJob = true; } else { listing.style.display = 'none'; } }); // Mostra il messaggio se nessun blocco di lavoro è visibile if (!hasVisibleJob) { document.getElementById('no-jobs-message').style.display = 'block'; } }); </script> <div class="row hidden-xs hidden-sm" style="max-width: 1280px; margin-left: auto; margin-right: auto;"> <div class="container-fluid"> <div class="col-md-6 col-xs-12">  </div> <div class="col-md-6 col-xs-12"> <a href="https://career55.sapsf.eu/career?company=istitutopo&lang=it_IT&login_ns=register&loginFlowRequired=true" target="_blank" style="color: black;text-align: right;font-family: Open Sans;font-size: 14px;font-style: normal;font-weight: 600;line-height: 32px;letter-spacing: 0.1px;text-transform: uppercase;margin-top: 30px; float: right;"> Candidatura spontanea <img class="freccia-min" src="/static/homepage/immagini/freccia-min.svg" alt=""></a> </div> </div> </div>  <div class="row visible-xs visible-sm" style="margin: 0"> <div class="container-fluid text-center" style="padding-top: 50px;"> <div class="col-sm-12 col-xs-12"> <a href="https://www.recruiting.ipzs.it/" target="_blank" style="color: black;font-family: Open Sans;font-size: 14px;font-style: normal;font-weight: 600;line-height: 32px;letter-spacing: 0.1px;text-transform: uppercase;"> TUTTE LE posizioni aperte <img class="freccia-min" src="/static/homepage/immagini/freccia-min.svg" alt=""></a> </div> </div> </div> <div class="row visible-xs visible-sm" style="margin: 0 0 40px 0;"> <div class="container-fluid text-center" style="padding-top: 50px;"> <div class="col-sm-12 col-xs-12"> <a href="https://career55.sapsf.eu/career?company=istitutopo&lang=it_IT&login_ns=register&loginFlowRequired=true" target="_blank" style="color: black; font-family: Open Sans;font-size: 14px;font-style: normal;font-weight: 600;line-height: 32px;letter-spacing: 0.1px;text-transform: uppercase;"> Candidatura spontanea <img class="freccia-min" src="/static/homepage/immagini/freccia-min.svg" alt=""></a> </div> </div> </div>   <div class="container-fluid visible-lg visible-md" style="padding:50px 0;"> <div class="col-md-6 col-lg-6" style="padding: 5%;"> <p style="font-family: Open Sans; font-size: 40px; font-weight: 700; line-height: 40px; letter-spacing: 0.0025em; text-align: left; padding-bottom: 15px;"> La forza della squadra</p> <p style="font-family: Open Sans; font-size: 20px; font-weight: 400; line-height: 27px; letter-spacing: 0.0025em; text-align: left;"> Troverai colleghi disponibili e competenti, pronti a fare gruppo, desiderosi di insegnare i loro segreti e di imparare in un continuo scambio umano e professionale. Assumiamo per talento e motivazione, ma sostegno e rispetto reciproci sono tutto!</p> </div> <div class="col-md-6 col-lg-6"> <img src="/static/lavoraconnoi/immagini/persone.png" class="img-responsive" alt="" style="margin: 0 auto;"> </div> </div> <div class="container-fluid visible-xs visible-sm" style="margin-top: 50px; margin-bottom: 50px;"> <div class="col-sm-12 col-xs-12"> <img src="/static/lavoraconnoi/immagini/persone.png" class="img-responsive" alt="" style="margin: 0 auto;"> </div> <div class="col-sm-12 col-xs-12" style="padding-top: 50px;"> <p style="font-family: Open Sans; font-size: 32px; font-weight: 700; line-height: 40px; letter-spacing: 0.0025em; text-align: left;"> La forza della squadra</p> <p style="font-family: Open Sans; font-size: 16px; font-weight: 400; line-height: 27px; letter-spacing: 0.0025em; text-align: left;"> Troverai colleghi disponibili e competenti, pronti a fare gruppo, desiderosi di insegnare i loro segreti e di imparare in un continuo scambio umano e professionale. Assumiamo per talento e motivazione, ma sostegno e rispetto reciproci sono tutto!</p> </div> </div>  <div class="container-fluid visible-lg " style="margin: 20px 0; color: white;"> <div class="col-md-6 col-lg-6" style="height:415px; background-image: url('/static/lavoraconnoi/immagini/sicuro.jpg'); background-position: top right; background-repeat: no-repeat; background-size: cover; background-color: #000; border-right: 15px solid white; padding-left: 0;"> <div style="background-image: url('/static/lavoraconnoi/immagini/rosso.png'); background-position: -270px 0px; background-repeat: no-repeat; background-size: 100%; height:100%; padding: 120px 0 0 40px;"> <p style="font-family: Open Sans; font-size: 32px; font-weight: 400; line-height: 38px; letter-spacing: 0em; text-align: left; width: 45%;"> Progettiamo<br>un futuro</p> <p style="font-family: Open Sans; font-size: 68px; font-style: italic; font-weight: 700; line-height: 67px; letter-spacing: 0em; text-align: left; margin-bottom:30px;"> sicuro</p> <a href="/ext/chisiamo_ipzs.html" style="color:white; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; padding: 0; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase;">scopri <img class="freccia-min" src="/static/homepage/immagini/freccia-min-b.svg" alt=""></a> </div> </div> <div class="col-md-6 col-lg-6" style="height:415px; background-image: url('/static/lavoraconnoi/immagini/cultura.jpg'); background-position: top right; background-repeat: no-repeat; background-size: cover; background-color: #000; border-left: 15px solid white; padding-left: 0;"> <div style="background-image: url('/static/lavoraconnoi/immagini/rosso.png'); background-position: -270px 0px; background-repeat: no-repeat; background-size: 100%; height:100%; padding: 120px 0 0 40px;"> <p style="font-family: Open Sans; font-size: 32px; font-weight: 400; line-height: 38px; letter-spacing: 0em; text-align: left; width: 45%;"> Un punto di<br>riferimento per la</p> <p style="font-family: Open Sans; font-size: 68px; font-style: italic; font-weight: 700; line-height: 67px; letter-spacing: 0em; text-align: left; margin-bottom:30px;"> cultura</p> <a href="/ext/editoria.html" style="color:white; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; padding: 0; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase;">scopri <img class="freccia-min" src="/static/homepage/immagini/freccia-min-b.svg" alt=""></a> </div> </div> </div> <div class="container-fluid visible-md" style="margin: 20px 0; color: white;"> <div class="col-md-6 col-lg-6" style="height:415px; background-image: url('/static/lavoraconnoi/immagini/sicuro.jpg'); background-position: top left; background-repeat: no-repeat; background-size: cover; background-color: #000; border-right: 15px solid white; padding-left: 0;"> <div style="background-image: url('/static/lavoraconnoi/immagini/rosso.png'); background-position: -190px 0px; background-repeat: no-repeat; background-size: 100%; height:100%; padding: 120px 0 0 40px;"> <p style="font-family: Open Sans; font-size: 24px; font-weight: 400; line-height: 38px; letter-spacing: 0em; text-align: left; width: 45%;"> Progettiamo<br>un futuro</p> <p style="font-family: Open Sans; font-size: 56px; font-style: italic; font-weight: 700; line-height: 67px; letter-spacing: 0em; text-align: left; margin-bottom:30px;"> sicuro</p> <a href="/ext/chisiamo_ipzs.html" style="color:white; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; padding: 0; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase;">scopri <img class="freccia-min" src="/static/homepage/immagini/freccia-min-b.svg" alt=""></a> </div> </div> <div class="col-md-6 col-lg-6" style="height:415px; background-image: url('/static/lavoraconnoi/immagini/cultura.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #000; border-left: 15px solid white; padding-left: 0;"> <div style="background-image: url('/static/lavoraconnoi/immagini/rosso.png'); background-position: -190px 0px; background-repeat: no-repeat; background-size: 100%; height:100%; padding: 120px 0 0 40px;"> <p style="font-family: Open Sans; font-size: 24px; font-weight: 400; line-height: 38px; letter-spacing: 0em; text-align: left; width: 45%;"> Un punto di<br>riferimento per la</p> <p style="font-family: Open Sans; font-size: 56px; font-style: italic; font-weight: 700; line-height: 67px; letter-spacing: 0em; text-align: left; margin-bottom:30px;"> cultura</p> <a href="/ext/editoria.html" style="color:white; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; padding: 0; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase;">scopri <img class="freccia-min" src="/static/homepage/immagini/freccia-min-b.svg" alt=""></a> </div> </div> </div> <div class="container-fluid visible-sm" style="margin: 20px 0; color: white;"> <div class="col-sm-6" style="height:500px; background-image: url('/static/lavoraconnoi/immagini/sicuro.jpg'); background-position:-25px -50px; background-repeat: no-repeat; background-size: 132%; background-color: #000; padding:0; border-right: 15px solid white;"> <div style="background-image: url('/static/lavoraconnoi/immagini/rosso1.png'); background-position: center 158px; background-repeat: no-repeat; height:100%; padding: 250px 0 0 40px;"> <p style="font-family: Open Sans; font-size: 30px; font-weight: 400; line-height: 38px; letter-spacing: 0em; text-align: left; width: 90%;"> Progettiamo<br>un futuro</p> <p style="font-family: Open Sans; font-size: 68px; font-style: italic; font-weight: 700; line-height: 67px; letter-spacing: 0em; text-align: left; margin-bottom:30px;"> sicuro</p> <a href="/ext/chisiamo_ipzs.html" style="color:white; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; padding: 0; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase;">scopri <img class="freccia-min" src="/static/homepage/immagini/freccia-min-b.svg" alt=""></a> </div> </div> <div class="col-sm-6" style="height:500px; background-image: url('/static/lavoraconnoi/immagini/cultura.jpg'); background-position: right -135px; background-repeat: no-repeat; background-size: cover; background-color: #000; padding: 0; border-left:15px solid white;"> <div style="background-image: url('/static/lavoraconnoi/immagini/rosso1.png'); background-position: center 158px; background-repeat: no-repeat; height:100%; padding: 250px 0 0 40px;"> <p style="font-family: Open Sans; font-size: 30px; font-weight: 400; line-height: 38px; letter-spacing: 0em; text-align: left; width: 90%;"> Un punto di<br>riferimento per la</p> <p style="font-family: Open Sans; font-size: 68px; font-style: italic; font-weight: 700; line-height: 67px; letter-spacing: 0em; text-align: left; margin-bottom:30px;"> cultura</p> <a href="/ext/editoria.html" style="color:white; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; padding: 0; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase;">scopri <img class="freccia-min" src="/static/homepage/immagini/freccia-min-b.svg" alt=""></a> </div> </div> </div> <div class="container-fluid visible-xs" style="margin: 20px 0; color: white;"> <div id="sicuro" class="carousel slide" data-ride="carousel">  <ol class="carousel-indicators" style="margin-left:0; left:20%;"> <li data-target="#sicuro" data-slide-to="0" class="active"></li> <li data-target="#sicuro" data-slide-to="1"></li> </ol>  <div class="carousel-inner"> <div class="item active"> <div class="col-xs-12 col-sm-12" style="height:500px; background-image: url('/static/lavoraconnoi/immagini/sicuro.jpg'); background-position:0 -50px; background-repeat: no-repeat; background-size: 115%; background-color: #000; padding:0;"> <div style="background-image: url('/static/lavoraconnoi/immagini/rosso1.png'); background-position: center 158px; background-repeat: no-repeat; height:100%; padding: 250px 0 0 40px;"> <p style="font-family: Open Sans; font-size: 27px; font-weight: 400; line-height: 38px; letter-spacing: 0em; text-align: left; width: 98%;"> Progettiamo<br>un futuro</p> <p style="font-family: Open Sans; font-size: 68px; font-style: italic; font-weight: 700; line-height: 67px; letter-spacing: 0em; text-align: left; margin-bottom:30px;"> sicuro</p> <a href="/ext/chisiamo_ipzs.html" style="color:white; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; padding: 0; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase;">scopri <img class="freccia-min" src="/static/homepage/immagini/freccia-min-b.svg" alt=""></a> </div> </div> </div> <div class="item"> <div class="col-sm-12 col-xs-12" style="height:500px; background-image: url('/static/lavoraconnoi/immagini/cultura.jpg'); background-position: right -135px; background-repeat: no-repeat; background-size: cover; background-color: #000; padding: 0;"> <div style="background-image: url('/static/lavoraconnoi/immagini/rosso1.png'); background-position: center 158px; background-repeat: no-repeat; height:100%; padding: 250px 0 0 40px;"> <p style="font-family: Open Sans; font-size: 27px; font-weight: 400; line-height: 38px; letter-spacing: 0em; text-align: left; width: 98%;"> Un punto di<br>riferimento per la</p> <p style="font-family: Open Sans; font-size: 68px; font-style: italic; font-weight: 700; line-height: 67px; letter-spacing: 0em; text-align: left; margin-bottom:30px;"> cultura</p> <a href="/ext/editoria.html" style="color:white; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; padding: 0; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase;">scopri <img class="freccia-min" src="/static/homepage/immagini/freccia-min-b.svg" alt=""></a> </div> </div> </div> </div> </div> </div> <br><br>   <div class="row" style="padding-bottom: 50px; background: linear-gradient(176.73deg, #698C82 -24.81%, #014532 72.89%); overflow: hidden;"> <div class="col-md-12 col-xs-12" style="padding:40px; color: white; text-align:center;"> <p style="font-family: Open Sans; font-size: 60px; font-weight: 600; line-height: 82px; letter-spacing: -0.015em; text-align: center; "> Seguici su <span style="font-family: Open Sans; font-size: 80px; font-style: italic; font-weight: 700; line-height: 109px; letter-spacing: -0.015em; text-align: left; ">LinkedIN</span> </p> <p style="font-family: Open Sans; font-size: 25px; font-weight: 400; line-height: 34px; letter-spacing: -0.015em; text-align: center; margin-bottom: 30px;"> Scopri opportunità professionali e collegati con noi</p> <a href="https://it.linkedin.com/company/poligrafico-e-zecca-dello-stato-italiano" style="color:white; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 2px solid white; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none">Vai <img class="freccia-min" src="/static/homepage/immagini/freccia-min-b.svg" alt=""> </a> </div> </div>  </div> </main> <aside role="complementary"> </aside>  <footer> <div class="container-fluid footertop"> <a class="footer-brand" href="/"> <img src="/img/internet/loghi/logoIPZS-min.svg" alt="logo Istituto Poligrafico e Zecca dello Stato" title="logo Istituto Poligrafico e Zecca dello Stato" height="50px" width="130px"> </a> </div> <div class="container-fluid footerlinks"> <div class="col-xs-12 col-lg-5 col-sm-5 listaFooter"> <ul> <li class="titolo-new">Istituto Poligrafico e Zecca dello Stato S.p.A.</li> <li> <p>Sede Centrale<br> Via Salaria, 691 - 00138 Roma</p> </li> <li> <a href="tel: 800864035"> Numero verde 800864035</a> </li> <li><a href="/ext/contatti.html">Contatti</a></li> </ul> </div> <div class="col-xs-12 col-lg-3 col-sm-3 listaFooter">  <ul> <li class="titolo-new">Link utili</li> <li><a href="/ext/lavora_con_noi.html" target="_blank">Lavora con noi</a></li> <li><a href="https://www.trasparenza.ipzs.it/" target="_blank">Società Trasparente IPZS <i class="fa fa-external-link hideicon" aria-hidden="true"></i></a></li> <li><a href="https://www.trasparenza.futuroeconoscenza.it/" alt="Futuro&Conoscenza" title="Futuro&Conoscenza" target="_blank">Società Trasparente F&C <i class="fa fa-external-link hideicon" aria-hidden="true"></i></a></li> <li><a href="https://ipzs.segnalazioni.net/" target="_blank">Whistleblowing <i class="fa fa-external-link hideicon" aria-hidden="true"></i></a> </li> <li><a href="/ext/puglia.html">Contratto di Programma Regione Puglia</i></a></li> <li><a href="/ext/cnac.html" target="_blank">CNAC</a></li> <li><a href="https://www.cert.ipzs.it" target="_blank">CERT <i class="fa fa-external-link hideicon" aria-hidden="true"></i></a></li> <li><a href="/fornitori/index.html">Area fornitori</a> </li>  </ul> </div> <div class="col-xs-12 col-lg-4 col-sm-4 listaFooter"> <ul> <li class="titolo-new">Sito ipzs.it</li> <li><a href="/ext/privacy.html">Privacy</a></li> <li><a href="https://form.agid.gov.it/view/b2afa312-d0a2-4524-92b9-de0952ac752b/" target="_blank" rel="nofollow">Dichiarazione di Accessibilità <i class="fa fa-external-link hideicon" aria-hidden="true"></i></a></li> <li class="titolo-new">Seguici su</li> <li class="social"><a href="https://www.linkedin.com/company/poligrafico-e-zecca-dello-stato-italiano/mycompany/" rel="nofollow" target="_blank" aria-label="Visita il nostro profilo LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img" aria-label="[title + description]"> <title>Visita il nostro profilo LinkedIn</title> <desc>Clicca per connetterti con noi su LinkedIn e scoprire di più sulla nostra azienda, le opportunità di lavoro e gli aggiornamenti professionali.</desc> <path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" /> </svg></a></li> <li class="social"><a href="http://www.twitter.com/@IPZS" rel="nofollow" aria-label="Seguici su X"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 16px;height: 16px;" role="img" aria-label="[title + description]"> <title>Seguici su X</title> <desc>Clicca per seguire il nostro profilo X e rimanere aggiornato con le ultime notizie, tweet e conversazioni riguardanti la nostra azienda.</desc> <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /> </svg></a> </li> <li class="social"><a href="https://www.instagram.com/poligraficoezeccadellostato/" rel="nofollow" target="_blank" aria-label="Seguici su Instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 16px;height: 16px;" role="img" aria-label="[title + description]"> <title>Seguici su Instagram</title> <desc>Clicca per esplorare il nostro Instagram e immergiti nelle nostre storie visive, dalle ultime novità ai dietro le quinte.</desc> <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /> </svg></a> </li> <li class="social"><a href="https://www.facebook.com/PoligraficoeZeccadelloStato/" rel="nofollow" target="_blank" aria-label="Seguici su Facebook"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" style="width: 16px;height: 16px;" role="img" aria-label="[title + description]"> <title>Seguici su Facebook</title> <desc>Clicca per visitare e mettere "Mi Piace" alla nostra pagina Facebook. Resta connesso per eventi, aggiornamenti e community.</desc> <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /> </svg></a> </li> <li class="social"><a href="https://www.youtube.com/user/IPZSSPA" rel="nofollow" target="_blank" aria-label="Iscriviti al nostro canale YouTube"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="width: 16px;height: 16px;" role="img" aria-label="[title + description]"> <title>Iscriviti al nostro canale YouTube</title> <desc>Clicca per iscriverti al nostro canale YouTube. Guarda i nostri video più recenti, tutorial e presentazioni per approfondire ciò che facciamo.</desc> <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" /> </svg></a></li> </ul> </div> </div> <div class="container-fluid"> <div class="col-xs-12 footerbottom"> <p><strong>Istituto Poligrafico e Zecca dello Stato S.p.A.</strong> - Società per Azioni con Socio Unico Ministero dell'Economia e delle Finanze - Sede Legale Via Salaria, 691 - 00138 Roma</p> <p>P.IVA 00880711007 - C.F. 00399810589 - Reg. Imprese di Roma n. 00399810589 - R.E.A. N.86629 - Capitale Sociale euro 340.000.000 i.v</p>  </div> </div> </footer>  <script type="text/javascript" src="/js/internet/jquery.min.js"></script> <script type="text/javascript" src="/js/internet/bootstrap.min.js"></script>  <script type="text/javascript" src="/js/internet/carousel.min.js"></script> <script type="text/javascript" src="/js/internet/jquery.touchSwipe.min.js"></script>  <script type="text/javascript" src="/js/internet/main.js?ver12"></script>  <script type="text/javascript"> $(window).on("load", function () { var href = window.location.pathname; console.log("window.location.pathname = " + href); // Rimuove la classe 'active' da tutte le voci del menu $('#navbar ul.navbar-nav li').removeClass('active'); // Gestione dei dropdown var found = false; $("#navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a").each(function () { if ($(this).attr('href') === href) { $(this).parent('li').addClass('active'); // Aggiunge la classe 'active' alla sottovoce corrispondente $(this).closest('li.dropdown').addClass('active'); // Aggiunge la classe 'active' anche alla voce principale del menu found = true; } }); // Se non si trova alcuna corrispondenza nelle sottovoci, controlla se una delle voci principali del menu corrisponde all'URL if (!found) { $("#navbar ul.navbar-nav > li > a").each(function () { if ($(this).attr('href') === href) { $(this).parent('li').addClass('active'); } }); } }); // Funzione per implementare lo swipe in bootstrap 3 $(".carousel").swipe({ swipe: function (event, direction, distance, duration, fingerCount, fingerData) { if (direction == 'left') $(this).carousel('next'); if (direction == 'right') $(this).carousel('prev'); }, allowPageScroll: "vertical" }); </script> <script> // Funzione per per gestire l'apertura e la chiusura delle tendine con la tastiera document.addEventListener('DOMContentLoaded', function () { const dropdowns = document.querySelectorAll('.dropdown-toggle'); dropdowns.forEach(dropdown => { dropdown.addEventListener('keydown', function (e) { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); this.click(); } }); const menuItems = dropdown.nextElementSibling.querySelectorAll('a'); menuItems.forEach(item => { item.addEventListener('keydown', function (e) { if (e.key === 'Escape') { dropdown.focus(); dropdown.nextElementSibling.classList.remove('open'); } }); }); dropdown.addEventListener('focus', function () { this.classList.add('highlight'); }); dropdown.addEventListener('blur', function () { this.classList.remove('highlight'); }); }); }); </script> </body> </html>

CINXE.COM

Lavora con noi | IPZS