Proposition de Modèle

[center]<span style="font-size: 40px; font-family: garamond; color: #540b0b; letter-spacing: -1px; border-top: 1px dashed white">♠ Fiche & RP ♠</span>
<span style="color: #540b0b; font-family: verdana; letter-spacing: 1px"> « Important »</span>
[/center]

[center]<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  <style type="text/css">.bloc_1{width: 200px; height: 500px; background-color: #010101; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; overflow: auto;} .bloc_1:hover{opacity: 1;} .bloc_2{width: 200px; height: 500px; background-color: #010101; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; overflow: auto;} .bloc_2:hover{opacity: 1;} .bloc_3{width: 200px; height: 500px; background-color: #010101; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; overflow: auto;} .bloc_3:hover{opacity: 1;}</style>

  <table><tr><td><div style="width: 200px; height: 500px; background-image: url(https://2img.net/r/hpimg11/pics/949993opa1.png);  background-repeat: no-repeat;"><div class="bloc_1"><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]ABOUT ME[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px"><br><br>[color=#D5D5D5][b]NOM : [/b]écrire ici.
    [b]PRENOMS : [/b]écrire ici.
    [b]SURNOMS : [/b]écrire ici.
    [b]AGE : [/b]écrire ici.
    [b]NATIONALITE : [/b]écrire ici.
    [b]ORIENTATION : [/b]écrire ici.
    [b]INFO : [/b]écrire ici.
    [b]INFO : [/b]écrire ici.[/color]</div><br><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]I WANT YOU[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px"><br><br>[color=#D5D5D5][b]△ IDEE DE LIEN ; [/b]description du lien ici description du lien ici description du lien ici description du lien ici description du lien ici description du lien ici description du lien ici.
    [b]→ FREE / [strike]TAKEN[/strike][/b]

    [b]△ IDEE DE LIEN ; [/b]description du lien ici description du lien ici description du lien ici description du lien ici description du lien ici description du lien ici description du lien ici.
    [b]→ FREE / [strike]TAKEN[/strike][/b]

    [b]△ IDEE DE LIEN ; [/b]description du lien ici description du lien ici description du lien ici description du lien ici description du lien ici description du lien ici description du lien ici.
    [b]→ FREE / [strike]TAKEN[/strike][/b][/color]</div></div></div></td><td><div style="width: 200px; height: 500px; background-image: url(https://2img.net/r/hpimg11/pics/672093opa2.png);  background-repeat: no-repeat;"><div class="bloc_2"><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]IN MY MIND[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px"><br><br>[color=#D5D5D5]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/color]</div><br><br><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]MY STORY[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px"><br><br>[color=#D5D5D5]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/color]</div><br><br><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 11px">[color=#D5D5D5][b]IF YOU WANT MORE[/b]
    △ <a href="lien">Texte présentation</a>
    △ <a href="lien">Texte </a>[/color]</div></div></div></td><td><div style="width: 200px; height: 500px; background-image: url(https://2img.net/r/hpimg11/pics/171388opa3.png);  background-repeat: no-repeat;"><div class="bloc_3"><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]PAST[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px"><br><br>[color=#D5D5D5][b]△ NOM DU PARTENAIRE ; [/b]titre &/ou résumé du rp ici.
    → <a href="lien">Texte </a><br>
    [b]△ NOM DU PARTENAIRE ; [/b]titre &/ou résumé du rp ici.
    → <a href="lien">Texte </a>[/color] <br>

  <div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]PRESENT[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px"><br><br>[color=#D5D5D5][b]△ NOM DU PARTENAIRE ; [/b]titre &/ou résumé du rp ici.
    → <a href="lien">Texte </a><br>
    [b]△ NOM DU PARTENAIRE ; [/b]titre &/ou résumé du rp ici.
    → <a href="lien">Texte </a>[/color] <br>
  <br></div>

  <div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]ABANDON[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px"><br><br>[color=#D5D5D5][b]△ NOM DU PARTENAIRE ; [/b]titre &/ou résumé du rp ici.
    → <a href="lien">Texte </a><br>
    [b]△ NOM DU PARTENAIRE ; [/b]titre &/ou résumé du rp ici.
    → <a href="lien">Texte </a>[/color]<br>
  <br></div></div></div></div></td></tr></table><br><br><center><div style="font-family: Arial; font-size: 11px; text-transform: uppercase;">[color=#D5D5D5](c) mei sur [url=http://epicode.bbactif.com]epicode[/url][/color]</div>[/center]

[center]<span style="font-size: 40px; font-family: garamond; color: #540b0b; letter-spacing: -1px; border-top: 1px dashed white">♠ Liens ♠</span>
<span style="color: #540b0b; font-family: verdana; letter-spacing: 1px"> « Important »</span>
[/center]


[center]   <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><style type="text/css">.cadre_1{width: 200px; height: 250px; background-color: #010101; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; overflow: auto;} .cadre_1:hover{opacity: 1;} .cadre_2{width: 200px; height: 250px; background-color: #010101; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; overflow: auto;} .cadre_2:hover{opacity: 1;} .cadre_3{width: 200px; height: 250px; background-color: #010101; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; overflow: auto;} .cadre_3:hover{opacity: 1;}</style><table><tr><td><div style="width: 200px; height: 250px; background-image: url(https://2img.net/r/hpimg11/pics/501586opa4.png);  background-repeat: no-repeat;"><div class="cadre_1"><div style="text-align: center; font-family: Fjalla One; font-size: 24px; text-transform: uppercase; padding-top: 10px;"><br>[color=#D5D5D5]NOM & PRENOM[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px"><br><br>[color=#D5D5D5][b]INFO : [/b]écrire ici.
    [b]INFO : [/b]écrire ici.


    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/color]</div></div></div></td>
    <td><div style="width: 200px; height: 250px; background-image: url(https://2img.net/r/hpimg11/pics/501586opa4.png);  background-repeat: no-repeat;"><div class="cadre_2"><div style="text-align: center; font-family: Fjalla One; font-size: 24px; text-transform: uppercase; padding-top: 10px;"><br>[color=#D5D5D5]NOM & PRENOM[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px"><br><br>[color=#D5D5D5][b]INFO : [/b]écrire ici.
    [b]INFO : [/b]écrire ici.


    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/color]</div></div></div></td>
    <td><div style="width: 200px; height: 250px; background-image: url(https://2img.net/r/hpimg11/pics/501586opa4.png);  background-repeat: no-repeat;"><div class="cadre_3"><div style="text-align: center; font-family: Fjalla One; font-size: 24px; text-transform: uppercase; padding-top: 10px;"><br>[color=#D5D5D5]NOM & PRENOM[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px"><br><br>[color=#D5D5D5][b]INFO : [/b]écrire ici.
    [b]INFO : [/b]écrire ici.


    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/color]</div></div></div></td></tr>
    <tr><td><div style="width: 200px; height: 250px; background-image: url(https://2img.net/r/hpimg11/pics/501586opa4.png);  background-repeat: no-repeat;"><div class="cadre_1"><div style="text-align: center; font-family: Fjalla One; font-size: 24px; text-transform: uppercase; padding-top: 10px;"><br>[color=#D5D5D5]NOM & PRENOM[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px"><br><br>[color=#D5D5D5][b]INFO : [/b]écrire ici.
    [b]INFO : [/b]écrire ici.


    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/color]</div></div></div></td><td><div style="width: 200px; height: 250px; background-image: url(https://2img.net/r/hpimg11/pics/501586opa4.png);  background-repeat: no-repeat;"><div class="cadre_2"><div style="text-align: center; font-family: Fjalla One; font-size: 24px; text-transform: uppercase; padding-top: 10px;"><br>[color=#D5D5D5]NOM & PRENOM[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px"><br><br>[color=#D5D5D5][b]INFO : [/b]écrire ici.
    [b]INFO : [/b]écrire ici.


    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/color]</div></div></div></td>
    <td><div style="width: 200px; height: 250px; background-image: url(https://2img.net/r/hpimg11/pics/501586opa4.png);  background-repeat: no-repeat;"><div class="cadre_3"><div style="text-align: center; font-family: Fjalla One; font-size: 24px; text-transform: uppercase; padding-top: 10px;"><br>[color=#D5D5D5]NOM & PRENOM[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px"><br><br>[color=#D5D5D5][b]I NFO : [/b]écrire ici.
    [b]INFO : [/b]écrire ici.


    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/color]</div></div></div></td></tr></table>[/center]