Il Giro del Mondo in 80 Giorni(2) by @Matteo2 - Codewith.it

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

Referenze

<meta>Definisce i meta dati di una pagina web.
langSpecifica la lingua del contenuto di un elemento
<u> Utilizzato definire una parte del contenuto come annotazione non testuale, con una sottolineatura.
acceptDefinisce e filtra il formato dei file per il tag <input type=file>
<tbody>Definisce il contenuto principale di una tabella.
formenctypeDefinisce il tipo di codifica dei dati di un elemento input

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Questionario Serie A

La prima pagina

le mie materie preferite

Review of Functions I

tabella con foto e collegamenti ip

Scheda Tecnica Xiaomi 14 Ultra

Chronē — Orologi d\'autore •

ESERCIZIO FINALE

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>Il Giro del Mondo in 80 Giorni</title>
    <style>
        body {
          background-image: url('https://giuntialpunto.it/cdn/shop/products/8ff45de6b68c3ee620bc6cea05279775.jpg?v=1680653303');
            background-size: cover;
            background-attachment: fixed;
            font-family: 'serif';
            color: black;
            padding: 30px;
            text-align: center;
        body {
            font-family: Arial, sans-serif;
            background-color: #f9f9f9;
            color: #333;
            line-height: 1.6;
            margin: 20px;
        }
        h1 {
            color: #FF6347;
        }
        .accordion {
            background-color: #eee;
            border: 1px solid #ccc;
            border-radius: 10px;
            margin-bottom: 10px;
        }
        .accordion-title {
            padding: 30px;
            cursor: pointer;
            text-align: centre;
            outline: none;
            font-size: 16px;
            transition: background-color 0.4s;
        }
        .accordion-title:hover {
            background-color: #ddd;
        }
        .accordion-content {
            padding: 30px;
            display: none;
            overflow: hidden;
            background-color: white;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Il Giro del Mondo in 80 Giorni</h1>
        
        <div class="accordion">

          <h2>Panoramica</h2>

            <div class="accordion-title">Introduzione</div>
            <div class="accordion-content">
                <p>Il romanzo racconta le avventure di Phileas Fogg, un gentiluomo inglese noto per la sua puntualità e precisione. La storia inizia nel 1872, vive una vita organizzata, dividendo il suo tempo tra la sua casa  ed il club.</p>
            </div>
        </div>

        <div class="accordion">

          <h2>Dettagli</h2>

            <div class="accordion-title">La Scommessa</div>
            <div class="accordion-content">
                <p>Fogg scommette 20.000 sterline con i membri del Reform Club di Londra, affermando di poter circumnavigare il globo in 80 giorni; Fogg sicuro della sua teoria, parte per l'avventura con un solo bagaglio. Determinato di completare la sua avventura e vincere la sua scommessa.</p>
            </div>
        </div>

        <div class="accordion">

          <h2>Ostacoli</h2>

            <div class="accordion-title">Le Avventure</div>
            <div class="accordion-content">
                <p>Il viaggio di fogg prende una svolta inaspettata. Incontra vari paesi e culture diverse, incontra vari ostacoli tra cui dei ritardi ed inseguimenti da parte dell'ispettore Fix, concinto che lui fosse un ladro. Con l'aiuto del suo fedele servitore Passepartout, Fogg supera tutte le difficoltà, viaggiando in treno, nave e persino elefante.</p>
            </div>
        </div>

        <div class="accordion">

          <h2>Conclusione</h2>

            <div class="accordion-title">Il Ritorno dal viaggio</div>
            
            <div class="accordion-content">
                <p>Alla fine, Fogg scopre di aver confuso il giorno e, tornando a Londra, riesce a vincere la scommessa grazie ad un imprevisto: "quello di essere partito un giorno prima di quello prestabilito". Questa rivelazione, non solo gli consente di vincere la scommessa, ma anche di trovare l'amore in Aouda; lei era una donna in contrata durante il suo viaggio. La storia si conclude in fogg che comprende che il vero valore del viaggio non è la meta, ma nelle esperienze e nei legami creati nel suo cammino. </p>
            </div>
        </div>
    </div>

    <script>
        const accordions = document.querySelectorAll('.accordion-title');
        accordions.forEach(acc => {
            acc.addEventListener('click', function() {
                const content = this.nextElementSibling;
                const isVisible = content.style.display === 'block';
                content.style.display = isVisible ? 'none' : 'block';
            });
        });
    </script>
</body>
</html>