pagina by @carmian - Codewith.it

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

References

idIdentifica univocamente un elemento HTML
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
_blankApre i collegamenti ipertestuali in una nuova scheda del browser
<td>Definisce una cella di una tabella HTML.
<map>Inserisce immagini mappa cliccabili in un documento
minlengthDetermina il numero minimo di caratteri per un elemento input

Users

Log in to search for users

Explore

Find inspiration

Festava Live - Bootstrap 5 CSS Tem

Template Bootstrap(2)

esercizio 1.1-1.6

Nuovo sito travel

Suono musicista 09/02/24

esercitazione 1

Form per il torneo misto disfo

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%;
}