<div class="prez-cadre"><img src="https://thumbs.gfycat.com/HarshWiltedAlaskanhusky-size_restricted.gif" class="prez-bann"/>
<span class="prez-pseudo">Prénom P² Nom</span>

<span class="prez-icons"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRDhFMfyLVUZq_umKLTFwsMwjVyJQ7RgsPyCw&usqp=CAU"/> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRa-mVkna6LAWNghmGQK6B5xj-dxc98As5mY6y-n_OG-iWli_aa8N6U-cY_Dh8-76_ng5k&usqp=CAU"/> <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/01590e58-6f6a-4ec3-a5b7-1b424b6fe7e2/dch6wfd-3ff8e1c7-744e-43e7-b5a3-7af1896728b5.jpg/v1/fill/w_894,h_894,q_70,strp/charlie_weasley_aesthetic_by_obviouslysnape_dch6wfd-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTAyNCIsInBhdGgiOiJcL2ZcLzAxNTkwZTU4LTZmNmEtNGVjMy1hNWI3LTFiNDI0YjZmZTdlMlwvZGNoNndmZC0zZmY4ZTFjNy03NDRlLTQzZTctYjVhMy03YWYxODk2NzI4YjUuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.Ly_78JaWopeyW2mjaNXFBoZZKB6KKbJUQ5AMRHFqDio"/></span>

<span class="prez-titre">ID CARD</span>
<img class="prez-ava1" src="https://64.media.tumblr.com/9426733b723d09ab52b571a38fee5a4e/tumblr_ovrxueHid91tzmyn9o1_250.pnj" />
<span class="prez-idlist">[b]Âge et date de naissance :[/b] réponse ici
[b]Nationalité :[/b] réponse ici
[b]Nature du sang :[/b] réponse ici
[b]Statut civil :[/b] réponse ici
[b]Orientation sexuelle :[/b] réponse ici
[b]Métier • Étude :[/b] réponse ici
[b]Époque d'où vient ton personnage :[/b] réponse ici
[b]Groupe souhaité :[/b] réponse ici
[b]Nouvelle identité :[/b] réponse ici
[b]FT [/b]réponse ici</span>
<select><option>Physique</option>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
<option>option 7</option>
</select><select><option>Caractère</option>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
<option>option 7</option></select>
<span class="prez-anecdotes">[b]Baguette :[/b] | [b]Don(s) et/ou Particularité (s) :[/b] | [b]Patronus :[/b] | [b]Épouvantard[/b] : | info sur ton personnage | anecdote sur ton personnage | info sur ton personnage | anecdote sur ton personnage | ...
</span>

<span class="prez-titre">HISTORY</span>
<img class="prez-ava2" src="https://64.media.tumblr.com/f3e4a3991799454bef19714f0c23d059/tumblr_ovrxueHid91tzmyn9o3_250.pnj" />
<span class="prez-cita">citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation  (pas trop longue)</span>
<span class="prez-story">Histoire de ton personnage à placer ici. Racontes son enfance, ses souvenirs, ses joies, ses peines, ses rêves, sa situation actuelle, etc.

Et quoniam inedia gravi adflictabantur, locum petivere Paleas nomine, vergentem in mare, valido muro firmatum, ubi conduntur nunc usque commeatus distribui militibus omne latus Isauriae defendentibus adsueti. circumstetere igitur hoc munimentum per triduum et trinoctium et cum neque adclivitas ipsa sine discrimine adiri letali, nec cuniculis quicquam geri posset, nec procederet ullum obsidionale commentum, maesti excedunt postrema vi subigente maiora viribus adgressuri.

