CINXE.COM

Soluzioni Giuridiche ed Elettorali | IPZS

<!DOCTYPE HTML> <html lang="it"> <head> <!-- Template: layoutGenerico.jsp --> <title>Soluzioni Giuridiche ed Elettorali | IPZS</title> <meta name="description" content="A fianco della Pubblica Amministrazione, garantiamo la divulgazione dell'informazione di fonte pubblica offrendo soluzioni fisiche e digitali tecnologicamente avanzate"> <meta property="og:title" content="Soluzioni Giuridiche ed Elettorali | IPZS" /> <meta property="og:description" content="A fianco della Pubblica Amministrazione, garantiamo la divulgazione dell'informazione di fonte pubblica offrendo soluzioni fisiche e digitali tecnologicamente avanzate"/> <meta name="robots" content="index" /> <!-- Indica a Internet Explorer di utilizzare l'ultima versione del motore di rendering disponibile, garantendo la retrocompatibilità con IE. --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Imposta la larghezza del layout per adattarsi alla larghezza del dispositivo e definisce la scala iniziale della pagina. Essenziale per il design responsive. --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Definisce la codifica dei caratteri come UTF-8 per supportare caratteri speciali e simboli da diverse lingue. --> <!-- Nota: Anche se la codifica dei caratteri è impostata su UTF-8, il server sovrascrive questa impostazione con charset=ISO-8859-1 nelle intestazioni HTTP --> <meta charset="UTF-8"> <!-- Specifica la lingua del contenuto della pagina. --> <meta name="language" content="it" /> <!-- Schema.org Organization Metadata --> <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> <!-- Specifica l'autore del sito web. --> <meta name="author" content="Istituto Poligrafico e Zecca dello Stato S.p.A."> <!-- Sitemap - commentata perche' non aggiornata --> <!-- <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap/sitemap.xml" /> --> <!-- CSS --> <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/bootstrap/bootstrap-datepicker.min.css">--> <link rel="stylesheet" type="text/css" href="/css/internet/style.css?version=1.4"> <!-- Preload solo del font Normal.. Italic è usato raramente --> <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"> <!-- Favicon --> <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 tag per la protezione CSRF: contengono token, header e parametro per le richieste sicure. --> <meta name="_csrf" content="e1ccdbb6-d7f3-4567-94e5-07a317cc58e2" /> <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> <!-- Area per la login > Backend =================================================================== --> <div class="container topheader "> <div class="row"> <div class="col-xs-12 col-lg-8 col-sm-12 login"> </div> <!-- Pannello modale per avviso di pwd gi� cambiata --> <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"> <!-- Corpo del pannello --> Non &egrave; possibile modificare la password! E' gi&agrave; stata modificata nella data odierna! E' possibile modificare la password 1 volta al giorno! <!-- Fine - Corpo del pannello --> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Chiudi</button> </div> </div> </div> </div> <!-- Fine - Pannello modale --> <!-- Pannello modale per avviso pwd in scadenza --> <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"> <!-- Corpo del pannello --> Attenzione! La password scadr&agrave; tra giorni! Si consiglia di effettuare il cambio password! <!-- Fine - Corpo del pannello --> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Chiudi</button> </div> </div> </div> </div> <!-- Fine - Pannello modale --> <!-- Pannello modale Avviso password in scadenza --> <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"> <!-- Corpo del pannello --> Operazione di cambio password avvenuta con successo! <!-- Fine - Corpo del pannello --> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Chiudi</button> </div> </div> </div> </div> <!-- Fine - Pannello modale --> <div class="col-xs-12 col-lg-4 col-sm-12 menuBackend lingua"> <ol> </ol> </div> </div> </div> <!-- Header--> <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> <!-- Navigazione Menu --> <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&agrave; 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"> <!-- Identità e Riconoscimento --> <li role="presentation" class="dropdown-header">Identit&agrave; e Riconoscimento</li> <li><a href="/ext/carta_identita_elettronica_prodotti.html" tabindex="0">Carta di identit&agrave; 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> <!-- Anticontraffazione e Sicurezza --> <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> <!-- Monete, Francobolli e Carte Speciali --> <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> <!-- Arte ed Editoria --> <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> <!-- Prodotti Giuridici ed Elettorali --> <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 &amp; 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;"> &nbsp;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> <!-- Fine Navigazione Menu --> <main role="main"> <!-- Soluzioni Giuridiche ed Elettorali ====================================================================== --> <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/soluzioni/neutro/soluzionigiuridiche/immagini/banner_soluzioni_giuridiche.png);background-size: cover; background-position: center; height: 570px;"> <div id="chisiamo_claim"> <p style="text-transform: uppercase;">Soluzioni Giuridiche ed Elettorali</p> <span>A tutela della </span> <span class="span_bold">fede pubblica</span> <p>per il cittadino, l'impresa e lo Stato</p> </div> </div> </div> </div> <div class="container-fluid" style="background-color: #F1F1F1; height: 450px; position: absolute;width: 100%;"> </div> <div class="container"> <div class="row" style="margin: 65px 0"> <div class="col-md-7 col-xs-12" style="padding-left: 0;"> <div style="border-left:3.57px #B1181D solid;padding-left: 10px;"> <p style="font-family: Open Sans;font-size: 40px;font-weight: 700;text-align: left;line-height: 40px;"> Soluzione fisica e digitale al servizio dell&apos;informazione</p> </div> </div> <div class="col-md-5 col-xs-12"> <div> <p style="font-size: 16px; line-height: 24px;">A fianco della Pubblica Amministrazione, garantiamo la divulgazione dell&apos;informazione di fonte pubblica offrendo soluzioni fisiche e digitali tecnologicamente avanzate.</p> </div> </div> </div> <div class="row hidden-xs hidden-sm"> <div class="col-xs-12 col-lg-6 col-md-6 text-center" style="height: 100%;"> <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; display: block;" src="/static/soluzioni/neutro/soluzionigiuridiche/immagini/digitali.png" alt="IPZS | Soluzioni Giuridiche ed Elettorali" title="IPZS | Soluzioni Giuridiche ed Elettorali"> <img id="img_realta_2r" class="img-fluid" style="max-width: 100%; height: auto; display: none;" src="/static/soluzioni/neutro/soluzionigiuridiche/immagini/digitali-over.png" alt="IPZS | Soluzioni Giuridiche ed Elettorali" title="IPZS | Soluzioni Giuridiche ed Elettorali"> <div id="realta_1" style="padding-left: 10px; border-left: 3.5px solid white; display: block; top: 63%; left: 55%; transform: translate(-50%, -50%); position: absolute; color: white; height: 90px; max-width: 547px; width: 100%; padding-right: 90px;display: flex; align-items: center;"> <p style="font-family: Open Sans;font-size: 40px;font-weight: 400;text-align: left; line-height: 40px;padding-left: 10px;"> Teconologie <br />digitali</strong></p> </div> <div id="realta_12" style="display: none; top: 40%; 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;"> Teconologie digitali</p> <p style="font-family: Open Sans;font-size: 16px;font-weight: 400;text-align: left; line-height: 20px;padding-left: 10px;"> Il Poligrafico assicura la trasparenza e il libero accesso alle serie della Gazzetta Ufficiale nei formati digitali, garantendo, in collaborazione con il Ministero della Giustizia, la pubblicit&agrave; e l&apos;autenticit&agrave; di tutti gli atti ivi pubblicati. In qualit&agrave; di gestore del portale Normattiva, promuove l&apos;accesso facile e gratuito alla normativa vigente, offrendo la consultazione ottimizzata con nuove funzionalit&agrave; avanzate per dispositivi mobili.</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: rgb(177, 24, 29); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; top: -50px; left: 250px; transform: rotate(0deg); 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 text-center" style="height: 100%;"> <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/soluzioni/neutro/soluzionigiuridiche/immagini/fisica.png" alt="IPZS | Identit&agrave; e riconoscimento" title="IPZS | Identit&agrave; e riconoscimento"> <img id="img_realta_1r" class="img-fluid" style="max-width: 100%; height: auto; display: none;" src="/static/soluzioni/neutro/soluzionigiuridiche/immagini/fisica-over.png" alt="IPZS | Soluzioni Giuridiche ed Elettorali" title="IPZS | Soluzioni Giuridiche ed Elettorali"> <div id="realta_2" style="padding-left: 10px; border-left: 3.5px solid white; display: block; top: 63%; left: 55%; transform: translate(-50%, -50%); position: absolute; color: white; height: 90px; max-width: 547px; width: 100%; padding-right: 90px;display: flex; align-items: center;"> <p style="font-family: Open Sans;font-size: 40px;font-weight: 400;text-align: left; line-height: 40px;padding-left: 10px;"> Produzione <br />fisica</p> </div> <div id="realta_22" style="display: none; top: 40%; 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;"> Produzione fisica</p> <p style="font-family: Open Sans;font-size: 16px;font-weight: 400;text-align: left; line-height: 20px;padding-left: 10px;"> Al Poligrafico &egrave; affidata per legge - sotto la direzione del Ministero della Giustizia - la stampa e la diffusione della Gazzetta Ufficiale, fonte primaria della norma. Il Poligrafico collabora altres&iacute; con il Ministero dell&apos;Interno e le regioni nel coordinamento delle attivit&agrave; necessarie al corretto svolgimento delle elezioni, assicurando trasparenza, affidabilit&agrave;, economie di scala e rendicontazione puntuale dei costi nel garantire l&apos;esercizio del diritto costituzionale di voto.</p> </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: -50px;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> </div> <div class="row visible-sm visible-xs"> <div class="col-sm-12"> <!-- Carousel Prodotti istituzionali --> <div id="carouselSlider-chisiamo-realta" class="interno carousel slide prodottiHome fade-carousel" data-ride="carousel" data-interval="4000"> <div class="carousel-inner grid" style="overflow: visible;background: transparent;"> <!-- Box 1 --> <div class="item active"> <div class="row" style="display: flex;column-gap: 15px;justify-content: center;"> <div class="col-xs-12 col-sm-12" style="padding: 0;"> <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_2rm" class="img-fluid" style="width: 100%; min-height: 350px;" src="/static/soluzioni/neutro/soluzionigiuridiche/immagini/digitali-over.png" alt="IPZS | Soluzioni Giuridiche ed Elettorali" title="IPZS | Soluzioni Giuridiche ed Elettorali"> <div id="realta_22m" style="bottom: 30px; right: 0; position: absolute; color: white; margin-left: auto;margin-right: auto;padding: 0;"> <p style="font-family: Open Sans;font-size: 24px;font-weight: 700;text-align: left; line-height: 24px;padding: 20px 20px 0 20px; text-transform: uppercase;"> Teconologie digitali</p> <p style="font-family: Open Sans;font-size: 16px;font-weight: 400;text-align: left; line-height: 20px;padding: 0 20px;"> Il Poligrafico assicura la trasparenza e il libero accesso alle serie della Gazzetta Ufficiale nei formati digitali, garantendo, in collaborazione con il Ministero della Giustizia, la pubblicit&agrave; e l&apos;autenticit&agrave; di tutti gli atti ivi pubblicati. In qualit&agrave; di gestore del portale Normattiva, promuove l&apos;accesso facile e gratuito alla normativa vigente, offrendo la consultazione ottimizzata con nuove funzionalit&agrave; avanzate per dispositivi mobili.</p> </div> </div> </div> </div> </div> <!-- Box 2 --> <div class="item"> <div class="row" style="display: flex;column-gap: 15px;justify-content: center;"> <div class="col-xs-12 col-sm-12" style="padding: 0;"> <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_1rm" class="img-fluid" style="width: 100%; min-height: 350px;" src="/static/soluzioni/neutro/soluzionigiuridiche/immagini/fisica-over.png" alt="IPZS | Soluzioni Giuridiche ed Elettorali" title="| Soluzioni Giuridiche ed Elettorali"> <div id="realta_22m" style="bottom: 30px; right: 0; position: absolute; color: white; margin-left: auto;margin-right: auto;padding: 0;"> <p style="font-family: Open Sans;font-size: 24px;font-weight: 700;text-align: left; line-height: 24px;padding: 20px 20px 0 20px; text-transform: uppercase;"> Produzione fisica</p> <p style="font-family: Open Sans;font-size: 16px;font-weight: 400;text-align: left; line-height: 20px;padding: 0 20px;"> Al Poligrafico &egrave; affidata per legge - sotto la direzione del Ministero della Giustizia - la stampa e la diffusione della Gazzetta Ufficiale, fonte primaria della norma. Il Poligrafico collabora altres&iacute; con il Ministero dell&apos;Interno e le regioni nel coordinamento delle attivit&agrave; necessarie al corretto svolgimento delle elezioni, assicurando trasparenza, affidabilit&agrave;, economie di scala e rendicontazione puntuale dei costi nel garantire l&apos;esercizio del diritto costituzionale di voto.</p> </div> </div> </div> </div> </div> </div> <!-- Indicatori di posizione --> <ol class="carousel-indicators" style="margin-left: 0;width: 100%; position: unset; margin-top: 20px;"> <li data-target="#carouselSlider-chisiamo-realta.interno" data-slide-to="0" class="primoSlide active"></li> <li data-target="#carouselSlider-chisiamo-realta.interno" data-slide-to="1" class=""> </li> </ol> </div> </div> </div> <div class="row" style="margin-top: 50px;"> <div class="col-lg-6 col-xs-12" style="padding: 0;"> <img src="/static/soluzioni/neutro/soluzionigiuridiche/immagini/gu.png" alt="Soluzioni Giuridiche ed Elettorali - Gazzetta Ufficiale" title="Soluzioni Giuridiche ed Elettorali - Gazzetta Ufficiale" style="width: 100%;"> </div> <div class="col-lg-1 col-xs-2 text-right"> <img src="/static/soluzioni/neutro/immagini/frecciarossa.svg" alt="Soluzioni Giuridiche ed Elettorali - Gazzetta Ufficiale" title="Soluzioni Giuridiche ed Elettorali - Gazzetta Ufficiale" style="width: 40px;padding-top: 50px;"> </div> <div class="col-lg-5 col-xs-10"> <h3 style="color: black;font-weight: 700;font-size: 40px; margin: 40px 0 0 0;">Gazzetta Ufficiale</h3> <p style="font-size: 16px; line-height: 20px; font-weight: bold; margin: 0 0 30px 0;">della Repubblica Italiana</p> <p style="font-weight: 400; font-size: 16px; line-height: 20px; margin: 30px 0;"> Garanti della fede pubblica, assicuriamo l&apos;entrata in vigore della norma con la pubblicazione del Giornale Ufficiale dello Stato in formato cartaceo e la sua diffusione attraverso la consultazione gratuita sul portale</p> <a href="https://www.gazzettaufficiale.it/" target="_blank" style="letter-spacing: 0.7px;text-transform: uppercase;color:#000;margin-bottom: 50px;display: block;">visita il sito<img class="freccia-min" src="/static/homepage/immagini/freccia-min-visita.svg" alt=""></a> </div> </div> </div> <div class="container-fluid" style="background-color: #F1F1F1;margin-top: 50px;"> <div class="container" style="padding:0;"> <div class="row"> <div class="col-lg-6 col-xs-12 imgFloatCustom" style="float: right;padding: 0;"> <img src="/static/soluzioni/neutro/soluzionigiuridiche/immagini/normattiva.png" alt="Soluzioni Giuridiche ed Elettorali - Normattiva" title="Soluzioni Giuridiche ed Elettorali - Normattiva" style="width: 100%; position: relative;top: 50px;"> </div> <div class="col-lg-1 col-xs-2 text-right"> <img src="/static/soluzioni/neutro/immagini/frecciarossa.svg" alt="Soluzioni Giuridiche ed Elettorali - Normattiva" title="Soluzioni Giuridiche ed Elettorali - Normattiva" style="width: 40px;padding-top: 50px;"> </div> <div class="col-lg-5 col-xs-10"> <h3 style="color: black;font-weight: 700;font-size: 40px;margin: 40px 0 0 0;">Normattiva </h3> <p style="font-size: 16px; line-height: 20px; font-weight: bold; margin: 0 0 30px 0;">Il portale della legge Vigente</p> <p style="font-weight: 400; font-size: 16px; line-height: 20px; margin: 30px 0;"> Realizzato in collaborazione con la Presidenza del Consiglio dei Ministri, il portale della normativa vigente offre accesso gratuito a tutto il patrimonio legislativo italiano dal 1861 a oggi in multivigenza, ossia con possibilit&agrave; di consultarne l&apos;evoluzione del testo nel tempo</p> <a href="https://www.normattiva.it/" target="_blank" style="letter-spacing: 0.7px;text-transform: uppercase;color:#000;margin-bottom: 50px;display: block;">visita il sito<img class="freccia-min" src="/static/homepage/immagini/freccia-min-visita.svg" alt=""></a> </div> </div> </div> </div> <div class="container"> <div class="row" style="margin-top: 50px;"> <div class="col-lg-6 col-xs-12" style="padding: 0;"> <img src="/static/soluzioni/neutro/soluzionigiuridiche/immagini/normsan.png" alt="Soluzioni Giuridiche ed Elettorali - Normativa Sanitaria" title="Soluzioni Giuridiche ed Elettorali - Normativa Sanitaria" style="width: 100%;"> </div> <div class="col-lg-1 col-xs-2 text-right"> <img src="/static/soluzioni/neutro/immagini/frecciarossa.svg" alt="Soluzioni Giuridiche ed Elettorali - Normativa Sanitaria" title="Soluzioni Giuridiche ed Elettorali - Normativa Sanitaria" style="width: 40px;padding-top: 50px;"> </div> <div class="col-lg-5 col-xs-10"> <h3 style="color: black;font-weight: 700;font-size: 40px;margin: 40px 0;">Normativa Sanitaria </h3> <p style="font-weight: 400; font-size: 16px; line-height: 20px; margin: 30px 0;"> Nato dalla collaborazione con l&apos;Agenzia Italiana del Farmaco, AIFA, il portale TrovaNormeFarmaco &egrave; uno strumento prezioso per aziende farmaceutiche, medici e cittadini, in quanto consente la ricerca e consultazione della normativa in materia di farmaci e delle determinazioni AIFA</p> <a href="https://www.trovanorme.salute.gov.it/" target="_blank" style="letter-spacing: 0.7px;text-transform: uppercase;color:#000;margin-bottom: 30px;display: block;">visita il sito <em style="font-style: bold;font-weight: bold;font-weight: ;">trovanorme.salute.gov.it</em><img class="freccia-min" src="/static/homepage/immagini/freccia-min-visita.svg" alt=""></a> <a href="https://trovanorme.aifa.gov.it/" target="_blank" style="letter-spacing: 0.7px;text-transform: uppercase;color:#000;margin-bottom: 30px;display: block;">visita il sito <em style="font-style: bold;font-weight: bold;font-weight: ;">trovanorme.aifa.gov.it</em><img class="freccia-min" src="/static/homepage/immagini/freccia-min-visita.svg" alt=""></a> </div> </div> </div> <div class="container-fluid" style="background-color: #F1F1F1;margin-top: 50px;"> <div class="container" style="padding:0;"> <div class="row"> <div class="col-lg-6 col-xs-12 imgFloatCustom" style="float: right;padding: 0;"> <img src="/static/soluzioni/neutro/soluzionigiuridiche/immagini/elezioni.png" alt="Soluzioni Giuridiche ed Elettorali - Servizio elettorale" title="Soluzioni Giuridiche ed Elettorali - Servizio elettorale" style="width: 100%;"> </div> <div class="col-lg-1 col-xs-2 text-right"> <img src="/static/soluzioni/neutro/immagini/frecciarossa.svg" alt="Soluzioni Giuridiche ed Elettorali - Servizio elettorale" title="Soluzioni Giuridiche ed Elettorali - Servizio elettorale" style="width: 40px;padding-top: 50px;"> </div> <div class="col-lg-5 col-xs-10"> <h3 style="color: black;font-weight: 700;font-size: 40px;margin: 40px 0;">Servizio elettorale</h3> <p style="font-weight: 400; font-size: 16px; line-height: 24px;"> Responsabili del coordinamento organizzativo, forniamo tessere elettorali, l&apos;intera gamma di materiale di seggio e tutti i servizi per un corretto svolgimento delle elezioni, garantendo al cittadino l&apos;esercizio di un diritto costituzionale e a Stato e Regioni il contenimento dei costi</p> </div> </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 = "flex"; 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 = "flex"; } } </script> </main> <aside role="complementary"> </aside> <!-- Footer --> <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"> <!-- Qui --> <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&agrave; 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&amp;Conoscenza" title="Futuro&amp;Conoscenza" target="_blank">Societ&agrave; Trasparente F&amp;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> <!-- <li><a href="/ext/chisiamo_certificazioni.html">Le nostre certificazioni</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&agrave; <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&nbsp;Poligrafico&nbsp;e&nbsp;Zecca&nbsp;dello&nbsp;Stato&nbsp;S.p.A.</strong> - Societ&agrave;&nbsp;per&nbsp;Azioni con Socio Unico Ministero dell'Economia e delle Finanze - Sede&nbsp;Legale Via Salaria, 691 - 00138 Roma</p> <p>P.IVA&nbsp;00880711007 - C.F.&nbsp;00399810589 - Reg.&nbsp;Imprese&nbsp;di&nbsp;Roma&nbsp;n. 00399810589 - R.E.A.&nbsp;N.86629 - Capitale&nbsp;Sociale&nbsp;euro&nbsp;340.000.000&nbsp;i.v</p> <!-- Versione 05.00.00 --> </div> </div> </footer> <!-- Spostati i JavaScript dall'HEAD a dopo il BODY --> <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/bootstrap-datepicker.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> <!-- main JS --> <script type="text/javascript" src="/js/internet/main.js?ver12"></script> <!-- Script per evidenziare la navigazione nel menu --> <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>

Pages: 1 2 3 4 5 6 7 8 9 10