Provincia di Caserta

<!DOCTYPE html> <html lang="it"> <head id="header"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Sito istituzionale Provincia di Caserta"> <meta name="robots" content="index"> <title>Provincia di Caserta - Homepage</title> <link rel="canonical" href="https://www.provincia.caserta.it"> <link rel="stylesheet" href="https://www.provincia.caserta.it/assets/bootstrap-italia/css/bootstrap-italia.min.css"> <link rel="stylesheet" href="https://www.provincia.caserta.it/assets/css/color.css"> <link rel="stylesheet" href="https://www.provincia.caserta.it/assets/css/primary.min.css"> <link rel="stylesheet" href="https://www.provincia.caserta.it/assets/css/credits.css"> <link rel="stylesheet" href="https://www.provincia.caserta.it/assets/css/font.css"> </head> <body onload="modificaLoginCookie(); linkFooter()"> <header id="headd" class="header it-header-wrapper it-header-sticky" data-bs-target="&num;header-nav-wrapper" data-bs-toggle="sticky" data-bs-position-type="fixed" data-bs-sticky-class-name="is-sticky"> </header> <script src="https://www.provincia.caserta.it/header.html"></script> <div class="skiplink"> <a class="visually-hidden-focusable" href="&num;main-container">Vai ai contenuti</a> <a class="visually-hidden-focusable" href="&num;footer">Vai al footer</a> </div>  <main class="main">  <section id="head-section"> <h2 class="visually-hidden">Contenuti in evidenza</h2> <div class="container"> <div class="row"> <div class="col-lg-5 order-2 order-lg-1"> <div class="card mb-5"> <div class="card-body pb-5"> <div class="category-top"> <svg class="icon icon-sm icon-secondary" aria-hidden="true" aria-label="Notizia in evidenza"> <use xlink:href="https://www.provincia.caserta.it/assets/bootstrap-italia/svg/sprites.svg&num;it-calendar"></use> </svg> <span class="title-xsmall-semi-bold fw-semibold text-secondary">  Notizie </span> <span class="data fw-normal text-secondary">19-11-2024</span> </div> <a href="https://www.provincia.caserta.it/novita/notizie/novita_57.html" class="text-decoration-none"> <h3 class="h4 card-title title-xlarge u-main-primary"> Il presidente </h3> </a> <p class="mb-4 subtitle-small pt-3"> Il Presidente f.f. Marcello De Rosa </p> <a class="read-more pb-3" href="https://www.provincia.caserta.it/EG0/EGSCHTST18.HBL?en=e1098&MESSA=PUBBLICA"> <span class="text u-main-primary">Tutte le novità</span> <svg class="icon" aria-label="Tutte le novit茂驴陆"> <use xlink:href="https://www.provincia.caserta.it/assets/bootstrap-italia/svg/sprites.svg&num;it-arrow-right"></use> </svg> </a> </div> </div> </div> <div class="col-lg-6 offset-lg-1 order-1 order-lg-2 px-0 px-lg-2"> <img src="https://www.provincia.caserta.it/immagini/derosa-casale8.jpg" title="Il presidente" alt="Il presidente" class="img-fluid" width="100%" height="100%"> </div> </div> </div> </section>  <section class="section section-muted px-lg-5 pt-0 py-5"> <div class="container"> <div class="row"> <div class="card-wrapper px-0 card-overlapping card-teaser-wrapper card-teaser-wrapper-equal card-teaser-block-3 text-break text-break"> <div class="card card-teaser card-teaser-image card-flex no-after rounded shadow-sm border border-light mb-0"> <div class="card-body p-3 pb-2"> <div class="category-top"> <svg class="icon icon-dark icon-sm" aria-label="Novit茂驴陆 in evidenza"> <use xlink:href="https://www.provincia.caserta.it/assets/bootstrap-italia/svg/sprites.svg&num;it-calendar"></use> </svg> <span class="fw-semibold text-secondary">Avviso</span> </div> <a href="https://www.provincia.caserta.it/novita/avvisi/novita_96.html" class="text-decoration-none"> <h3 class="card-title text-paragraph-medium u-main-primary"> AVVISO PUBBLICO </h3> </a> <p class="text-paragraph-card u-grey-light m-0"> Anticipo Rientro Pomeridiano del Giorno 04 Marzo 2025. </p> </div> </div> <div class="card card-teaser card-teaser-image card-flex no-after rounded shadow-sm border border-light mb-0"> <div class="card-body p-3 pb-2"> <div class="category-top"> <svg class="icon icon-dark icon-sm" aria-label="Novit茂驴陆 in evidenza"> <use xlink:href="https://www.provincia.caserta.it/assets/bootstrap-italia/svg/sprites.svg&num;it-calendar"></use> </svg> <span class="fw-semibold text-secondary">Avviso</span> </div> <a href="https://www.provincia.caserta.it/novita/avvisi/novita_94.html" class="text-decoration-none"> <h3 class="card-title text-paragraph-medium u-main-primary"> Avviso Pubblico del Garante dei Diritti delle Persone Detenute e private della liberta </h3> </a> <p class="text-paragraph-card u-grey-light m-0"> Gabinetto di Presidenza </p> </div> </div> <div class="card card-teaser card-teaser-image card-flex no-after rounded shadow-sm border border-light mb-0"> <div class="card-body p-3 pb-2"> <div class="category-top"> <svg class="icon icon-dark icon-sm" aria-label="Novit茂驴陆 in evidenza"> <use xlink:href="https://www.provincia.caserta.it/assets/bootstrap-italia/svg/sprites.svg&num;it-calendar"></use> </svg> <span class="fw-semibold text-secondary">Avviso</span> </div> <a href="https://www.provincia.caserta.it/novita/avvisi/novita_93.html" class="text-decoration-none"> <h3 class="card-title text-paragraph-medium u-main-primary"> MANIFESTAZIONE DI INTERESSE RIAPERTURA TERMINI ACQUISIZIONE ULTERIORI CANDIDATURE </h3> </a> <p class="text-paragraph-card u-grey-light m-0"> Affidamento concessione servizio di ristoro e a mezzo distributori automatici ovvero buvette c/o plessi scolastici della Provincia di Caserta </p> </div> </div> </div> </div> <div class="d-flex justify-content-center align-items-center mt-4"> <button onclick="location.href='https://www.provincia.caserta.it/EG0/EGSCHTST18.HBL?en=e1098&MESSA=PUBBLICA'" type="button" class="btn btn-outline-primary bg-white" data-focus-mouse="false"> Vedi tutte le novità </button> </div> </div> </section>  <div class="desktop-bg bg-primary"> <div class="container p-4"> <div class="row text-center d-flex justify-content-center"> <div class="col-lg-3 col-md-4 col-sm-12 text-center my-2"> <a onclick="V01('https://www.provincia.caserta.it','e1098','','MC09')" class="text-decoration-none"> <img class="icon icon-xl" style="filter: brightness(0) invert(1);" src="https://www.provincia.caserta.it/assets/img/bank.svg" alt="Albo pretorio" title="Albo pretorio"> <p class="text-white mt-2 h6">Albo pretorio</p> </a> </div> <div class="col-lg-3 col-md-4 col-sm-12 text-center my-2"> <a href="https://www.provincia.caserta.it/amministrazione/trasparenza/trasparenza.html" class="text-decoration-none"> <img class="icon icon-xl" style="filter: brightness(0) invert(1);" src="https://www.provincia.caserta.it/assets/img/search.svg" alt="Amministrazione trasparente" title="Amministrazione trasparente"> <p class="text-white mt-2 h6">Amministrazione trasparente</p> </a> </div> <div class="col-lg-3 col-md-4 col-sm-12 text-center my-2"> <a onclick="V01('https://www.provincia.caserta.it','e1098','','PAG11')" class="text-decoration-none"> <img class="icon icon-xl" style="filter: brightness(0) invert(1);" src="https://www.provincia.caserta.it/assets/img/pagoPA-black.svg" alt="Pagamenti" title="Pagamenti"> <p class="text-white mt-2 h6">Pagamenti</p> </a> </div> <div class="col-lg-3 col-md-4 col-sm-12 text-center my-2"> <a href="https://provcaserta-appalti.maggiolicloud.it/PortaleAppalti/it/homepage.wp?" class="text-decoration-none"> <img class="icon icon-xl" style="filter: brightness(0) invert(1);" src="https://www.provincia.caserta.it/assets/img/link-45deg.svg" alt="Appalti e Contratti" title="Appalti e Contratti"> <p class="text-white mt-2 h6">Appalti e Contratti</p> </a> </div> </div> </div> </div>   <section class="section section-muted px-lg-5 py-5"> <div class="container"> <h2 class="title-xxlarge mb-4">Amministrazione</h2> <div class="row g-4"> <div class="col-md-6 col-lg-4"> <div class="cmp-card-simple card-wrapper pb-0 bg-white rounded border border-light shadow-sm text-break"> <div class="card shadow-sm rounded"> <div class="card-body"> <div class="category-top"> <svg class="icon icon-sm icon-secondary" aria-label="Amministrazione in evidenza"> <use xlink:href="https://www.provincia.caserta.it/assets/bootstrap-italia/svg/sprites.svg&num;it-pa"></use> </svg> <span class="fw-semibold ps-2 text-secondary">Struttura di vertice</span> </div> <a href="https://www.provincia.caserta.it/amministrazione/aree_amministrative/area_4.html" class="text-decoration-none" data-element="amministration-element"> <h3 class="card-title t-primary title-xlarge"> Dipartimento Area Amministrativa - Contabile </h3> </a> <p class="titillium text-paragraph mb-2"> Struttura intersettoriale per innovazione e il benessere organizzativo </p> </div> </div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="cmp-card-simple card-wrapper pb-0 bg-white rounded border border-light shadow-sm text-break"> <div class="card shadow-sm rounded"> <div class="card-body"> <div class="category-top"> <svg class="icon icon-sm icon-secondary" aria-label="Amministrazione in evidenza"> <use xlink:href="https://www.provincia.caserta.it/assets/bootstrap-italia/svg/sprites.svg&num;it-pa"></use> </svg> <span class="fw-semibold ps-2 text-secondary"> Struttura di vertice </span> </div> <a href="https://www.provincia.caserta.it/amministrazione/aree_amministrative/area_8.html" class="text-decoration-none" data-element="amministration-element"> <h3 class="card-title t-primary title-xlarge"> Dipartimento Area Territorio ed Innovazione </h3> </a> <p class="titillium text-paragraph mb-2"> Struttura intersettoriale per la Gestione di qualit脿 UNI EN ISO 90001 </p> </div> </div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="cmp-card-simple card-wrapper pb-0 bg-white rounded border shadow-sm border-light text-break"> <div class="card shadow-sm rounded"> <div class="card-body"> <div class="category-top"> <svg class="icon icon-sm icon-secondary" aria-label="Amministrazione in evidenza"> <use xlink:href="https://www.provincia.caserta.it/assets/bootstrap-italia/svg/sprites.svg&num;it-pa"></use> </svg> <span class="fw-semibold ps-2 text-secondary"> Struttura di vertice </span> </div> <a href="https://www.provincia.caserta.it/amministrazione/aree_amministrative/area_16.html" class="text-decoration-none" data-element="amministration-element"> <h3 class="card-title t-primary title-xlarge"> Dipartimento Area Tecnica </h3> </a> <p class="titillium text-paragraph mb-2"> Struttura intersettoriale per la Sicurezza sul lavoro </p> </div> </div> </div> </div> <div class="d-flex justify-content-center mt-4"> <button onclick="window.location.href='https://www.provincia.caserta.it/amministrazione/amministrazione.html'" type="button" class="btn btn-outline-primary bg-white">Vedi tutta l'amministrazione</button> </div> </div> </div> </section> <section class="section px-lg-5 pt-0 py-5"> <div class="container"> <div class="row row-title pt-5 pt-lg-60 pb-3"> <div class="col-12 d-lg-flex justify-content-between"> <h3 class="mb-lg-0 title-xxlarge">Calendario eventi</h3> </div> </div>  <div class="row row-calendar"> <div class="it-carousel-wrapper it-carousel-landscape-abstract-four-cols it-calendar-wrapper splide splide--slide splide--ltr splide--draggable is-active is-initialized" data-bs-carousel-splide=""> <div class="it-header-block"> <div class="it-header-block-title bg-primary"> </div> </div> <div class="splide__track"> <ul class="splide__list it-carousel-all"> <div class="row pt-4 mt-lg-2 pb-lg-4"> <div class="text"> Nessun evento presente </div> </div> </ul> </div> </div> </div> <div class="row"> <div class="mt-4 d-flex justify-content-center"> <button type="button" class="btn btn-outline-primary" onclick="window.location.href='https://www.provincia.caserta.it/EG0/EGSCHTST38.HBL?en=e1098&MESSA=PUBBLICA'">Tutti gli eventi</button> </div> </div> </div> </section>   <section class="section px-lg-5 pt-0 py-5"> <div class="container mt-5 pb-5"> <h2 class="title-xxlarge mb-40">Luoghi in evidenza</h2> <div class="row g-4"> <div class="col-lg-6 col-xl-4">  <div class="card-wrapper shadow-sm rounded cmp-list-card-img text-break"> <div class="card card-img no-after rounded"> <div class="img-responsive-wrapper cmp-list-card-img__wrapper"> <div class="img-responsive"> <figure class="img-wrapper"> <img class="rounded-top img-fluid" src="https://www.provincia.caserta.it/immagini/slubich.jpg" title="Amministrazione della Provincia Di Caserta" width="100%" height="100%" alt="Amministrazione della Provincia Di Caserta"> </figure> </div> </div> <div class="card-body"> <div class="category-top cmp-list-card-img__body"> <div class="text-decoration-none fw-bold cmp-list-card-img__body-heading-title"> Palazzo </div> </div> <h3 class="cmp-list-card-img__body-title"> <a href="https://www.provincia.caserta.it/vivere_il_comune/luoghi/luogo_1.html" class="t-primary text-decoration-none"> Amministrazione della Provincia Di Caserta </a> </h3> <p class="cmp-list-card-img__body-description titillium"> Sede dell'amministrazione della provincia di Caserta </p> </div> </div> </div> </div> <div class="col-lg-6 col-xl-4">  <div class="card-wrapper shadow-sm rounded cmp-list-card-img text-break"> <div class="card card-img no-after rounded"> <div class="img-responsive-wrapper cmp-list-card-img__wrapper"> <div class="img-responsive"> <figure class="img-wrapper"> <img class="rounded-top img-fluid" src="https://www.provincia.caserta.it/immagini/polo_culturale.png" title="Museo dello Sport" width="100%" height="100%" alt="Museo dello Sport"> </figure> </div> </div> <div class="card-body"> <div class="category-top cmp-list-card-img__body"> <div class="text-decoration-none fw-bold cmp-list-card-img__body-heading-title"> Museo </div> </div> <h3 class="cmp-list-card-img__body-title"> <a href="https://www.provincia.caserta.it/vivere_il_comune/luoghi/luogo_4.html" class="t-primary text-decoration-none"> Museo dello Sport </a> </h3> <p class="cmp-list-card-img__body-description titillium"> "Lo sport casertano, una eccellenza" </p> </div> </div> </div> </div> <div class="col-lg-6 col-xl-4">  <div class="card-wrapper shadow-sm rounded cmp-list-card-img text-break"> <div class="card card-img no-after rounded"> <div class="img-responsive-wrapper cmp-list-card-img__wrapper"> <div class="img-responsive"> <figure class="img-wrapper"> <img class="rounded-top img-fluid" src="https://www.provincia.caserta.it/immagini/polo_culturale.png" title="Polo culturale" width="100%" height="100%" alt="Polo culturale"> </figure> </div> </div> <div class="card-body"> <div class="category-top cmp-list-card-img__body"> <div class="text-decoration-none fw-bold cmp-list-card-img__body-heading-title"> Palazzo </div> </div> <h3 class="cmp-list-card-img__body-title"> <a href="https://www.provincia.caserta.it/vivere_il_comune/luoghi/luogo_2.html" class="t-primary text-decoration-none"> Polo culturale </a> </h3> <p class="cmp-list-card-img__body-description titillium"> Polo culturale provincia di Caserta, un sogno che si avvera </p> </div> </div> </div> </div> </div> <div class="row"> <div class="mt-4 d-flex justify-content-center"> <button type="button" class="btn btn-outline-primary" onclick="window.location.href='https://www.provincia.caserta.it/EG0/EGSCHTST40.HBL?en=e1098&MESSA=PUBBLICA'">Tutti i luoghi</button> </div> </div> </div> </section>  <section id="argomenti_evidenza" class="section py-5"> <div class="px-lg-5 pt-0"> <div class="container"> <div class="row"> <h2 class="title-xxlarge mb-4">Argomenti in evidenza</h2> </div> <div class="row g-4"> <div class="col-md-6 col-lg-4"> <div class="cmp-card-simple card-wrapper pb-0 rounded border border-light shadow-sm text-break"> <div class="card shadow-sm rounded"> <div class="card-body"> <a href="https://www.provincia.caserta.it/EG0/EGSCHTST45.HBL?en=e1098&MESSA=PUBBLICA&SRL=2" data-element="topic-element"> <h3 class="card-title t-primary title-xlarge"> Contratto di fiume Volturno </h3> </a> </div> </div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="cmp-card-simple card-wrapper pb-0 rounded border border-light shadow-sm text-break"> <div class="card shadow-sm rounded"> <div class="card-body"> <a href="https://www.provincia.caserta.it/EG0/EGSCHTST45.HBL?en=e1098&MESSA=PUBBLICA&SRL=1" data-element="topic-element"> <h3 class="card-title t-primary title-xlarge"> Cultura </h3> </a> </div> </div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="cmp-card-simple card-wrapper pb-0 rounded border border-light shadow-sm text-break"> <div class="card shadow-sm rounded"> <div class="card-body"> <a href="https://www.provincia.caserta.it/EG0/EGSCHTST45.HBL?en=e1098&MESSA=PUBBLICA&SRL=7" data-element="topic-element"> <h3 class="card-title t-primary title-xlarge"> Viabilit脿 </h3> </a> </div> </div> </div> </div> </div> <div class="row pt-4 mt-3"> <div class="col-lg-10 col-xl-12 offset-lg-12 offset-xl-12"> <div class="row d-flex"> <div class="col-lg-12 text-center"> <h3 class="text-uppercase mb-3 title-xsmall-bold text u-grey-light"> Altri argomenti </h3> </div> <div class="col-lg-12 argomenti text-center"> <div class="chip chip-primary chip-simple"> <a href="https://www.provincia.caserta.it/EG0/EGSCHTST45.HBL?en=e1098&MESSA=PUBBLICA&SRL=11" class="chip-label">A.G.I.S.</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.provincia.caserta.it/EG0/EGSCHTST45.HBL?en=e1098&MESSA=PUBBLICA&SRL=10" class="chip-label">Agricoltura, Caccia e Pesca</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.provincia.caserta.it/EG0/EGSCHTST45.HBL?en=e1098&MESSA=PUBBLICA&SRL=13" class="chip-label">Albo Forum Giovani</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.provincia.caserta.it/EG0/EGSCHTST45.HBL?en=e1098&MESSA=PUBBLICA&SRL=14" class="chip-label">Ambiente ed ecologia</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.provincia.caserta.it/EG0/EGSCHTST45.HBL?en=e1098&MESSA=PUBBLICA&SRL=6" class="chip-label">AUA</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.provincia.caserta.it/EG0/EGSCHTST45.HBL?en=e1098&MESSA=PUBBLICA&SRL=9" class="chip-label">Bilancio e programmazione entrate e tributi</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.provincia.caserta.it/EG0/EGSCHTST45.HBL?en=e1098&MESSA=PUBBLICA&SRL=17" class="chip-label">Elezioni 2023</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.provincia.caserta.it/EG0/EGSCHTST45.HBL?en=e1098&MESSA=PUBBLICA&SRL=15" class="chip-label">Forestazione</a> </div> </div> </div> </div> <div class="col-lg-10 col-xl-8 offset-lg-1 offset-xl-2 text-center"> <a href="https://www.provincia.caserta.it/argomenti/template-argomenti.html" class="btn btn-outline-primary bg-white mt-4">Vedi tutti</a> </div> </div> </div> </div> </div> </section>   <section class="section pt-0 pb-5"> <div class="container"> <div class="row"> <h3 class="title-xxlarge mb-0">Siti tematici</h3> <div class="pt-0"> <div class="row pt-4 mt-lg-2 pb-lg-4"> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://agis.halleyegov.it/" class="card card-teaser card-flex primary-bg-a7 rounded mt-0 p-3" target="_blank"> <div class="card-body"> <h4 class="card-title text-white sito-tematico"> Agis </h4> <p class="card-text titillium text-white"> Attivit脿 degli impianti sportivi </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://museocampanocapua.it/" class="card card-teaser card-flex complementary-1-bg-a8 rounded mt-0 p-3" target="_blank"> <div class="card-body"> <h4 class="card-title text-white sito-tematico"> Museo Campano </h4> <p class="card-text titillium text-white"> Il pi霉 significativo della civilt脿 italica della Campania </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://www.provincia.caserta.it/EG0/EGSCHTST113.HBL?en=e1098&MESSA=PUBBLICA&SRL=41" class="card card-teaser card-flex complementary-2-bg-b2 rounded mt-0 p-3" target="_blank"> <div class="card-body"> <h4 class="card-title text-white sito-tematico"> Innovazione e sviluppo integrato </h4> <p class="card-text titillium text-white"> provincia di Caserta SCPA </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://partecipa.gov.it/" class="card card-teaser card-flex complementary-1-bg-b4 rounded mt-0 p-3" target="_blank"> <div class="card-body"> <h4 class="card-title text-white sito-tematico"> Partecipa! </h4> <p class="card-text titillium text-white"> La piattaforma del Governo italiano dedicata ai processi di consultazione e partecipazione pubblica </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://provincia-caserta.segnalazioni.net/" class="card card-teaser card-flex complementary-3-bg-a9 rounded mt-0 p-3" target="_blank"> <div class="card-body"> <h4 class="card-title text-white sito-tematico"> WHISTLEBLOWING </h4> <p class="card-text titillium text-white"> Segnalazioni con la massima riservatezza </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://www.servizioenergiaprovinciacaserta.it/" class="card card-teaser card-flex primary-bg-a7 rounded mt-0 p-3" target="_blank"> <div class="card-body"> <h4 class="card-title text-white sito-tematico"> Servizio Energia </h4> <p class="card-text titillium text-white"> Dipartimento Area tecnica: Settore Pianificazione Territoriale, Ambiente, Ecologia </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://outlook.office.com" class="card card-teaser card-flex complementary-1-bg-a8 rounded mt-0 p-3" target="_blank"> <div class="card-body"> <h4 class="card-title text-white sito-tematico"> WebMail </h4> <p class="card-text titillium text-white"> </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://www.scienzepolitiche.unicampania.it/" class="card card-teaser card-flex complementary-2-bg-b2 rounded mt-0 p-3" target="_blank"> <div class="card-body"> <h4 class="card-title text-white sito-tematico"> Progetto UNILIF </h4> <p class="card-text titillium text-white"> Laurearsi, lavorando </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://provinceditalia.it/" class="card card-teaser card-flex complementary-1-bg-b4 rounded mt-0 p-3" target="_blank"> <div class="card-body"> <h4 class="card-title text-white sito-tematico"> Unione Province d'Italia </h4> <p class="card-text titillium text-white"> </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://provinciadicaserta.halleyas.com" class="card card-teaser card-flex complementary-3-bg-a9 rounded mt-0 p-3" target="_blank"> <div class="card-body"> <h4 class="card-title text-white sito-tematico"> Portale applicazioni </h4> <p class="card-text titillium text-white"> </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://www.provincia.caserta.it/EG0/EGMISURE.HBL?en=e1098&MESSA=PUBBLICA&SRL=111" class="card card-teaser card-flex primary-bg-a7 rounded mt-0 p-3" target="_blank"> <div class="card-body"> <h4 class="card-title text-white sito-tematico"> Attuazione misure PNRR </h4> <p class="card-text titillium text-white"> </p> </div> </a> </div> </div> </div> </div> </div> </div> </section>  </main> <div class="bg-primary"> <div class="container"> <div class="row d-flex justify-content-center bg-primary"> <div class="col-12 col-lg-6"> <div class="cmp-rating pt-lg-80 pb-lg-80" id="5"> <div class="card shadow card-wrapper" data-element="feedback"> <div class="cmp-rating__card-first"> <div class="card-header border-0"> <h2 class="title-medium-2-semi-bold mb-0" data-element="feedback-title"> Quanto sono chiare le informazioni su questa pagina? </h2> </div> <div class="card-body"> <fieldset class="rating"> <input type="radio" id="star5a" name="ratingA" value="5" onclick="leggiStella(this)"> <label class="full rating-star active" for="star5a" data-element="feedback-rate-5"> <svg class="icon icon-sm" role="img" aria-labelledby="first-star" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 1.7L9.5 9.2H1.6L8 13.9l-2.4 7.6 6.4-4.7 6.4 4.7-2.4-7.6 6.4-4.7h-7.9L12 1.7z"></path> <path fill="none" d="M0 0h24v24H0z"></path> </svg> <span class="visually-hidden" id="first-star"> Valuta 5 stelle su 5 </span> </label> <input type="radio" id="star4a" name="ratingA" value="4" onclick="leggiStella(this)"> <label class="full rating-star active" for="star4a" data-element="feedback-rate-4"> <svg class="icon icon-sm" role="img" aria-labelledby="second-star" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 1.7L9.5 9.2H1.6L8 13.9l-2.4 7.6 6.4-4.7 6.4 4.7-2.4-7.6 6.4-4.7h-7.9L12 1.7z"></path> <path fill="none" d="M0 0h24v24H0z"></path> </svg> <span class="visually-hidden" id="second-star">Valuta 4 stelle su 5</span> </label> <input type="radio" id="star3a" name="ratingA" value="3" onclick="leggiStella(this)"> <label class="full rating-star active" for="star3a" data-element="feedback-rate-3"> <svg class="icon icon-sm" role="img" aria-labelledby="third-star" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 1.7L9.5 9.2H1.6L8 13.9l-2.4 7.6 6.4-4.7 6.4 4.7-2.4-7.6 6.4-4.7h-7.9L12 1.7z"></path> <path fill="none" d="M0 0h24v24H0z"></path> </svg> <span class="visually-hidden" id="third-star"> Valuta 3 stelle su 5 </span> </label> <input type="radio" id="star2a" name="ratingA" value="2" onclick="leggiStella(this)"> <label class="full rating-star active" for="star2a" data-element="feedback-rate-2"> <svg class="icon icon-sm" role="img" aria-labelledby="fourth-star" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 1.7L9.5 9.2H1.6L8 13.9l-2.4 7.6 6.4-4.7 6.4 4.7-2.4-7.6 6.4-4.7h-7.9L12 1.7z"></path> <path fill="none" d="M0 0h24v24H0z"></path> </svg> <span class="visually-hidden" id="fourth-star"> Valuta 2 stelle su 5 </span> </label> <input type="radio" id="star1a" name="ratingA" value="1" onclick="leggiStella(this)"> <label class="full rating-star active" for="star1a" data-element="feedback-rate-1"> <svg class="icon icon-sm" role="img" aria-labelledby="fifth-star" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 1.7L9.5 9.2H1.6L8 13.9l-2.4 7.6 6.4-4.7 6.4 4.7-2.4-7.6 6.4-4.7h-7.9L12 1.7z"></path> <path fill="none" d="M0 0h24v24H0z"></path> </svg> <span class="visually-hidden" id="fifth-star"> Valuta 1 stelle su 5 </span> </label> </fieldset> </div> </div> <div class="cmp-rating__card-second d-none" data-step="3"> <div class="card-header border-0 mb-0"> <h2 class="title-medium-2-bold mb-0" id="rating-feedback"> Grazie, il tuo parere ci aiuterà a migliorare il servizio! </h2> </div> </div> <form id="myForm"> <div class="form-rating d-none"> <div class="d-none" data-step="1"> <div class="cmp-steps-rating"> <fieldset class="fieldset-rating-one d-none" data-element="feedback-rating-positive"> <div class="cmp-steps-rating__body"> <div class="cmp-radio-list"> <div class="card card-teaser shadow-rating"> <div class="card-body"> <div class="form-check m-0"> <div class="iscrizioni-header w-100"> <h3 class="step-title d-flex align-items-center justify-content-between drop-shadow"> <legend class="d-block d-lg-inline t-black" data-element="feedback-rating-question"> Quali sono stati gli aspetti che hai preferito? </legend> <span class="step">1/2</span> </h3> </div> <div class="radio-body border-bottom border-light cmp-radio-list__item"> <input name="rating1" type="radio" id="radio-1" value="5"> <label for="radio-1" class="active" data-element="feedback-rating-answer"> Le indicazioni erano chiare </label> </div> <div class="radio-body border-bottom border-light cmp-radio-list__item"> <input name="rating1" type="radio" id="radio-2" value="6"> <label for="radio-2" class="active" data-element="feedback-rating-answer"> Le indicazioni erano complete </label> </div> <div class="radio-body border-bottom border-light cmp-radio-list__item"> <input name="rating1" type="radio" id="radio-3" value="7"> <label for="radio-3" class="active" data-element="feedback-rating-answer"> Capivo sempre che stavo procedendo correttamente </label> </div> <div class="radio-body border-bottom border-light cmp-radio-list__item"> <input name="rating1" type="radio" id="radio-4" value="8"> <label for="radio-4" class="active" data-element="feedback-rating-answer"> Non ho avuto problemi tecnici </label> </div> <div class="radio-body border-bottom border-light cmp-radio-list__item"> <input name="rating1" type="radio" id="radio-9" value="9"> <label for="radio-9" class="active" data-element="feedback-rating-answer">Altro</label> </div> </div> </div> </div> </div> </div> </fieldset> <fieldset class="fieldset-rating-two d-none" data-element="feedback-rating-negative"> <div class="cmp-steps-rating__body"> <div class="cmp-radio-list"> <div class="card card-teaser shadow-rating"> <div class="card-body"> <div class="form-check m-0"> <div class="iscrizioni-header w-100"> <h3 class="step-title d-flex align-items-center justify-content-between drop-shadow"> <legend class="d-block d-lg-inline t-black" data-element="feedback-rating-question"> Dove hai incontrato le maggiori difficoltà? </legend> <span class="step">1/2</span> </h3> </div> <div class="radio-body border-bottom border-light cmp-radio-list__item"> <input name="rating2" type="radio" id="radio-5" value="1"> <label for="radio-5" class="active" data-element="feedback-rating-answer"> A volte le indicazioni non erano chiare </label> </div> <div class="radio-body border-bottom border-light cmp-radio-list__item"> <input name="rating2" type="radio" id="radio-6" value="2"> <label for="radio-6" class="active" data-element="feedback-rating-answer"> A volte le indicazioni non erano complete </label> </div> <div class="radio-body border-bottom border-light cmp-radio-list__item"> <input name="rating2" type="radio" id="radio-7" value="3"> <label for="radio-7" class="active" data-element="feedback-rating-answer"> A volte non capivo se stavo procedendo correttamente </label> </div> <div class="radio-body border-bottom border-light cmp-radio-list__item"> <input name="rating2" type="radio" id="radio-8" value="4"> <label for="radio-8" class="active" data-element="feedback-rating-answer"> Ho avuto problemi tecnici </label> </div> <div class="radio-body border-bottom border-light cmp-radio-list__item"> <input name="rating2" type="radio" id="radio-10" value="9"> <label for="radio-10" class="active" data-element="feedback-rating-answer">Altro</label> </div> </div> </div> </div> </div> </div> </fieldset> </div> </div> <div class="d-none" data-step="2"> <div class="cmp-steps-rating"> <fieldset> <div class="iscrizioni-header w-100"> <h3 class="step-title d-flex align-items-center justify-content-between drop-shadow mb-3"> <legend class="d-block d-lg-inline t-black"> Vuoi aggiungere altri dettagli? </legend> <span class="step">2/2</span> </h3> </div> <div class="cmp-steps-rating__body mt-5"> <div class="form-group"> <label for="formGroupExampleInputWithHelp" class=""> Dettaglio </label> <input type="text" class="form-control" id="formGroupExampleInputWithHelp" autocomplete="off" aria-describedby="formGroupExampleInputWithHelpDescription" maxlength="149" data-element="feedback-input-text"> <small id="formGroupExampleInputWithHelpDescription" class="form-text"> Inserire massimo 150 caratteri </small> </div> </div> </fieldset> </div> </div> <div class="d-flex flex-nowrap pt-4 w-100 justify-content-center"> <button class="btn btn-primary fw-bold btn-next" type="submit" id="invia" form="rating" onclick="bottone('en=e1098&MESSA=VALUTAZIONE&SRL=5')"> Avanti </button> </div> </div> </form> </div> </div> </div> </div> </div> </div> <script> var passo = 0; function bottone(valmessa) { passo++; if (passo ==2) { inviaValutazione(valmessa); } } let stella; function leggiStella(star) { stella = star.value; } function inviaValutazione(valmessa) { let valpos = document.forms.myForm.rating1.value; let valneg = document.forms.myForm.rating2.value; let dettaglio = encodeURIComponent(document.getElementById('formGroupExampleInputWithHelp').value); var valmessa= valmessa += "&VALPOS=" + valpos + "&VALNEG=" + valneg + "&STAR=" + stella + "&DETT=" + dettaglio; SCHIOCCIOLA(valmessa,'EG0/EGVALPG.HBL'); } </script> <div id="contatta_comune"> </div> <script src="https://www.provincia.caserta.it/contatta_inclusione.html"></script> <div id="footer1"></div> <script src="https://www.provincia.caserta.it/schiocciola.js"></script> <script src="https://www.provincia.caserta.it/footer.html"></script> <script src="https://www.provincia.caserta.it/Footer_js.js"></script> <script src="https://www.provincia.caserta.it/linkfooter.js"></script>

CINXE.COM

Provincia di Caserta - Homepage