Fiche de liens Hannah

05/04/2014

Hannah Brennan
Fiche MP Instagram Téléphone

Âge 29 ans
Profession Officier de police (je sais plus)
Statut Célibataire
Adresse je sais plus
Avatar Bree Kish

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ultricies condimentum nisi ut lobortis. Aenean nunc lacus, laoreet eu venenatis at, iaculis eget sem. Nam convallis placerat libero ac euismod. Cras suscipit neque id magna auctor fermentum. Nunc quis hendrerit nisl, vitae varius quam. Sed in blandit orci. Vestibulum ante.

Wilson
Père

Tara
Mère

Winona
Soeur

Nathanaël
Frère

William
Frère

Archie
Fils

Oliver
Meilleur ami

Noam
Ami

Finn
Papa d'Archie

Griffin
Ami

Prénom Nom
Relation

Code:: [center]<div class="h-fl"><div class="h-head"><div class="h-img"><img src="https://i.servimg.com/u/f10/20/09/64/67/vava-h10.jpg"/></div><div class="h-infos"><span>Hannah Brennan <i><a>Fiche</a> <a>MP</a> <a>Instagram</a> <a>Téléphone</a></i></span> <b>Âge</b> 29 ans <b>Profession</b> Officier de police (je sais plus) <b>Statut</b> Célibataire <b>Adresse</b> je sais plus <b>Avatar</b> Bree Kish <span id="h-line"></span> <div class="h-text"><i>L</i>orem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ultricies condimentum nisi ut lobortis. Aenean nunc lacus, laoreet eu venenatis at, iaculis eget sem. Nam convallis placerat libero ac euismod. Cras suscipit neque id magna auctor fermentum. Nunc quis hendrerit nisl, vitae varius quam. Sed in blandit orci. Vestibulum ante.</div> </div></div> <span id="h-line" style="height:40px;"></span> <div class="h-liens"><div class="h-ul"><img src="https://i.servimg.com/u/f10/20/09/64/67/icone-10.jpg"/><span>Wilson<br/><i>Père</i></span></div> <div class="h-ul"><img src="https://64.media.tumblr.com/d9e70cdf7386173693d03f26599a3041/3c03e0d422cb8c95-40/s1280x1920/c74da0e03204066eafac23beaf4bcb7d52e31b62.jpg"/><span>Tara<br/><i>Mère</i></span></div> <div class="h-ul"><img src="https://64.media.tumblr.com/0d5ac62903b7feb7d93eabfe8f2d754d/511d0c929bca0af0-86/s2048x3072/c493ac8f240acf9bc1e32116dfe64c8aba8165e6.jpg"/><span>Winona<br/><i>Soeur</i></span></div> <div class="h-ul"><img src="https://64.media.tumblr.com/8015e370359bfc3b6732b01c41532397/d7b87516716e861d-0b/s400x600/d68a4fe67b26173566c794508c9e4c113c89b5ae.pnj"/><span>Nathanaël<br/><i>Frère</i></span></div> <div class="h-ul"><img src="https://64.media.tumblr.com/214abbf127e82233197e01809fd0c5e5/tumblr_oy1fb8CTrv1w5elzeo2_400.jpg"/><span>William<br/><i>Frère</i></span></div> <div class="h-ul"><img src="https://64.media.tumblr.com/4eb68d112d172aadb97ce4827a34db91/2395820e344d299d-ed/s250x400/f0f6d832d681ddc1e927fae019eb33822dc401d2.jpg"/><span>Archie<br/><i>Fils</i></span></div> <div class="h-ul"><img src="https://64.media.tumblr.com/3f232f36c85c8ca3597cc22dca16824c/tumblr_pv79j1Z6Zd1sx1zwqo9_400.pnj"/><span>Oliver<br/><i>Meilleur ami</i></span></div> <div class="h-ul"><img src="https://64.media.tumblr.com/835ee2e91f4528c54a280c7c3d5f1e3e/ccb2c5cfb7d5ec8e-49/s250x400/abd80c65eaaa3c3f19e305ee56dde0a76502ba84.jpg"/><span>Noam<br/><i>Ami</i></span></div> <div class="h-ul"><img src="https://64.media.tumblr.com/07147a7bd26bccd4abf04370d54bdf43/b561d610ad9dfdd8-95/s1280x1920/baa7155eb6c41c7cf46495ced61938b09cf1f565.jpg"/><span>Finn<br/><i>Papa d'Archie</i></span></div> <div class="h-ul"><img src="https://64.media.tumblr.com/1a66114fa78594e8f951d6d9dc4d7649/3961af2b88e5b039-11/s2048x3072/af0ca19df61faa3c93c6206e7ea62d2a8a542949.jpg"/><span>Griffin<br/><i>Ami</i></span></div> <div class="h-ul"><img src="https://64.media.tumblr.com/8a562d8af451da6add1376bc4de894e3/fe5295f3f7011d2e-08/s1280x1920/14da4789e21e837bc8ac6ed15885d47dd9c4bc31.jpg"/><span>Prénom Nom<br/><i>Relation</i></span></div></div> </div>[/center] <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Allura&display=swap" rel="stylesheet"> <style>.h-fl {width:500px;} .h-head {margin:10px auto;display:flex;} .h-img {width:225px;height:360px;border-radius:5px;overflow:hidden;position:relative;margin-right:15px;} .h-img img {width:100%;} .h-infos {width:235px;text-align:justify;} .h-infos span {font-family:'Allura';font-size:35px;color:#c77353;} .h-infos span i {display:inline-block;margin-top:-10px;font-size:11px;font-family:initial;color:#000;} #h-line {display:inline-block;width:100%;height:20px;background-image:url('https://64.media.tumblr.com/d96076678689c4566e717ba872f240b3/6858cce81a99a1b7-c1/s1280x1920/27372094e2441708c3f774583f18c74ba1b0ef49.pnj');background-size:cover;} .h-text {text-align:justify;margin:15px 0px;} .h-text i {display:inline-block;font-family:'Allura';font-size:20px;font-weight:700;color:#c77353;float:left;margin:0 15px 0 0;} .h-liens {margin:15px 0;} .h-ul {display:inline-block;width:100px;height:100px;border-radius:100%;border:5px solid #deafa07d;overflow:hidden;position:relative;} .h-ul img {width:100%} .h-ul span {display:none;position:absolute;z-index:10;top:0;left:0;background:#ffffffba;width:70px;padding:35px 15px;height:70px;color:#c77353;} .h-ul span i {} .h-ul:hover span {display:block;}</style>