Landing Page Wex by @AndreGugli - Codewith.it

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

References

application-x-www-form-urlencodedCodifica dei caratteri di un form
<strong>Definisce una parte del testo importante con formattazione in grassetto.
novalidateImpedisce la convalida dei campi con valori tipizzati di elemento input
formnovalidateImpedisce la convalida di un singolo elemento input
dirnameInvia informazioni sulla direzione di scrittura da un elemento input
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form

Users

Log in to search for users

Explore

Find inspiration

riepilogativo 2

Background Property > filter() met

Favola dei tre porcellini(2)

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