<!DOCTYPE html>
<html lang="it">
<head>
<meta name="description" content="Scuola dell'Infanzia Ghirla a Valganna (VA) – dove i bambini crescono con gioia, scoperta e creatività. Scopri le nostre attività, laboratori, open day e iscrizioni.">
<meta name="keywords" content="scuola infanzia, Ghirla, asilo, Valganna, iscrizione scuola materna, open day, scuola materna, bambini 3-6 anni, educazione, laboratori creativi">
<meta name="author" content="Scuola Infanzia Ghirla">

  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="Scuola Infanzia di Ghirla - Dove imparare è un gioco bellissimo! Ambiente educativo per bambini dai 3 ai 6 anni a Valganna (VA)." />
  <meta name="keywords" content="scuola infanzia, asilo, ghirla, valganna, educazione, bambini" />
  <meta property="og:title" content="Scuola Infanzia di Ghirla" />
  <meta property="og:description" content="Dove imparare è un gioco bellissimo! Ambiente educativo per bambini dai 3 ai 6 anni." />
  <meta property="og:type" content="website" />
  <title>Scuola Infanzia di Ghirla</title>

  <!-- Google Font: Fredoka -->
  <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;700&display=swap" rel="stylesheet">

  <style>
    /* Reset and base styles */
    * {
      box-sizing: border-box;
    }

    body {
      font-family: 'Fredoka', sans-serif;
      background-color: #fff8e1;
      margin: 0;
      padding: 0;
      color: #444;
      line-height: 1.6;
    }

    /* Header styles */
    header {
      position: relative;
      background-image: url('sfondo.jpg'), url('farfalle.jpg');
      background-size: contain, cover;
      background-repeat: no-repeat, repeat;
      background-position: center, top;
      background-color: #ffccbc;
      color: white;
      padding: 150px 20px 60px 20px;
      text-align: center;
      text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
    }

    header h1 {
      margin: 0 0 10px 0;
      font-size: 2.5rem;
    }

    header p {
      margin: 0;
      font-size: 1.2rem;
    }

    /* Navigation styles */
    nav {
      background-color: #ffe0b2;
      padding: 20px 10px;
      text-align: center;
      margin-bottom: 30px;
    }

    .nav-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 12px;
      max-width: 900px;
      margin: auto;
    }

    .nav-link {
      display: inline-block;
      padding: 12px 20px;
      border-radius: 10px;
      text-decoration: none;
      color: #333;
      font-weight: bold;
      box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      cursor: pointer;
      border: none;
      background: none;
      font-family: inherit;
      font-size: inherit;
    }

    .nav-link:hover,
    .nav-link:focus {
      transform: translateY(-2px);
      box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
      outline: 2px solid #333;
    }

    .nav-link.chi-siamo { background-color: #ffd54f; }
    .nav-link.proposta { background-color: #81d4fa; }
    .nav-link.giornata { background-color: #aed581; }
    .nav-link.tariffe { background-color: #ffab91; }
    .nav-link.attivita { background-color: #ce93d8; }
    .nav-link.documenti { background-color: #ffecb3; }
    .nav-link.ptof { background-color: #FFC107; }
    .nav-link.contatti { background-color: #b2dfdb; }

    /* Section styles */
    section {
      padding: 20px;
      max-width: 1200px;
      margin: 0 auto;
    }

    section h2 {
      color: #d84315;
      border-bottom: 2px solid #d84315;
      padding-bottom: 10px;
      margin-bottom: 20px;
    }

    section h3 {
      color: #e65100;
      margin-top: 30px;
      margin-bottom: 15px;
    }

    /* Image gallery styles */
    .image-gallery {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
      margin-top: 15px;
    }

    .image-gallery img {
      width: 300px;
      height: 200px;
      object-fit: cover;
      border-radius: 10px;
      transition: transform 0.3s ease;
    }

    .image-gallery img:hover {
      transform: scale(1.05);
    }

    /* Tariffe section styles */
    #tariffe {
      display: none;
      background-color: #fff3e0;
      padding: 20px;
      margin: 20px auto;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      max-width: 800px;
      position: relative;
      z-index: 10;
    }

    #tariffe.active {
      display: block;
      animation: fadeIn 0.5s ease-in-out;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: scale(0.95); }
      to { opacity: 1; transform: scale(1); }
    }

    /* Button styles */
    #btnTop {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 99;
      font-size: 16px;
      background-color: #ffd54f;
      color: #333;
      border: none;
      outline: none;
      padding: 10px 16px;
      border-radius: 6px;
      cursor: pointer;
      box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
      transition: background-color 0.3s ease, transform 0.2s ease;
      font-weight: bold;
      letter-spacing: 1px;
      display: none;
    }

    #btnTop:hover,
    #btnTop:focus {
      background-color: #ffca28;
      transform: scale(1.1);
      outline: 2px solid #333;
    }

    /* Footer styles */
    footer {
      background-color: #ffe0b2;
      text-align: center;
      padding: 20px 10px;
      font-size: 0.9em;
      position: relative;
    }

    .social-links {
      position: absolute;
      top: 10px;
      right: 10px;
      display: flex;
      gap: 10px;
    }

    .social-icon {
      width: 24px;
      height: 24px;
      opacity: 0.9;
      transition: transform 0.2s, opacity 0.2s;
    }

    .social-icon:hover {
      transform: scale(1.1);
      opacity: 1;
    }

    .logo-fism-footer {
      position: absolute;
      bottom: 10px;
      right: 10px;
      width: 60px;
      height: auto;
      opacity: 0.95;
    }

    /* Document links styles */
    .document-links {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .document-link {
      padding: 10px 15px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: bold;
      color: #333;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .document-link:hover,
    .document-link:focus {
      transform: translateX(5px);
      box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
      outline: 2px solid #333;
    }

    .document-link.iscrizione { background-color: #ffd54f; }
    .document-link.autorizzazione { background-color: #81d4fa; }
    .document-link.uscite { background-color: #aed581; }
    .document-link.deleghe { background-color: #ffab91; }
    .document-link.informazioni { background-color: #ce93d8; }

    /* Responsive design */
    @media (max-width: 768px) {
      header {
        padding: 100px 10px 40px 10px;
      }

      header h1 {
        font-size: 2rem;
      }

      .nav-container {
        flex-direction: column;
        gap: 8px;
      }

      .nav-link {
        padding: 15px;
        font-size: 14px;
      }

      .image-gallery {
        flex-direction: column;
      }

      .image-gallery img {
        width: 100%;
        height: 200px;
      }

      section {
        padding: 15px;
      }

      .social-links {
        position: static;
        justify-content: center;
        margin-bottom: 15px;
      }

      .logo-fism-footer {
        position: static;
        margin: 10px auto;
        display: block;
      }
    }

    @media (max-width: 480px) {
      header h1 {
        font-size: 1.8rem;
      }

      header p {
        font-size: 1rem;
      }

      .nav-link {
        padding: 12px;
        font-size: 13px;
      }
    }

    /* Accessibility improvements */
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    /* Focus styles for better accessibility */
    a:focus,
    button:focus {
      outline: 2px solid #333;
      outline-offset: 2px;
    }

    /* Skip to content link */
    .skip-link {
      position: absolute;
      top: -40px;
      left: 6px;
      background: #333;
      color: white;
      padding: 8px;
      text-decoration: none;
      z-index: 100;
    }

    .skip-link:focus {
      top: 6px;
    }
  </style>
</head>
<body>
  <header>
    <h1>Scuola Infanzia Ghirla</h1>
    <p>Dove imparare è un gioco bellissimo!</p>
    <img src="logo-fism.png" alt="Logo FISM - Federazione Italiana Scuole Materne" class="logo-fism-footer">
  </header>

  <nav>
    <div class="nav-container">
      <a href="#chi-siamo" class="nav-link chi-siamo">🏫 Chi siamo</a>
      <a href="#proposta-educativo-didattica" class="nav-link proposta">📚 Proposta educativo-didattica</a>
      <a href="#giornata-tipo" class="nav-link giornata">⏰ Giornata tipo</a>
      <button onclick="toggleTariffe()" class="nav-link tariffe">💰 Tariffe</button>
      <a href="#attivita" class="nav-link attivita">🎨 Attività</a>
      <a href="#documenti" class="nav-link documenti">📄 Documenti</a>
      <a href="ptof.pdf" target="_blank" rel="noopener" class="nav-link ptof">📘 Visualizza PTOF</a>
      <a href="#contatti" class="nav-link contatti">📬 Contatti</a>
    </div>
  </nav>

  <main id="main-content">
    <section id="tariffe">
      <h2>💰 Contributi e Tariffe</h2>
      <p>
        La scelta dei servizi mensili pre scuola e post scuola, per motivi organizzativi, dovrà essere mantenuta per tutto il corso dell'anno. La retta è compresa di pasto.
      </p>
      <ul style="list-style: none; padding-left: 0; line-height: 1.8;">
        <li>✔ <strong>Retta ordinaria 9.00–15.30 – €220,00</strong></li>
        <li>✔ <strong>Pre-scuola 8.00–9.00 – €40,00</strong> mensili; <strong>€5,00</strong> giornaliero</li>
        <li>✔ <strong>Post-scuola 15.30–16.00 – €25,00</strong> mensili; <strong>€3,00</strong> giornaliero</li>
        <li>✔ <strong>Fisso €140,00</strong> in caso di non frequenza</li>
        <li>✔ <strong>Iscrizione annuale €100,00</strong></li>
        <li>✔ <strong>Sconto fratelli €30,00</strong></li>
      </ul>
    </section>

    <section id="chi-siamo">
      <h2>Chi siamo</h2>
      <p>
        La Scuola Infanzia di Ghirla accoglie bambini dai 3 ai 6 anni in un ambiente allegro, stimolante e sicuro. E' un luogo dove i bambini crescono con serenità, curiosità e gioia.
      </p>
      <p>
        Ogni giorno è un'avventura fatta di scoperte, conquiste e tantissimi sorrisi. Crediamo che ogni bambino possieda dentro di sé tutte le risorse per crescere: sta a noi adulti creare l'ambiente giusto affinché 
        queste risorse possano sbocciare, liberamente e con entusiasmo. Insieme, costruiamo esperienze che nutrono la mente, il cuore e l'immaginazione. La Scuola dell'Infanzia di Ghirla è un ambiente
        educativo ed esperienziale dove vengono offerte svariate opportunità utili a favorire lo sviluppo armonico del bambino. La formazione individuale diventa un obiettivo
        fondante del nostro approccio educativo volto a perseguire gradualmente importanti traguardi.
      </p>
      
      <h3>I nostri obiettivi educativi:</h3>
      <ul style="list-style: none; padding-left: 0;">
        <li>🧍 <strong>Identità</strong> – aiutiamo ogni bambino a riconoscersi, valorizzarsi e sentirsi unico</li>
        <li>🪁 <strong>Autonomia</strong> – sosteniamo lo sviluppo dell'indipendenza attraverso esperienze concrete</li>
        <li>🎨 <strong>Competenza</strong> – stimoliamo abilità, curiosità e creatività in ogni attività</li>
        <li>🤝 <strong>Cittadinanza</strong> – cresciamo insieme nel rispetto, nella partecipazione e nella relazione</li>
      </ul>
      
      <p>
        Nella Scuola dell'Infanzia di ispirazione cristiana si educa ogni bambino introducendolo alla realtà "totale" ed al suo significato, con l'aiuto del rapporto affettivo con l'adulto.
      </p>
      <p>
        La proposta educativa valorizza tutte le dimensioni della persona, accogliendo la diversità come ricchezza, per promuovere l'identità personale e culturale di ciascuno.
      </p>
      <p>
        Perché crescere è bellissimo… se lo si fa giocando e sentendosi amati.
      </p>
      <p>
        L'offerta formativa racconta le peculiarità del nostro approccio che vede i bambini
        protagonisti della propria crescita, del proprio apprendimento e le insegnanti
        "registe" competenti dei percorsi proposti in base ai bisogni educativi individuali e del gruppo.
      </p>
      <p>
        Il progetto educativo viene elaborato annualmente dal personale docente ed approvato dal Consiglio di Amministrazione.
      </p>
    </section>

    <section id="proposta-educativo-didattica">
      <h2>Proposta educativo-didattica</h2>
      <p>
        La nostra proposta educativa si avvale di percorsi specifici, in base alle fasce d'età.
        Il progetto educativo annuale è affiancato da laboratori e progetti tematici volti ad
        ampliare competenze in più ambiti. Queste le attività che verranno proposte in orario
        scolastico dal nostro personale:
      </p>
      <ul>
        <li>Laboratorio di motricità e psicomotricità</li>
        <li>Progetto prerequisiti</li>
        <li>Laboratorio artistico-creativo</li>
        <li>Educazione alimentare</li>
        <li>Educazione stradale</li>
        <li>Educazione all'ecologia e alla salvaguardia del territorio</li>
        <li>Progetto sci di fondo</li>
        <li>Educazione alla religione</li>
      </ul>
      <p>
        Durante l'anno scolastico verranno proposti corsi in collaborazione con specialisti esterni
        per approfondire ed arricchire le tematiche inserite nella proposta educativa.
      </p>
      <p>
        Lo sviluppo motorio armonico, l'approccio all'arte, alla musica e alle attività sportive,
        costituiscono da sempre punto di attenzione della nostra Scuola che è fortemente radicata nel territorio e promuove attivamente
        collaborazioni con le realtà locali, affinché i bambini possano crescere in un ambiente ricco di esperienze autentiche e significative.
      </p>
    </section>

    <section id="giornata-tipo">
      <h2>La nostra giornata tipo</h2>
      <p>
        La giornata è caratterizzata da momenti ricorrenti che danno il ritmo alla vita
        scolastica. Insieme a questi momenti, utili a dare routine e sicurezza al bambino,
        ruotano tutte le attività curricolari e progettuali. Ecco come si svolge una
        giornata tipo nella nostra scuola:
      </p>
      <ul>
        <li>✔ 8.00-9.00/9.00-9.30 Ingresso in base alla fascia oraria scelta</li>
        <li>✔ 9.30-11.30 Attività didattica</li>
        <li>✔ 11.30-12.00 Pratiche di igiene personale</li>
        <li>✔ 12.00-13.00 Pranzo</li>
        <li>✔ 13.00-13.45 Attività soft-relax</li>
        <li>✔ 13.15-13.30 Uscita anticipata quando richiesta</li>
        <li>✔ 13.45-14.45 Attività didattica/gioco in classe o in giardino</li>
        <li>✔ 15.00-15.30/16.00 Uscita in base alla fascia oraria scelta</li>
      </ul>
    </section>

    <section id="attivita">
      <h2>Attività</h2>
      
      <h3>✂️ Laboratori Creativi</h3>
      <p>
        Nei nostri laboratori creativi, di arte, di cucina, i bambini danno forma alla loro fantasia con colori, materiali e tanta libertà espressiva.  
        Attraverso il disegno, la pittura, il collage, la manipolazione, l'osservazione, ogni bambino può esprimere se stesso, sviluppare la manualità fine e imparare a collaborare con gli altri.
        Non è importante il risultato, ma il percorso fatto insieme, tra risate, meraviglia e mani sporche di colore, di farina, di pasta da modellare!
      </p>

      <div class="image-gallery">
        <img src="disegno1.jpg" alt="Bambini che disegnano e dipingono" loading="lazy">
        <img src="disegno2.jpg" alt="Bambini impegnati in attività artistiche" loading="lazy">
        <img src="laboratorio2.jpg" alt="Attività manuali e creative" loading="lazy">
      </div>

      <h3>🏃 Giochi all'aperto e attività di movimento</h3>
      <p>
        I bambini esplorano e si divertono nel nostro ampio giardino, correndo, giocando in gruppo, imparando attraverso il movimento la magia del mondo che li circonda. 
        Spesso ci troverete all'aperto a saltare nelle pozzanghere, a sentire il profumo della pioggia, a cogliere le castagne o le ortiche per poi fare le polpette, a correre a piedi nudi nei prati oppure a fare il pupazzo di neve
        o a sciare alla pista di Cunardo perchè sì, alla scuola Infanzia di Ghirla si scia!
      </p>

      <div class="image-gallery">
        <img src="gioco1.jpg" alt="Bambini che giocano all'aperto nel giardino" loading="lazy">
        <img src="gioco2.jpg" alt="Attività nel giardino della scuola" loading="lazy">
        <img src="gioco3.jpg" alt="Scoperta nella natura" loading="lazy">
        <img src="prato.jpg" alt="Esplorazione del prato" loading="lazy">
        <img src="gioco4.jpg" alt="Giochi all'aria aperta" loading="lazy">
        <img src="sci1.jpg" alt="Bambini che imparano a sciare" loading="lazy">
        <img src="sci2.jpg" alt="Lezione di sci di fondo" loading="lazy">
        <img src="sci3.jpg" alt="Attività sulla neve" loading="lazy">
      </div>

      <h3>🎵 Musica e movimento</h3>
      <p>
        Attraverso canzoni, strumenti e danza, sviluppiamo il senso del ritmo, l'ascolto e la coordinazione corpo-voce. 
        Il laboratorio di psicomotricità che proponiamo tutti gli anni, ci aiuterà a porre l'attenzione sulla consapevolezza, l'attenzione dello spazio proprio e altrui, al rispetto dei tempi di attesa,
        ad allenare la creatività, la fantasia, la relazione consapevole dell'altro e tanti altri aspetti importanti per un sano e armonico sviluppo psicofisico.
      </p>

      <div class="image-gallery">
        <img src="musica1.jpg" alt="Attività musicali e movimento" loading="lazy">
        <img src="musica2.jpg" alt="Laboratorio di musica" loading="lazy">
        <img src="musica3.jpg" alt="Attività di danza e movimento" loading="lazy">
      </div>

      <h3>✍ Progetto prerequisiti</h3>
      <p>
        Attraverso il Progetto Prerequisiti accompagniamo i bambini di 5 anni in un percorso ricco di esperienze ludiche e formative, 
        pensato per sviluppare le competenze fondamentali in vista dell'ingresso alla scuola primaria.
      </p>

      <div class="image-gallery">
        <img src="prerequisiti1.jpg" alt="Bambini che imparano i prerequisiti per la scuola primaria" loading="lazy">
        <img src="prerequisiti2.jpg" alt="Attività di preparazione alla scuola primaria" loading="lazy">
        <img src="prerequisiti3.jpg" alt="Laboratorio prerequisiti" loading="lazy">
      </div>

      <h3>👨‍👩‍👧 Incontri con le famiglie</h3>
      <p>Organizziamo momenti di scambio, festa e partecipazione per creare una comunità educativa fatta di relazioni autentiche.</p>
    </section>

    <section id="documenti">
      <h2>Documenti</h2>
      <p>
        I documenti dovranno essere consegnati direttamente alla scuola oppure inviati via mail all'indirizzo indicato nella sezione
        <a href="#contatti">Contatti</a>.
      </p>

      <h3>📄 Modulistica da scaricare</h3>

      <div class="document-links">
        <a href="Domanda di Iscrizione 25-26.pdf" download class="document-link iscrizione">
          📝 Modulo di Iscrizione (PDF)
        </a>

        <a href="Autorizzazione immagini.pdf" download class="document-link autorizzazione">
          🖼️ Autorizzazione alle Immagini (PDF)
        </a>

        <a href="Autorizzazioni uscite.pdf" download class="document-link uscite">
          🚌 Autorizzazione alle Uscite (PDF)
        </a>

        <a href="Deleghe al ritiro.pdf" download class="document-link deleghe">
          👥 Delega al Ritiro (PDF)
        </a>

        <a href="Informazioni utili.pdf" download class="document-link informazioni">
          ℹ️ Informazioni Utili (PDF)
        </a>
      </div>
    </section>

    <section id="contatti">
      <h2>Contatti</h2>
      <p>📍 <strong>Indirizzo:</strong> Via Francesco Rigamonti, 2 (fraz. Ghirla) - Valganna (VA)</p>
      <p>📞 <strong>Telefono:</strong> <a href="tel:+393758206573">375 8206573</a></p>
      <p>📧 <strong>E-mail:</strong> <a href="mailto:asiloinfantile.ghirla@gmail.com">asiloinfantile.ghirla@gmail.com</a></p>
      <p><strong>CODICE FISCALE:</strong> 80016320121</p>
      <p><strong>PARTITA I.V.A.:</strong> 01367580121</p>
      <p><strong>CODICE MECCANOGRAFICO:</strong> VA1A08000L</p>
    </section>
  </main>

  <footer>
    <div class="social-links">
      <a href="https://www.facebook.com/scuolamaternadighirla" target="_blank" rel="noopener" aria-label="Visita la nostra pagina Facebook">
        <img src="facebook-icon.png" alt="Facebook" class="social-icon">
      </a>
      <a href="https://www.instagram.com/scuolamaternadighirla" target="_blank" rel="noopener" aria-label="Seguici su Instagram">
        <img src="instagram-icon.png" alt="Instagram" class="social-icon">
      </a>
    </div>
    <p>&copy; 2025 Scuola Infanzia Ghirla - Tutti i diritti riservati</p>
  </footer>

  <button onclick="scrollToTop()" id="btnTop" title="Torna su" aria-label="Torna in cima alla pagina">SU</button>

  <script>
    // Scroll to top functionality
    function scrollToTop() {
      window.scrollTo({ top: 0, behavior: 'smooth' });
    }

    // Show/hide scroll to top button
    window.addEventListener('scroll', function() {
      const btn = document.getElementById("btnTop");
      if (document.documentElement.scrollTop > 100) {
        btn.style.display = "block";
      } else {
        btn.style.display = "none";
      }
    });

    // Tariffe toggle functionality
    function toggleTariffe() {
      const section = document.getElementById("tariffe");
      section.classList.toggle("active");
      section.scrollIntoView({ behavior: 'smooth' });
    }

    // Close tariffe section when clicking outside
    document.addEventListener('click', function(event) {
      const tariffe = document.getElementById('tariffe');
      const tariffeButton = event.target.closest('[onclick*="toggleTariffe"]');
      const isClickInsideTariffe = tariffe.contains(event.target);

      if (!tariffeButton && !isClickInsideTariffe && tariffe.classList.contains('active')) {
        tariffe.classList.remove('active');
      }
    });

    // Smooth scrolling for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function (e) {
        e.preventDefault();
        const target = document.querySelector(this.getAttribute('href'));
        if (target) {
          target.scrollIntoView({
            behavior: 'smooth',
            block: 'start'
          });
        }
      });
    });

    // Add loading state for images
    document.addEventListener('DOMContentLoaded', function() {
      const images = document.querySelectorAll('img[loading="lazy"]');
      images.forEach(img => {
        // Set initial opacity to 1 for immediate visibility
        img.style.opacity = '1';
        img.style.transition = 'opacity 0.3s ease';
        
        // Only add load event if image hasn't loaded yet
        if (!img.complete) {
          img.addEventListener('load', function() {
            this.style.opacity = '1';
          });
        }
      });
    });
  </script>
</body>
</html>