Exsistit autem hoc loco quaedam quaestio subdifficilis, num quando amici novi, digni amicitia, veteribus sint anteponendi, ut equis vetulis teneros anteponere solemus. Indigna homine dubitatio! Non enim debent esse amicitiarum sicut aliarum rerum satietates; veterrima quaeque, ut ea vina, quae vetustatem ferunt, esse debet suavissima; verumque illud est, quod dicitur, multos modios salis simul edendos esse, ut amicitiae munus expletum sit. histoire de ton personnage à  placer ici. Racontes son enfance, ses souvenirs, ses joies, ses peines, ses rêves, sa situation actuelle, etc. Et quoniam inedia gravi adflictabantur, locum petivere Paleas nomine, vergentem in mare, valido muro firmatum, ubi conduntur nunc usque commeatus distribui militibus omne latus Isauriae defendentibus adsueti. circumstetere igitur hoc munimentum per triduum et trinoctium et cum neque adclivitas ipsa sine discrimine adiri letali, nec cuniculis quicquam geri posset, nec procederet ullum obsidionale commentum, maesti excedunt postrema vi subigente maiora viribus adgressuri.

Exsistit autem hoc loco quaedam quaestio subdifficilis, num quando amici novi, digni amicitia, veteribus sint anteponendi, ut equis vetulis teneros anteponere solemus. Indigna homine dubitatio! Non enim debent esse amicitiarum sicut aliarum rerum satietates; veterrima quaeque, ut ea vina, quae vetustatem ferunt, esse debet suavissima; verumque illud est, quod dicitur, multos modios salis simul edendos esse, ut amicitiae munus expletum sit.
</span>

</div><div class="prez-irl"><img src="https://i.imgbox.com/ueU2u1uz.png" /><span class="prez-titre">AND YOU ?</span>
<span class="prez-irlinfos">Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie.</span></div>

<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<style>.prez-pseudo,.prez-titre{text-shadow:1px 1px 1px #000}.prez-cadre,.prez-irl{background-color:#fff;position:relative;color:black;}.prez-cadre{width:500px;margin:auto;text-align:center;line-height:normal;border:1px solid #000;border-bottom:3px solid #000;border-radius:0 0 5px 5px;z-index:1;font-family:trebuchet ms;font-size:11px;}.prez-bann,.prez-pseudo,.prez-titre{display:inline-block;width:100%}.prez-ava1,.prez-ava2{margin:5px;object-fit:cover}.prez-cadre *,.prez-irl *{box-sizing:border-box}.prez-pseudo{color:#6489ac;font-family:Playball,cursive;font-size:35px;line-height:0;border-bottom:6px double #434e4b}.prez-cadre select,.prez-idlist strong,.prez-titre{font-family:Audiowide,cursive}.prez-icons img{width:80px;height:80px;object-fit:cover;margin-right:5px;box-shadow:1px 1px 2px #000}.prez-titre{font-size:20px;letter-spacing:-1px;color:#6489ac;border-bottom:1px solid #434e4b;text-align:left;padding-left:5px;clear:both}.prez-ava1{float:left;width:180px;height:320px}.prez-anecdotes,.prez-idlist{width:308px;display:inline-block;overflow:auto}.prez-idlist{text-align:left;height:180px;line-height:17px;padding:0 5px}.prez-idlist strong{font-weight:400;color:#6489ac;font-size:12px}.prez-cadre select{font-size:12px;color:#fff;background-color:#a1c1df;border:none;padding:3px;width:28%;margin:5px 5px 10px}.prez-cadre option{font-family:trebuchet ms}.prez-anecdotes{height:100px;color:#505050;text-align:justify;padding:5px;line-height:15px}.prez-anecdotes strong,.prez-cita{color:#6489ac}.prez-ava2{float:right;width:180px;height:320px}.prez-cita,.prez-story{width:308px;line-height:15px;display:inline-block;overflow:auto}.prez-cita{padding:0 5px;font-family:Playball,cursive;font-size:15px;height:50px}.prez-story{padding:0 5px 0 10px;height:265px;text-align:justify}.prez-irl{border:1px solid #000;border-bottom:3px solid #000;border-top:0;border-radius:0 0 5px 5px;width:400px;margin:auto;transition:1s ease-out;top:-50px}.prez-irl:hover{top:0}.prez-irl img{width:100px;height:100px;object-fit:cover;float:left}.prez-irl span.prez-titre{width: 298px;}.prez-irlinfos{width:298px;display:inline-block;padding:5px;line-height:15px;font-size:10px;height:80px;overflow:auto;}</style>