Règlement gris et bleu

Bonjour ! Je vous propose un code de règlement que vous pouvez modifier comme bon vous semble, tant que vous laissez les crédits :p C'est un de mes premiers codes, et mon premier avec HTML et CSS séparé, hésitez pas à me dire si je peux corriger quelque chose !

Je ne mets pas les codes sous hide, mais un petit merci ou commentaire fait toujours plaisir :p



Code HTML :

Code:

<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Unica+One" rel="stylesheet">
<div class="background"><center><span class="h1">Titre</span></center><br><div class="image"><img src="http://image.noelshack.com/fichiers/2017/48/5/1512162476-dotted-line.png"/></div><div class="contenu"><span class="h2">Titre -</span><span class="texte"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><div class="contenu"><span class="h2">Titre -</span><span class="texte"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><div class="contenu"><span class="h2">Titre -</span><span class="texte"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><br/><center><span class="credits"><a href="http://www.never-utopia.com">Code par Aadelrun</a></span></center></div>

Code CSS :

Code:

/*--------- Fiche règlement ---------*/
.background {
  background-color:#E4E4E4;
  width:520px;
  border-left:solid 3px #A7BEC7;
  border-right:solid 3px #A7BEC7;
  margin:auto;
  padding:30px;
}

.h1 {
  color:#2F3D4F;
  font-size:30px;
  font-family: 'Julius Sans One', sans-serif;
  text-align:center;
  margin-bottom:20px;
}
.image {
  bacground-color:#D7D8D9
  width:456px; height:146px;
  box-shadow: 0px 0px 6px black;
  margin:auto;
}
.contenu {
  margin-top: 20px;
  background-color:#D7D8D9;
  padding:10px;
}
.h2 {
  color:#84A4B0;
  font-size:18px;
  font-family: 'Unica One', cursive;
}
.texte {
  color:#292929;
  font-size:12px;
  text-align:justify;
}

.credits {
  font-size: 11px;
}
/*-------- Fin règlement-------*/

Salut!

C'est très bien, je déplace dans le Libre Service !
Merci de ton partage ♥

Merci pour le partage :)

Merci beaucoup ♥ j'adore les genre épuré comme celui-ci :3

Je trouve cette fiche simple, mais si pratique pour le règlement :3
Merci !