ciao io sono sara by @sara demme - Codewith.it

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

Referenze

<h1>Titolo di intestazione di primo livello
downloadConsente di scaricare file al click di collegamento ipertestuale.
<tfoot>Definisce il footer o sezione inferiore di una tabella.
<td>Definisce una cella di una tabella HTML.
<tbody>Definisce il contenuto principale di una tabella.
_blankApre i collegamenti ipertestuali in una nuova scheda del browser

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Esercizi 05/03/2024 es6

CAPPUCCETTO ROSSO

Banner_cercatutto

Selezione Telefoni

Lezione 4 (terza parte)

Formattazione testo

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html>
<head>
  <title>ciao io sono sara</title>
  
  </STYLE>
</head>

<body >

<div id="menu">menu

</div>
  <style="BACKGROUND-COLOR:PINK">
 <DIV id="header">
   <h1
   style="COLOR:WHITE;FONT-SIZE:30PX">INTERIOR DESIGN

  </h1>
 


    <p id="primop">
    Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.

  </p>
  </div>
  <img src="http://www.pixolo.it/wp-content/uploads/2012/08/02117_heavensgate_2560x1600-627x391.jpg"></img>

  <H2 id="TIT-1">
    GIARDINI
  </H2>

  <P id="secondop">
    È universalmente riconosciuto che un lettore che osserva il layout di una pagina viene distratto dal contenuto testuale se questo è leggibile. Lo scopo dell’utilizzo del Lorem Ipsum è che offre una normale distribuzione delle lettere (al contrario di quanto avviene se si utilizzano brevi ).
     </P>
<DIV>
  <h2 id="TIT-2">
    TERRAZZE
  </h2>

  <P id="terzop">
    Al contrario di quanto si pensi, Lorem Ipsum non è semplicemente una sequenza casuale di caratteri. Risale ad un classico della letteratura latina del 45 AC, cosa che lo rende vecchio di 2000 anni. Richard McClintock, professore di latino al Hampden-Sydney College in Virginia, ha ricercato una delle più oscure parole latine, consectetur, da un passaggio del Lorem Ipsum e ha scoperto tra i vari testi in cui è citata, la fonte da cui è tratto il testo, le sezioni 1.10.32 and 1.10.33 del "de Finibus Bonorum et Malorum" di Cicerone. Questo testo è un trattato su teorie di etica, molto popolare nel Rinascimento. La prima riga del Lorem Ipsum, "Lorem ipsum dolor sit amet..", è tratta da un passaggio della sezione 1.10.32.

Il brano standard del Lorem Ipsum usato sin dal sedicesimo secolo è riprodotto qui di seguito per coloro che fossero interessati. Anche le sezioni 1.10.32 e 1.10.33 del "de Finibus Bonorum et Malorum" di Cicerone sono riprodotte nella loro forma originale, accompagnate dalla traduzione inglese del 1914 di H. Rackham.
</P>
  </div>
<DIV class="YELLOW">
<h2 id="TIT-3">
   VERANDE
</h2>

<p id="quartop">
  Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.
</p>
</DIV>
<DIV>
<P id="quintop">
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
  </P>
</DIV>
<DIV id="foter">
<P >
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</P></DIV>
</body>

  @import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');

body
{color: aquamarine;
font-size:30px;
font-family:'Satisfy';
margin: auto;
}
h1{
  font-size:50px !important;
  font-family: 'Courier New', Courier, monospace;
  
  

}
h2{
  font-size: 40px;
  color: blueviolet;
font-family: 'Courier New' ;
}
h1,h2 {
  text-align: center;
  padding-top: 40;
  text-shadow:10px 10px 20px black
  
}
img{
  width:500px;
 margin: auto;
 border-radius: 10px;
 margin-top: 150px;
 margin-right: 40px;
 margin-left: 40px;
 float:right;
 
}
div#header,div#foter{
  background-color: black;
  background-image: linear-gradient( to top, black,pink);
  background-image: conic-gradient(pink,black,pink);
  background-image: url(https://media.istockphoto.com/id/1415846196/it/foto/costruttore-che-lavora-sodo-sulla-scala-costruendo-una-capanna-di-tronchi.jpg?s=1024x1024&w=is&k=20&c=X-JMACrQW1fk3XWAJK8c04YvL-3_703qae-3Xs3n0CE=);
  background-size: cover;
  opacity: 0.5; 
  
  padding: 50 0;
  border-bottom: 20px solid orangered;
}
  P{
    margin: 20 80;
    text-align: left;
   

  }
  p#secondop,p#terzop,p#quartop,p#quintop{

  
    background-color: blueviolet;
    ;
    border: 3px solid orangered;
    
    padding: 40;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    box-shadow: 20px 20px 40px 20px blanchedalmond
   
  }
  p#secondop{
    width: 40%;
  }
 
div#menu{
  background-color: black;
  position: fixed;
  padding: 20px;
  width: 100%;
  opacity: 0.5;
}