La ragazza con la valigia by @chiarara - Codewith.it

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

Referenze

<html>Tag primario di un documento HTML
animationDefinisce i parametri dell'animazione di un elemento o selettore
sizeDetermina le dimensioni dell'elemento in base al valore contenuto
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
<pre>Indica una parte di testo preformattato
<title>Definisce il titolo della pagina web.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

spotify dashboard

programma base Di lauro

Heads Or Tails Random Tally

Heads Or Tails Random Tally

esercizio esame \"if else\" in html

esercitazione n.1

Modal Animations

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.

<html>
<head>
    <title>La ragazza con la valigia</title>
    <style>
        body {
            background-color: #f5f5dc; /* Beige chiaro */
            font-family: Arial, sans-serif;
        }
        h1 {
            color: #6A3F3A;
            text-align: center;
            font-size: 40px;
        }
        h2 {
            color: #A87D79;
            font-size: 30px;
        }
        h3 {
            color: #6A3F3A;
            font-size: 50px;
            text-align: center;
        }
        p {
            font-size: 16px;
        }
        .content {
            width: 80%;
            margin: auto;
            text-align: center;
        }
    </style>
    </head>
<body>
    <div class="content">
        <h1>La ragazza con la valigia</h1>
        
        <h2>Il nuovo inizio</h2>
        <p>Era una mattina tranquilla quando Luca decise di cambiare la sua vita. Sentiva il bisogno di nuove avventure, di uscire dalla monotonia quotidiana. Con un sorriso, prese la sua valigia e partì.</p>
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR-Q-TNR2XAjl9OdntZu-ZBuYb3bdlHVl_aNw&s" alt="Viaggio" width:90%;>
            <h2>La prima sfida</h2>
        <p>Giunto in una nuova città, Luca si trovò subito di fronte a un ostacolo: non conosceva nessuno. Ma con coraggio si avvicinò a un caffè e iniziò a parlare con gli abitanti del posto.</p>
         <img src="https://a.travel-assets.com/findyours-php/viewfinder/images/res70/475000/475457-Los-Angeles.jpg" style=width:100%;>
         <hr size=5px noshade>
         <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQXBBpXfk1Pq6EeKqmf5kUmrH3H3K3F_vPikQ&s" style=width:100%;" alt="Caffè">
</div>
<div style="display:flex">
  <div style=width:200% margin: auto>
   <h2>L'incontro speciale</h2>
        <p>Fu lì che conobbe Marta, una ragazza solare e piena di energia. I due iniziarono subito a parlare e scoprirono di avere molte passioni in comune.</p>
  </div>
  <div>
    <h2>Un sogno condiviso</h2>
        <p>Entrambi desideravano viaggiare e scoprire il mondo. Così, decisero di intraprendere un'avventura insieme, alla ricerca di nuove esperienze e storie da raccontare.</p>
  </div>
</div>
</body>
<body>
    <h3>La nuova vita</h3>
        <p>Dopo mesi di viaggio, Luca e Marta capirono che avevano trovato qualcosa di più di un semplice amico: una complicità unica. E così, la loro avventura continuò, senza confini.</p>
        <hr>
        <img src="https://hips.hearstapps.com/hmg-prod/images/come-vestirsi-in-aereo-1562949420.jpg" alt="Futuro luminoso">
</body>