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

<base>Specifica l'URL di base per tutti gli URL relativi all'interno della pagina.
<textarea>Area di testo libero espandibile per form HTML
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
checkedPre-imposta su 'true' il valore di un elemento input checkbox o radio
<div>Crea contenitori generici o sezioni in una pagina
loopL'attributo loop è usato per la riproduzione continua dei contenuti video e audio

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

pokemaniac05.html

Form per il torneo misto disfo

ECOVACS GOAT A1600 LiDAR PRO

Navbar Example 3

Modal Animations

progetti scolastici

Heads Or Tails Random Tally

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>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary-color: #2c3e50;
            --secondary-color: #ecf0f1;
            --accent-color: #e74c3c;
            --text-color: #34495e;
            --light-text-color: #95a5a6;
        }
        body {
            font-family: 'Roboto', sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 0;
            background-color: var(--secondary-color);
            color: var(--text-color);
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
        header {
            background-color: var(--primary-color);
            color: white;
            text-align: center;
            padding: 2em;
            margin-bottom: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        h1 {
            margin: 0;
            font-size: 2.5em;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        h2 {
            color: var(--primary-color);
            border-bottom: 2px solid var(--accent-color);
            padding-bottom: 5px;
        }
        .card {
            background-color: white;
            margin-bottom: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            overflow: hidden;
            transition: transform 0.3s ease;
        }
        .card:hover {
            transform: translateY(-5px);
        }
        .card-header {
            background-color: var(--primary-color);
            color: white;
            padding: 10px 15px;
            font-weight: bold;
        }
        .card-body {
            padding: 15px;
        }
        .time {
            font-weight: bold;
            color: var(--primary-color);
        }
        .info {
            background-color: var(--secondary-color);
            padding: 10px;
            margin-top: 10px;
            border-radius: 5px;
            display: none;
        }
        .location-name {
            cursor: pointer;
            color: var(--primary-color);
            text-decoration: none;
            font-weight: bold;
        }
        .location-name:hover {
            text-decoration: underline;
        }
        footer {
            text-align: center;
            padding: 20px;
            background-color: var(--primary-color);
            color: white;
            margin-top: 30px;
        }
        .transport-info {
            background-color: var(--accent-color);
            padding: 15px;
            margin-top: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        button {
            background-color: var(--primary-color);
            color: white;
            border: none;
            padding: 10px 15px;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        button:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <header>
        <h1>Un Giorno a Napoli</h1>
        <p>Itinerario Dettagliato</p>
    </header>

    <div class="container">
        <div class="card" id="weather">
            <div class="card-header">Previsioni del tempo per oggi</div>
            <div class="card-body">
                <p>Caricamento previsioni...</p>
            </div>
        </div>

        <div class="card" id="emergency">
            <div class="card-header">Numeri di emergenza</div>
            <div class="card-body">
                <ul>
                    <li>Emergenze: 112</li>
                    <li>Polizia: 113</li>
                    <li>Ambulanza: 118</li>
                    <li>Vigili del fuoco: 115</li>
                </ul>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Stazione Centrale di Napoli</span>
            </div>
            <div class="card-body">
                <p><span class="time">13:00</span> - Partenza dalla Stazione Centrale di Napoli (Piazza Garibaldi)</p>
                <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>
                    <p>Da qui partono i treni ad alta velocità per Roma, Milano e altre grandi città, rendendola un punto di partenza ideale per esplorare Napoli e oltre.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Corso Umberto I</span>
            </div>
            <div class="card-body">
                <p><span class="time">13:10</span> - Inizia a camminare lungo Corso Umberto I (10 minuti)</p>
                <div class="info">
                    <p>Corso Umberto I è una delle principali arterie di Napoli, che collega la Stazione Centrale con il centro storico. È una strada commerciale con numerosi negozi e edifici storici.</p>
                    <p>Questa via è anche nota per i suoi caffè storici, dove puoi fermarti per un espresso e osservare la vita cittadina.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Duomo di Napoli</span>
            </div>
            <div class="card-body">
                <p><span class="time">13:30</span> - Visita al Duomo di Napoli (30 minuti)</p>
                <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>
                    <p>Il Duomo è anche famoso per il miracolo della liquefazione del sangue di San Gennaro, che avviene tre volte l'anno e attira numerosi fedeli e turisti.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Spaccanapoli</span>
            </div>
            <div class="card-body">
                <p><span class="time">14:05</span> - Inizio passeggiata lungo Spaccanapoli (Via dei Tribunali)</p>
                <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>
                    <p>Camminare lungo Spaccanapoli significa immergersi nel cuore pulsante della città, tra botteghe artigiane, pizzerie storiche e palazzi antichi.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Cappella Sansevero</span>
            </div>
            <div class="card-body">
                <p><span class="time">14:20-15:00</span> - Visita alla Cappella Sansevero e al Cristo Velato (40 minuti)</p>
                <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>
                    <p>La cappella contiene anche altre opere d'arte straordinarie, come le "Macchine Anatomiche" e le statue allegoriche commissionate dal principe Raimondo di Sangro.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">San Lorenzo Maggiore</span>
            </div>
            <div class="card-body">
                <p><span class="time">15:10-15:50</span> - Esplora la basilica di San Lorenzo Maggiore e l'area archeologica (40 minuti)</p>
                <div class="info">
                    <p>La Chiesa di San Lorenzo Maggiore è un importante complesso monumentale che include una basilica gotica e un'area archeologica sotterranea con resti dell'antica Neapolis greca e romana.</p>
                    <p>La basilica, costruita tra il XIII e il XIV secolo, è uno degli esempi più significativi di architettura gotica a Napoli. L'area archeologica sotterranea offre un'affascinante viaggio nel passato, tra strade e edifici dell'antica città.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Via San Gregorio Armeno</span>
            </div>
            <div class="card-body">
                <p><span class="time">15:53-16:20</span> - Passeggiata lungo Via San Gregorio Armeno, famosa per i presepi</p>
                <div class="info">
                    <p>Via San Gregorio Armeno è conosciuta come la "via dei presepi" di Napoli. Qui si trovano numerose botteghe artigiane specializzate nella creazione di presepi e figure presepiali, un'arte tradizionale napoletana.</p>
                    <p>Visitare questa via durante il periodo natalizio è un'esperienza unica, ma è affascinante tutto l'anno grazie all'abilità e alla creatività degli artigiani locali.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Pizza napoletana</span>
            </div>
            <div class="card-body">
                <p><span class="time">16:25</span> - Pausa per una pizza napoletana (35 minuti)</p>
                <div class="info">
                    <p>La pizza napoletana, Patrimonio UNESCO, è un must durante la visita a Napoli. Caratterizzata da un impasto sottile e bordi alti, viene cotta in forni a legna ad alta temperatura.</p>
                    <p>Tra le pizzerie più famose ci sono Da Michele, Sorbillo e Di Matteo. Ogni boccone rappresenta un'esperienza culinaria unica e indimenticabile.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Piazza Dante</span>
            </div>
            <div class="card-body">
                <p><span class="time">17:15</span> - Breve sosta a Piazza Dante</p>
                <div class="info">
                    <p>Piazza Dante è una delle piazze più grandi di Napoli, dominata dalla statua di Dante Alighieri. È un punto di incontro popolare e ospita l'ingresso della stazione della metropolitana "Dante".</p>
                    <p>La piazza, progettata nel XVIII secolo, è circondata da edifici storici e offre un'atmosfera vibrante e accogliente, perfetta per una breve pausa.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Stazione Toledo</span>
            </div>
            <div class="card-body">
                <p><span class="time">17:30</span> - Visita la stazione Toledo, considerata una delle più belle d'Europa (10 minuti)</p>
                <div class="info">
                    <p>La stazione Toledo della metropolitana di Napoli è famosa per il suo design innovativo e artistico. È stata premiata come una delle stazioni metro più belle d'Europa.</p>
                    <p>La stazione, progettata dall'architetto catalano Oscar Tusquets Blanca, è decorata con mosaici e installazioni artistiche che creano un'atmosfera unica e affascinante.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Via Toledo</span>
            </div>
            <div class="card-body">
                <p><span class="time">17:45</span> - Passeggiata lungo Via Toledo verso il mare (15 minuti)</p>
                <div class="info">
                    <p>Via Toledo è una delle principali strade dello shopping di Napoli, che collega il centro storico con il quartiere di San Ferdinando. È famosa per i suoi negozi, caffè storici e l'atmosfera vivace.</p>
                    <p>Camminare lungo Via Toledo significa immergersi nell'energia di Napoli, tra shopping, arte e cultura. È una delle vie più frequentate della città, ideale per una passeggiata rilassante verso il mare.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Piazza del Plebiscito</span>
            </div>
            <div class="card-body">
                <p><span class="time">18:00</span> - Arrivo a Piazza del Plebiscito</p>
                <div class="info">
                    <p>Piazza del Plebiscito è la piazza principale di Napoli, dominata dalla Basilica Reale e dal Palazzo Reale. È un importante luogo di incontro e sede di eventi culturali.</p>
                    <p>La piazza è uno degli spazi pubblici più grandi d'Italia e ospita spesso concerti, manifestazioni e altre attività culturali. È il cuore della vita sociale e politica della città.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Lungomare Caracciolo</span>
            </div>
            <div class="card-body">
                <p><span class="time">18:15</span> - Passeggiata lungo il Lungomare Caracciolo (30 minuti)</p>
                <div class="info">
                    <p>Il Lungomare Caracciolo è uno dei luoghi più suggestivi di Napoli, con una splendida vista sul Golfo di Napoli, il Vesuvio e Castel dell'Ovo. È perfetto per una passeggiata serale.</p>
                    <p>Questa area pedonale è ideale per rilassarsi, fare jogging o semplicemente godersi il panorama mozzafiato. È anche un ottimo posto per assaporare un gelato o una cena romantica sul mare.</p>
                </div>
            </div>
        </div>

        <div class="card location">
            <div class="card-header">
                <span class="location-name">Ritorno alla Stazione Centrale</span>
            </div>
            <div class="card-body">
                <p><span class="time">19:00</span> - Ritorno alla Stazione Centrale di Napoli</p>
                <div class="info">
                    <p>Prendi la metropolitana dalla stazione Municipio o Toledo per tornare alla Stazione Centrale di Napoli.</p>
                    <p>La metropolitana di Napoli è efficiente e moderna, rendendo facile e veloce il ritorno alla stazione centrale. In alternativa, puoi prendere un taxi o un autobus per completare il tuo viaggio.</p>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <p>&copy; 2024 Un Giorno a Napoli - Creato da Mattia Ligorio</p>
    </footer>

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