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.

Referenze

widthImposta la larghezza di un elemento HTML
<pre>Indica una parte di testo preformattato
classDefinisce una o più classi per elemento
crossoriginGestisce richieste tra documenti provenienti da origini differenti.
enctypeDetermina il tipo di codifica dei dati di un form per l'invio al server
_topApre collegamenti ipertestuali nell'elemento parent assoluto

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

portfolio-Davide-Cantore.html

Heads Or Tails Random Tally

EXPLORE India DATABASES for Market

99 Bottles of Beer

Titolo della Pagina

HOTEL STELLA MARIS

Cheeseburger CSS

ESERCIZI RIEPILOGATIVI - 1

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!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>