Errore di connessione: PDO::__construct(): Argument #1 ($dsn) must be a valid data source name<!-- Start Scelta Lettera Area -->
<section class="events-list-area event-page-lists" id="lettere">
  <div class="container py-5">

    <!-- Titolo e introduzione -->
    <div class="row justify-content-center text-center mb-4" style="margin-top:-70px;">
      <div class="col-lg-10">
  					<!-- Logo -->
					<div class="text-center mb-5">
						<img src=" " 
						alt="Logo"
	     				width="150"
	     				height="150"
	     				style="max-width:180px;">
					</div>       			
       <h2 class="fw-bold mb-3" style="color:#4A5E34;">
          0        </h2>
        <img class="img-fluid mb-3" src="../Comuni/Immagini/Pagine/" alt="Avanzamento">
        <h3 class="fw-semibold mb-2" style="color:#4A5E34;">
          <i class="fas fa-play-circle"></i> Passo 1: Scegli la prima lettera del comune che vuoi cercare
        </h3>
        <p class="text-muted mb-0">Puoi esplorare tutte le località cliccando sulla lettera iniziale.</p>
      </div>
    </div>

    <!-- Griglia blocchi lettere -->
    <div class="row g-4">
      <!-- BLOCCO 1 -->
      <div class="col-lg-6 col-md-12 lettere-blocco">
        <div class="row align-items-center">
          <div class="col-md-4 mb-3 mb-md-0 text-center">
            <img class="img-fluid rounded" src="" alt="">
            <p class="mt-2 small"></p>
          </div>
          <div class="col-md-8 text-center text-md-start">
            <p class="fw-bold text-secondary mb-2">Località dalla A alla F</p>
            <div class="lettere-row">
              <span class='lettera-box disabled'>A</span><span class='lettera-box disabled'>B</span><span class='lettera-box disabled'>C</span><span class='lettera-box disabled'>D</span><span class='lettera-box disabled'>E</span><span class='lettera-box disabled'>F</span>            </div>
          </div>
        </div>
      </div>

      <!-- BLOCCO 2 -->
      <div class="col-lg-6 col-md-12 lettere-blocco">
        <div class="row align-items-center">
          <div class="col-md-4 mb-3 mb-md-0 text-center">
            <img class="img-fluid rounded" src="" alt="">
            <p class="mt-2 small"></p>
          </div>
          <div class="col-md-8 text-center text-md-start">
            <p class="fw-bold text-secondary mb-2">Località dalla G alla M</p>
            <div class="lettere-row">
              <span class='lettera-box disabled'>G</span><span class='lettera-box disabled'>H</span><span class='lettera-box disabled'>I</span><span class='lettera-box disabled'>J</span><span class='lettera-box disabled'>K</span><span class='lettera-box disabled'>L</span><span class='lettera-box disabled'>M</span>            </div>
          </div>
        </div>
      </div>

      <!-- BLOCCO 3 -->
      <div class="col-lg-6 col-md-12 lettere-blocco">
        <div class="row align-items-center">
          <div class="col-md-4 mb-3 mb-md-0 text-center">
            <img class="img-fluid rounded" src="" alt="">
            <p class="mt-2 small"></p>
          </div>
          <div class="col-md-8 text-center text-md-start">
            <p class="fw-bold text-secondary mb-2">Località dalla N alla S</p>
            <div class="lettere-row">
              <span class='lettera-box disabled'>N</span><span class='lettera-box disabled'>O</span><span class='lettera-box disabled'>P</span><span class='lettera-box disabled'>Q</span><span class='lettera-box disabled'>R</span><span class='lettera-box disabled'>S</span>            </div>
          </div>
        </div>
      </div>

      <!-- BLOCCO 4 -->
      <div class="col-lg-6 col-md-12 lettere-blocco">
        <div class="row align-items-center">
          <div class="col-md-4 mb-3 mb-md-0 text-center">
            <img class="img-fluid rounded" src="" alt="">
            <p class="mt-2 small"></p>
          </div>
          <div class="col-md-8 text-center text-md-start">
            <p class="fw-bold text-secondary mb-2">Località dalla T alla Z</p>
            <div class="lettere-row">
              <span class='lettera-box disabled'>T</span><span class='lettera-box disabled'>U</span><span class='lettera-box disabled'>V</span><span class='lettera-box disabled'>W</span><span class='lettera-box disabled'>X</span><span class='lettera-box disabled'>Y</span><span class='lettera-box disabled'>Z</span>            </div>
          </div>
        </div>
      </div>
    </div> <!-- fine row -->
  </div>
</section>
<!-- End Scelta Lettera Area -->