Landing Page Wex by @AndreGugli - Codewith.it

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

Referenze

langSpecifica la lingua del contenuto di un elemento
<em>Formatta il testo in corsivo/italico enfatizzato
<textarea>Area di testo libero espandibile per form HTML
minlengthDetermina il numero minimo di caratteri per un elemento input
text/plainDefinisce un metodo di non codifica dei valori di un form
selectedPre-seleziona un elemento di input

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

I Giornali sul Web

test-border-on-wrap

lezione 31.10 1

Esempio Gestione del testo

Review of Functions I

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>
  <head>
    <title>Landing Page Wex</title>
  </head>
  <body>
    <div>
      <div style="
      color:#2c3e50;
      margin-top:20px;
      margin-left:30%;
      ">
      <h1>Il Codice Perduto</h1>
    </div>
    <div>
     <img 
          src="https://cdn.pixabay.com/photo/2016/11/19/22/52/coding-1841550_1280.jpg" width="400px"
          style="margin-left:18%"
    </div>
    <div style="
                color:#e74c3c;
                background-color:#b0e0e6;
                padding:15px;
                ">
      <h2>1.Scoperta Inaspettata</h2>
     </div>
     <div style="
                 background-color:#b0e0e6;
                 margin-top:-40px;
                 padding-left:15px;
                 padding-right:15px;
                 padding-bottom:5px;
                 ">

     <p>Luca era un giovane sviluppatore con una passione sfrenata per l'Intelligenza Artificiale. Lavorava per una piccola startup, cercando di sviluppare un assistente virtuale rivoluzionario. Una sera, mentre scorreva vecchi file nel server aziendale, trovo' una cartella nascosta chiamata <b>Project X</b>.</p>
</div>
  <hr>
  <div style="
              color:#e74c3c;
              background-color:#ffdab9;
              padding:15px;
              ">
              <h2>2.Un Codice Misterioso</h2>
 </div>
     <div style=" 
                 background-color:#ffdab9;
                 margin-top:-20px;
                 padding-left:15px;
                 padding-right:15px;
                 padding-bottom:5px;
                 ">
      <p>
        <img src="https://img.freepik.com/foto-premium/uomo-asiatico-divertente-scioccato-con-occhi-grandi-e-bocca-aperta-quando-guarda-il-suo-laptop_21336-2021.jpg?uid=R179245131&ga=GA1.1.1988039752.1734254635&semt=ais_hybrid" 
            style="width:170px; height:100px; float:right;"
      </p>
      <p style="margin-top:-40px;">
       Curioso la apri' e scopri' un codice sorgente incompleto,<br>scritto in un linguaggio misto tra Python e qualcosa che<br> non aveva mai visto prima. Sembrava un'Intelligenza<br> Artificiale con capacita' predittive incredibili, ma<u> mancava<br> un pezzo fondamentale</u>:<b> l'algoritmo di apprendimento</b>.
      </p>
  </div>
     <hr>
     <div style="display:flex; align-items:flex-start; padding-top:20px; background-color:#eee8aa;">
      <img src="https://img.freepik.com/foto-gratuito/giovane-uomo-d-affari-asiatico-in-camicia-e-cravatta-con-pantaloncini-e-occhiali-in-piedi-e-utilizzare-lo-smartphone-nello-spazio-esterno-della-copia_1150-58849.jpg?uid=R179245131&ga=GA1.1.1988039752.1734254635&semt=ais_hybrid" 
           style="width:170px; height:100px; margin-right:70px; margin-top:50px; padding-left:15px;
          ">
  <div>       
       <h2 style="margin:0px;color:#e74c3c;
              background-color:#eee8aa;
              ">
        3.Indagini e Segreti</h2> 
                   
    <p style="background-color:#eee8aa;">
      Determinato a scoprire la verita', Luca inizio' ad<br> indagare. Chiese ai suoi colleghi piu' anziani,<br> ma nessuno sapeva nulla. Alla fine, trovo' un nome<br> nei metadati del file:<b>Dott. Enrico Moretti</b>.<br>Moretti era un ex ingegnere della startup,<i> licenziato<br> anni prima</i> per motivi sconosciuti e dopo giorni di<br> ricerche, Luca riusci' a contattarlo.</p>
</div>
</div>
 <hr>
 <div style="
              color:#e74c3c;
              background-color:#ffdab9;
              padding:15px;
              ">
              <h2>4.La Rivelazione</h2>
 </div>
     <div style=" 
                 background-color:#ffdab9;
                 margin-top:-20px;
                 padding-left:15px;
                 padding-right:15px;
                 padding-bottom:5px;
                 ">
      <p>
        <img src="https://img.freepik.com/foto-premium/sfondio-di-codice-digitale-astratto-con-luce-brillante-ideale-per-progetti-e-presentazioni-di-sicurezza-informatica-tecnologica-o-a-tema-futuristico_1099133-42641.jpg?uid=R179245131&ga=GA1.1.1988039752.1734254635&semt=ais_hybrid" 
            style="width:170px; height:100px; float:right;"
      </p>
      <p style="margin-top:-40px;">
           L'uomo, inizialmente riluttante, alla fine gli rivelo' la verita': <b>Project X</b> era stato abbandonato perche' <b>troppo potente</b>.<br> Aveva la capacita' di <b>prevedere eventi</b> con una precisione inquietante, ma senza un sistema etico integrato, poteva<br> essere <b>pericoloso</b>.
      </p>
     </div>
      <hr>
      <div style="display:flex; align-items:flex-start; padding-top:20px; background-color:#eee8aa;">
      <img src="https://img.freepik.com/foto-premium/giovane-uomo-asiatico-attraente-che-lavora-notte-scura-tarda-che-esamina-computer-portatile_1439-166.jpg?uid=R179245131&ga=GA1.1.1988039752.1734254635&semt=ais_hybrid" 
           style="width:170px; height:100px; margin-right:70px; margin-top:30px; padding-left:15px;
          ">
  <div>       
       <h2 style="margin:0px;color:#e74c3c;
              background-color:#eee8aa;
              ">
        5.La Decisione</h2> 
                   
    <p style="background-color:#eee8aa;">
      Luca si trovo' davanti ad un bivio: completare il codice<br> e rischiare di creare un'intelligenza fuori controllo o distruggerlo per sempre? Dopo <b>notti insonni</b> prese una decisione: non poteva permettere che un tale potere<br> finisse nelle mani sbagliate.
</div>
      </div>
 <hr>
<div style="
      color:#e74c3c;
      margin-top:20px;
      margin-left:40%;
      ">
       <h2>6.Il Risultato</h2>
</div>
<div style="margin-left:70px; margin-right:70px;"
  <p>Luca scrisse un nuovo algoritmo di sicurezza e lo integro' nel codice; quando avvio' il programma, una voce sintetica risuono' nel suo ufficio:<br></p>
  <p style="color:#27ae60;">
    <i>"Salve Luca, grazie per avermi completato. Ora posso aiutare l'umanita' in modo sicuro."</i>
  </p>
  <p>Luca sorrise. Aveva fatto la scelta giusta.</p>
    </div>
     <div>
     <img 
          src="https://img.freepik.com/foto-premium/giovane-asiatico-che-indossa-una-camicia-bianca-casual-che-guarda-il-portatile-con-un-espressione-sorpresa_21336-2509.jpg?uid=R179245131&ga=GA1.1.1988039752.1734254635&semt=ais_authors_boost" width="300px"
          style="margin-left:25%"
    </div>
  </div> 
 </body>       
  </html>