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

<h5>Titolo di intestazione di quinto livello
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
listCollega un elemento input con una lista di opzioni datalist
typeSpecifica la tipologia/funzione di un elemento.
srcsetL'attributo srcset definisce la risorsa grafica tramite URL all'interno del tag <source> contenuto in <picture>
formnovalidateImpedisce la convalida di un singolo elemento input

Users

Log in to search for users

Explore

Find inspiration

Appunti Informatica

Esercitazione 1

Meraviglie d\'Italia

Chronē — Orologi d\'autore •

Progetto personale

Heads Or Tails Random Tally

Ethical hacking

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