Un Giorno a Napoli: Itinerario Det by @mattia1.35 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
methodDetermina il metodo di invio dei dati di un form al server
targetDetermina il comportamento di un collegamento ipertestuale alla sua apertura
crossoriginGestisce richieste tra documenti provenienti da origini differenti.
<head>Tag primario di un documento HTML
<label>Mostrare un testo di etichetta per un elemento di input.

Users

Log in to search for users

Explore

Find inspiration

My Anime Blog - Ninjas and Dragons(2)

Media ponderata

Esercizio tabella e form

JEANSON ANCHETA

Loading Animation

Esercizi 05/03/2024 es4

PROVA SITO ALEX

Comunicare sul Web [Template CSS]

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Un Giorno a Napoli: Itinerario Dettagliato</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
            max-width: 800px;
            margin: 0 auto;
        }
        h1, h2 {
            color: #003366;
        }
        .location {
            margin-bottom: 20px;
            border: 1px solid #ddd;
            padding: 10px;
            border-radius: 5px;
        }
        .time {
            font-weight: bold;
        }
        img {
            max-width: 100%;
            height: auto;
            margin-bottom: 10px;
        }
        .info {
            display: none;
            background-color: #f9f9f9;
            padding: 10px;
            margin-top: 10px;
            border-radius: 5px;
        }
        .location-name {
            cursor: pointer;
            color: #0066cc;
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <h1>Un Giorno a Napoli: Itinerario Dettagliato</h1>

    <div class="location">
        <h2 class="location-name">Stazione Centrale di Napoli</h2>
        <p><span class="time">13:00</span> - Partenza dalla Stazione Centrale di Napoli (Piazza Garibaldi)</p>
        <img src="stazione_centrale.jpg" alt="Stazione Centrale di Napoli">
        <div class="info">
            <p>La Stazione Centrale di Napoli, situata in Piazza Garibaldi, è il principale hub ferroviario della città. Costruita nel 1960, serve milioni di passeggeri ogni anno e collega Napoli con le principali città italiane ed europee.</p>
        </div>
    </div>

    <div class="location">
        <h2 class="location-name">Duomo di Napoli</h2>
        <p><span class="time">13:30</span> - Visita al Duomo di Napoli (30 minuti)</p>
        <img src="duomo_napoli.jpg" alt="Duomo di Napoli">
        <div class="info">
            <p>Il Duomo di Napoli, dedicato a Santa Maria Assunta, è la cattedrale principale della città. Costruito nel XIII secolo, ospita la Cappella del Tesoro di San Gennaro, dove si conservano le reliquie del santo patrono di Napoli.</p>
        </div>
    </div>

    <div class="location">
        <h2 class="location-name">Spaccanapoli</h2>
        <p><span class="time">14:05</span> - Inizio passeggiata lungo Spaccanapoli (Via dei Tribunali)</p>
        <img src="spaccanapoli.jpg" alt="Spaccanapoli">
        <div class="info">
            <p>Spaccanapoli è il nome popolare dato alla strada che taglia in due il centro storico di Napoli. Questa via, che comprende Via dei Tribunali e Via San Biagio dei Librai, è famosa per i suoi negozi, chiese storiche e l'atmosfera vivace.</p>
        </div>
    </div>

    <div class="location">
        <h2 class="location-name">Cappella Sansevero</h2>
        <p><span class="time">14:20-15:00</span> - Visita alla Cappella Sansevero e al Cristo Velato (40 minuti)</p>
        <img src="cappella_sansevero.jpg" alt="Cappella Sansevero">
        <div class="info">
            <p>La Cappella Sansevero è un gioiello del patrimonio artistico napoletano. È famosa per ospitare il Cristo Velato, una scultura marmorea di Giuseppe Sanmartino che rappresenta Cristo coperto da un velo trasparente, capolavoro di maestria tecnica.</p>
        </div>
    </div>

    <div class="location">
        <h2 class="location-name">Castel dell'Ovo</h2>
        <p><span class="time">19:15-19:45</span> - Visita Castel dell'Ovo e goditi il tramonto sul mare</p>
        <img src="castel_dell_ovo.jpg" alt="Castel dell'Ovo">
        <div class="info">
            <p>Castel dell'Ovo è il castello più antico di Napoli, situato sull'isolotto di Megaride. Il suo nome deriva da una leggenda legata a Virgilio, che avrebbe nascosto un uovo magico nelle fondamenta del castello. Offre una vista spettacolare sul Golfo di Napoli.</p>
        </div>
    </div>

    <script>
        document.querySelectorAll('.location-name').forEach(item => {
            item.addEventListener('click', event => {
                const info = event.target.parentNode.querySelector('.info');
                info.style.display = info.style.display === 'none' ? 'block' : 'none';
            });
        });
    </script>
</body>
</html>