Update index.html

index.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Dettagli evento o progetto</title>
+    <title>Benvenuti a scuola!</title>
     <style>
         * {
             box-sizing: border-box;
@@ -42,39 +42,35 @@
             margin-top: 10px;
             margin-bottom: 5px;
         }
-        /* Un tocco di colore speciale sulla parola evidenziata */
         h1 span {
             color: #4A90E2; 
             background: linear-gradient(45deg, #4A90E2, #50E3C2);
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
         }
-        p.subtitle {
-            font-size: 15px;
-            color: #666;
-            margin-bottom: 20px;
-            font-style: italic;
-        }
-      
         .divider {
             border: none;
             height: 1px;
             background: #eee;
             margin: 20px 0;
         }
-        
-        /* Sezioni */
         h2 {
             font-size: 16px;
             color: #34495e;
             margin-bottom: 10px;
             text-align: left;
         }
-
-        /* Stile Locandina */
+        /* Video Principale */
+        video.main-video {
+            width: 100%;
+            border-radius: 12px;
+            outline: none;
+            background: #000;
+        }
+        /* Locandina Immagine Statica */
         .poster-container {
             width: 100%;
-            margin-bottom: 15px;
+            margin-bottom: 5px;
         }
         .poster-img {
             width: 100%;
@@ -82,8 +78,7 @@
             object-fit: cover;
             box-shadow: 0 4px 10px rgba(0,0,0,0.05);
         }
-
-        /* Singolo Riquadro Instagram */
+        /* Box Instagram Singolo */
         .single-grid {
             display: flex;
             flex-direction: column;
@@ -106,7 +101,7 @@
         }
         .insta-card img {
             width: 100%;
-            height: 180px; /* Leggermente più alto per risaltare da singolo */
+            height: 180px;
             object-fit: cover;
         }
         .insta-card span {
@@ -116,7 +111,6 @@
             color: #E1306C;
             background: #fafafa;
         }
-
         /* Pulsanti Social */
         .social-buttons {
             display: flex;
@@ -144,24 +138,32 @@
     <div class="container">
         <!-- 1. INTESTAZIONE / LOGO -->
         <img src="WhatsApp Image 2026-10-30 at 15.31.25.jpeg" alt="Logo Scuola" class="logo">
-        <h1>Titolo del <span>progetto</span> 👋</h1>
+        <h1>Benvenuti nella nostra <span>scuola!</span> 👋</h1>
       
         <hr class="divider">
 
-        <!-- 2. SEZIONE LOCANDINA -->
+        <!-- 2. VIDEO PRINCIPALE -->
+        <h2>🎬 Il nostro messaggio</h2>
+        <video class="main-video" controls poster="anteprima_personaggio.jpg">
+            <source src="video.mp4" type="video/mp4">
+            Il tuo browser non supporta il tag video.
+        </video>
+
+        <hr class="divider">
+
+        <!-- 3. LOCANDINA (Immagine statica) -->
         <h2>📌 La locandina</h2>
         <div class="poster-container">
-            <!-- Sostituisci "locandina.jpg" con il nome del file della tua locandina -->
-            <img src="locandina.pdf" alt="Locandina Evento" class="poster-img">
+            <!-- Sostituisci "locandina.jpg" con il nome della tua immagine locandina -->
+            <img src="locandina.jpg" alt="Locandina Evento" class="poster-img">
         </div>
 
         <hr class="divider">
 
-        <!-- 3. BOX UNICO CON LINK INSTAGRAM -->
+        <!-- 4. BOX UNICO CON VIDEO / LINK INSTAGRAM -->
         <h2>📱 Il nostro approfondimento</h2>
         <div class="single-grid">
-            <a href="https://www.instagram.com/reel/DRmHF-DDYgR/?xtok=OXprY3ZvMDJhYXQ1" target="_blank" class="insta-card">
-                <!-- Sostituisci "anteprima_box.jpg" con l'immagine di anteprima -->
+            <a href="https://www.instagram.com/p/INSERISCI_LINK_QUI/" target="_blank" class="insta-card">
                 <img src="laterza.jpg" alt="Anteprima Post">
                 <span>▶ Guarda su Instagram</span>
             </a>
@@ -169,8 +171,8 @@
 
         <hr class="divider">
 
-        <!-- 4. PULSANTE SOCIAL FINALE -->
-        <h2>🌐 Seguici online per maggiori informazioni</h2>
+        <!-- 5. PULSANTE SOCIAL -->
+        <h2>🌐 Seguici online</h2>
         <div class="social-buttons">
             <a href="https://www.instagram.com/ic_monte_san_michele?vrfl=eDMzeHV6cTFkYThq" target="_blank" class="btn-social btn-instagram">Instagram</a>
         </div>