pagina by @carmian - Codewith.it

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

References

maxImposta il valore numerico o temporale massimo per un elemento input
<h5>Titolo di intestazione di quinto livello
<strong>Definisce una parte del testo importante con formattazione in grassetto.
<aside>Definisce un contenuto separato dal testo perincipale
langSpecifica la lingua del contenuto di un elemento
srcsetL'attributo srcset definisce la risorsa grafica tramite URL all'interno del tag <source> contenuto in <picture>

Users

Log in to search for users

Explore

Find inspiration

Analizzatore Exif

HTML: Guida Completa

rectangle drawning

registration form

congettura collatz

Unity WebGL Player | Hollow Knight

I Nostri Servizi

esercitazione 5

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