Code:

<link href="https://fonts.googleapis.com/css?family=Kirang+Haerang|Modern+Antiqua" rel="stylesheet">
<center><img src="https://78.media.tumblr.com/b8e03b640d9c3227104638ef95e36b70/tumblr_mvsihbgmOA1rsbzcro1_500.gif" style="border-radius: 20px 20px 0px 0px; border: 1px solid black; box-shadow: 0px 0px 15px black" /></center><div style="width: 450px; border: 1px solid black; background: black; margin: auto; text-align: center;font-family: 'Modern Antiqua', cursive; color: #842228; border-radius: 0px 0px 20px 20px; margin-top: -6px; box-shadow: 0px 0px 10px black; text-shadow: 1px 1px 8px #842228"><span style="font-family: 'Kirang Haerang', cursive; font-size: 40px;">Titre titre TITRE</span><br /><div style="width: 420px; font-size: 12px; text-align: justify; margin: auto;"><span style="font-size: 18px; font-style: italic; letter-spacing: 1px;">Ft. Somebody</span>
Texte ici</div><br /><span style="font-size: 11px; font-family: Georgia;"> Ocy pour Hawk</span></div>

ATELIER OUVERT POUR UN CODAGE & UNE COLO

Code:

<link href="https://fonts.googleapis.com/css?family=Coming+Soon|Niconne|Parisienne" rel="stylesheet">
<img src="https://zupimages.net/up/18/32/icy5.png" style="width: 100px; -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); float: right; position: absolute; z-index: 1; right: 50px; top: -30px;"><img src="https://media.giphy.com/media/idtT6MDxhcF8s/giphy.gif" style="width: 500px; display: block; margin: auto; margin-bottom: -55px;" /><div style="background-image: url(https://zupimages.net/up/18/32/vi7m.png); width: 500px; background-repeat: repeat; margin: auto;"><div style="width: 400px; font-family: 'Georgia'; color: black; font-size: 12px; text-align: justify; margin: auto;"><br /><h1 style="font-family: 'Parisienne', cursive; font-size: 40px; color: rgba(120, 68, 167, 1); text-align: center; margin-bottom: -20px;">Le titre icii</h1><h2 style="font-family: 'Coming Soon', cursive; color: rgba(120, 68, 167, 1); font-size: 20px; text-align: center; line-height: 15px;">« La citation classe de ton perso classe /paf/ »</h2><br /><div style="float: left; font-family: 'Niconne', cursive; color: rgba(120, 68, 167, 1); margin: 10px; font-size: 40px;">U</div>ne symphonie est une composition instrumentale savante, de proportions généralement vastes, comprenant plusieurs mouvements joints ou disjoints, et faisant appel aux ressources de l'orchestre symphonique.

Provenant étymologiquement du grec σύν (syn), signifiant avec et φωνή (phônê), signifiant voix ou son, le terme fait référence à la consonance des sons. Au Moyen Âge, la chifonie (ou chifoine) désigne un instrument, ancêtre de la vielle à roue[1], qui fait intervenir plusieurs cordes (donc plusieurs notes) simultanément[2]. Au début du xvie siècle, le terme s'étend aux œuvres polyphoniques destinées aux instruments, puis s'applique à toutes compositions instrumentales par opposition à la musique vocale.

Ce n'est que dans le deuxième tiers du xviiie siècle, en pleine période de classicisme que le genre est fixé dans son acception actuelle.
 
  <br />
Une silhouette floue. Elle bouge fréquemment, se heurtant à deux minces corps qui flottaient autour d’elle. . Elle sentit le corps de sa mère bouger, un geste brusque, et se cogna violemment. Elle aimerait bien sortir. Elle était serrée ici, comprimée. Elle suffoquait. Elle était la plus petite de ses soeurs, et elle gigota fortement afin de se libérer de cet étau.
Elle souhaitait découvrir le monde. Elle savait encore que très peu de choses. Elle ne savait pas que c’était la fille du valeureux chef de la Rivière. Elle ne savait pas encore qu’elle avait deux soeurs, ou alors qu’elle sera une femelle du nom de Petite Symphonie. Elle ne savait rien de tout cela.
Elle ne savait pas encore qu’elle allait naître et qu’elle rencontrerait des gens qui changerait sa vie. Elle ne savait pas qu’elle verra aussi des personnes qu’elle haïra, avant de les aimer. Elle découvrira l’amour, avec la femelle dont elle s’est tant moquée.
Elle ne savait pas la chatte qu’elle sera, avant de renaître lors de sa propre descendance. Comme le pissenlit au printemps.
Mais Petite Symphonie ne connaît pas son destin.
Elle est impatiente de sortir, afin de montrer au monde qui elle est, qui elle sera.
La reine du Clan de la Rivière, assurément.
Elle a hâte de naître et de monter sur son trône, hâte d’être la femelle que tout le monde enviera.
Hâte d’être l’ortie qui vous étouffera.

