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

<caption>Definisce didascalie all'interno di una tabella
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
formmethodDefinisce il metodo di invio dei dati oltre a method
<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video
text/plainDefinisce un metodo di non codifica dei valori di un form

Users

Log in to search for users

Explore

Find inspiration

Gesù nostro signore(2)

Pascal Landriscina

esercizio form 2

Mare Luxus - Yachts di Lusso, Navi

numeri primi e divisori pro

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>