<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Volkhov" rel="stylesheet"><style>.fond_pres {background: url(https://i.imgur.com/4MLFN8w.png) no-repeat bottom right, url(https://i.imgur.com/q46je9p.jpg); width: 505px; margin: auto; box-sizing: border-box; border-left: 5px solid #183d23; position: relative; font-family: 'Volkhov', serif; color: #d9d9d9;} .fond_pres ::-webkit-scrollbar {background: #d9d9d9; height: 7px; width: 7px;} .fond_pres ::-webkit-scrollbar-thumb {background: #183d23; border-radius: 27px;} .fond_pres h2 {background: url(https://i.imgur.com/f2Gmrxf.png) center no-repeat; display: block; font-family: times new roman; font-size: 35px; font-style: italic; letter-spacing: -2px; margin: -12% 0 0 0; padding: 9% 0; text-align: center; text-transform: lowercase; position: relative; color: #d9d9d9; font-weight: normal;} .fond_pres h3 {font-family: 'Alegreya Sans SC', sans-serif; letter-spacing: 2px; text-align: center; position: relative; font-weight: normal; margin: -11% 0 0 0;} .fond_pres h3::before {background: url(https://i.imgur.com/JMQCncn.png); content: ""; width: 10px; height: 10px; display: inline-block; margin: 0 2% 0 0;} .liens_relations a {text-decoration: none; color: #d9d9d9; transition: .5s all;} .liens_relations a:hover {color: #568A25;} img.image_footer {border: 1px solid #d9d9d9; float: left; margin: 0 3%; padding: 1%; width: 100px; height: 100px; object-fit: cover;} .informations_footer {background: rgba(0,0,0,.2); border-left: 2px solid #568A25; padding: 2% 5%; float: left; width: 60%; height: 90px; overflow: auto;} .informations_footer span {font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; text-transform: uppercase;} a.morsmordre_credits {color: #d9d9d9; display: block; font-family: Helvetica; font-size: 10px; font-style: italic; letter-spacing: -1px; margin: 4% 0 0; text-align: center; text-decoration: none; text-transform: lowercase; padding: 0 0 1%;} .intro_relation {background: rgba(0,0,0,.2); padding: 5%; width: 80%; margin: 0 auto 2%;} .liens_relations {text-align: center;} .liens_relations a {font-family: 'Alegreya Sans SC', sans-serif; font-weight: 400; letter-spacing: 2px; margin: 0 4% 5%; position: relative; text-align: center;} .liens_relations a::before {background: url(https://i.imgur.com/JMQCncn.png); content: ""; display: inline-block; margin: 0 2% 0 0; width: 10px; height: 10px;} .informations_footer h4 {margin: 0 0 0 2%; display: inline-block; font-family: 'Alegreya Sans SC', sans-serif; line-height: 3;} .informations_footer.gryffondor {border-left: 2px solid #AB2D29;} .informations_footer.gryffondor h4 {color: #AB2D29;} .informations_footer.gryffondor span {background: #AB2D29; padding: 1%;} .informations_footer.serdaigle {border-left: 2px solid #3B40A1;} .informations_footer.serdaigle h4 {color: #3B40A1;} .informations_footer.serdaigle span {background: #3B40A1; padding: 1%;} .informations_footer.serpentard {border-left: 2px solid #568A25;} .informations_footer.serpentard h4 {color: #568A25;} .informations_footer.serpentard span {background: #568A25; padding: 1%;} .informations_footer.poufsouffle {border-left: 2px solid #BFAF00;} .informations_footer.poufsouffle h4 {color: #BFAF00;} .informations_footer.poufsouffle span {background: #BFAF00; padding: 1%;} .informations_footer.poudlard {border-left: 2px solid #1697A8;} .informations_footer.poudlard h4 {color: #1697A8;} .informations_footer.poudlard span {background: #1697A8; padding: 1%;} .informations_footer.ministere {border-left: 2px solid #DB9214;} .informations_footer.ministere h4 {color: #DB9214;} .informations_footer.ministere span {background: #DB9214; padding: 1%;} .informations_footer.sorciers {border-left: 2px solid #693B94;} .informations_footer.sorciers h4 {color: #693B94;} .informations_footer.sorciers span {background: #693B94; padding: 1%;}</style><div class="fond_pres"><img src="https://i.imgur.com/jAgHpAm.jpg" class="header_pres" alt="" /><h2>Nom Prénom</h2>
<h3>Je vais tout défoncer !</h3>

<div class="intro_relation">Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="liens_relations"><a href="#">Présentation</a> <a href="#">Rapeltout</a> <a href="#">Hiboux</a></div>
<a href="http://ls-halloween.fr/" class="morsmordre_credits">Halloween</a>
</div>

