Landing Page Wex by @AndreGugli - Codewith.it

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

Referenze

minlengthDetermina il numero minimo di caratteri per un elemento input
titleIndica informazioni aggiuntive riguardo un elemento HTML
<video>Integra e controlla video in una pagina HTML
<tfoot>Definisce il footer o sezione inferiore di una tabella.
langSpecifica la lingua del contenuto di un elemento
widthImposta la larghezza di un elemento HTML

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

26/01/2024 pagina html

programma base Di lauro

Vendi Casa ad Ardea in 90 Giorni F

JS Oggetti ed eventi es2

curricculum Nicola Pochiero

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>