Landing Page Wex by @AndreGugli - Codewith.it

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

References

<h2>Titolo di intestazione di secondo livello
autofocusAttiva un elemento al caricamento della pagina.
widthImposta la larghezza di un elemento HTML
<iframe>Crea un frame all'interno di una pagina HTML.
<br>Inserisce uno spazio vuoto tra due elementi HTML.
<select>Usato per creare un menu a tendina.

Users

Log in to search for users

Explore

Find inspiration

5/10/24 es. 5 - consonanti

esercizio riepilogativo 2

Form di Registrazione

Un Giorno a Napoli: Itinerario Det

Pro Vercelli LB(2)

STATI HTML TEST TABELLA

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>