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.

References

loopL'attributo loop è usato per la riproduzione continua dei contenuti video e audio
<caption>Definisce didascalie all'interno di una tabella
actionDetermina la pagina di destinazione a cui verranno inviati i dati di un form HTML
<embed>Tag per l'incorporamento di contenuti multimediali
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input
<link>Collega il documento corrente con una risorsa esterna

Users

Log in to search for users

Explore

Find inspiration

esercitazioni ipertestual

EXPLORE India DATABASES for Market

Quiz ristrutturazione

primo esercizio 26 gennaio

Cappuccetto Rosso - La Storia

Donazioni per il compleanno di Emm

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