<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Volkhov" rel="stylesheet"><style>.fond_pres {background: url(https://i.imgur.com/4MLFN8w.png) no-repeat bottom right, url(https://i.imgur.com/q46je9p.jpg); width: 550px; margin: auto; box-sizing: border-box; border-left: 5px solid #183d23; position: relative; font-family: 'Volkhov', serif; color: #d9d9d9;} .fond_pres ::-webkit-scrollbar {background: #d9d9d9; height: 7px; width: 7px;} .fond_pres ::-webkit-scrollbar-thumb {background: #183d23; border-radius: 27px;} .fond_pres h2 {background: url(https://i.imgur.com/f2Gmrxf.png) center no-repeat; display: block; font-family: times new roman; font-size: 35px; font-style: italic; letter-spacing: -2px; margin: -12% 0 0 0; padding: 9% 0; text-align: center; text-transform: lowercase; position: relative; color: #d9d9d9; font-weight: normal;} .fond_pres h3 {font-family: 'Alegreya Sans SC', sans-serif; letter-spacing: 2px; text-align: center; position: relative; font-weight: normal; margin: -11% 0 0 0;} .fond_pres h3::before {background: url(https://i.imgur.com/JMQCncn.png); content: ""; width: 10px; height: 10px; display: inline-block; margin: 0 2% 0 0;} .liens_relations a {text-decoration: none; color: #d9d9d9; transition: .5s all;} .liens_relations a:hover {color: #568A25;} img.image_footer {border: 1px solid #d9d9d9; float: left; margin: 0 3%; padding: 1%; width: 100px; height: 100px; object-fit: cover;} .informations_footer {background: rgba(0,0,0,.2); border-left: 2px solid #568A25; padding: 2% 5%; float: left; width: 60%; height: 90px; overflow: auto;} .informations_footer span {font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; text-transform: uppercase;} a.morsmordre_credits {color: #d9d9d9; display: block; font-family: Helvetica; font-size: 10px; font-style: italic; letter-spacing: -1px; margin: 4% 0 0; text-align: center; text-decoration: none; text-transform: lowercase; padding: 0 0 1%;} .intro_relation {background: rgba(0,0,0,.2); padding: 5%; width: 80%; margin: 0 auto 2%;} .liens_relations {text-align: center;} .liens_relations a {font-family: 'Alegreya Sans SC', sans-serif; font-weight: 400; letter-spacing: 2px; margin: 0 4% 5%; position: relative; text-align: center;} .liens_relations a::before {background: url(https://i.imgur.com/JMQCncn.png); content: ""; display: inline-block; margin: 0 2% 0 0; width: 10px; height: 10px;} .informations_footer h4 {margin: 0 0 0 2%; display: inline-block; font-family: 'Alegreya Sans SC', sans-serif; line-height: 3;} .informations_footer.gryffondor {border-left: 2px solid #AB2D29;} .informations_footer.gryffondor h4 {color: #AB2D29;} .informations_footer.gryffondor span {background: #AB2D29; padding: 1%;} .informations_footer.serdaigle {border-left: 2px solid #3B40A1;} .informations_footer.serdaigle h4 {color: #3B40A1;} .informations_footer.serdaigle span {background: #3B40A1; padding: 1%;} .informations_footer.serpentard {border-left: 2px solid #568A25;} .informations_footer.serpentard h4 {color: #568A25;} .informations_footer.serpentard span {background: #568A25; padding: 1%;} .informations_footer.poufsouffle {border-left: 2px solid #BFAF00;} .informations_footer.poufsouffle h4 {color: #BFAF00;} .informations_footer.poufsouffle span {background: #BFAF00; padding: 1%;} .informations_footer.poudlard {border-left: 2px solid #1697A8;} .informations_footer.poudlard h4 {color: #1697A8;} .informations_footer.poudlard span {background: #1697A8; padding: 1%;} .informations_footer.ministere {border-left: 2px solid #DB9214;} .informations_footer.ministere h4 {color: #DB9214;} .informations_footer.ministere span {background: #DB9214; padding: 1%;} .informations_footer.sorciers {border-left: 2px solid #693B94;} .informations_footer.sorciers h4 {color: #693B94;} .informations_footer.sorciers span {background: #693B94; padding: 1%;}</style>



<div class="fond_pres"><h2 class="footer">Nom Prénom</h2>
<h3>Groupe</h3>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer gryffondor"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer serdaigle"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer serpentard"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer poufsouffle"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer poudlard"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer ministere"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer sorciers"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div><a href="http://ls-halloween.fr/" class="morsmordre_credits">Halloween</a>
</div>