pagina by @carmian - Codewith.it

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

References

autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento
classDefinisce una o più classi per elemento
<source>Il tag HTML <source> si usa per indicare una o più risorse multimediali per elementi media
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
relServe a definire la relazione tra il documento e una risorsa.

Users

Log in to search for users

Explore

Find inspiration

Costruzione tabella esame

GoUp Fitness Il tuo percorso verso

5/10/24 es. 5 - consonanti

fibonacci manoel

portofolio_Alessandro_Foletto

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 lang="en">

  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
    <title>PAGINA</title>
  </head>
<body>
  <header>
    <p class="autore">
      <span>Nome</span>
      <span>Cognome</span>
        </p>
      
    <h1 class="titolo">TITOLO</h1>
  <h2 class="sottotitolo">sottotitolo</h2>
  <div class="navigazione">
    <nav class="menu">
    <a href="#primo">Primo</a>
    <a href="#secondo">Secondo</a>
    <a href="#terzo">Terzo</a>
  </nav>
  </div>
  </header>
  <section>
  <div>
    <h3 id="primo">Primo Titolo</h3>
    <p class="testo"><span class="parole">In uno dei primi libri di fantascienza intitolato Mr. Tompkins in Wonderland (1940) del fisico George Gamow, si immaginava un mondo in cui la velocità della luce fosse solamente di 10 m/s. Mr. Tompkins aveva studiato la relatività e cominciando a correre su una bicicletta si aspettava di diventare immediatamente più piccolo ed era molto lieto di ciò poiché l'aumentare della sua altezza gli aveva ultimamente causato qualche preoccupazione. Con sua grande sorpresa, tuttavia, niente di simile avvenne né a lui né alla sua bicicletta, mentre invece la visione attorno a lui cambiò completamente. Le strade divennero più corte, le vetrine dei negozi cominciarono ad apparire strette come fessure e il poliziotto all'angolo divenne l'uomo più smilzo che egli avesse mai visto. «Per Giove!» esclamò Mr. Tompkins con eccitazione, «Ho capito il trucco. Ecco come salta fuori la parola relatività.»</span></p>
  </div>
  <div>
    <h3 id="secondo">Secondo Titolo</h3>
    <p class="testo">In uno dei primi libri di fantascienza intitolato Mr. Tompkins in Wonderland (1940) del fisico George Gamow, si immaginava un mondo in cui la velocità della luce fosse solamente di 10 m/s. Mr. Tompkins aveva studiato la relatività e cominciando a correre su una bicicletta si aspettava di diventare immediatamente più piccolo ed era molto lieto di ciò poiché l'aumentare della sua altezza gli aveva ultimamente causato qualche preoccupazione. Con sua grande sorpresa, tuttavia, niente di simile avvenne né a lui né alla sua bicicletta, mentre invece la visione attorno a lui cambiò completamente. Le strade divennero più corte, le vetrine dei negozi cominciarono ad apparire strette come fessure e il poliziotto all'angolo divenne l'uomo più smilzo che egli avesse mai visto. «Per Giove!» esclamò Mr. Tompkins con eccitazione, «Ho capito il trucco. Ecco come salta fuori la parola relatività.»</p>
  </div>
  <div>
    <h3 id="terzo">Terzo Titolo</h3>
    <p class="testo">In uno dei primi libri di fantascienza intitolato Mr. Tompkins in Wonderland (1940) del fisico George Gamow, si immaginava un mondo in cui la velocità della luce fosse solamente di 10 m/s. Mr. Tompkins aveva studiato la relatività e cominciando a correre su una bicicletta si aspettava di diventare immediatamente più piccolo ed era molto lieto di ciò poiché l'aumentare della sua altezza gli aveva ultimamente causato qualche preoccupazione. Con sua grande sorpresa, tuttavia, niente di simile avvenne né a lui né alla sua bicicletta, mentre invece la visione attorno a lui cambiò completamente. Le strade divennero più corte, le vetrine dei negozi cominciarono ad apparire strette come fessure e il poliziotto all'angolo divenne l'uomo più smilzo che egli avesse mai visto. «Per Giove!» esclamò Mr. Tompkins con eccitazione, «Ho capito il trucco. Ecco come salta fuori la parola relatività.»</p>
  </div>
  </section>
</body>
</html>

*{
  box-sizing: border-box;
  margin:auto;
  scroll-behavior: smooth;
}
html{
  width: 100%;
}
.autore{
  display: flex;
  justify-content: space-between;
  width: 100%;
  letter-spacing: 50%;

}
.titolo{
  text-align: center;
  letter-spacing: 100%;
  width: 100%;
}
.sottotitolo{
  text-align: center;
}
.testo{
  column-count: 3;
  text-align: justify;
  column-gap: 5%;
  margin-left: 2%;
  margin-right: 2%;
  font-size: 1.5rem;
  padding-bottom: 5%;
}
.testo::first-letter{
  font-size: 5rem;
  float: left;
  padding: 0%;
  margin-top: -10;
  margin-bottom: -20;
}
a{
  text-decoration: none;
  color: black;
}
a:hover{
  background-color: black;
  color: white;
}
header{
  position: fixed;
  width: 100%;
  background-color: white;
}
.menu{
  display: flex;
  justify-content: space-between;
}
section{
  padding-top: 20%;
}