Citt脿 metropolitana di Bari

<!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" /> <title>Citt脿 metropolitana di Bari</title> <link rel="stylesheet" href="https://www.cittametropolitana.ba.it/assets/bootstrap-italia/css/bootstrap-italia.min.css" /> <link rel="stylesheet" href="https://www.cittametropolitana.ba.it/assets/css/color.css"> <link rel="stylesheet" href="https://www.cittametropolitana.ba.it/assets/css/primary.min.css"> <link rel="stylesheet" href="https://www.cittametropolitana.ba.it/assets/css/credits.css"> <link rel="stylesheet" href="https://www.cittametropolitana.ba.it/assets/css/font.css"> </head> <body onload="modificaLogin(); 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.cittametropolitana.ba.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.cittametropolitana.ba.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">20-08-2024</span> </div> <a href="https://www.cittametropolitana.ba.it/novita/notizie/novita_52.html" class="text-decoration-none"> <h3 class="h4 card-title title-xlarge u-main-primary"> Elezioni per il rinnovo del Consiglio metropolitano del 6 ottobre 2024 </h3> </a> <p class="mb-4 subtitle-small pt-3"> Elezioni metropolitane 2024 </p> <div class="chip chip-simple"> <a href="https://www.cittametropolitana.ba.it/EG0/EGSCHTST45.HBL?en=eg527&MESSA=PUBBLICA&SRL=26" class="chip-label">Elezioni metropolitane 2024</a> </div> <a class="read-more pb-3" href="https://www.cittametropolitana.ba.it/EG0/EGSCHTST18.HBL?en=eg527&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.cittametropolitana.ba.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.cittametropolitana.ba.it/immagini/Elezioni.jpg" title="Elezioni per il rinnovo del Consiglio metropolitano del 6 ottobre 2024" alt="Elezioni per il rinnovo del Consiglio metropolitano del 6 ottobre 2024" 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.cittametropolitana.ba.it/assets/bootstrap-italia/svg/sprites.svg&num;it-calendar"></use> </svg> <span class="fw-semibold text-secondary">Notizia</span> </div> <a href="https://www.cittametropolitana.ba.it/novita/notizie/novita_86.html" class="text-decoration-none"> <h3 class="card-title text-paragraph-medium u-main-primary"> Manifestazione d'interesse per il Servizio di rassegna stampa telematica quotidiana della Citt脿 metropolitana di Bari </h3> </a> <p class="text-paragraph-card u-grey-light m-0"> Avviso pubblico </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.cittametropolitana.ba.it/assets/bootstrap-italia/svg/sprites.svg&num;it-calendar"></use> </svg> <span class="fw-semibold text-secondary">Notizia</span> </div> <a href="https://www.cittametropolitana.ba.it/novita/notizie/novita_87.html" class="text-decoration-none"> <h3 class="card-title text-paragraph-medium u-main-primary"> Manifestazione di interesse per il Servizio di assistenza alle sedute del Consiglio metropolitano e della Conferenza metropolitana </h3> </a> <p class="text-paragraph-card u-grey-light m-0"> Avviso pubblico </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.cittametropolitana.ba.it/assets/bootstrap-italia/svg/sprites.svg&num;it-calendar"></use> </svg> <span class="fw-semibold text-secondary">Notizia</span> </div> <a href="https://www.cittametropolitana.ba.it/novita/notizie/novita_88.html" class="text-decoration-none"> <h3 class="card-title text-paragraph-medium u-main-primary"> PNRR M5C2 I2.3 - Piano Innovativo Nazionale per la qualit脿 dell'abitare - Finanziato dall'Unione Europea Next Generation EU </h3> </a> <p class="text-paragraph-card u-grey-light m-0"> Trasmissione bando e disciplinare di gara </p> </div> </div> </div> </div> <div class="d-flex justify-content-center align-items-center mt-4"> <button onclick="location.href='https://www.cittametropolitana.ba.it/EG0/EGSCHTST18.HBL?en=eg527&MESSA=PUBBLICA'" type="button" class="btn btn-outline-primary bg-white" data-focus-mouse="false"> Vedi tutte le novità </button> </div> </div> </section>  <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.cittametropolitana.ba.it/assets/bootstrap-italia/svg/sprites.svg&num;it-pa"></use> </svg> <span class="fw-semibold ps-2 text-secondary">Citt脿 metropolitana</span> </div> <a href="https://www.cittametropolitana.ba.it/amministrazione/organi_di_governo/Organo_di_governo_18.html" class="text-decoration-none" data-element="amministration-element"> <h3 class="card-title t-primary title-xlarge"> Sindaco metropolitano </h3> </a> <p class="titillium text-paragraph mb-2"> Organo monocratico a capo del governo di una citt脿 metropolitana </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.cittametropolitana.ba.it/assets/bootstrap-italia/svg/sprites.svg&num;it-pa"></use> </svg> <span class="fw-semibold ps-2 text-secondary"> Citt脿 metropolitana </span> </div> <a href="https://www.cittametropolitana.ba.it/amministrazione/organi_di_governo/Organo_di_governo_19.html" class="text-decoration-none" data-element="amministration-element"> <h3 class="card-title t-primary title-xlarge"> Consiglio metropolitano </h3> </a> <p class="titillium text-paragraph mb-2"> Organo di indirizzo e controllo della citt脿 metropolitana </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.cittametropolitana.ba.it/assets/bootstrap-italia/svg/sprites.svg&num;it-pa"></use> </svg> <span class="fw-semibold ps-2 text-secondary"> Citt脿 metropolitana </span> </div> <a href="https://www.cittametropolitana.ba.it/amministrazione/organi_di_governo/Organo_di_governo_33.html" class="text-decoration-none" data-element="amministration-element"> <h3 class="card-title t-primary title-xlarge"> Conferenza Metropolitana </h3> </a> <p class="titillium text-paragraph mb-2"> Organo collegiale della Citt脿 metropolitana di Bari </p> </div> </div> </div> </div> <div class="d-flex justify-content-center mt-4"> <button onclick="window.location.href='https://www.cittametropolitana.ba.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"> <li class="splide__slide"> <div class="it-single-slide-wrapper h-100"> <div class="card-wrapper h-100 text-break"> <div class="card card-bg"> <div class="card-body"> <h4 class="card-title pb-4 mb-10"> <span> novembre 2024</span> <div class="ms-4"> 29 </div> <span>Venerd矛</span> </h4> <p class="card-text px-2 pb-10 mb-10"> <a href="https://www.cittametropolitana.ba.it/vivere_il_comune/eventi/evento_148.html">29 Novembre: addio, maestro</a> <br> <span class="ms-4 titillium text-secondary"></span> </p> </div> </div> </div> </div> </li> </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.cittametropolitana.ba.it/vivere_il_comune/eventi/eventi.html'">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 img-responsive-panoramic h-100"> <figure class="img-wrapper"> <img class="rounded-top img-fluid" src="https://www.cittametropolitana.ba.it/immagini/Museo.jpg" title="Complesso di Santa Scolastica" width="100%" height="100%" alt="Complesso di Santa Scolastica"> </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.cittametropolitana.ba.it/vivere_il_comune/luoghi/luogo_13.html" class="text-decoration-none"> Complesso di Santa Scolastica </a> </h3> <p class="cmp-list-card-img__body-description titillium"> Museo archeologico </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 img-responsive-panoramic h-100"> <figure class="img-wrapper"> <img class="rounded-top img-fluid" src="https://www.cittametropolitana.ba.it/immagini/ingresso.JPG" title="Biblioteca de Gemmis" width="100%" height="100%" alt="Biblioteca de Gemmis"> </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"> Biblioteca </div> </div> <h3 class="cmp-list-card-img__body-title"> <a href="https://www.cittametropolitana.ba.it/vivere_il_comune/luoghi/luogo_6.html" class="text-decoration-none"> Biblioteca de Gemmis </a> </h3> <p class="cmp-list-card-img__body-description titillium"> Ex complesso di Santa Teresa dei Maschi </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 img-responsive-panoramic h-100"> <figure class="img-wrapper"> <img class="rounded-top img-fluid" src="https://www.cittametropolitana.ba.it/immagini/20211018_151925.jpg" title="Pinacoteca Corrado Giaquinto" width="100%" height="100%" alt="Pinacoteca Corrado Giaquinto"> </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"> </div> </div> <h3 class="cmp-list-card-img__body-title"> <a href="https://www.cittametropolitana.ba.it/vivere_il_comune/luoghi/luogo_15.html" class="text-decoration-none"> Pinacoteca Corrado Giaquinto </a> </h3> <p class="cmp-list-card-img__body-description titillium"> Museo d'arte </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.cittametropolitana.ba.it/vivere_il_comune/luoghi/luoghi.html'">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.cittametropolitana.ba.it/EG0/EGSCHTST45.HBL?en=eg527&MESSA=PUBBLICA&SRL=26" data-element="topic-element"> <h3 class="card-title t-primary title-xlarge"> Elezioni metropolitane 2024 </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.cittametropolitana.ba.it/EG0/EGSCHTST45.HBL?en=eg527&MESSA=PUBBLICA&SRL=23" data-element="topic-element"> <h3 class="card-title t-primary title-xlarge"> Museo Archeologico Santa Scolastica </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.cittametropolitana.ba.it/EG0/EGSCHTST45.HBL?en=eg527&MESSA=PUBBLICA&SRL=21" data-element="topic-element"> <h3 class="card-title t-primary title-xlarge"> Orchestra sinfonica </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.cittametropolitana.ba.it/EG0/EGSCHTST45.HBL?en=eg527&MESSA=PUBBLICA&SRL=1" class="chip-label">Accesso all'informazione</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.cittametropolitana.ba.it/EG0/EGSCHTST45.HBL?en=eg527&MESSA=PUBBLICA&SRL=11" class="chip-label">Agricoltura</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.cittametropolitana.ba.it/EG0/EGSCHTST45.HBL?en=eg527&MESSA=PUBBLICA&SRL=12" class="chip-label">Ambiente</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.cittametropolitana.ba.it/EG0/EGSCHTST45.HBL?en=eg527&MESSA=PUBBLICA&SRL=25" class="chip-label">Biblioteca</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.cittametropolitana.ba.it/EG0/EGSCHTST45.HBL?en=eg527&MESSA=PUBBLICA&SRL=24" class="chip-label">Concerti 2024</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.cittametropolitana.ba.it/EG0/EGSCHTST45.HBL?en=eg527&MESSA=PUBBLICA&SRL=20" class="chip-label">Concerto</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.cittametropolitana.ba.it/EG0/EGSCHTST45.HBL?en=eg527&MESSA=PUBBLICA&SRL=18" class="chip-label">Concessione</a> </div> <div class="chip chip-primary chip-simple"> <a href="https://www.cittametropolitana.ba.it/EG0/EGSCHTST45.HBL?en=eg527&MESSA=PUBBLICA&SRL=10" class="chip-label">Cultura</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.cittametropolitana.ba.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://bari.cittametropolitana.plugandpay.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"> PagoPA </h4> <p class="card-text text-sans-serif text-white"> accedi al portale </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://pianostrategico.cittametropolitana.ba.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"> Piano Strategico </h4> <p class="card-text text-sans-serif text-white"> Accedi al portale </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://smartworking.cittametropolitana.ba.it/login" 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"> Smart Working </h4> <p class="card-text text-sans-serif text-white"> Accedi al portale </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="http://www.centromesseni.com" 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"> Centro educativo "Messeni - Localzo" </h4> <p class="card-text text-sans-serif text-white"> Accedi al portale </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="http://www.emergenzaxylella.it/portal/portale_gestione_agricoltura" 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"> Emergenza Xylella </h4> <p class="card-text text-sans-serif text-white"> Accedi al portale </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.parcolamabalice.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"> Parco Naturale Lama Balice </h4> <p class="card-text text-sans-serif text-white"> Accedi al portale </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.youtube.com/channel/UCBbHxG08pIxWmAczugZ2vUQ" 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"> Sedute del Consiglio online </h4> <p class="card-text text-sans-serif text-white"> Accedi alla pagina </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.normattiva.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"> Normattiva </h4> <p class="card-text text-sans-serif text-white"> Accedi al portale </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.governo.it/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"> Governo Italiano </h4> <p class="card-text text-sans-serif text-white"> Accedi al portale </p> </div> </a> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-2"> <div class="card-wrapper"> <a href="https://cittametropolitanabari.maggiolicloud.it/PortaleAppalti/it/homepage.wp" 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 gare d'appalto </h4> <p class="card-text text-sans-serif text-white"> Elenco operatori economici gare telematiche </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.senato.it/home" 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"> Senato della Repubblica </h4> <p class="card-text text-sans-serif text-white"> Accedi al portale </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.agenziaentrate.gov.it/portale/home" 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"> Agenzia delle Entrate </h4> <p class="card-text text-sans-serif text-white"> Accedi al portale </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.camera.it/leg18/1" 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"> Camera dei Deputati </h4> <p class="card-text text-sans-serif text-white"> Accedi al portale </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.pumscmbari.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"> Piano Urbano della Mobilit脿 Sostenibile - PUMS </h4> <p class="card-text text-sans-serif text-white"> Accedi al portale </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="1"> <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=eg527&MESSA=VALUTAZIONE&SRL=1')"> 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.cittametropolitana.ba.it/contatta_inclusione.html"></script> <div id="footer1"></div> <script src="https://www.cittametropolitana.ba.it/schiocciola.js"></script> <script src="https://www.cittametropolitana.ba.it/footer.html"></script> <script src="https://www.cittametropolitana.ba.it/Footer_js.js"></script> <script src="https://www.cittametropolitana.ba.it/linkfooter.js"></script> <script> function modificaLogin() { let nomeUtente = leggiCookie("nomeEgov"); if (nomeUtente != 0) { document.getElementById('nomeUtente').innerHTML = leggiCookie("nomeEgov"); document.getElementById('senzaLogin').style.display = "none"; document.getElementById('conLogin').style.display = "block"; } else { document.getElementById('senzaLogin').style.display = "block"; document.getElementById('conLogin').style.display = "none"; } } </script>

CINXE.COM

Citt脿 metropolitana di Bari