Avant d’être le pissenlit du printemps.
 
  <h3 style="text-align: right; font-size: 30px; font-family: 'Niconne'; color: rgba(120, 68, 167, 1);">Ft. un gens pas beau</h3>
<br /></div></div><div style="font-family: Georgia; color: black; font-size: 11px; text-align: center;"> Ocy pour Espé</div>

Fiche de liens

Ocy pour Ewi

Code:

<link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet">
<h1 style="text-align: center; font-size: 50px; font-family: 'Allura', cursive; color: rgba(113, 87, 47); margin-bottom: -10px;">Fiche de liens</h1><img src="https://data.photofunky.net/output/image/3/6/8/0/36802b/photofunky.gif" style="display: block; margin: auto; box-shadow: 5px 7px 10px black;" /><div style="width: 500px; background: black; box-shadow: 5px 7px 10px black; margin: auto;"><div class="ewiliens1"><h2 style="float: left;">Liens positifs</h2>
  <h3>Machin</h3>  Ouloulou très gentil je l'aime
   <h3>Machin</h3>  Ouloulou très gentil je l'aime
   <h3>Machin</h3>  Ouloulou très gentil je l'aime
   <h3>Machin</h3>  Ouloulou très gentil je l'aime
   </div>
   <div class="ewiliens2"><h2 style="float: right;">Liens négatifs</h2>
  <h3>Machin</h3>  Ouloulou très méchant je l'aime pas
   <h3>Machin</h3>  Ouloulou très méchant je l'aime pas
   <h3>Machin</h3>  Ouloulou très méchant je l'aime pas
   <h3>Machin</h3>  Ouloulou très méchant je l'aime pas
   </div>
   <div class="ewiliens1"><h2 style="float: left;">Je recherche</h2>
     <h3>Un Machin</h3> je l'aime pas et lui m'aime pas mais en fait je l'aime et lui m'aime pas du coup je suis triste
   </div>
 </div>
<p style="text-align: center; font-family: 'Georgia'; font-size: 11px; color: black;"> Ocy pour Ewi</p>
<style>h2{font-size: 40px; font-family: 'Allura', cursive; margin: 10px;}
 h3{font-size: 16px; font-weight: bold; display: inline-block;}.ewiliens1{width: 450px; border: 1px inset rgba(112, 87, 47); color: rgba(112, 87, 47); margin: auto; text-align: justify; padding: 5px;line-height: 15px;}.ewiliens1:hover{background: rgba(112, 87, 47); color: black; border:  1px outset rgba(112, 87, 47); transition: all 1s;}.ewiliens2{width: 450px; border: 1px inset rgba(112, 87, 47); color: rgba(112, 87, 47); margin: auto; text-align: justify; padding: 5px;line-height: 15px;}.ewiliens2:hover{background: rgba(112, 87, 47); color: black; border: inset rgba(112, 87, 47); transition: all 1s}</style>

Code:

<link href="https://fonts.googleapis.com/css?family=Felipa" rel="stylesheet">
<h1 style="background: linear-gradient(to right, #848484, #A4A4A4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Felipa', cursive; font-size: 35px; line-height: 27px; width: 450px; text-align: center; margin: auto;">Le titre </h1><img src="https://www.zupimages.net/up/18/27/qau9.gif " style="width: 450px; display: block; margin: auto;" /><div style="width: 450px; background: linear-gradient(to right, #848484, #A4A4A4); margin: auto;"> <h2 style="font-size: 20px; color: white; font-family: 'Felipa', cursive; width: 420px; border-bottom: 1px solid white; margin: auto; text-align: right;">Le feat</h2><p style="padding: 15px; text-align: justify; font-family: Georgia; color: white; margin: auto; font-size: 11px;">Le texte</div><p style="color: black; font-family: Georgia; font-size: 11px; text-align: center"> Ocy pour Biket</p>